:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f7faf4;--surface: #ffffff;--surface-soft: #eef5ec;--surface-tint: #dfead8;--text: #172018;--muted: #59665a;--line: #d9e4d6;--green: #4a7c4e;--green-strong: #315936;--sage: #6fa873;--amber: #b8732f;--berry: #a8456b;--cream: #fff7e8;--mint: #d9f0d8;--shadow: 0 24px 70px rgba(49, 89, 54, .15);--lifted-shadow: 0 34px 90px rgba(49, 89, 54, .22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 8% 10%,rgba(184,115,47,.18),transparent 24rem),radial-gradient(ellipse at 88% 18%,rgba(111,168,115,.28),transparent 30rem),linear-gradient(180deg,#fbfdf8 0%,var(--bg) 42%,#ffffff 100%);color:var(--text)}body,button,input{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{width:min(100%,1440px);margin:0 auto;overflow:hidden}.site-header{position:sticky;top:.75rem;z-index:10;width:min(calc(100% - 2rem),62rem);display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin:.75rem auto 0;padding:.45rem;border:1px solid rgba(255,255,255,.76);border-radius:999px;background:#ffffffb8;box-shadow:0 18px 42px #3159361f,inset 0 0 0 1px #3159360f;-webkit-backdrop-filter:blur(28px) saturate(1.25);backdrop-filter:blur(28px) saturate(1.25)}.brand{min-height:3rem;display:inline-flex;align-items:center;gap:.65rem;border-radius:999px;padding:.25rem .85rem .25rem .25rem;background:#f7faf4c7;color:var(--text);font-weight:850}.brand img{width:2.5rem;height:2.5rem;border-radius:.72rem;box-shadow:0 8px 20px #4a7c4e33}.nav-tabs{--active-index: 0;position:relative;display:grid;grid-template-columns:repeat(3,minmax(5.35rem,1fr));align-items:center;gap:.25rem;border-radius:999px;padding:.25rem;background:#eef5ecc7;isolation:isolate}.nav-tabs.nav-privacy{--active-index: 1}.nav-tabs.nav-support{--active-index: 2}.nav-indicator{position:absolute;top:.25rem;bottom:.25rem;left:.25rem;z-index:-1;width:calc((100% - 1rem) / 3);border-radius:999px;background:#fff;box-shadow:0 8px 18px #3159361a;transform:translate(calc(var(--active-index) * (100% + .25rem)));transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease}.nav-tabs a{position:relative;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 1rem;color:var(--muted);font-size:.94rem;font-weight:800;transform:translateY(0);transition:color .18s ease,transform .18s ease}.nav-tabs a[aria-current=page]{color:var(--green-strong)}.nav-tabs a:hover{color:var(--green-strong);transform:translateY(-1px)}.nav-tabs:has(a:nth-of-type(1):hover) .nav-indicator{transform:translate(0)}.nav-tabs:has(a:nth-of-type(2):hover) .nav-indicator{transform:translate(calc(100% + .25rem))}.nav-tabs:has(a:nth-of-type(3):hover) .nav-indicator{transform:translate(calc(200% + .5rem))}main{display:grid;gap:clamp(4rem,8vw,7rem)}.page-swap-enter-active,.page-swap-leave-active{transition:opacity .15s ease,transform .15s ease}.page-swap-enter-from,.page-swap-leave-to{opacity:0;transform:translateY(.35rem)}.section-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding:0 clamp(1rem,4vw,4rem)}.hero{min-height:calc(100svh - 4.75rem);padding-top:clamp(2rem,6vw,5rem);padding-bottom:clamp(2rem,4vw,4rem)}.hero-copy{max-width:45rem}.eyebrow{margin:0 0 .85rem;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0;line-height:1.02;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1{margin-bottom:1.2rem;max-width:12ch;font-size:clamp(3.5rem,9vw,8.5rem);font-weight:850}h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,4.15rem)}h3{margin-bottom:.7rem;font-size:clamp(1.1rem,2vw,1.35rem)}p{color:var(--muted);line-height:1.65}.hero-text{max-width:37rem;font-size:clamp(1.12rem,2vw,1.35rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.button{min-height:3.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 1.2rem;font-weight:800}.button.primary{background:linear-gradient(135deg,var(--green-strong),var(--green));color:#fff;box-shadow:0 18px 34px #31593642}.button.secondary{background:#ffffffb8;color:var(--green-strong);box-shadow:inset 0 0 0 1px #3159361f}.device-stage{position:relative;min-height:clamp(29rem,48vw,44rem);display:grid;place-items:center;isolation:isolate}.device-stage:before{position:absolute;inset:9% 2% 5% 6%;z-index:-1;border-radius:42% 58% 46% 54%/54% 38% 62% 46%;background:radial-gradient(circle at 26% 26%,rgba(255,247,232,.96),transparent 34%),linear-gradient(135deg,#d9f0d8eb,#fff7e8e0);content:"";transform:rotate(-6deg);box-shadow:var(--lifted-shadow)}.phone-mockup{position:relative;width:min(82vw,22.5rem);aspect-ratio:.48;padding:.82rem;border-radius:3.2rem;background:linear-gradient(145deg,#f9fbf5,#cfd9ca 48%,#fff);box-shadow:inset 0 0 0 1px #31593638,0 32px 70px #31593640;transform:rotate(-3deg)}.dynamic-island{position:absolute;top:1.35rem;left:50%;z-index:2;width:7rem;height:1.85rem;border-radius:999px;background:#111711;transform:translate(-50%)}.phone-screen{height:100%;display:grid;grid-template-rows:auto auto minmax(13rem,1fr) auto auto;gap:.9rem;padding:1.35rem 1.05rem 1.15rem;overflow:hidden;border-radius:2.55rem;background:#fff}.status-row{display:flex;align-items:center;justify-content:space-between;color:#0b0c0b;font-size:.92rem;font-weight:850}.status-icons{color:#111711;letter-spacing:.06em}.app-title{padding-top:1.95rem;color:#0b0c0b;font-size:1.18rem;font-weight:850;text-align:center}.timer-orbit{display:grid;place-items:center;align-self:center}.timer-ring{width:min(100%,18.3rem);aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:.25rem;border-radius:50%;background:radial-gradient(circle,#ffffff 0 67%,transparent 68%),conic-gradient(from 2deg,#c57d2a 0 22%,#c57d2a00 22% 100%),conic-gradient(from 0deg,#c57d2a21 0 100%);box-shadow:none}.timer-time{color:#000;font-size:clamp(3.5rem,9vw,5.6rem);font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.brew-current{display:grid;justify-items:center;gap:.24rem}.brew-current strong{color:#000;font-size:2.15rem;font-weight:900}.brew-current span,.brew-current small{color:#8d8f95;font-size:1.2rem;font-weight:800}.brew-current small{font-size:.94rem}.brew-actions{display:flex;justify-content:center;gap:.7rem}.brew-actions span{min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 .9rem;font-size:1rem;font-weight:800}.pause-action{background:#4f8556;color:#fff}.cancel-action{background:#e5eee4;color:#4f8556}.watch-mockup{position:absolute;right:clamp(-.35rem,1vw,.5rem);bottom:8%;width:clamp(10rem,19vw,12.4rem);aspect-ratio:.92;padding:.62rem;border-radius:2.65rem;background:#050705;box-shadow:0 24px 54px #1720184d;transform:rotate(5deg)}.watch-screen{height:100%;display:grid;grid-template-rows:auto 1fr;gap:.48rem;padding:1.05rem .85rem .82rem;overflow:hidden;border-radius:2.05rem;background:#000;color:#fff}.watch-top{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem}.watch-top span{color:#ffffff8f;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:850}.watch-top strong{color:#fff;font-size:.88rem;font-variant-numeric:tabular-nums;font-weight:850}.watch-tea-list{display:grid;align-content:start;gap:.45rem}.watch-tea-row{display:grid;grid-template-columns:2.05rem 1fr;align-items:center;gap:.5rem;min-height:3.1rem;padding:.45rem .55rem;border-radius:1.1rem;background:#222224}.watch-tea-icon{width:1.7rem;height:1.7rem;border-radius:50%}.watch-green .watch-tea-icon{background:#243827}.watch-black .watch-tea-icon{background:#32261f}.watch-oolong .watch-tea-icon{background:#3d2d20}.watch-tea-row strong,.watch-tea-row small{display:block;line-height:1.05}.watch-tea-row strong{color:#fff;font-size:.96rem;font-weight:850}.watch-tea-row small{margin-top:.16rem;color:#ffffff8f;font-size:.78rem;font-weight:750}.feature-band,.screenshot-band,.apple-panel,.support-band,.final-cta{margin:0 clamp(1rem,4vw,4rem)}.section-heading{max-width:47rem;margin-bottom:1.5rem}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.screenshot-band{padding:clamp(1.75rem,4vw,3rem);border-radius:2rem;background:linear-gradient(145deg,#ffffffb8,#eef5ecad),var(--surface-soft);box-shadow:0 18px 46px #31593614}.screenshot-band .section-heading{max-width:50rem}.screenshot-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.7rem,1.4vw,1rem);margin:1.65rem auto 0}.screenshot-frame{display:grid;align-content:start;gap:.62rem;margin:0}.screenshot-frame img{width:100%;height:auto;aspect-ratio:900 / 1947;object-fit:contain;border-radius:1rem;background:var(--cream);box-shadow:0 14px 30px #3159361f,inset 0 0 0 1px #3159361a}.screenshot-frame figcaption{color:var(--green-strong);font-size:.88rem;font-weight:850;text-align:center}.feature-card{min-height:16rem;padding:1.35rem;background:linear-gradient(145deg,#ffffffc7,#eef5ecb8);border-radius:1.3rem 1.3rem 1.3rem .45rem;box-shadow:0 16px 40px #3159361a;transition:transform .18s ease,box-shadow .18s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 24px 52px #31593624}.feature-card:nth-child(2){background:#f7f1e8}.feature-card:nth-child(3){background:#f6edf2}.feature-card:nth-child(4){background:#eef5ec}.workflow{align-items:start}.step-list{display:grid;gap:.9rem;margin:0;padding:0;counter-reset:step;list-style:none}.step-list li{position:relative;min-height:7rem;padding:1.25rem 1.25rem 1.25rem 4.7rem;background:linear-gradient(120deg,#fff,#f8fbf4);border-radius:1.2rem;box-shadow:0 16px 38px #31593614}.step-list li:before{position:absolute;top:1.25rem;left:1.25rem;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--surface-soft);color:var(--green-strong);content:counter(step);counter-increment:step;font-weight:800}.step-list span{display:block;margin-bottom:.3rem;font-weight:800}.step-list p{margin-bottom:0}.apple-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(18rem,1fr);gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(2rem,5vw,4rem);border-radius:2rem;background:radial-gradient(circle at 85% 20%,rgba(184,115,47,.14),transparent 18rem),linear-gradient(135deg,#ffffffd6,#eef5ece6),var(--surface-soft);box-shadow:var(--shadow)}.ecosystem-list{display:grid;gap:0;border-top:1px solid rgba(49,89,54,.14)}.ecosystem-item{display:grid;grid-template-columns:3.4rem 1fr;gap:1rem;align-items:start;padding:1.05rem 0;border-bottom:1px solid rgba(49,89,54,.14)}.ecosystem-item>span{width:2.35rem;height:2.35rem;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--green-strong);font-size:.72rem;font-weight:900;box-shadow:0 10px 24px #31593617,inset 0 0 0 1px #31593614}.ecosystem-item h3{margin-bottom:.3rem;color:var(--green-strong);font-size:clamp(1.05rem,1.7vw,1.24rem);line-height:1.18}.ecosystem-item p{margin-bottom:0;font-size:.98rem;line-height:1.55}.pro-band{align-items:start}.pro-band>div,.check-list{padding:clamp(1.5rem,3vw,2rem);border-radius:1.6rem;background:linear-gradient(145deg,#fff,#f5faf1);box-shadow:0 18px 46px #31593617}.check-list{display:grid;gap:.9rem;margin:0;list-style:none}.check-list li{position:relative;padding-left:2rem;color:var(--text);font-weight:700}.check-list li:before{position:absolute;left:0;top:.05rem;width:1.25rem;height:1.25rem;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;content:"✓";font-size:.8rem}.support-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,3vw,1.5rem);padding:clamp(1.5rem,3vw,2rem);border:1px solid rgba(49,89,54,.1);border-radius:2rem;background:radial-gradient(circle at 88% 20%,rgba(184,115,47,.12),transparent 14rem),linear-gradient(145deg,#ffffffe6,#f7faf4db);box-shadow:0 18px 46px #31593617}.support-mark{width:clamp(4rem,8vw,5.4rem);aspect-ratio:1;display:grid;place-items:center;border-radius:1.35rem;background:var(--cream);box-shadow:inset 0 0 0 1px #b8732f1f,0 16px 34px #3159361a}.support-mark span{position:relative;width:2.3rem;height:1.55rem;border-radius:.35rem .35rem .7rem .7rem;background:var(--green)}.support-mark span:before{position:absolute;top:.25rem;right:-.65rem;width:.82rem;height:.82rem;border:.28rem solid var(--green);border-left:0;border-radius:0 999px 999px 0;content:""}.support-mark span:after{position:absolute;left:.18rem;right:.18rem;bottom:-.48rem;height:.22rem;border-radius:999px;background:var(--green);content:""}.support-band h2{margin-bottom:.45rem;font-size:clamp(1.55rem,3vw,2.4rem)}.support-band p:not(.eyebrow){max-width:46rem;margin-bottom:0}.support-button{flex:0 0 auto;background:#fff;color:var(--green-strong);box-shadow:inset 0 0 0 1px #3159361f,0 14px 30px #31593614}.final-cta{display:flex;align-items:center;gap:1.25rem;padding:clamp(1.5rem,3vw,2rem);border-radius:2rem;background:radial-gradient(circle at 18% 28%,rgba(217,240,216,.28),transparent 13rem),linear-gradient(135deg,#243f28,var(--green-strong));color:#fff;box-shadow:0 26px 60px #3159362e}.final-cta .cta-button{flex:0 0 auto;margin-left:auto;background:#fff;color:var(--green-strong)}.final-cta p{margin-bottom:0;color:#ffffffc7}.final-cta .eyebrow{color:#b9d8b9}.final-cta h2{margin-bottom:.45rem;font-size:clamp(1.55rem,3vw,2.5rem)}.final-cta img{flex:0 0 auto;border-radius:1.2rem}.document-page{max-width:58rem;margin:0 auto;padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,2rem)}.document-hero{padding-bottom:2rem;border-bottom:1px solid var(--line)}.document-hero h1{max-width:none;font-size:clamp(2.75rem,7vw,5.75rem)}.document-hero a,.document-content a{color:var(--green-strong);font-weight:800;text-decoration:underline;text-underline-offset:.18em}.document-content{display:grid;gap:1.2rem}.document-actions{margin-top:1.5rem}.document-section{padding:1.35rem 0;border-bottom:1px solid var(--line)}.document-section h2,.faq-title{margin-bottom:.85rem;font-size:clamp(1.45rem,3vw,2rem)}.document-section h3{line-height:1.25}.document-section ul{display:grid;gap:.45rem;margin:0;padding-left:1.2rem;color:var(--muted);line-height:1.6}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:clamp(4rem,8vw,7rem);padding:1.5rem clamp(1rem,4vw,4rem)}.site-footer p{margin:0;font-size:.92rem}.site-footer div{display:flex;gap:1rem}.site-footer a{color:var(--green-strong);font-weight:800}@media(max-width:1040px){.section-grid,.apple-panel{grid-template-columns:1fr}.hero{min-height:auto}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.device-stage{min-height:0}}@media(max-width:680px){.site-header{top:.5rem;width:min(calc(100% - .5rem),33rem);gap:.2rem;margin-top:.5rem;padding:.25rem}.nav-tabs{flex:1;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:flex-end;gap:.12rem;padding:.18rem}.nav-tabs a{min-height:2.35rem;padding:0 .38rem;font-size:.78rem;transition:background .14s ease,color .14s ease}.nav-tabs a:hover,.nav-tabs a:active{transform:none}.nav-tabs a[aria-current=page]{background:#fff;box-shadow:0 6px 14px #31593614}.brand{min-height:2.55rem;gap:.38rem;padding:.16rem .48rem .16rem .16rem}.brand span{font-size:.84rem}.brand img{width:2.15rem;height:2.15rem}.nav-indicator{display:none}h1{font-size:clamp(3rem,16vw,4.5rem)}.hero-actions,.button{width:100%}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.watch-mockup{right:0;bottom:-2rem}.phone-mockup{transform:rotate(0)}.phone-screen{grid-template-rows:auto auto auto auto auto .28fr auto;gap:.66rem;padding-top:1.45rem;padding-bottom:.55rem}.app-title{padding-top:2.65rem}.timer-orbit{align-self:start;margin-top:.35rem}.timer-ring{width:min(78%,13.8rem)}.timer-time{font-size:clamp(3rem,13vw,4.5rem)}.brew-current strong{font-size:1.65rem}.brew-current span{font-size:1.05rem}.final-cta,.support-band,.site-footer{align-items:flex-start}.final-cta,.site-footer{flex-direction:column}.support-band{grid-template-columns:1fr}.final-cta .cta-button{width:100%;margin-left:0}.screenshot-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.document-page{padding-top:2.25rem}}@media(max-width:390px){.site-header{width:min(calc(100% - .35rem),33rem)}.brand{padding-right:.18rem}.brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav-tabs a{font-size:.76rem;padding:0 .32rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important}}