:root{--navy:#071f3d;--green:#13a447;--deep:#087c3a;--light:#edf8f0;--cream:#fbfcf8;--ink:#10243d;--muted:#617083;--orange:#ff9800;--purple:#6c63ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff}header{height:92px;display:flex;align-items:center;gap:30px;padding:8px 4vw;position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid #edf0ee}.brand{flex-shrink:0}.brand img{height:68px;width:280px;object-fit:cover;object-position:center;display:block}nav{display:flex;gap:22px;margin-left:auto}nav a,.text-link{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.btn{display:inline-block;background:linear-gradient(135deg,var(--green),#0b8f3f);color:#fff;text-decoration:none;padding:14px 24px;border-radius:999px;font-weight:800;box-shadow:0 8px 24px rgba(19,164,71,.16)}.big{padding:18px 30px;font-size:18px}.get-app{display:none}.app-on-mobile{display:block}.app-mobile-note{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--muted);max-width:460px;line-height:1.5}.app-mobile-note a{color:var(--deep);font-weight:800}.menu{display:none}.hero{min-height:650px;padding:70px 5vw 55px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.15fr);align-items:center;background:radial-gradient(circle at 75% 30%,#eaf8ed 0,transparent 35%),linear-gradient(180deg,#fff,#fbfdfb)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--deep)}h1{font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-.05em;margin:16px 0 20px}h1 em{font-style:normal;color:var(--green)}.lead{font-size:22px;line-height:1.45;max-width:600px}.steps{display:flex;gap:32px;margin:22px 0}.steps div{display:flex;align-items:center;gap:10px;font-weight:700}.steps b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:24px}.steps div:nth-child(2) b{background:var(--navy)}.steps div:nth-child(3) b{background:var(--orange)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:12px}.hero-actions .app-on-mobile{width:auto;max-width:100%}.hero-actions .desktop-qr{margin-top:0}.hero-copy{min-width:0}.hero-copy small{color:var(--muted)}.hero-visual{min-width:0;height:520px;position:relative;display:flex;align-items:center;justify-content:center}.phone{width:250px;height:500px;border:10px solid #171a1d;border-radius:40px;background:#edf8f0;box-shadow:0 25px 55px rgba(8,31,61,.2);z-index:2;transform:rotate(-2deg);overflow:hidden;position:relative}.phone img{width:100%;height:112%;object-fit:cover;object-position:center 8%;display:block;margin-top:-3%}.phone-scan{position:absolute;inset:0;z-index:1;pointer-events:none}.phone-scan-window{position:absolute;left:7%;right:7%;top:55%;height:28%;border:2px solid rgba(31,245,154,.92);border-radius:14px;box-shadow:0 0 0 999px rgba(7,31,61,.2),inset 0 0 18px rgba(31,245,154,.12);overflow:hidden}.phone-scan-beam{position:absolute;left:4%;right:4%;height:3px;background:linear-gradient(90deg,transparent,#c8ffe4 15%,#1ff59a 50%,#c8ffe4 85%,transparent);box-shadow:0 0 16px 2px #1ff59a,0 10px 22px rgba(31,245,154,.4);animation:phoneScan 2.1s ease-in-out infinite alternate}.phone-scan-status{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);background:#071f3d;color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:999px;box-shadow:0 8px 18px rgba(7,31,61,.28)}@keyframes phoneScan{from{top:8%}to{top:88%}}@media(prefers-reduced-motion:reduce){.phone-scan-beam{animation:none;top:46%}}.notch{width:100px;height:20px;background:#171a1d;border-radius:0 0 15px 15px;margin:auto}.screen{padding:18px;text-align:center}.mini-brand{font-weight:800;color:var(--deep)}.scan-card{height:210px;margin:20px 0;background:linear-gradient(135deg,#d8bd91,#755232);border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden}.barcode{font-family:monospace;font-size:28px;background:#f5f2e9;padding:18px 8px;transform:rotate(3deg)}.scanline{position:absolute;left:8%;right:8%;height:3px;background:#1ff59a;box-shadow:0 0 12px #1ff59a;animation:scan 2s infinite alternate}@keyframes scan{from{top:30%}to{top:70%}}.screen p{font-size:12px}.progress{height:5px;width:55%;margin:auto;border-radius:9px;background:linear-gradient(90deg,var(--green) 60%,#e5e9e6 60%)}.grub{position:absolute;width:310px;right:0;bottom:0;z-index:4}.bubble{position:absolute;right:70px;top:5px;background:#fff;border-radius:30px;padding:18px 22px;font-size:21px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.08);z-index:5}.bubble span{font-size:13px;font-weight:500}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 5vw;border-top:1px solid #eee;border-bottom:1px solid #eee}.trust div{display:flex;flex-direction:column}.trust strong{font-size:15px}.trust span{font-size:13px;color:var(--muted)}.section{padding:90px 7vw}.section-head{max-width:800px;margin-bottom:45px}.section h2,.personal h2,.sponsors h2,.final-cta h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;line-height:1.05;margin:12px 0 18px}.section p,.personal p{font-size:18px;line-height:1.65;color:var(--muted)}.cards{display:grid;gap:22px}.how-layout{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:center}.how-phone{display:flex;justify-content:center}.how-video-phone{width:250px;height:520px;transform:rotate(-2deg);z-index:1}.how-video-phone video{width:100%;height:100%;object-fit:cover;display:block;background:#111}.how-steps{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}article{padding:30px;border:1px solid #e8ece9;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(7,31,61,.05)}article h3{font-size:22px}.num{display:grid;place-items:center;width:42px;height:42px;background:var(--green);color:#fff;border-radius:50%;font-weight:800}.personal{padding:75px 7vw;background:var(--navy);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.personal p{color:#c9d3df}.match-stack{display:grid;gap:12px}.match-stack div{background:#fff;color:var(--ink);padding:20px 24px;border-radius:18px;font-weight:700;display:flex;justify-content:space-between}.match-stack b{color:var(--green)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.quote-chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.quote-chips span{background:var(--light);padding:12px 16px;border-radius:999px;font-size:14px}.food-panel{height:440px;border-radius:30px;background:linear-gradient(0deg,rgba(7,31,61,.55),rgba(7,31,61,.1)),url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1200&q=80') center/cover;position:relative}.food-panel .label{position:absolute;left:32px;bottom:32px;color:#fff;font-size:34px;font-weight:700}.food-panel strong{color:#7ee18e}.pro{background:#f7faf8}.monitor-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:980px;margin:8px auto 48px;align-items:end}.monitor{margin:0}.monitor-bezel{background:#1c1f23;border-radius:12px;padding:9px;box-shadow:0 18px 40px rgba(7,31,61,.14)}.monitor-bezel img{width:100%;display:block;border-radius:4px}.monitor-neck{width:12px;height:22px;margin:0 auto;background:linear-gradient(#d5d9de,#aeb4ba)}.monitor-foot{width:42%;height:8px;margin:0 auto;background:#9aa1a8;border-radius:999px}.pro .btn{margin-top:8px}.flow{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:35px 0}.flow span{background:#fff;border:1px solid #dfe8e2;padding:14px 18px;border-radius:999px;font-weight:700}.flow b{color:var(--green)}.tint{background:linear-gradient(135deg,#eff9f1,#fff)}.ingredient{padding:34px;border-radius:26px;background:#fff;box-shadow:0 15px 50px rgba(7,31,61,.1)}.ingredient small{letter-spacing:.15em;font-weight:800}.ingredient .arrow{text-align:center;font-size:34px;color:var(--green)}.ingredient .ok{color:var(--deep);font-weight:700}.note{font-size:13px!important}.performance{text-align:center;background:var(--navy);color:#fff}.performance p{color:#c8d3df;max-width:850px;margin:0 auto}.performance .flow span{color:var(--ink)}.mission{text-align:center;max-width:950px;margin:auto}.mission h3{font-size:30px;color:var(--deep)}.sponsors{text-align:center;padding:85px 7vw;background:#f7faf8}.sponsor-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,430px));justify-content:center;gap:30px;margin-top:35px}.sponsor-grid a{min-height:250px;background:#fff;border-radius:26px;border:1px solid #e2e9e4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-decoration:none;color:var(--deep);font-weight:800;box-shadow:0 10px 30px rgba(7,31,61,.05)}.sponsor-grid img{max-width:260px;max-height:150px;object-fit:contain;margin-bottom:20px}.final-cta{margin:70px 5vw;background:linear-gradient(135deg,#eaf8ed,#fff);border-radius:36px;padding:45px 7vw;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:40px}.final-cta>img{width:250px}.desktop-qr{display:flex;align-items:center;gap:14px;margin-top:22px}.desktop-qr img{width:112px;height:112px;object-fit:contain;display:block;border-radius:8px}.desktop-qr small{max-width:260px;color:var(--muted);font-size:14px;font-weight:600;line-height:1.45}.scan-cta{align-items:center;gap:12px;margin-top:4px;padding:12px 14px;width:max-content;max-width:420px;min-width:0;flex-wrap:nowrap;background:linear-gradient(180deg,#fff,#edf8f0);border:2px solid var(--green);border-radius:16px;box-shadow:0 12px 28px rgba(19,164,71,.16)}.scan-cta img{width:88px;height:88px;flex:0 0 88px;padding:4px;background:#fff;border:1px solid #d7eadc;border-radius:12px;box-shadow:0 6px 14px rgba(7,31,61,.08)}.scan-cta-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.scan-cta-copy strong{display:block;white-space:nowrap;font-size:18px;letter-spacing:-.04em;line-height:1.15;color:var(--deep)}.scan-cta-copy small{display:block;max-width:100%;color:var(--ink);font-size:13px;line-height:1.35}footer{padding:35px 5vw;display:flex;align-items:center;gap:30px;border-top:1px solid #eee}footer img{width:210px}footer p:last-child{margin-left:auto;color:var(--muted)}@media(max-width:980px){nav,.desktop-get{display:none}.menu{display:block;margin-left:auto;border:0;background:none;font-size:26px}.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{margin-top:20px}.grub{z-index:4}.how-layout{grid-template-columns:1fr}.how-video-phone{width:220px;height:456px}.monitor-row{grid-template-columns:1fr;max-width:520px;gap:28px}.trust{grid-template-columns:1fr 1fr}.three,.split,.personal{grid-template-columns:1fr}.flow b{display:none}.sponsor-grid{grid-template-columns:1fr}.final-cta{grid-template-columns:1fr;text-align:center}.final-cta>img{margin:auto}.get-app{display:inline-block}.app-on-mobile,.desktop-qr{display:none}}@media(max-width:600px){header{height:74px}.brand img{height:50px;width:206px}.hero{padding:42px 20px}.hero h1{font-size:46px}.lead{font-size:18px}.steps{gap:10px;justify-content:space-between}.steps div{flex-direction:column;text-align:center;font-size:11px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{height:470px}.phone{width:200px;height:420px;margin-right:40px}.grub{width:158px;right:-4px;bottom:-4px}.bubble{font-size:15px;right:5px;top:0;padding:12px}.trust{padding:20px;gap:18px}.section,.sponsors{padding:65px 22px}.personal{padding:60px 22px}.final-cta{margin:40px 18px;padding:35px 22px}.final-cta>img{width:190px}footer{flex-direction:column;text-align:center}footer p:last-child{margin:0}}