@import url('brand.css');

.wrap{width:min(1160px,calc(100% - 36px));margin:auto}
body{background:linear-gradient(180deg,#edf4e9 0,#f7faf7 390px,#fff 760px)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--gimi-line)}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0}.brand img{width:44px;height:44px;border-radius:13px}.brand-copy{line-height:1}.brand-copy strong{display:block;font-family:var(--gimi-hand);font-size:1.55rem;color:var(--gimi-purple);letter-spacing:.01em}.brand-copy small{display:block;color:var(--gimi-green);font-weight:800;font-size:.72rem;margin-top:4px}
.nav nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav nav a{text-decoration:none;font-weight:800;font-size:.91rem;padding:9px 11px;border-radius:999px;color:#4c5b55}.nav nav a:hover,.nav nav a[aria-current="page"]{background:var(--gimi-green-soft);color:var(--gimi-green-strong)}

.hero{padding:72px 0 64px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 20%,rgba(220,233,243,.95),transparent 29%),radial-gradient(circle at 8% 80%,rgba(244,234,246,.70),transparent 30%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.hero h1{font-family:var(--gimi-hand);font-size:clamp(3.45rem,7vw,6.45rem);line-height:.9;color:var(--gimi-purple);margin:.08em 0 .16em;letter-spacing:-.04em}.hero h1 .green{color:var(--gimi-green)}.hero .lead{font-size:clamp(1.1rem,2vw,1.34rem);max-width:690px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-actions.centre{justify-content:center}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.hero-visual{position:relative}.app-window{background:#fff;border:1px solid #d8e3d5;border-radius:25px;padding:10px;box-shadow:0 22px 55px rgba(66,91,80,.20);transform:rotate(1deg)}.app-window img{width:100%;border-radius:16px}.window-dots{display:flex;gap:5px;padding:2px 4px 9px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#d8e3d5}.window-dots i:first-child{background:#d7b9dc}.hero-sticker{position:absolute;right:-18px;bottom:-36px;width:46%;padding:10px;background:#fff;border:1px solid #d5e2d2;border-radius:18px;box-shadow:var(--gimi-shadow);transform:rotate(-3deg)}.hero-sticker.mini-sticker{width:56%}

.with-band{padding:34px 0;background:#fff;border-top:1px solid var(--gimi-line);border-bottom:1px solid var(--gimi-line)}.with-copy{text-align:center;font-family:var(--gimi-hand);font-size:clamp(2rem,4vw,3.35rem);font-weight:700;line-height:1.15;color:var(--gimi-green)}.with-pop{display:inline-block;color:var(--gimi-purple);font-size:1.18em;position:relative;padding:0 .08em;transform:rotate(-2deg)}.with-pop:after{content:"";position:absolute;left:-1%;right:-1%;height:8px;bottom:3px;background:var(--gimi-yellow);border-radius:999px;z-index:-1;transform:rotate(-2deg)}.with-pop.inline{font-size:1em}

section{padding:72px 0}.section-soft{background:linear-gradient(135deg,#eef5ea,#f7fbf5)}.section-purple{background:linear-gradient(135deg,#faf6fb,#f4eaf6)}.section-head{max-width:820px;margin:0 auto 34px;text-align:center}.section-head h2,.story h2,.split-copy h2,.personal-story h2{font-family:var(--gimi-hand);color:var(--gimi-green);font-size:clamp(2.15rem,4.4vw,3.25rem);line-height:1.08;margin:.15em 0}.section-head p{font-size:1.08rem;color:#53615c}.purple-title{color:var(--gimi-purple)!important}.purple-text{color:var(--gimi-purple)!important}
.yellow-underline{position:relative;display:inline-block}.yellow-underline:after{content:"";position:absolute;left:3%;right:1%;height:8px;bottom:2px;background:var(--gimi-yellow);border-radius:999px;z-index:-1;transform:rotate(-2deg)}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid.two-col{grid-template-columns:1fr 1fr}.feature{padding:23px;background:#fff;border:1px solid var(--gimi-line);border-radius:22px;box-shadow:var(--gimi-shadow-soft)}.feature-art{height:128px;display:grid;place-items:center;margin-bottom:14px;border-radius:16px;background:#fafcf9;overflow:hidden}.feature-art img{max-height:118px;max-width:94%;object-fit:contain}.feature h3{font-family:var(--gimi-hand);font-size:1.45rem;color:var(--gimi-purple);margin:0 0 6px}.feature p{margin:0;color:#58665f}

.idea-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.idea-card{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--gimi-line);box-shadow:var(--gimi-shadow-soft);position:relative;overflow:hidden}.idea-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--gimi-green)}.idea-card.purple-card:before{background:var(--gimi-purple)}.idea-card.cream-card:before{background:#c79a50}.idea-card.veg-card:before{background:#7b9d67}.idea-card h2{font-family:var(--gimi-hand);font-size:clamp(2rem,4vw,3.1rem);line-height:1;color:var(--gimi-green);margin:0 0 5px}.idea-card.purple-card h2{color:var(--gimi-purple)}.idea-card h3{font-family:var(--gimi-hand);font-size:1.45rem;font-weight:700;margin:0 0 14px;color:var(--gimi-ink)}.idea-card p{margin:0;color:#58665f;font-size:1.02rem}

.screens-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.screens-grid.one-wide{grid-template-columns:1fr}.screenshot-card{margin:0;padding:12px;background:#fff;border:1px solid #cddcc8;border-radius:24px;box-shadow:0 13px 34px rgba(66,91,80,.13)}.screenshot-card.wide{grid-column:1/-1}.screenshot-card img{width:100%;border-radius:15px;border:1px solid #e0e7dd}.screenshot-narrow img{object-fit:contain;background:#fff;min-height:130px}.shot-copy{padding:13px 7px 6px}.shot-copy h3{font-family:var(--gimi-hand);font-size:1.35rem;color:var(--gimi-purple);margin:0}.shot-copy p{margin:4px 0 0;color:#66726d;font-size:.94rem}

.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split.align-start{align-items:start}.real-food-panel{background:#fff;border:1px solid #c9d9c5;border-radius:24px;padding:22px;box-shadow:var(--gimi-shadow)}.real-food-panel img{width:100%;object-fit:contain}.checks{list-style:none;padding:0;margin:18px 0}.checks li{position:relative;padding:7px 0 7px 28px}.checks li:before{content:"✓";position:absolute;left:0;color:var(--gimi-green-strong);font-weight:950}.checks.purple li:before{color:var(--gimi-purple)}

.foodgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.food{position:relative;border-radius:20px;overflow:hidden;min-height:220px;background:#eef2ed;box-shadow:var(--gimi-shadow-soft);border:1px solid var(--gimi-line)}.food img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.food b{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.94);color:var(--gimi-purple);padding:7px 10px;border-radius:10px;font-size:.88rem}
.topic-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.topic{background:#fff;border:1px solid #cbdcc6;border-radius:16px;padding:8px;text-align:center;box-shadow:var(--gimi-shadow-soft)}.topic img{height:92px;width:100%;object-fit:contain;border-radius:11px}.topic b{display:block;font-size:.82rem;margin-top:5px}.wash-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.wash-row img{width:64px;height:44px;object-fit:contain;background:#fff;border-radius:12px;padding:4px;border:1px solid var(--gimi-line)}

.big-card{background:#fff;border:1px solid var(--gimi-line);border-radius:24px;padding:27px;box-shadow:var(--gimi-shadow-soft)}.big-card.premium{border-color:#d8c1dc;background:linear-gradient(145deg,#fff,#fbf6fc)}.big-card h2{font-family:var(--gimi-hand);font-size:2.55rem;color:var(--gimi-green);margin:0 0 8px}.big-card.premium h2{color:var(--gimi-purple)}

.story{max-width:850px;margin:auto}.story p{font-size:1.07rem}.story .quote{font-family:var(--gimi-hand);font-size:1.65rem;color:var(--gimi-purple);border-left:5px solid var(--gimi-yellow);padding:12px 0 12px 20px;margin:28px 0}.story-card{background:#fff;border:1px solid var(--gimi-line);border-radius:24px;padding:28px;box-shadow:var(--gimi-shadow-soft)}
.about-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:28px;align-items:start}.personal-story p{font-size:1.05rem}.about-side{display:grid;gap:16px}.about-side img{background:#fff;border:1px solid #cbdcc6;border-radius:20px;padding:12px;box-shadow:var(--gimi-shadow-soft)}
.about-photo{min-height:440px;border:1px solid #d6e1d2;border-radius:30px;background:#fff;padding:12px;box-shadow:var(--gimi-shadow);overflow:hidden}.about-photo img{display:block;width:100%;height:100%;min-height:416px;object-fit:cover;border-radius:22px}.about-photo+.hero-sticker{width:42%}.photo-placeholder{min-height:440px;border:2px dashed #b7cbb0;border-radius:30px;background:linear-gradient(145deg,#fff,#edf5e9);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;box-shadow:var(--gimi-shadow)}.photo-placeholder .camera-mark{font-size:3rem;margin-bottom:12px}.photo-placeholder b{font-family:var(--gimi-hand);font-size:2rem;color:var(--gimi-purple)}.photo-placeholder span{color:#68756f;margin-top:5px}

.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.formcard{border:1px solid var(--gimi-line);border-radius:24px;padding:25px;background:#fff;box-shadow:var(--gimi-shadow-soft)}.formcard h3{font-family:var(--gimi-hand);color:var(--gimi-purple);font-size:1.55rem;margin:0 0 6px}.formcard label{display:block;font-weight:800;margin:14px 0 6px;color:var(--gimi-green-strong)}.formcard input,.formcard textarea{width:100%;border:1px solid #bdcbbb;border-radius:12px;padding:12px;background:#fbfdfb;color:var(--gimi-ink)}.formcard textarea{min-height:105px;resize:vertical}.formcard button{border:0;background:var(--gimi-green);color:#fff;border-radius:999px;padding:12px 18px;font-weight:900;margin-top:15px}.formcard .checkbox-label{font-weight:500;color:var(--gimi-ink)}.formcard .checkbox-label input{width:auto}.note{font-size:.9rem;color:#6a746f}

.app-showcase{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;align-items:stretch}.app-preview-card{background:#fff;border:1px solid #cbdcc6;border-radius:24px;padding:20px;box-shadow:var(--gimi-shadow-soft)}.preview-title{font-family:var(--gimi-hand);font-weight:700;color:var(--gimi-green);font-size:1.55rem;margin-bottom:14px}.preview-input{display:flex;gap:10px;border:1px solid #cedccb;border-radius:13px;padding:8px 9px;align-items:center}.preview-input span{flex:1}.preview-input button,.share-row button{border:0;border-radius:999px;background:var(--gimi-green);color:#fff;padding:8px 13px;font-weight:800}.preview-chips{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.preview-chips span{background:#eef5ea;border:1px solid #cbdcc6;border-radius:999px;padding:7px 10px;font-size:.84rem}.preview-result{border-top:1px solid var(--gimi-line);padding-top:13px;display:grid;gap:3px}.preview-result b{color:var(--gimi-purple)}.preview-result small{color:#65716c}
.preview-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week-grid div{min-height:85px;background:#f7faf7;border:1px solid #d9e5d6;border-radius:12px;padding:9px;display:flex;flex-direction:column;gap:5px}.week-grid b{color:var(--gimi-green-strong)}.week-grid span{font-size:.78rem;color:#6a746f}.week-grid .planned{background:#f3eaf5;border-color:#dbc5df}.week-grid .planned span{color:var(--gimi-purple);font-weight:700}.plant-preview{margin-top:14px;padding:12px 14px;background:#eff6ec;border-radius:14px;display:flex;justify-content:space-between;gap:12px}.plant-preview span{color:var(--gimi-green-strong);font-weight:800}.shopping-preview label{display:flex;align-items:center;gap:10px;padding:10px 3px;border-bottom:1px solid #edf1ed}.shopping-preview input{accent-color:var(--gimi-green)}.shopping-preview label.done{text-decoration:line-through;color:#89928f}.share-row{display:flex;gap:8px;margin-top:14px}.share-row button:last-child{background:var(--gimi-purple)}
.mini-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.mini-feature-grid article{background:#fff;border:1px solid var(--gimi-line);border-radius:16px;padding:17px;box-shadow:var(--gimi-shadow-soft)}.mini-feature-grid b{font-family:var(--gimi-hand);display:block;font-size:1.2rem;color:var(--gimi-purple);margin-bottom:4px}.mini-feature-grid span{font-size:.9rem;color:#64706b}
.premium-demo{background:linear-gradient(145deg,#fff,#faf2fb);border:1px solid #d9c4dc;border-radius:26px;padding:28px;box-shadow:var(--gimi-shadow);text-align:center}.read-demo{display:inline-flex;align-items:center;gap:9px;border:1px solid #b88cbf;border-radius:999px;padding:10px 18px;color:var(--gimi-purple);font-weight:900;background:#fff}.premium-message{margin-top:18px;background:#fff8ef;border:1px solid #efdfc8;border-radius:20px;padding:20px}.premium-message .crown{font-size:2rem;color:#d99b1c}.premium-message h3{font-family:var(--gimi-hand);font-size:1.55rem;color:var(--gimi-purple);margin:3px 0}.premium-message p{margin:0;color:#58645f}

.cta-band{padding:34px 0;background:var(--gimi-purple);color:#fff}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-grid h2{font-family:var(--gimi-hand);font-size:2.25rem;margin:0}.cta-grid p{margin:3px 0 0;opacity:.88}.cta-band .gimi-button.ghost{border-color:#fff;color:#fff;background:transparent}
.site-footer{background:#26312d;color:#fff;padding:38px 0}.foot{display:flex;justify-content:space-between;align-items:flex-end;gap:28px}.foot-brand{font-family:var(--gimi-hand);font-size:1.5rem}.heart{font-family:var(--gimi-hand);font-weight:700;font-size:1.2rem;color:#ffe6f4}

@media(max-width:980px){.week-grid{grid-template-columns:repeat(4,1fr)}.mini-feature-grid{grid-template-columns:1fr 1fr}.preview-grid{grid-template-columns:1fr}}
@media(max-width:900px){.hero-grid,.split,.about-layout,.app-showcase{grid-template-columns:1fr}.hero-sticker{right:3%;bottom:-26px;width:39%}.feature-grid{grid-template-columns:1fr 1fr}.foodgrid{grid-template-columns:1fr 1fr}.topic-strip{grid-template-columns:1fr 1fr}.photo-placeholder{min-height:320px}.about-photo{min-height:320px}.about-photo img{min-height:296px}.about-side{grid-template-columns:1fr 1fr;align-items:center}}
@media(max-width:700px){.nav{align-items:flex-start;padding:12px 0}.brand-copy small{display:none}.nav nav{gap:3px}.nav nav a{font-size:.79rem;padding:7px 8px}.hero{padding-top:48px}.feature-grid,.screens-grid,.formgrid,.idea-grid{grid-template-columns:1fr}.screenshot-card.wide{grid-column:auto}.cta-grid,.foot{display:block}.cta-grid .gimi-button{margin-top:15px}.heart{margin-top:18px}.hero-sticker{position:static;width:65%;margin:-8px 0 0 auto;transform:rotate(-2deg)}.week-grid{grid-template-columns:repeat(2,1fr)}.about-side{grid-template-columns:1fr}.mini-feature-grid{grid-template-columns:1fr}.feature-grid.two-col{grid-template-columns:1fr}}
@media(max-width:480px){.wrap{width:min(100% - 24px,1160px)}.brand img{width:38px;height:38px}.brand-copy strong{font-size:1.24rem}.hero h1{font-size:3.2rem}.foodgrid{grid-template-columns:1fr}.topic-strip{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.app-window{padding:7px}.hero-sticker{width:78%}.with-copy{font-size:2rem}.week-grid{grid-template-columns:1fr 1fr}.photo-placeholder{min-height:260px}.about-photo{min-height:260px}.about-photo img{min-height:236px}.preview-grid{grid-template-columns:1fr}}