@font-face{font-family:Onest;src:url('onest.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--paper:#f5f5ed;--surface:#fdfdf8;--ink:#142d2b;--forest:#153b35;--green:#176258;--mint:#b3edcf;--amber:#ffc285;--muted:#4d6157;--line:#d7ddd1;--measure:1170px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:25px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Onest,system-ui,sans-serif;line-height:1.55}
h1,h2,h3,p,figure{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #008774;outline-offset:5px}
.wrap{width:min(var(--measure),calc(100% - 96px));margin-inline:auto}
.skip{position:absolute;z-index:5;top:8px;left:8px;padding:9px 14px;background:#fff;transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
.site-header{border-bottom:1px solid var(--line)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:24px;font-weight:790;letter-spacing:-.055em;white-space:nowrap}
.brand img{flex:none}
.main-nav{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:640}
.main-nav a:hover,.quiet-link:hover,.studio:hover{color:var(--green)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:0 20px;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:720;transition:background .18s,color .18s,border-color .18s;text-align:center}
.button-dark{background:var(--forest);color:white}
.button-dark:hover{background:#256557}
.button-plain{border-color:#b8c5b9}
.button-plain:hover{background:#e6ede2;border-color:#a3b3a7}
.button-small{min-height:43px;padding-inline:15px;font-size:13px}
.hero{display:grid;grid-template-columns:1fr minmax(0,1fr);align-items:center;gap:clamp(35px,6vw,86px);padding-block:55px 65px}
.hero-copy{padding-block:22px}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:780;letter-spacing:.145em;text-transform:uppercase}
.signal{width:8px;height:8px;flex:none;border-radius:50%;background:#4b9777}
h1{font-size:clamp(49px,5.92vw,95px);line-height:.99;letter-spacing:-.085em;font-weight:750;margin-block:23px 24px;text-wrap:balance}
h1 em{font-style:normal;color:var(--green)}
.lead{max-width:440px;color:var(--muted);font-size:clamp(16px,1.63vw,20px);line-height:1.59}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 23px;margin-top:29px}
.quiet-link{font-weight:725;font-size:14px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.hero-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 11px;margin-top:25px;color:var(--muted);font-size:12px;font-weight:630}
.hero-status span{width:4px;height:4px;border-radius:50%;background:#739384}
.hero-art{position:relative;isolation:isolate;overflow:hidden;min-height:536px;border-radius:20px;background:#193f37;color:#d8efdf;display:flex;justify-content:center;align-items:center}
.art-dots{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgba(191,237,207,.35) 1.4px,transparent 1.7px) 0 0/17px 17px;mask-image:radial-gradient(ellipse at 50% 48%,#000 30%,transparent 93%)}
.art-top,.art-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:660}
.art-top{top:21px;letter-spacing:.15em}
.art-bottom{bottom:20px;text-transform:uppercase;letter-spacing:.08em}
.art-bottom span{display:flex;align-items:center;gap:8px}
.art-bottom span:first-child::before,.art-bottom i{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint)}
.art-bottom i{background:var(--amber)}
.device{width:min(46%,232px);border:5px solid #101e1a;border-radius:31px;overflow:hidden;background:#f5f5ed;box-shadow:0 20px 42px #081c14a8,0 0 0 1px #6b9a81;transform:rotate(-6deg) translateY(1px)}
.device img{width:100%;height:auto}
.features{padding-block:33px 89px;border-top:1px solid var(--line)}
.section-intro{margin-bottom:35px}
.section-intro .eyebrow{color:var(--green);margin-bottom:11px}
h2{font-size:clamp(34px,4.5vw,62px);line-height:1.02;letter-spacing:-.071em;font-weight:745}
.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
.feature{padding:28px 28px 32px}
.feature + .feature{border-left:1px solid var(--line)}
.feature h3{font-size:20px;line-height:1.2;letter-spacing:-.037em;margin:17px 0 8px}
.feature p{max-width:31ch;color:var(--muted);font-size:15px}
.feature-graphic{display:grid;width:52px;height:52px;border-radius:10px;background:#e7f2e8;grid-template-columns:repeat(3,5px);grid-auto-rows:5px;place-content:center;gap:4px}
.feature-graphic i{border-radius:50%;background:#498772}
.graphic-days i:nth-child(n+7),.graphic-plans i:nth-child(3n){opacity:.38}
.graphic-plans{background:#f5ebdb}
.graphic-plans i:nth-child(n+5){background:#a26a31}
.graphic-report i:nth-child(3n){opacity:.22}
.demo-section{background:var(--forest);color:#f9fff9;padding-block:86px}
.demo-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,75px);align-items:center}
.demo-copy .eyebrow{color:var(--mint);margin-bottom:16px}
.demo-copy .signal{background:var(--amber)}
.demo-copy p:not(.eyebrow){margin-top:19px;color:#cce0d4;font-size:17px;max-width:35ch}
.demo-copy .demo-caption{font-size:12px!important}
.demo-card{background:#f9fbf3;border-radius:17px;padding:clamp(16px,3vw,33px);color:var(--ink);box-shadow:0 22px 45px #0d211938}
.demo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.demo-header .eyebrow{color:var(--muted);font-size:10px}
.demo-header h3{font-size:25px;line-height:1.1;letter-spacing:-.055em;margin-top:6px}
.mode-switch{display:inline-flex;gap:3px;flex-wrap:wrap;padding:3px;border:1px solid #d8e1d7;border-radius:8px;background:#edf2e9}
.mode-switch button{border:0;background:transparent;color:var(--ink);border-radius:5px;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:690}
.mode-switch button[aria-pressed="true"]{background:var(--forest);color:white}
.demo-value{display:flex;align-items:baseline;gap:10px;margin-top:14px}
.demo-value strong{font-size:67px;line-height:1;letter-spacing:-.09em;font-variant-numeric:tabular-nums}
.demo-value span{color:var(--muted);font-size:15px}
.demo-progress{height:6px;overflow:hidden;background:#e2e8dd;border-radius:99px;margin-top:11px}
.demo-progress span{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .25s ease}
.demo-note{color:var(--muted);font-size:12px;min-height:1.7em;margin-top:8px}
.day-grid{display:grid;grid-template-columns:repeat(37,minmax(0,1fr));gap:clamp(2px,.39vw,5px);margin-top:15px}
.day-dot{display:block;aspect-ratio:1;border-radius:50%;background:#dce5da}
.day-dot.is-recorded{background:#307c66}
.day-dot.is-planned{background:#ce8036}
.demo-legend{display:flex;flex-wrap:wrap;gap:5px 15px;margin-top:12px;font-size:11px;font-weight:630;color:var(--muted)}
.demo-legend span{display:flex;align-items:center;gap:6px}
.demo-legend i{width:7px;height:7px;border-radius:50%;background:#307c66}
.demo-legend span:nth-child(2) i{background:#ce8036}
.demo-legend span:nth-child(3) i{background:#dce5da}
.lower{padding-block:85px 87px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,100px);align-items:start}
.availability{border:1px solid var(--line);background:#e8f1e6;border-radius:16px;padding:34px}
.availability h2{margin-top:20px;font-size:clamp(31px,3.6vw,48px)}
.availability p{margin-block:12px 18px;color:var(--muted);max-width:37ch}
.faq h2{font-size:36px;margin-bottom:14px}
.faq details{border-bottom:1px solid var(--line);padding:13px 0}
.faq summary{cursor:pointer;font-size:15px;font-weight:720}
.faq details p{padding:9px 0 3px;color:var(--muted);font-size:14px}
.site-footer{border-top:1px solid var(--line)}
.footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 25px;padding-block:23px}
.footer-row .brand{font-size:20px}
.footer-row p,.studio{font-size:12px;color:var(--muted)}
.studio{display:inline-flex;align-items:center;gap:8px;font-weight:650}
@media(max-width:1050px){.hero-art{min-height:470px}.wrap{width:calc(100% - 72px)}.device{width:min(50%,205px)}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.hero{grid-template-columns:1fr;gap:23px;padding-block:35px 42px}.hero-copy{padding-block:8px}.hero-art{min-height:474px}.device{width:min(42%,205px)}.desktop-break{display:none}h1{max-width:9.6ch}.features{padding-bottom:59px}.feature{padding:20px}.demo-layout{grid-template-columns:1fr}.demo-section,.lower{padding-block:57px}.lower{gap:28px}}
@media(max-width:565px){.main-nav{display:none}.header-row{min-height:68px}.wrap{width:calc(100% - 36px)}.brand{font-size:22px}.hero{padding-top:25px}.hero-art{min-height:410px;border-radius:14px}.device{width:min(50%,172px);border-radius:24px;border-width:4px}.art-top,.art-bottom{left:13px;right:13px;font-size:8px}.art-top{top:13px}.art-bottom{bottom:13px}.feature-list,.lower{grid-template-columns:1fr}.feature + .feature{border-left:0;border-top:1px solid var(--line)}.feature{padding:20px 21px 23px}.section-intro{margin-bottom:22px}.availability{padding:26px}.footer-row{justify-content:flex-start}.footer-row p{flex-basis:100%}}
@media(max-width:360px){.hero-art{min-height:360px}.button{font-size:14px}.hero-actions{gap:12px}.day-grid{grid-template-columns:repeat(30,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.demo-progress span{transition:none}}