/* Reference-led app presentation: Atoms hierarchy, Gumbo food grouping, 21st editorial collage.
   Exact app tokens and local OFL faces. ENERGY 2 / RHYTHM 3 / MOTION 2. */
@font-face{font-family:Fraunces;src:url('Fraunces-VF.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'DM Sans';src:url('DMSans-VF.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--bg:#FBF8F3;--surface:#FFFFFF;--shelf:#F2EAE0;--ink:#2B1D16;--muted:#65564C;--accent:#B3361E;--soft:#F8E2DA;--font-display:Fraunces,Georgia,serif;--font-body:'DM Sans',Arial,sans-serif;--line:#DCD3C9;--shadow:0 20px 60px #2B1D1620}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--font-display);font-weight:550;line-height:1.05;letter-spacing:-.045em;font-style:normal}h1{font-size:clamp(50px,5.7vw,80px);max-width:11ch}h2{font-size:clamp(38px,4vw,56px)}h3{font-size:21px;line-height:1.35;font-weight:650;letter-spacing:-.02em}p{max-width:60ch}a{color:var(--accent);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:3px}img{display:block;max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-block:23px;border-bottom:1px solid var(--line)}.brand{font-family:var(--font-display);font-size:29px;font-weight:600;letter-spacing:-.04em;line-height:1;text-decoration:none;color:var(--ink);padding-block:8px;min-height:44px}.brand span{display:block;font-family:var(--font-body);font-size:11px;letter-spacing:0;font-weight:500;margin-top:6px;color:var(--muted)}nav{display:flex;gap:22px}nav a{display:inline-flex;min-height:44px;align-items:center;font-size:14px;text-decoration:none;color:var(--ink)}nav a:hover,nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}.skip{position:absolute;top:-100px;left:16px;z-index:10;padding:12px;background:var(--bg)}.skip:focus{top:12px}.kicker{font-size:14px;font-weight:650;color:var(--muted);margin-bottom:18px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:center;padding-block:64px 78px;min-height:730px}.hero-copy{position:relative;z-index:1}.hero-copy .lede{font-size:19px;line-height:1.55;max-width:36ch;margin-top:24px;color:var(--muted)}.store-button{font-family:var(--font-body);font-size:15px;font-weight:650;border:0;background:var(--accent);color:var(--surface);padding:16px 20px;min-height:52px;border-radius:8px;display:inline-block;line-height:1.4;margin-top:28px;cursor:not-allowed;opacity:1}.availability{font-size:13px;color:var(--muted);margin-top:12px}.hero-visual{position:relative;min-height:562px;display:flex;align-items:center;justify-content:center}.hero-screen{position:relative;width:246px;z-index:2;animation:settle .9s ease-out both}.app-shot{border:1px solid var(--line);border-radius:22px;width:100%;background:var(--bg)}.hero-screen .app-shot{box-shadow:var(--shadow)}.hero-screen figcaption{text-align:center;font-size:11px;color:var(--muted);margin-top:12px}.dish{position:absolute;width:174px;height:290px;object-fit:cover;border-radius:16px}.dish-left{left:-3px;top:68px;transform:rotate(-12deg);animation:photo-arrival 1.2s ease-out both}.dish-right{right:-4px;bottom:52px;transform:rotate(11deg);animation:photo-arrival 1.2s ease-out both}.process{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;padding-block:84px 94px;border-top:1px solid var(--line)}.steps{list-style:none;counter-reset:steps;margin:0;padding:0}.steps li{counter-increment:steps;padding:23px 0 23px 50px;border-top:1px solid var(--line);position:relative}.steps li:first-child{padding-top:0;border-top:0}.steps li:before{content:'0' counter(steps);position:absolute;left:0;font-size:13px;color:var(--muted);font-weight:600;top:27px}.steps li:first-child:before{top:5px}.steps p{color:var(--muted);font-size:16px;margin-top:8px}.features{background:var(--shelf);padding-block:82px 78px}.feature-head{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:46px}.feature-head>p{max-width:30ch;font-size:17px;color:var(--muted)}.screen-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.feature:nth-child(2){padding-top:48px}.feature:nth-child(4){padding-top:48px}.feature .app-shot{border-radius:18px}.feature figcaption{margin-top:24px}.feature h3{font-size:19px}.feature p{color:var(--muted);font-size:15px;margin-top:8px}.privacy-block{background:var(--ink);color:var(--bg);padding-block:80px}.privacy-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px}.privacy-inner .kicker{color:var(--bg)}.privacy-inner p:not(.kicker){margin-top:24px;font-size:18px;max-width:48ch}.text-link{display:inline-flex;min-height:44px;align-items:center;font-weight:650;margin-top:25px}.privacy-inner a{color:var(--bg)}.privacy-inner a:focus-visible{outline-color:var(--bg)}.faq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;padding-block:90px}.faq>div>p:last-child{color:var(--muted);margin-top:25px}.faq>div>p a{display:inline-flex;align-items:center;min-height:44px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 32px 22px 0;position:relative;min-height:64px;font-size:17px;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;top:19px;font-size:24px;font-weight:400}details[open] summary:after{content:'−'}details p{padding:0 15px 24px 0;color:var(--muted);font-size:16px}.footer{display:flex;justify-content:space-between;gap:30px;padding-block:45px 40px;border-top:1px solid var(--line)}.footer p{color:var(--muted);font-size:14px;margin-top:12px}.footer .small{font-size:12px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:0}.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.document-layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:80px;justify-content:space-between;padding-block:60px 90px}.document-index{position:sticky;top:30px;align-self:start;padding-top:8px}.document-index>p{font-size:13px;color:var(--muted);margin-bottom:14px}.document-index nav{display:flex;flex-direction:column;gap:4px}.document-index nav a{line-height:1.4;padding-block:8px;font-size:14px;color:var(--muted)}.document h1{font-size:60px;max-width:none;margin-bottom:20px}.document .lede{font-size:22px;margin-bottom:28px;color:var(--muted)}.document p{margin-bottom:18px}.document .small{font-size:14px;color:var(--muted)}.document h2{font-size:30px;letter-spacing:-.025em;margin-bottom:18px}.document section{padding-top:34px;margin-top:34px;border-top:1px solid var(--line)}.document p a{display:inline-block;min-height:44px;line-height:44px;overflow-wrap:anywhere}.document a{min-height:44px}.sketch-B{display:flex;flex-direction:column;text-align:center;gap:5px;padding-top:40px}.sketch-B .hero-copy{max-width:740px}.sketch-B h1{max-width:14ch;margin-inline:auto}.sketch-B .lede{margin-inline:auto}.sketch-B .hero-visual{width:100%;min-height:430px}.sketch-B .hero-screen{width:190px}.sketch-B .dish-left{left:15%;top:65px;width:240px;height:300px}.sketch-B .dish-right{right:15%;bottom:45px;width:240px;height:300px}.sketch-C .dish{width:270px;height:380px}.sketch-C .dish-left{top:20px;left:12px;transform:rotate(-4deg)}.sketch-C .dish-right{bottom:10px;right:-5px;transform:rotate(5deg)}
@keyframes settle{from{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes photo-arrival{from{opacity:.2;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.hero{gap:15px}.hero-screen{width:220px}.dish{width:140px;height:240px}.process,.privacy-inner,.faq{gap:40px}.screen-strip{gap:20px}.document-layout{gap:40px;grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.top{padding-block:14px;gap:12px}.brand{font-size:23px}.brand span{font-size:10px}.top nav{gap:13px}.top nav a{font-size:12px}.hero{grid-template-columns:minmax(0,1fr);padding-block:30px 40px;gap:22px;min-height:0}.hero h1{font-size:45px;max-width:12ch;line-height:1.03}.kicker{font-size:12px;margin-bottom:12px}.hero-copy .lede{font-size:16px;max-width:36ch;margin-top:17px}.store-button{font-size:14px;min-height:48px;margin-top:20px;padding:13px 16px;max-width:100%}.availability{font-size:12px;margin-top:10px}.hero-visual{min-height:398px}.hero-screen{width:170px}.hero-screen .app-shot{border-radius:16px}.hero-screen figcaption{font-size:10px;margin-top:10px}.dish{width:119px;height:218px;border-radius:12px}.dish-left{left:10px;top:28px;transform:rotate(-10deg)}.dish-right{right:10px;bottom:34px;transform:rotate(10deg)}.process{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:46px 52px}h2{font-size:39px}.steps li{padding-block:20px;padding-left:40px}.steps li:before{top:24px}.steps h3{font-size:20px}.steps p{font-size:15px}.features{padding-block:46px}.feature-head{display:block;margin-bottom:30px}.feature-head>p{font-size:15px;margin-top:20px}.screen-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.feature:nth-child(2),.feature:nth-child(4){padding-top:30px}.feature .app-shot{border-radius:13px}.feature figcaption{margin-top:15px}.feature h3{font-size:16px}.feature p{font-size:13px}.privacy-block{padding-block:46px}.privacy-inner{display:block}.privacy-inner h2{font-size:38px}.privacy-inner p:not(.kicker){font-size:16px;margin-top:20px}.text-link{font-size:15px;margin-top:18px}.faq{grid-template-columns:minmax(0,1fr);gap:25px;padding-block:48px}.faq>div>p:last-child{font-size:15px;margin-top:20px}summary{font-size:16px;padding-block:19px}details p{font-size:15px}.footer{flex-direction:column;gap:22px;padding-block:32px}.footer-links a{font-size:14px}.document-layout{display:block;padding-block:32px 48px}.document-index{display:none;position:static;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:30px}.document-index nav{gap:0}.document-index nav a{font-size:13px;min-height:44px}.document h1{font-size:43px}.document .lede{font-size:20px}.document p{font-size:16px}.document h2{font-size:28px}.document section{margin-top:28px;padding-top:28px}.sketch-B h1{max-width:12ch}.sketch-B .hero-visual{min-height:410px}.sketch-B .dish-left{left:0;width:125px;height:230px}.sketch-B .dish-right{right:0;width:125px;height:230px}.sketch-C .hero-visual{min-height:360px}.sketch-C .dish{width:190px;height:300px}.sketch-C .dish-left{left:0}.sketch-C .dish-right{right:0}}
@media(max-width:360px){.top{flex-wrap:wrap}.top nav{gap:24px}.hero h1{font-size:40px}.dish{width:100px;height:185px}.dish-left{left:0}.dish-right{right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}