@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--cream:#f8f1e4;--paper:#fffdf8;--ink:#302c25;--muted:#776e62;--accent:#b55d3c;--dark:#8f432b;--border:#e5dac9;--green:#536a4c;--soft:#f4ded4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:800;letter-spacing:-1.4px}h1{font-size:clamp(42px,4.7vw,70px);line-height:1.11;letter-spacing:-3.5px}h2{font-size:clamp(32px,3.5vw,49px);line-height:1.15;letter-spacing:-2px}em{font-style:normal;color:var(--accent)}.wrap{width:min(1180px,calc(100% - 80px));margin:0 auto}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;font:800 32px 'Fraunces',Georgia,serif;text-decoration:none;letter-spacing:-1.5px;gap:10px}.brand img{border-radius:13px}.brand-dot{color:var(--accent);margin-left:-9px}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:600}.site-header nav a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:18px 25px;border:1px solid var(--accent);border-radius:16px;min-height:56px;background:var(--accent);color:#fffdf8;text-decoration:none;font-weight:700;font-size:15px;transition:background .15s,transform .15s}.button:hover{background:var(--dark);transform:translateY(-2px)}.button span{font-size:21px}.button.secondary{background:#f2e2d3;border-color:#e2c3af;color:var(--dark)}.button.secondary:hover{background:var(--soft)}.button.small{font-size:13px;min-height:45px;padding:10px 18px;gap:18px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;min-height:730px;padding:30px 0 65px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--dark);display:flex;align-items:center;gap:10px}.eyebrow>span{height:7px;width:7px;background:var(--accent);border-radius:50%}.hero h1{margin:25px 0}.hero-description{max-width:465px;font-size:17px;line-height:1.85;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.text-link{display:inline-flex;gap:12px;align-items:center;font-weight:700;font-size:13px;text-decoration:none;color:var(--dark);line-height:1.5}.text-link:hover{text-decoration:underline}.hero-note{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;margin-top:22px}.little-check{font-size:12px;color:var(--green);background:#e5e8d9;border-radius:50%;padding:2px 5px}.hero-scene{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;padding-left:20px}.scene-orbit{width:490px;height:490px;border-radius:50%;background:#eedfc9;position:absolute;max-width:110%;box-shadow:0 0 0 20px #f3e9d9}.floating-note{position:absolute;right:-5px;top:30px;transform:rotate(8deg);font-size:15px;font-weight:600;line-height:1.6;color:#7f5139;z-index:2}.floating-note span{font-size:31px;margin-left:-24px;display:block}.phone{background:var(--cream);border:6px solid #fffdf8;border-radius:43px;width:294px;box-shadow:0 36px 65px #52392423,0 0 0 1px #e8dbcb;position:relative;transform:rotate(-5deg);overflow:hidden;z-index:1}.phone-top{display:flex;justify-content:space-between;align-items:center;padding:12px 23px 15px;font-size:11px;font-weight:800;height:53px}.phone-island{background:#302c25;width:88px;height:22px;border-radius:20px;margin-top:-5px}.phone-content{padding:0 18px 18px}.phone-heading{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.phone-heading .eyebrow{font-size:7px;letter-spacing:1.6px}.phone h2{font-size:29px;letter-spacing:-1px;margin-top:5px}.demo-avatar{background:#e4c4af;color:var(--dark);width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:800}.phone-subtitle{font-size:10px;color:var(--muted);margin-top:6px}.week{display:flex;justify-content:space-between;margin:22px 0 18px}.week>span{font-size:8px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 13px;border-radius:15px}.week b{font-size:14px}.week .selected{background:var(--accent);color:white}.demo-recipe{background:var(--paper);border-radius:22px;padding:17px;border:1px solid var(--border)}.demo-recipe-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:20px}.label-soft{font-size:7px;font-weight:800;background:var(--soft);padding:6px 8px;border-radius:6px;letter-spacing:.7px}.demo-recipe h3{font-size:19px;line-height:1.35;letter-spacing:-.7px;margin:11px 0 8px}.demo-recipe p{font-size:9px;color:var(--muted);line-height:1.6}.recipe-meta{display:flex;gap:12px;font-size:8px;color:var(--muted);margin:15px 0}.demo-action{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:white;font-size:9px;font-weight:700;padding:13px;border-radius:11px}.tomorrow{display:flex;align-items:center;justify-content:space-between;padding:18px 4px 0}.tomorrow .eyebrow{font-size:7px;color:var(--muted)}.tomorrow h3{font-size:12px;letter-spacing:-.3px;margin-top:6px}.tomorrow>span{font-size:17px;color:var(--muted)}.demo-tabs{display:flex;justify-content:space-around;background:#fffdf8dd;border-top:1px solid var(--border);padding:14px 10px 16px;color:var(--muted)}.demo-tabs>span{display:flex;align-items:center;flex-direction:column;gap:5px;font-size:18px}.demo-tabs small{font-size:6px}.demo-tabs .active{color:var(--accent)}.shopping-note{position:absolute;bottom:45px;right:-25px;z-index:3;background:var(--paper);width:265px;max-width:90%;padding:19px;border-radius:20px;border:1px solid var(--border);box-shadow:0 20px 40px #52392415;transform:rotate(5deg)}.note-heading{display:flex;gap:10px;align-items:center;margin-bottom:15px}.note-icon{background:#e5e8d9;color:var(--green);width:30px;height:30px;display:grid;place-items:center;border-radius:10px;font-weight:700}.note-heading b{font-size:13px}.note-heading small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.shopping-note p{display:flex;align-items:center;gap:10px;font-size:10px;margin-top:11px}.shopping-note p>span:last-child{margin-left:auto;font-size:9px;color:var(--muted)}.checked,.unchecked{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:5px;border:1px solid #b9c0ac;font-size:10px;color:white;flex-shrink:0}.checked{background:var(--green);border-color:var(--green)}s{color:var(--muted)}.demo-disclaimer{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted);white-space:nowrap}.rhythm{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.rhythm>p{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.rhythm>div{display:flex;gap:30px;align-items:center;font-weight:700;font-size:17px}.rhythm i{font-style:normal;color:#b59e82}.features{padding:110px 0 80px}.section-heading{text-align:center;max-width:610px;margin:0 auto 48px}.section-heading .eyebrow{justify-content:center;margin-bottom:19px}.section-heading>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);margin:20px auto 0;max-width:470px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:#f2e7d6;padding:27px;border:1px solid #e9dbc7;border-radius:27px;overflow:hidden}.feature-card:nth-child(2){background:#e9ebdd;border-color:#dfe2d0}.feature-card:nth-child(3){background:#f4e3d9;border-color:#eed6c7}.feature-number{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#746453}.feature-card>h3{font-size:23px;line-height:1.3;letter-spacing:-.8px;margin:30px 0 13px}.feature-card>p{font-size:13px;line-height:1.85;color:var(--muted)}.mini-recipe{padding:20px;margin:22px 0 0;background:var(--paper);border:1px solid #e5dacb;border-radius:18px;transform:rotate(-3deg);height:166px;box-shadow:0 10px 15px #2f292308}.mini-tag{font-size:7px;letter-spacing:1px;color:var(--accent);font-weight:800}.mini-recipe h3{font-size:21px;margin:8px 0 16px;line-height:1.25;letter-spacing:-.5px}.mini-recipe>div{display:flex;gap:12px;font-size:9px;color:var(--muted)}.mini-plan{display:grid;gap:9px;margin-top:22px;height:166px;align-content:center}.mini-plan>div{display:flex;align-items:center;gap:12px;padding:15px 12px;background:#fffdf8a1;border-radius:12px;font-size:10px;border:1px solid #dfe2d0;transform:rotate(2deg)}.mini-plan b{font-size:9px;color:var(--muted)}.mini-plan i{font-style:normal;margin-left:auto;color:var(--green)}.mini-plan .highlight{background:var(--paper);transform:rotate(-2deg)}.mini-shopping{padding:19px 15px;background:var(--paper);border-radius:18px;margin-top:22px;height:166px;display:grid;align-content:center;gap:17px;transform:rotate(-2deg)}.mini-shopping>div{display:flex;align-items:center;gap:10px;font-size:11px}.mini-shopping small{margin-left:auto;font-size:9px;color:var(--muted)}.together{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:40px 60px 90px}.together h2{font-size:35px;letter-spacing:-1.4px;margin:15px 0 20px}.together p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:24px}.together-art{min-height:280px;position:relative;display:flex;align-items:center;justify-content:center}.together-art:before{content:'';position:absolute;width:265px;height:265px;border-radius:50%;background:#efe0cb}.avatar-stack{position:relative;border:6px solid var(--cream);width:87px;height:87px;border-radius:50%;display:grid;place-items:center;font:800 25px 'Fraunces',Georgia,serif;margin-left:-13px;z-index:1}.a1{background:#dfbda8;color:#8f432b;transform:translateY(-20px) rotate(-8deg)}.a2{background:#d8dfc7;color:var(--green)}.a3{background:#dfcba3;color:#7b5b26;transform:translateY(-15px) rotate(8deg)}.shared-note{position:absolute;bottom:30px;left:30px;padding:18px 23px;background:var(--paper);border:1px solid var(--border);border-radius:15px;font-size:14px;font-weight:600;transform:rotate(-5deg);z-index:2;box-shadow:0 12px 25px #5239240c}.shared-note>span{margin-left:17px;color:var(--accent)}.install{padding:80px 60px;background:#efe5d6;border-radius:35px}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.install-grid article{background:var(--paper);border:1px solid var(--border);border-radius:23px;padding:30px;display:flex;align-items:flex-start;flex-direction:column}.install-symbol{font-size:25px;background:var(--soft);color:var(--dark);width:45px;height:45px;display:grid;place-items:center;border-radius:14px;margin-bottom:19px}.install h3{font-size:24px;letter-spacing:-.8px;margin-bottom:15px}.install-grid p{font-size:13px;line-height:1.8;color:var(--muted)}.install ol{font-size:12px;color:var(--muted);line-height:1.9;padding-left:19px;margin:20px 0 26px}.install .button{margin-top:auto;min-height:50px;padding:12px 19px;font-size:13px}.install-detail{margin:20px 0 30px}.install article>small{font-size:10px;color:var(--muted);margin-top:12px}.desktop-note{text-align:center;font-size:12px;color:var(--muted);margin-top:28px}.desktop-note a{color:var(--dark);text-underline-offset:3px}.closing{text-align:center;padding:110px 0 100px}.closing .eyebrow{justify-content:center;margin-bottom:23px}.closing h2{font-size:clamp(42px,5vw,65px);margin-bottom:28px}.closing>p:last-child{font-size:12px;color:var(--muted);margin-top:19px}.site-footer{border-top:1px solid var(--border);padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .brand{font-size:25px}.site-footer>span{font-size:12px;color:var(--muted)}.site-footer>div{display:flex;gap:20px;font-size:12px;color:var(--muted)}.site-footer>div a{text-decoration:none}.skip-link{position:absolute;left:20px;top:-100px;background:var(--ink);color:white;padding:16px;z-index:10}.skip-link:focus{top:10px}.legal{max-width:760px;padding:65px 0 90px}.legal h1{font-size:42px;letter-spacing:-2px;margin-bottom:30px}.legal h2{font-size:23px;letter-spacing:-.5px;margin:32px 0 12px}.legal p,.legal li{color:var(--muted);font-size:15px;line-height:1.9}.legal ul{padding-left:20px}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:15px;min-height:680px}.hero-scene{transform:scale(.9);transform-origin:center}.floating-note{right:-15px}.shopping-note{right:-20px}.rhythm>div{gap:18px;font-size:15px}.together{gap:40px;padding-left:25px;padding-right:25px}.feature-card{padding:20px}.install{padding:65px 35px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{height:83px}.site-header nav{display:none}.brand{font-size:28px}.brand img{width:38px;height:38px}.hero{grid-template-columns:1fr;padding:35px 0 35px;gap:0}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.5px}.hero h1{font-size:clamp(37px,8.7vw,60px);letter-spacing:-2px;margin:22px 0}.hero-description{font-size:15px;margin:auto;max-width:430px;line-height:1.8}.hero-actions{justify-content:center;gap:20px;margin-top:25px}.hero-actions .button{padding:14px 21px;min-height:53px}.hero-note{justify-content:center;font-size:11px}.hero-scene{transform:none;min-height:620px;width:min(440px,100%);margin:20px auto 0;padding:0}.scene-orbit{width:320px;height:390px;border-radius:150px;max-width:90%;box-shadow:0 0 0 15px #f3e9d9}.phone{width:279px}.floating-note{right:0;top:18px;font-size:11px}.shopping-note{right:0;bottom:40px;width:237px;padding:15px}.demo-disclaimer{bottom:5px}.rhythm{flex-direction:column;gap:20px;padding:28px 0}.rhythm>div{font-size:12px;gap:12px}.features{padding:65px 0 35px}.section-heading h2{font-size:34px}.section-heading>p:last-child{font-size:14px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:25px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.feature-number{grid-column:1/-1}.mini-recipe,.mini-plan,.mini-shopping{grid-row:2/4;grid-column:2;margin:22px 0 0;min-width:0}.feature-card>h3{font-size:20px;margin:23px 0 10px;grid-row:2;grid-column:1}.feature-card>p{grid-column:1;font-size:12px;grid-row:3}.mini-plan>div{gap:6px;padding:12px 8px;font-size:8px}.mini-recipe{padding:14px}.mini-recipe h3{font-size:18px}.mini-shopping{padding:14px 10px}.mini-shopping>div{font-size:9px;gap:6px}.mini-shopping small{font-size:8px}.together{grid-template-columns:1fr;padding:15px 0 60px;gap:10px;text-align:center}.together-art{max-width:340px;width:100%;margin:auto}.together .eyebrow{justify-content:center}.together h2{font-size:32px}.together p:not(.eyebrow){font-size:14px;max-width:450px;margin:0 auto 22px}.install{padding:45px 20px;border-radius:25px}.install-grid{grid-template-columns:1fr}.install-grid article{padding:25px}.closing{padding:70px 0}.closing h2{font-size:49px}.closing .eyebrow{font-size:8px}.site-footer{flex-wrap:wrap;gap:20px;padding:25px 0}.site-footer>span{font-size:10px}.site-footer>div{width:100%;justify-content:center;padding-top:15px;border-top:1px solid var(--border);font-size:11px}.legal{padding:40px 0}.legal h1{font-size:34px}}
@media(max-width:380px){.feature-card{display:block}.mini-recipe,.mini-plan,.mini-shopping{max-width:240px;margin:22px auto 0}.hero-scene{min-height:600px}.hero-actions{flex-direction:column}.rhythm>div{gap:8px;font-size:11px}.floating-note{right:0;top:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.site-arrow{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.site-arrow--down{transform:rotate(90deg)}.site-arrow--up-right{transform:rotate(-45deg)}.site-arrow--left{transform:rotate(180deg)}
.mini-plan .site-arrow,.rhythm .site-arrow{width:14px;height:14px}
.hero-scene{flex-direction:column;gap:32px;padding-top:0;padding-bottom:42px}
.phone{max-width:calc(100% - 32px)}
.floating-note{position:static;align-self:flex-end;margin:0 24px 0 0;transform:none}
.rhythm>div{flex-wrap:wrap;justify-content:center}
@media(max-width:760px){.hero-scene{gap:30px;min-height:0;padding:0 0 45px;margin-top:36px}.floating-note{align-self:center;text-align:center;font-size:14px;margin:0}}
@media(max-width:380px){.phone{transform:rotate(-3deg)}.site-header{gap:10px}.site-header .button{gap:10px;padding-inline:12px;white-space:nowrap}}
@media(min-width:761px){
  .site-header nav{font-size:16px}
  .site-header .button.small{font-size:15px}
  .hero-copy>.eyebrow,.section-heading>.eyebrow,.together>div>.eyebrow,.closing>.eyebrow{font-size:12px}
  .hero-description{font-size:18px}
  .text-link{font-size:15px}
  .hero-note{font-size:14px}
  .rhythm>p{font-size:12px}
  .section-heading>p:last-child{font-size:17px}
  .feature-number{font-size:11px}
  .feature-card>p{font-size:15px}
  .together p:not(.eyebrow){font-size:16px}
  .install-grid p{font-size:15px}
  .install ol{font-size:14px}
  .install .button{font-size:15px}
  .install article>small{font-size:12px}
  .desktop-note,.closing>p:last-child{font-size:14px}
  .site-footer>span,.site-footer>div{font-size:14px}
  .legal p,.legal li{font-size:16px}
}