@font-face{font-family:Inter;src:url('/assets/inter.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/inter-semibold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Sora;src:url('/assets/sora.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#0b0b0b;--bone:#edeae5;--stone:#aaa69e;--muted:#6a665f;--border:#d5d1c9;--panel:#f7f5f1;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bone);color:var(--ink);font:400 1rem/1.65 Inter,system-ui,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Sora,system-ui,sans-serif;font-weight:400;line-height:1.13}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9f6500;outline-offset:5px}::selection{background:#b8b0a2;color:#0b0b0b}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--bone);color:var(--ink);padding:12px}.skip:focus{top:12px}.site-header{background:var(--ink);color:var(--bone);border-bottom:1px solid #30302e}.nav-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:flex;align-items:center;gap:10px;font:400 1.05rem Sora,sans-serif;letter-spacing:.28em;text-decoration:none}.wordmark img{width:35px;height:35px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:.875rem;text-decoration:none;padding:10px 0}.nav-links a:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 23px;border-radius:100px;border:1px solid currentColor;text-decoration:none;font-size:.875rem;font-weight:600;line-height:1.4}.pill.primary{background:var(--bone);color:var(--ink);border-color:var(--bone)}.pill.dark{background:var(--ink);color:var(--bone);border-color:var(--ink)}.pill:hover{transform:translateY(-2px)}.hero{background:var(--ink);color:var(--bone);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;min-height:760px;padding-block:80px 100px}.eyebrow{font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;font-weight:600;line-height:1.6}.hero .eyebrow{color:#bcb8b1}.hero h1{font-size:clamp(3.5rem,6.3vw,6rem);letter-spacing:-.065em;line-height:1.06;margin:25px 0 28px}.hero h1 span{color:#a7a39b}.hero-copy>p:not(.eyebrow){color:#c4c0b9;max-width:430px;font-size:1.05rem}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:32px}.hero .availability{font-size:.8125rem;color:#aaa69e;margin-top:23px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.hero-art:before{content:'';position:absolute;width:510px;height:510px;border:1px solid #464541;border-radius:50%;transform:translate(12px,30px)}.hero-art:after{content:'';position:absolute;width:620px;height:620px;border:1px solid #292927;border-radius:50%;transform:translate(12px,30px)}.app-shot{position:relative;z-index:1;width:274px;border:8px solid #242423;border-radius:36px;box-shadow:0 30px 80px #0009;transform:rotate(5deg)}.image-caption{position:absolute;bottom:12px;left:0;z-index:2;background:var(--bone);color:var(--ink);padding:16px 21px;border-radius:14px;max-width:240px;font-size:.875rem;box-shadow:0 12px 32px #0004}.image-caption strong{display:block;font-weight:600;margin-bottom:2px}.chapter{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.chapter:before{content:'';width:22px;height:1px;background:currentColor}.section{padding-block:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:20px 0 50px}.section-heading h2{font-size:clamp(2.3rem,4vw,3.5rem);letter-spacing:-.045em;max-width:630px}.section-heading>p{max-width:325px;color:var(--muted)}.intro-strip{border-bottom:1px solid var(--border)}.intro-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:27px;font-size:.875rem}.intro-strip span{color:var(--muted)}.menu-toggle{display:none}.footer{background:var(--ink);color:var(--bone);padding:60px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:48px}.footer-tag{color:var(--stone);max-width:310px;margin-top:18px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 55px;font-size:.875rem}.footer-bottom{padding-top:25px;border-top:1px solid #34332f;color:var(--stone);font-size:.75rem;display:flex;justify-content:space-between;gap:25px}.footer-bottom p{max-width:660px}.text-link{font-size:.875rem}.muted{color:var(--muted)}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav-inner{min-height:80px}.nav-links{gap:18px}.hero-grid{gap:30px;min-height:680px}.hero h1{font-size:3.7rem}.hero-art:before{width:350px;height:350px}.hero-art:after{width:450px;height:450px}.app-shot{width:230px}.image-caption{left:-5px;bottom:-15px;max-width:180px;font-size:.8125rem}.section{padding-block:70px}.section-heading{align-items:start;flex-direction:column;gap:22px}}@media(max-width:600px){.nav-links{display:none;position:absolute;left:0;right:0;top:79px;padding:20px;background:var(--ink);z-index:6;border-bottom:1px solid #333;flex-wrap:wrap}.nav-links.open{display:flex}.menu-toggle{display:block;background:none;color:inherit;border:1px solid #777;border-radius:30px;min-height:44px;padding:8px 17px}.hero-grid{grid-template-columns:1fr;padding-block:50px 64px;gap:60px}.hero h1{font-size:clamp(3.3rem,14vw,5.3rem)}.hero-copy>p:not(.eyebrow){max-width:100%}.hero-art{max-width:330px;width:100%;margin:auto}.app-shot{width:230px}.image-caption{left:0;bottom:20px}.intro-strip .wrap{align-items:start;flex-direction:column;gap:5px}.section-heading h2{font-size:2.3rem}.footer-top,.footer-bottom{flex-direction:column}.footer-links{gap:12px 25px}.section{padding-block:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.small-number{font-size:.75rem;letter-spacing:.15em;font-weight:600;color:var(--muted)}.feature-showcase{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);padding-block:65px;gap:90px;align-items:center}.feature-story h3{font-size:2.05rem;line-height:1.3;letter-spacing:-.04em;margin:20px 0}.feature-story>p{color:var(--muted)}.clean-list{list-style:none;margin:25px 0 30px;padding:0}.clean-list li{display:flex;gap:14px;margin:12px 0;line-height:1.5}.clean-list li:before{content:'✓';flex-shrink:0}.feature-image{background:#dedad3;border-radius:22px;padding:45px 35px 22px;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:hidden}.feature-image img{width:240px;border:6px solid #191918;border-radius:26px;box-shadow:0 16px 40px #0002}.feature-image figcaption{font-size:.75rem;color:var(--muted);text-align:center}.feature-image.nutrition{background:#e4e0d9}.quiet-note{font-size:.875rem!important;line-height:1.65;color:var(--muted)}.feature-story .quiet-note{border-top:1px solid var(--border);padding-top:20px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--border);padding-top:50px}.feature-index{font:400 2.2rem Sora,sans-serif;color:#888379}.feature-row h3{font-size:1.23rem;margin:18px 0 14px;line-height:1.4}.feature-row p{color:var(--muted);font-size:.9375rem}.plans{background:#dedad3}.plan-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan-card{background:var(--panel);border-radius:20px;padding:40px;display:flex;flex-direction:column}.plan-top{display:flex;gap:15px;justify-content:space-between;align-items:center}.plan-top h3{font-size:1.2rem}.plan-top span{font-size:.75rem;border:1px solid #c4c0b9;border-radius:30px;padding:4px 10px;white-space:nowrap}.plan-card .price{font:400 3rem/1.2 Sora,sans-serif;letter-spacing:-.06em;margin:32px 0 20px}.price span{font:400 .875rem Inter,sans-serif;letter-spacing:0;white-space:nowrap}.plan-card>p:not(.price){font-size:.9375rem}.plan-card .pill{align-self:start;margin-top:auto}.plan-card.premium{background:var(--ink);color:var(--bone)}.premium .plan-top span{border-color:#555}.plan-launch{padding-top:20px;margin-top:auto;font-size:.875rem;color:#c4c0b9;border-top:1px solid #444}.pricing-note{max-width:860px;font-size:.8125rem;color:#57534e;margin:26px 0}.compare{margin-top:40px;border-top:1px solid #aaa69e;border-bottom:1px solid #aaa69e}.compare summary{padding:23px 0}.table-scroll{overflow-x:auto;margin-bottom:22px}table{border-collapse:collapse;width:100%;min-width:480px;text-align:left;font-size:.875rem}caption{text-align:left;font-weight:600;margin:20px 0}th,td{padding:16px 12px;border-bottom:1px solid #c5c0b6}th{font-weight:600}thead{background:#d3cec4}.compare>.quiet-note{margin-bottom:25px}.privacy-band{background:var(--ink);color:var(--bone);padding-block:85px}.privacy-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.privacy-band h2{font-size:3.1rem;letter-spacing:-.04em;margin-top:20px}.privacy-band p:not(.eyebrow){color:#bcb8b1}.privacy-band .pill{margin-top:26px}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.faq-section h2{font-size:2.4rem;letter-spacing:-.04em;margin:20px 0 27px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:first-child{border-top:1px solid var(--border)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:600;min-height:64px;padding-block:20px}summary::-webkit-details-marker{display:none}summary span{font-size:1.5rem;font-weight:400}details[open]>summary span{transform:rotate(45deg)}.faq-list details>div{padding:0 0 23px;color:var(--muted);font-size:.9375rem}.faq-list a{color:var(--ink)}.document-header{padding-block:50px 65px}.back{display:inline-block;font-size:.875rem;color:var(--muted);margin-bottom:45px}.document-header h1{font-size:clamp(2.8rem,6vw,5.5rem);letter-spacing:-.055em;margin:25px 0}.lede{font-size:1.15rem;max-width:640px;color:var(--muted)}.doc-date{font-size:.8125rem;color:var(--muted);margin-top:26px}.document-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:80px;padding-bottom:100px;border-top:1px solid var(--border);padding-top:50px}.toc{align-self:start;position:sticky;top:32px}.toc>p{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.toc nav{display:flex;flex-direction:column;gap:13px;margin-bottom:30px}.toc nav a{font-size:.875rem;color:var(--muted);text-decoration:none;padding-block:4px}.toc nav a:hover{text-decoration:underline;color:var(--ink)}.prose{max-width:780px;min-width:0}.prose section{margin-bottom:45px;scroll-margin-top:35px}.prose h2{font-size:1.5rem;line-height:1.4;margin-bottom:20px;letter-spacing:-.025em}.prose p{margin:16px 0;color:#494640;overflow-wrap:anywhere}.prose ul{padding-left:24px;color:#494640}.prose li{padding-left:4px;margin:14px 0}.prose strong{color:var(--ink);font-weight:600}.document-end{border-top:1px solid var(--border);padding-top:25px;color:var(--muted);font-size:.875rem}.support-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding-bottom:60px}.contact-card{border-radius:20px;padding:40px;background:var(--panel);border:1px solid var(--border)}.contact-card h2{font-size:2rem;margin:22px 0}.contact-card>p{color:var(--muted)}.contact-email{font-size:1.35rem;display:block;overflow-wrap:anywhere;margin:24px 0}.contact-card .quiet-note{margin-top:23px}.support-topics>a{display:block;padding:24px 0;border-top:1px solid var(--border);text-decoration:none}.support-topics>a:last-child{border-bottom:1px solid var(--border)}.support-topics span{font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.support-topics h3{font-size:1.35rem;margin:10px 0;display:flex;justify-content:space-between;gap:20px}.support-topics p{font-size:.9375rem;color:var(--muted)}.support-topics>a:hover h3{text-decoration:underline;text-underline-offset:5px}.request-box{background:var(--panel);border:1px solid var(--border);padding:28px;border-radius:16px}.request-box h3{font-size:1.25rem;line-height:1.5}.prose .actions{margin-bottom:24px}
@media(max-width:900px){.feature-showcase{gap:40px}.plan-card{padding:30px}.plan-top{align-items:start;flex-direction:column;gap:12px}.privacy-band .wrap{gap:40px}.privacy-band h2{font-size:2.5rem}.document-grid{grid-template-columns:210px minmax(0,1fr);gap:40px}.support-grid{gap:25px}.faq-section{gap:35px}.contact-card{padding:28px}}
@media(max-width:600px){.feature-showcase{grid-template-columns:1fr;padding-block:40px;gap:35px}.feature-showcase.reverse .feature-story{grid-row:1}.feature-story h3{font-size:1.7rem}.feature-image{padding:35px 20px 18px}.feature-image img{width:205px}.feature-row{grid-template-columns:1fr;gap:30px}.feature-row>div{border-bottom:1px solid var(--border);padding-bottom:30px}.feature-index{font-size:1.5rem}.feature-row h3{margin-top:8px}.plan-cards{grid-template-columns:1fr}.plan-card{padding:28px}.plan-card .price{font-size:2.5rem}.plan-top{flex-direction:row;align-items:center}.plan-top h3{font-size:1.07rem}.plan-top span{font-size:.6875rem;white-space:normal}.privacy-band{padding-block:60px}.privacy-band .wrap{grid-template-columns:1fr;gap:30px}.faq-section{grid-template-columns:1fr;gap:25px}.document-header{padding-block:28px 42px}.back{margin-bottom:28px}.document-header h1{font-size:2.9rem}.document-grid{grid-template-columns:1fr;gap:35px;padding-top:25px;padding-bottom:60px}.toc{position:static;border-bottom:1px solid var(--border);padding-bottom:25px}.toc nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.toc nav a{font-size:.8125rem}.prose h2{font-size:1.3rem}.support-grid{grid-template-columns:1fr;gap:28px}.request-box{padding:22px}.contact-email{font-size:1.12rem}}
@media print{header,footer,.toc,.back,.actions,.pill,.menu-toggle{display:none!important}body{background:#fff;color:#000}.wrap{width:100%}.document-grid{display:block}.document-header{padding:10px 0}.document-header h1{font-size:2rem}.prose{max-width:none}.prose section{break-inside:avoid}.request-box{border:1px solid #aaa}.doc-date,.lede{font-size:1rem}}
/* Text enlargement retains the reading order without clipping controls. */
.nav-inner{flex-wrap:wrap}.site-header{position:relative}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-links a,.footer-bottom p{overflow-wrap:anywhere}.plan-top{flex-wrap:wrap}h1,h2,h3{overflow-wrap:break-word}.pill{max-width:100%;text-align:center;overflow-wrap:anywhere}
@media(max-width:600px){.nav-inner{padding-block:17px;gap:15px}.nav-links{top:100%}.plan-top span{font-size:.75rem}.footer-links{width:100%}.hero h1{overflow-wrap:anywhere}}
.nav-links a.pill{padding:12px 23px}

/* Motion uses the DOM entry point of Framer Motion; the document stays static. */
.site-header{position:sticky;top:0;z-index:30;background:#0b0b0bf2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--bone);transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero h1 .title-line{display:block;overflow:hidden;padding-block:.055em;margin-block:-.055em;color:inherit}
.hero h1 .title-phrase{display:block;color:inherit;will-change:transform}
.hero h1 .tone{font-style:normal;color:#aaa69e}
.hero-art{perspective:1100px}.hero-art:before,.hero-art:after{pointer-events:none}
.image-caption{border:1px solid #fff3;box-shadow:0 16px 48px #0005}
.pill{position:relative;isolation:isolate;transition:background-color .2s,border-color .2s,box-shadow .2s}
.pill:hover{transform:none;box-shadow:0 8px 24px #0002}
.pill.primary:hover{background:#fffdf8;border-color:#fffdf8}
.pill.dark:hover{background:#262521;border-color:#262521}
.button-arrow{display:inline-block;transition:translate .25s}
.pill:hover .button-arrow{translate:0 3px}
.text-link{display:inline-block;text-decoration-thickness:1px;transition:color .2s,text-underline-offset .2s}
.text-link:hover{text-underline-offset:8px}
.nav-links>a:not(.pill){position:relative}
.nav-links>a:not(.pill):after{content:'';position:absolute;bottom:4px;left:0;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav-links>a:not(.pill):hover{text-decoration:none}
.nav-links>a:not(.pill):hover:after,.nav-links>a[aria-current]:after{transform:scaleX(1)}
.menu-icon{width:16px;display:grid;gap:5px}.menu-icon i{display:block;height:1px;background:currentColor;transition:transform .22s}
.menu-toggle[aria-expanded=true] .menu-icon i:first-child{transform:translateY(3px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-3px) rotate(-45deg)}
.feature-image{position:relative;border:1px solid #d1ccc3;background:linear-gradient(150deg,#e5e1d9,#d6d1c7)}
.feature-image.nutrition{background:linear-gradient(150deg,#eae6de,#dcd7ce)}
.feature-row>div{transition:border-color .25s}.feature-index{transition:color .25s}.feature-row>div:hover .feature-index{color:var(--ink)}
.plan-card{border:1px solid #fff6;transition:box-shadow .3s,border-color .3s}
.plan-card:hover{box-shadow:0 18px 42px #29251c16;border-color:#b9b2a6}
.plan-card.premium{position:relative;overflow:hidden;border-color:#48453e;background:radial-gradient(ellipse at 100% 0,#2c2a25 0,transparent 65%),var(--ink)}
.premium .plan-top span{background:#ffffff0a}.premium:hover{border-color:#938b7d;box-shadow:0 20px 44px #19171326}
.faq-list details>div.disclosure-clip{padding:0}
.disclosure-body{padding-bottom:23px}
.disclosure-clip{display:flow-root}
summary span{flex-shrink:0;transition:transform .28s;line-height:1}
details[data-expanding=false]>summary span{transform:rotate(0)}
details[data-expanding=true]>summary span{transform:rotate(45deg)}
.faq-list summary{transition:color .2s}
@media(hover:hover){.faq-list summary:hover{color:#5a5143}}
.toc nav a{border-left:1px solid transparent;padding-left:12px;transition:color .2s,border-color .2s}
.toc nav a[aria-current]{border-color:var(--ink);color:var(--ink)}
.support-topics>a{position:relative;isolation:isolate}.support-topics>a:before{content:'';position:absolute;inset:0 -14px;z-index:-1;border-radius:12px;background:#f7f5f1;opacity:0;transition:opacity .25s;pointer-events:none}
@media(hover:hover){.support-topics>a:hover:before{opacity:.33}}
.footer-links a{width:fit-content;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.footer-links a:hover{color:#fffdf8;border-bottom-color:currentColor}
@media(max-width:600px){.menu-toggle{display:inline-flex;gap:10px;align-items:center}.site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--ink)}.hero h1{font-size:clamp(2.6rem,13.6vw,5.1rem)}html:not(.js) .menu-toggle{display:none}html:not(.js) .nav-links{display:flex;position:static;padding:0 0 15px;border:0}.hero h1 .title-phrase{overflow-wrap:anywhere;white-space:normal}}
@media(prefers-reduced-motion:reduce){.reading-progress{display:none}.pill:hover,.pill:active,.plan-card:hover{transform:none!important}.title-phrase{will-change:auto}}
@media print{.reading-progress{display:none}.site-header{position:static}}

/* Grid items and heading lines must shrink when the reader enlarges text. */
.hero-copy,.feature-showcase>*,.feature-row>*,.plan-cards>*,.privacy-band .wrap>*,.faq-section>*,.support-grid>*{min-width:0}
.section-heading>*{min-width:0;max-width:100%}.hero h1 .tone{margin-left:.035em}summary{overflow-wrap:anywhere}.disclosure-clip,.table-scroll{max-width:100%}

.section-heading h2{max-width:min(100%,630px)}
@media(max-width:600px){.site-header .wordmark{font-size:.9rem;letter-spacing:.22em;gap:8px}}

/* Cadenze rhythm: progressive GPU light, with the original geometry as fallback. */
.hero{position:relative;isolation:isolate}.hero-grid{position:relative;z-index:1}
.ambient-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.4s}
.ambient-ready .ambient-canvas{opacity:1}.ambient-ready .hero-art:before,.ambient-ready .hero-art:after{opacity:0}
.ambient-toggle{position:absolute;right:max(24px,calc((100% - 1180px)/2));bottom:24px;z-index:3;background:#111b;border:1px solid #5d5950;color:#c9c3b8;border-radius:30px;padding:9px 15px;font-size:.8125rem;min-height:44px}
.ambient-toggle:hover{background:#292722;color:var(--bone)}[hidden]{display:none!important}
.progress-section{background:#131312;color:var(--bone);position:relative;overflow:hidden}
.progress-section .chapter,.progress-section .small-number{color:#b0aa9e}.progress-section .section-heading>p{color:#b4afa5}
.progress-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:68px;align-items:center;margin-top:65px}
.progress-story h3{font-size:2.25rem;letter-spacing:-.04em;line-height:1.22;margin:20px 0 24px}.progress-story>p{color:#b4afa5}
.insight-list{padding:0;list-style:none;margin:32px 0}.insight-list li{display:flex;gap:18px;padding:19px 0;border-top:1px solid #35342f}
.insight-list li>span{font-size:.75rem;color:#928b7d;margin-top:4px}.insight-list strong{font-size:.9375rem;font-weight:600}.insight-list p{color:#aaa498;font-size:.875rem;margin-top:6px}
.demo-dashboard{min-width:0;padding:28px;border:1px solid #48443c;border-radius:22px;background:linear-gradient(130deg,#26241f,#1a1916 55%);box-shadow:0 26px 80px #0003}
.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.1em;color:#b6afa3}
.demo-badge{font-size:.75rem;letter-spacing:0;padding:4px 9px;border:1px solid #5f594d;border-radius:25px;white-space:nowrap}
.chart-switch{display:flex;gap:4px;border-bottom:1px solid #4a443a;margin:24px 0 25px;padding-bottom:10px}
.chart-switch button{background:transparent;border:1px solid transparent;color:#b4ad9f;padding:9px 12px;border-radius:8px;font-size:.875rem;min-height:44px;transition:background .2s,color .2s,border-color .2s}
.chart-switch button:hover{color:#fffdf7;border-color:#666052}.chart-switch button[aria-pressed=true]{background:var(--bone);color:#191815}
.chart-summary{display:flex;justify-content:space-between;gap:12px;align-items:end;min-height:98px}.chart-summary p:first-child{font-size:.8125rem;color:#c1b9ab}.chart-value{font-family:Sora,sans-serif!important;font-size:3.05rem!important;letter-spacing:-.04em;line-height:1.3;color:var(--bone)!important}.chart-value>#chart-unit{font:400 1.1rem Inter,sans-serif;color:#ada597}.chart-summary>#chart-period{font-size:.75rem;color:#ada597;padding-bottom:8px;max-width:130px;text-align:right}
.chart-frame{display:flex;gap:14px;margin:23px 0 20px}.chart-y{width:42px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;font-size:.75rem;color:#aba393;padding:20px 0 38px;text-align:right}.chart-plot{flex:1;min-width:0}#progress-chart{display:block;width:100%;height:210px;overflow:visible}.chart-grid{fill:none;stroke:#585044;stroke-width:1;stroke-dasharray:3 6;opacity:.65}
.chart-bar{fill:#c7bba5;transform-box:fill-box;transform-origin:center bottom}.chart-bar:last-child{fill:#f2ece0}
#chart-line{stroke:#d9cdb8;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#e9e0d1;stroke:#27231d;stroke-width:2;vector-effect:non-scaling-stroke}
.chart-x{display:flex;justify-content:space-around;gap:2px;font-size:.75rem;color:#aba393;margin-top:8px;line-height:1.4}.chart-x span{text-align:center}
.chart-note{min-height:64px;font-size:.8125rem;color:#b5ac9c;line-height:1.65;margin-top:18px}
.chart-data{border-bottom:1px solid #494338}.chart-data summary{font-size:.8125rem;color:#d1c6b5;min-height:44px;padding-block:12px}.chart-data table{min-width:0;color:#c9c0b2;font-size:.8125rem}.chart-data caption{font-size:.8125rem}.chart-data thead{background:#353025}.chart-data th,.chart-data td{border-color:#494338;padding:10px}.chart-data summary span{font-size:1.2rem}
.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #494338;margin-top:24px;padding-top:24px}
.hydration-demo{display:flex;gap:14px;align-items:center;min-width:0}.hydration-demo>svg{width:76px;height:76px;flex-shrink:0}.ring-track,.ring-value{fill:none;stroke-width:5}.ring-track{stroke:#50483b}.ring-value{stroke:#d5c6aa;stroke-linecap:round}.hydration-demo text{fill:#ece3d2;font:400 15px Inter,sans-serif}.mini-metrics h4{font-size:.75rem;font-weight:400;color:#b7ae9e;margin:0 0 7px}.hydration-demo p{font-size:.8125rem;color:#a79e8e}.hydration-demo strong{font-weight:400;color:var(--bone);font-size:1.25rem}.hydration-demo small{display:block;font-size:.75rem;color:#a79e8e;margin-top:4px}.week-days{display:flex;gap:4px}.week-days span{width:25px;height:28px;display:grid;place-items:center;font-size:.75rem;color:#8c8374;border:1px solid #494236;border-radius:5px}.week-days .done{background:#c9bba0;color:#171610;border-color:#c9bba0}.week-demo p{font-size:.75rem;color:#a79e8e;margin-top:9px}.demo-caption{color:#a79e8e;font-size:.75rem;margin-top:22px;border-top:1px solid #494338;padding-top:17px;line-height:1.6}
.routine-section{padding-bottom:110px}.routine-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:70px}.step-top{display:flex;align-items:center;gap:25px;margin-bottom:30px}.step-top>span:first-child{font-family:Sora,sans-serif;font-size:2.4rem;color:#797267;letter-spacing:-.06em}.step-rule{height:1px;background:#bcb5a7;flex:1}.routine-steps h3{font-size:1.45rem;line-height:1.35;letter-spacing:-.03em;max-width:290px}.routine-steps p{font-size:.9375rem;color:var(--muted);margin:17px 0 22px}.step-detail{font-size:.75rem;color:#736b5e}
.everyday-section{padding-block:95px;background:#e1dcd2;border-block:1px solid #cdc5b8}.everyday-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.everyday-intro{position:sticky;top:140px}.everyday-intro h2{font-size:clamp(2.5rem,4vw,3.5rem);letter-spacing:-.05em;margin:24px 0}.everyday-intro>p:not(.eyebrow){color:#635c52;max-width:370px}.everyday-intro .pill{margin-top:28px}.everyday-stories article{border-top:1px solid #bdb4a4;padding:29px 0 40px}.everyday-stories article:last-child{padding-bottom:0}.everyday-stories h3{font-size:1.65rem;letter-spacing:-.035em;margin:16px 0}.everyday-stories p{color:#625a4f;font-size:.9375rem}.everyday-stories .detail-note{font-size:.8125rem;margin-top:17px;color:#746b5d}
.closing-section{padding-block:80px;background:#181715;color:var(--bone);border-bottom:1px solid #37342d}.closing-section>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px 80px;align-items:end}.closing-section .wordmark{grid-column:1/-1;color:#bab2a5}.closing-section h2{font-size:clamp(2.8rem,4.7vw,4.7rem);letter-spacing:-.055em;line-height:1.12}.closing-section p{color:#b7aea0;font-size:.9375rem}.closing-section .actions{margin-top:24px}
.progress-layout>*,.everyday-grid>*,.closing-section .wrap>*,.mini-metrics>*{min-width:0}
html:not(.js) .chart-switch{display:none}
@media(max-width:1100px){.progress-layout{grid-template-columns:.72fr 1.28fr;gap:35px}.demo-dashboard{padding:23px}.mini-metrics{gap:15px}.hydration-demo{gap:9px}.hydration-demo>svg{width:76px;height:76px}.week-days{gap:3px}.week-days span{width:21px}.everyday-grid{gap:60px}.nav-links{gap:22px}}
@media(max-width:900px){.progress-layout{grid-template-columns:1fr;gap:40px}.progress-story{max-width:650px}.insight-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.insight-list li{gap:10px}.demo-dashboard{width:100%;max-width:730px;margin:auto}.mini-metrics{grid-template-columns:1fr 1fr;gap:30px}.hydration-demo>svg{width:76px;height:76px}.week-days span{width:28px}.routine-steps{gap:25px}.everyday-grid{gap:40px}.closing-section .wrap{gap:30px}.nav-inner{gap:20px}.nav-links{gap:16px}}
@media(max-width:600px){.progress-layout{margin-top:32px;gap:32px}.progress-story h3{font-size:1.9rem}.insight-list{display:block;margin:25px 0}.insight-list li{gap:16px}.demo-dashboard{padding:19px 16px;border-radius:16px}.demo-heading{flex-wrap:wrap;font-size:.75rem;gap:8px}.chart-switch{gap:2px;margin-block:18px}.chart-switch button{font-size:.75rem;padding:8px}.chart-summary{min-height:92px;align-items:start}.chart-value{font-size:2.5rem!important}.chart-summary p:first-child{font-size:.75rem}.chart-summary>#chart-period{font-size:.75rem;max-width:70px;text-align:right;padding-top:3px}.chart-y{width:32px;font-size:.75rem;padding-top:19px;padding-bottom:33px}.chart-frame{gap:8px;margin-block:18px 12px}#progress-chart{height:175px}.chart-x{font-size:.75rem}.chart-note{font-size:.8125rem;min-height:0}.mini-metrics{grid-template-columns:1fr;gap:20px}.hydration-demo{gap:16px}.mini-metrics h4{font-size:.8125rem}.hydration-demo small,.week-demo p{font-size:.75rem}.week-demo{border-top:1px solid #494338;padding-top:18px}.week-days span{flex:1;max-width:35px;height:32px;font-size:.75rem}.week-days{gap:5px}.demo-caption{font-size:.75rem}.routine-steps{grid-template-columns:1fr;margin-top:40px;gap:32px}.step-top{margin-bottom:15px}.step-top>span:first-child{font-size:2rem}.routine-steps h3{max-width:none}.routine-section{padding-bottom:60px}.everyday-section{padding-block:60px}.everyday-grid{grid-template-columns:1fr;gap:40px}.everyday-intro{position:static}.everyday-intro h2{font-size:2.5rem}.everyday-stories article{padding-block:27px 34px}.closing-section{padding-block:60px}.closing-section>.wrap{grid-template-columns:1fr;gap:30px}.closing-section .wordmark{grid-column:auto}.closing-section h2{font-size:3rem}.ambient-toggle{right:20px;bottom:14px;font-size:.75rem}.hero-grid{padding-bottom:84px}.nav-links{gap:14px 22px}}
@media(prefers-reduced-motion:reduce){.ambient-toggle{display:none}.ambient-canvas{transition:none}}

.routine-steps p,.everyday-stories p{font-size:1rem}.everyday-stories .detail-note{font-size:.875rem}
/* Enlarged text reflows; the chart has its own scrollable viewport if needed. */
.clean-list li,.image-caption,.chart-summary{overflow-wrap:anywhere}.price span{white-space:normal}
.chart-summary{flex-wrap:wrap}.chart-summary>div{min-width:0;max-width:100%}
.chart-frame{overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.chart-y{width:2.8rem}.chart-plot{min-width:12rem}.chart-x span{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.chart-summary>#chart-period{max-width:100%;text-align:left}.chart-value{font-size:clamp(2.1rem,10vw,2.5rem)!important}.price{overflow-wrap:anywhere}}
/* A still of the same shader keeps the composition available on every device. */
.hero{background:var(--ink) url('/assets/cadence-metal.webp') center/cover no-repeat}
.ambient-canvas{mix-blend-mode:lighten}.hero-art:before,.hero-art:after{display:none}

/* The metal stays behind the app on narrow screens, below the opening copy. */
@media(max-width:600px){.hero{background-image:url('/assets/cadence-metal-mobile.webp');background-size:100% 100%}}
