:root{--ink:var(--ink);--muted:var(--muted);--line:var(--line);--paper:var(--white-soft);--soft:var(--surface);--dark:var(--dark);--space:clamp(64px,8vw,120px);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Figtree,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 64px),1200px);margin-inline:auto}.muted{color:var(--muted)}.center{text-align:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.body{max-width:440px;color:var(--muted);font-size:18px}.supporting{margin-top:32px;font-size:14px;font-weight:600}.logo{font-size:24px;font-weight:700;letter-spacing:-.08em}.logo span,.hero h1 i,h2 i,.hello span{color:var(--accent);font-style:normal}header{border-bottom:1px solid var(--line)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px}.nav-links{display:flex;gap:32px;color:var(--muted);font-size:14px}.nav-links a:hover,.text-link:hover{color:var(--ink)}.button{display:inline-flex;align-items:center;gap:24px;padding:16px 20px;border-radius:999px;background:var(--ink);color:var(--white);font-size:14px;font-weight:600}.button.small{padding:12px 16px}.button.light{background:var(--white);color:var(--ink)}.button span,.text-link span{font-size:18px}.hero{min-height:720px;padding:var(--space) 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.hero h1{font-size:clamp(56px,7vw,88px);line-height:.98;letter-spacing:-.075em;font-weight:600;margin:32px 0}.lead{max-width:440px;color:var(--muted);font-size:20px}.actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:40px}.text-link{font-size:14px;font-weight:600}.note{color:var(--muted);font-size:14px;margin-top:24px}.hero-art{height:520px;border-radius:var(--radius);background:var(--surface-hero);display:grid;place-items:end center;position:relative;overflow:hidden}.phone{width:248px;height:440px;background:var(--white-soft);border-radius:32px 32px 0 0;box-shadow:0 16px 40px var(--shadow);padding:24px 20px;position:relative;z-index:1;margin-bottom:-64px}.phone.back{position:absolute;transform:rotate(10deg) translate(84px,28px);background:var(--surface-deep);color:var(--muted-light);display:flex;align-items:start;justify-content:center;padding-top:48px}.screen-top,.tiny{font-size:10px;color:var(--accent-muted);display:flex;justify-content:space-between}.hello{margin-top:48px;font-size:24px;font-weight:600;letter-spacing:-.06em}.tea-orb{width:144px;height:144px;margin:24px auto 16px;border-radius:50%;display:grid;place-items:center;background:var(--surface-orb);color:var(--accent-muted);font-size:40px}.phone h3{text-align:center;font-size:20px;letter-spacing:-.05em;margin:0}.screen-button{margin-top:24px;background:var(--ink);border-radius:8px;color:var(--white);padding:12px;text-align:center;font-size:12px}.screen-button span{float:right}.intro,.split,.progress,.origins,.learning,.collection{padding:var(--space) 0;display:grid;grid-template-columns:1fr 2fr;gap:32px;border-top:1px solid var(--line)}h2{font-size:clamp(44px,5vw,64px);line-height:1.02;letter-spacing:-.07em;font-weight:600;margin:0 0 32px}.intro .body{grid-column:2}.loop{padding:var(--space) 0}.section-head{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.loop-line{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:64px}.loop-line article{border-top:1px solid var(--line);padding-top:20px}.loop-line b{color:var(--muted);font-size:12px}.loop-line h3{font-size:24px;letter-spacing:-.05em;margin:48px 0 12px}.loop-line p{color:var(--muted);margin:0}.panel{border-radius:var(--radius);background:var(--soft);padding:32px}.catalog{align-self:start}.catalog-top,.tea-card,.rating,.collection-item{display:flex;align-items:center;justify-content:space-between}.families,.tags{display:flex;gap:8px;flex-wrap:wrap}.families{margin:32px 0}.families span,.tags span{padding:8px 12px;border:1px solid var(--line-strong); border-radius:999px;color:var(--muted);font-size:12px}.families .active,.tags span{background:var(--ink);border-color:var(--ink);color:var(--white)}.tea-card{padding:16px 0;border-top:1px solid var(--line-strong);gap:16px}.tea-card>div:nth-child(2){flex:1}.tea-card p,.collection-item p,.detail-screen p{color:var(--muted);font-size:14px;margin:4px 0}.mini-orb{width:40px;height:40px;border-radius:50%;background:var(--surface-orb);display:grid;place-items:center;color:var(--accent-muted)}.mini-orb.pale{background:var(--surface-pale)}.feature-band{padding-bottom:var(--space);display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail,.timer{background:var(--surface-panel)}.detail-screen{background:var(--paper);border-radius:16px;padding:24px;margin-top:32px}.metadata,.recipe{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:12px;color:var(--muted)}.timer-face{text-align:center;padding:48px 0 32px}.timer-face span{font-size:96px;line-height:1;letter-spacing:-.09em}.timer-face small{display:block;color:var(--muted);font-size:14px}.recipe{grid-template-columns:repeat(4,1fr);color:var(--ink)}.journal-card{max-width:480px;justify-self:end;background:var(--surface-panel)}.rating b{font-size:24px}.journal-card blockquote{margin:48px 0 0;padding-top:20px;border-top:1px solid var(--line-strong);font-size:18px}.progress{align-items:center}.stats{background:var(--surface-panel)}.mascot{font-size:80px;text-align:right;color:var(--accent)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line-strong);padding-top:24px}.stat-grid span{color:var(--muted);font-size:14px}.stat-grid b{display:block;font-size:40px;color:var(--ink);letter-spacing:-.06em}.badge{margin-top:32px;padding:20px;background:var(--paper);border-radius:12px;display:flex;justify-content:space-between}.badge span{color:var(--muted)}.map{background:var(--surface-panel)}.map-shape{text-align:center;font-size:56px;line-height:2;color:var(--accent);padding:48px 0}.country-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line-strong);padding-top:20px;font-size:14px}.country-list span{display:flex;justify-content:space-between}.country-list b{color:var(--muted);font-weight:400}.concepts{display:flex;align-content:center;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:var(--surface-panel)}.concepts span{font-size:24px;letter-spacing:-.05em;padding:12px 16px;border:1px solid var(--line-strong);border-radius:999px}.concepts i{width:100%;margin-top:32px;text-align:center;color:var(--muted)}.collection-card{max-width:480px;background:var(--surface-panel)}.collection-tabs{display:flex;gap:24px;margin:32px 0;color:var(--muted);font-size:14px}.collection-tabs b{color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:8px}.collection-item{border-top:1px solid var(--line-strong);padding-top:20px;gap:16px}.collection-item>div:nth-child(2){flex:1}.premium{padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:64px;background:var(--surface-panel);border-radius:var(--radius);margin-bottom:var(--space)}.plans>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-strong);padding:20px 0}.plans p{margin:0}.plans b{font-size:32px;letter-spacing:-.06em}.plans .best span{margin-left:12px;padding:8px;border-radius:999px;background:var(--ink);color:var(--white);font-size:12px;font-weight:400}.plans ul{padding-left:20px;color:var(--muted);line-height:2}.legal{grid-column:2;color:var(--muted);font-size:12px;margin:0}.faq{padding:var(--space) 0}.faq h2{margin-top:32px}.faq-list{max-width:800px;margin-left:auto}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:20px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px;color:var(--muted)}.faq details p{max-width:560px;color:var(--muted);margin:16px 32px 0 0}.download{background:var(--dark);color:var(--white);overflow:hidden}.download-inner{padding:var(--space) 0;position:relative}.download h2{font-size:clamp(48px,6vw,72px);margin:32px 0}.download>div>p:not(.eyebrow){font-size:18px;color:var(--muted-light)}.final-phone{position:absolute;right:10%;bottom:-160px;background:var(--paper);color:var(--ink);margin:0}.footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:12px}.footer p{margin:0}.footer div{display:flex;gap:20px}.footer small{width:100%}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.nav{height:64px}.nav-links{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:64px 0;gap:48px}.hero h1{font-size:56px}.hero-art{height:440px}.intro,.split,.progress,.origins,.learning,.collection{display:flex;flex-direction:column;padding:64px 0}.intro .body{margin-top:0}.loop{padding:64px 0}.section-head{display:block}.loop-line{display:flex;flex-direction:column;margin-top:40px;gap:32px}.loop-line h3{margin:24px 0 8px}.feature-band{display:flex;flex-direction:column;padding-bottom:64px}.panel{padding:24px}.metadata{gap:8px}.premium{display:flex;flex-direction:column;padding:32px;gap:32px}.legal{order:3}.journal-card,.collection-card{max-width:none;justify-self:auto}.concepts{min-height:320px}.concepts span{font-size:18px}.faq{padding:64px 0}.faq-list{margin:32px 0 0}.download-inner{padding:64px 0 400px}.final-phone{right:calc(50% - 124px);bottom:-240px}.footer{padding:24px 0}.footer div{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){a,.button{transition:color .2s ease,background .2s ease,transform .2s ease}.button:hover{transform:translateY(-2px)}}

/* Cool blue-gray palette override */
:root{--ink:var(--ink);--muted:var(--muted);--line:var(--line);--paper:var(--paper);--soft:var(--surface);--dark:var(--dark)}
.hero-art{background:var(--surface-hero)}.phone.back{background:var(--surface-deep);color:var(--muted-light)}.tea-orb,.mini-orb{background:var(--surface-orb);color:var(--accent-muted)}.detail,.timer{background:var(--surface-panel)}.phone,.final-phone{background:var(--white-soft)}

/* OL9 design tokens: the only place where palette values are defined. */
:root { --ink:#11151a; --dark:#15191e; --muted:#6d7680; --muted-strong:#66717c; --muted-light:#7b8792; --accent:#89939e; --accent-muted:#7d8994; --line:#d9dee3; --line-strong:#cbd2d9; --paper:#f7f9fb; --white:#fff; --white-soft:#f8fafc; --surface:#e8ecf0; --surface-alt:#e9edf1; --surface-card:#e4e8ec; --surface-panel:#e7ebef; --surface-hero:#e5eaf0; --surface-deep:#d6dbe1; --surface-orb:#dce2e8; --surface-pale:#e0e5ea; --shadow:#0000001a; }