@charset "UTF-8";
:root{color-scheme:dark;--forest:#092a23;--paper:#f1f2e8;--sage:#b7c6b9;--lime:#dbeaaf;--muted:#99b1a3;--hairline:rgba(222,241,213,.16);font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--forest);color:var(--paper);overflow-x:clip}button,a,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}button{color:inherit}::selection{color:#0a2c23;background:var(--lime)}
.skip-link{position:fixed;z-index:90;top:12px;left:16px;padding:14px;background:var(--paper);color:var(--forest);transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{position:fixed;inset:0 0 auto;z-index:30;height:106px;display:flex;align-items:center;gap:34px;padding:0 clamp(24px,4.8vw,84px);background:linear-gradient(#092a23e6,#092a2380,transparent)}.wordmark{display:flex;align-items:center;gap:11px;font-size:34px;font-weight:730;letter-spacing:-1.8px}.wordmark svg{width:32px;height:32px;fill:none;stroke:var(--lime);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header-caption{font-size:13px;letter-spacing:.055em;color:var(--sage);border-left:1px solid var(--hairline);padding-left:28px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:13px;color:var(--sage)}.header-actions a:hover{color:var(--paper)}.motion-toggle{border:1px solid var(--hairline);border-radius:50px;background:#15392c6b;padding:10px 13px;display:flex;gap:8px;align-items:center;font-size:12px}.motion-toggle svg{width:14px;height:14px;stroke:currentColor;stroke-width:2}.motion-toggle[aria-pressed=true]{background:var(--lime);color:var(--forest)}
.story{height:510svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:radial-gradient(ellipse at 80% 48%,#245040,#092a23 68%)}.ambient,.stage-grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ambient{opacity:1}.stage-grain{background:radial-gradient(ellipse at 12% 80%,#061d1980,transparent 70%);z-index:1}.stage-inner{position:relative;z-index:2;height:100%;max-width:1740px;margin:auto}.story-copy{position:absolute;left:4.8%;top:50%;width:46%;transform:translateY(-52%);z-index:5;min-height:364px}.chapter-copy{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;transform:translateY(22px);pointer-events:none;transition:opacity .38s ease,transform .55s cubic-bezier(.22,.61,.36,1)}.chapter-copy.is-active{opacity:1;transform:none;pointer-events:auto}.eyebrow{font-size:12px;font-weight:550;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);display:flex;gap:15px;align-items:center;margin:0 0 28px}.eyebrow>span{color:var(--lime);font-size:13px;letter-spacing:0}.chapter-copy h1,.chapter-copy h2{font-size:clamp(36px,4.3vw,72px);font-weight:450;line-height:1.08;letter-spacing:-.055em;margin:0 0 29px}.chapter-copy em,.details em{font-style:normal;color:var(--lime)}.chapter-description{max-width:420px;color:#becdbf;font-size:clamp(16px,1.35vw,20px);line-height:1.65;margin:0 0 32px;letter-spacing:-.012em}.text-action{border:0;background:none;padding:0;color:var(--paper);display:inline-flex;align-items:center;gap:23px;font-size:14px;line-height:1.6;border-bottom:1px solid #d7e5cb5c;padding-bottom:7px}.text-action span{font-size:23px;color:var(--lime);transition:transform .3s}.text-action:hover span{transform:translate(3px,-3px)}.interaction-hint,.quiet-note{font-size:13px;line-height:1.5;color:var(--lime);max-width:400px}.interaction-hint span{margin-right:7px;font-size:21px}.quiet-note{color:var(--sage)}
.visual-shell{position:absolute;left:48%;right:3%;top:15%;bottom:16%;z-index:3}.device-scene{width:660px;height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--scene-scale,.9));transform-origin:center;perspective:1500px;isolation:isolate}.scene-orbit{position:absolute;width:520px;height:460px;border:1px solid #dce9b20e;border-radius:50%;left:80px;top:50px;transform:rotateX(55deg) rotateZ(-23deg);box-shadow:0 0 100px #8ab96607;pointer-events:none}.plan-device{position:absolute;left:20px;top:73px;width:438px;height:370px;background:#f1f3e8;border:1px solid #dce4d8;border-radius:13px;color:#1d3d30;transform:translateX(0) rotateY(-8deg) rotateZ(-2deg);box-shadow:15px 34px 75px #00100a8c,0 0 0 4px #68867624;will-change:transform,opacity;overflow:hidden}.window-top{height:43px;border-bottom:1px solid #213e3012;display:flex;align-items:center;gap:19px;padding:0 20px;font-size:11px;background:#f7f8f0;color:#839286}.tiny-brand{font-weight:750;font-size:18px;letter-spacing:-.7px;color:#254c3a}.window-dot{width:7px;height:7px;border-radius:50%;background:#b3c597;margin-left:auto}.plan-body{padding:23px 24px}.ui-caption{font-size:9px;letter-spacing:.14em;color:#738b76;margin:0 0 10px}.plan-body h3{font-size:23px;letter-spacing:-.65px;font-weight:600;margin:0 0 18px}.metric-row{display:flex;align-items:center;gap:13px;margin-bottom:15px}.metric-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#e1e8d3;font-size:24px;color:#506b43}.activity-icon{font-size:22px}.metric-row strong{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.metric-row div>span{font-size:10px;color:#758777;display:block}.check-mark{margin-left:auto;font-size:13px;color:#537651}.schedule-row{border-top:1px solid #254d3616;padding-top:15px;display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;color:#758777}.schedule-row strong{font-weight:500;color:#4c654f}.schedule-row b{font-size:13px;padding-left:8px}.assigned{background:#dfe9cb;border-radius:7px;text-align:center;margin-top:19px;padding:10px;font-size:12px;color:#35562e}.assigned>span{padding-right:5px}
.phone-device{position:absolute;left:0;top:0;width:236px;height:474px;border-radius:40px;background:linear-gradient(128deg,#b4c3b1,#324b40 25%,#172d25 55%,#9da994);border:1px solid #b6c1b580;padding:6px;box-shadow:16px 38px 80px #001b12a3,0 0 0 1px #041b1780;transform:translate(345px,70px) scale(.69) rotateY(-21deg) rotateZ(3deg);will-change:transform,opacity}.phone-screen{height:100%;border-radius:34px;overflow:hidden;background:#e0e7db;position:relative;color:#243f32;border:2px solid #152b24}.phone-status{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:9px;font-weight:650;background:#f2f4eb;position:relative}.phone-status i{width:62px;height:17px;border-radius:12px;background:#10231c;position:absolute;left:50%;top:6px;transform:translateX(-50%)}.phone-status svg{width:28px;height:12px;fill:none;stroke:#274837;stroke-width:1.6}.phone-buttons{position:absolute;left:-3px;top:85px;width:3px;height:48px;background:#879887;border-radius:3px}.phone-buttons:after{content:"";position:absolute;left:0;top:59px;width:3px;height:28px;background:#71866f;border-radius:3px}.bot-heading{display:flex;align-items:center;gap:9px;padding:7px 13px 12px;background:#f2f4eb;border-bottom:1px solid #375a3f12}.bot-avatar{background:#234b36;color:#ecf1df;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:20px;font-weight:650;letter-spacing:-2px;padding-right:2px}.bot-heading strong{font-size:13px;display:block;line-height:1.3}.bot-heading div>span{font-size:8px;color:#78907a;display:block;margin-top:2px}.phone-content{padding:10px 11px;position:relative}.today-chip{display:block;width:max-content;margin:0 auto 13px;font-size:9px;color:#617966}.question-card{background:#fafbf4;border-radius:11px 11px 11px 3px;padding:15px 12px 12px;box-shadow:0 2px 2px #002e1610}.question-category{display:block;color:#738c69;font-size:8px;letter-spacing:.09em}.question-card p{font-size:16px;line-height:1.35;font-weight:550;margin:9px 0 13px;letter-spacing:-.4px}.question-position{font-size:8px;color:#85927d}.answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.answer-buttons button{border:1px solid #abc49d;background:#edf2e5;color:#335233;border-radius:7px;font-size:12px;height:35px;font-weight:550;position:relative}.answer-buttons button:hover{background:#d5e5c3}.answer-buttons button.selected{background:#345d41;border-color:#345d41;color:#fff}.answer-buttons button span{font-size:10px;padding-left:4px}.answer-buttons button:focus-visible{outline:2px solid #133d28;outline-offset:2px}.answer-status{font-size:9px;text-align:center;color:#526e50;margin:11px 0 9px}.phone-next{display:block;background:none;border:0;border-bottom:1px solid #597b4c4d;color:#345b3e;font-size:10px;margin:auto;padding:3px 0 4px}.phone-next span{padding-left:5px}.phone-home{height:4px;width:74px;border-radius:5px;position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:#1b38268c}
.dashboard-device{position:absolute;width:552px;left:35px;top:77px;color:#234032;opacity:0;transform:translateX(105px) scale(.79) rotateY(12deg);will-change:transform,opacity;transform-origin:center}.dashboard-screen{background:#f2f5eb;border:7px solid #1c3229;outline:1px solid #96ad97;border-radius:17px 17px 7px 7px;box-shadow:0 25px 70px #00160e70;overflow:hidden}.dashboard-screen .window-top{height:37px;font-size:10px;padding:0 18px;gap:24px}.dashboard-screen .tiny-brand{font-size:16px}.demo-label{margin-left:auto;font-size:8px;letter-spacing:.05em;color:#6f8770}.dashboard-body{padding:18px 21px 15px}.patient-line{display:flex;align-items:center;gap:10px;margin-bottom:23px}.patient-avatar{background:#dce6cc;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;color:#496b42;font-size:12px}.patient-line h3{font-size:15px;letter-spacing:-.3px;font-weight:650;margin:0 0 4px}.patient-line div>span{font-size:9px;color:#7c9079}.period-label{font-size:10px;color:#6b8369;margin-left:auto}.chart-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:12px}.chart-heading strong{font-weight:600}.chart-heading>span{font-size:9px;color:#7c8e76}.history-chart{width:100%;height:170px;overflow:visible}.chart-grid path{stroke:#dce4d6;stroke-width:1;fill:none}.chart-grid text,.chart-days text{fill:#7d8e76;font-size:9px;font-family:inherit}.chart-days text{text-anchor:middle}.chart-line{fill:none;stroke:#52774e;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#chart-fill)}.chart-dots circle{fill:#f5f7f0;stroke:#729165;stroke-width:1.7}.chart-current{fill:#446d3f;stroke:#f1f5e8;stroke-width:2}.chart-halo{fill:#7c9f4e;opacity:.20}.diary-answer{border-top:1px solid #d9e2d3;display:flex;align-items:center;gap:10px;font-size:10px;padding-top:12px;color:#728569}.diary-check{color:#386034;background:#e2ead8;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.diary-answer strong{margin-left:auto;color:#3e6239;font-size:13px}.source-label{font-size:8px;margin-left:4px}.laptop-base{height:19px;margin:0 -24px;background:linear-gradient(#a1b19c,#6c816b 50%,#3b5341);border-radius:1px 1px 40% 40%;box-shadow:0 10px 20px #00120b60;position:relative;transform:perspective(180px) rotateX(15deg);transform-origin:top}.laptop-base i{display:block;background:#354d3d;width:100px;height:5px;border-radius:0 0 10px 10px;margin:auto}.answer-transfer{position:absolute;z-index:8;width:120px;height:74px;background:#e6edc7;border:1px solid #fcffdc;border-radius:15px;color:#285638;padding:12px 17px;opacity:0;box-shadow:0 6px 40px #d5e8a440;will-change:transform,opacity}.answer-transfer>span{font-size:10px;display:block;margin-bottom:4px}.answer-transfer strong{font-size:23px;font-weight:650;letter-spacing:-.7px}.answer-transfer i{position:absolute;right:14px;top:27px;font-style:normal;font-size:18px}.scene-footnote{position:absolute;bottom:2px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:.035em;color:#adc4a999;pointer-events:none}
.story-controls{position:absolute;bottom:34px;left:4.8%;right:4.8%;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:12}.scroll-caption{font-size:11px;letter-spacing:.025em;color:#a9bcaa;display:flex;align-items:center;gap:13px}.scroll-symbol{font-size:20px;border:1px solid var(--hairline);width:30px;height:42px;border-radius:20px;display:grid;place-items:center}.chapter-nav{display:flex;gap:24px;align-items:center}.chapter-nav button{padding:13px 0 12px;border:0;border-top:1px solid #d1ddbe29;min-width:84px;text-align:left;display:flex;gap:8px;background:none;color:#97ae9d;font-size:11px;transition:color .2s,border-color .2s}.chapter-nav button>span{opacity:.65}.chapter-nav b{font-weight:450}.chapter-nav button[aria-current=step]{color:var(--lime);border-top-color:var(--lime)}.chapter-nav button:hover{color:var(--paper)}.reading-progress{position:absolute;height:2px;background:#a6be830a;bottom:0;left:0;right:0;z-index:20}.reading-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#b3d584a6}
.details{max-width:1440px;margin:auto;padding:145px 5.2% 130px;display:grid;grid-template-columns:1fr 1fr;gap:100px;position:relative}.details-intro h2{font-size:clamp(30px,3vw,46px);line-height:1.15;letter-spacing:-.045em;font-weight:450;margin:0 0 30px}.details-intro>p:not(.eyebrow){color:var(--sage);font-size:17px;line-height:1.75;margin:0 0 33px;max-width:440px}.explanations details{border-top:1px solid var(--hairline);padding:23px 0}.explanations details:last-child{border-bottom:1px solid var(--hairline)}.explanations summary{cursor:pointer;font-size:20px;letter-spacing:-.02em;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}.explanations summary::-webkit-details-marker{display:none}.explanations summary span{color:var(--lime);font-size:26px;font-weight:300;transition:transform .3s}.explanations details[open] summary span{transform:rotate(45deg)}.explanations p{font-size:16px;line-height:1.8;color:var(--sage);margin:20px 0 0;max-width:480px}.site-footer{border-top:1px solid var(--hairline);margin:0 4.8%;padding:30px 0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9cb39f;font-size:11px}.site-footer>span:first-child{font-size:23px;letter-spacing:-1px;font-weight:700;color:var(--paper)}.site-footer p{margin:0;text-align:center;line-height:1.6}
.stage.is-leaving .story-controls{visibility:hidden}.mobile-response{display:none}.answer-dialog{width:min(410px,calc(100% - 36px));border:1px solid #5c8064;border-radius:20px;padding:34px 26px 26px;background:#173d2d;color:var(--paper);box-shadow:0 30px 130px #00180adb}.answer-dialog::backdrop{background:#041711cc;backdrop-filter:blur(8px)}.answer-dialog h2{font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.03em;margin:0 0 24px}.answer-dialog .eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:18px;margin-right:18px}.dialog-close{position:absolute;right:6px;top:4px;width:44px;height:44px;border:0;background:none;color:var(--sage);font-size:30px}.dialog-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-options button{height:52px;border-radius:9px;border:1px solid #83a06d;color:var(--paper);background:#234a35;font-size:17px}.dialog-options button.selected{color:#24462e;background:var(--lime);border-color:var(--lime)}.answer-dialog>p:last-child{font-size:12px;color:var(--sage);line-height:1.55;margin:22px 0 0}
.plan-device,.dashboard-device,.answer-transfer{pointer-events:none}
.phone-device{z-index:6}.dashboard-device{z-index:3}
.reduced-motion{scroll-behavior:auto}.reduced-motion *{transition:none!important;animation:none!important}.reduced-motion .scene-orbit{display:none}
@media(max-width:760px){.mobile-response{display:inline-flex;min-height:42px;align-items:center}.interaction-hint{display:none}.motion-toggle{min-height:40px}}
@media(min-width:1600px){.story-copy{min-height:415px}.chapter-description{max-width:480px}.chapter-nav{gap:34px}}
@media(max-width:1100px){.header-caption{display:none}.header-actions{gap:20px}.chapter-copy h1,.chapter-copy h2{font-size:clamp(36px,4.3vw,50px)}.story-copy{min-height:340px;top:49%}.visual-shell{left:46%;right:0}.scroll-caption{font-size:10px}.chapter-nav{gap:16px}.chapter-nav button{min-width:70px}.details{gap:60px}.scene-footnote{font-size:11px}}
@media(max-width:760px){.site-header{height:80px;padding:0 22px;gap:18px}.wordmark{font-size:29px;gap:7px}.wordmark svg{width:26px}.header-actions{gap:12px}.header-actions>a{display:none}.motion-toggle{padding:9px 10px;font-size:10px}.motion-toggle svg{width:12px}.story{height:490svh}.stage{height:100svh;min-height:620px}.story-copy{left:24px;right:24px;top:112px;transform:none;width:auto;min-height:225px}.chapter-copy h1,.chapter-copy h2{font-size:clamp(33px,7.5vw,48px);line-height:1.09;letter-spacing:-.05em;margin-bottom:17px}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:16px;gap:12px}.eyebrow>span{font-size:10px}.chapter-description{font-size:15px;line-height:1.55;max-width:460px;margin-bottom:15px}.text-action{font-size:12px;padding-bottom:3px;gap:18px}.text-action span{font-size:18px}.interaction-hint,.quiet-note{font-size:12px;margin-top:6px}.visual-shell{left:0;right:0;top:40%;bottom:13%}.story-controls{bottom:24px;left:24px;right:24px;display:block}.scroll-caption{font-size:10px;margin-bottom:15px;justify-content:center;gap:7px}.scroll-symbol{border:0;width:auto;height:auto;font-size:15px}.chapter-nav{gap:12px;width:100%;justify-content:space-between}.chapter-nav button{min-width:0;flex:1;font-size:10px;padding:10px 0 0;gap:5px}.scene-footnote{font-size:12px}.details{padding:85px 24px 70px;grid-template-columns:1fr;gap:45px}.details-intro h2{font-size:34px}.details-intro>p:not(.eyebrow){font-size:16px}.explanations summary{font-size:18px}.explanations p{font-size:15px}.site-footer{margin:0 24px;flex-wrap:wrap;padding:27px 0;justify-content:space-between}.site-footer p{order:3;text-align:left;width:100%;font-size:10px}.site-footer>span:last-child{font-size:11px}}
@media(max-width:760px) and (max-height:740px){.story-copy{top:91px}.chapter-copy h1,.chapter-copy h2{font-size:32px}.chapter-description{font-size:14px;line-height:1.45}.eyebrow{margin-bottom:10px}.visual-shell{top:43%;bottom:14%}.story-controls{bottom:18px}.scroll-caption{margin-bottom:10px}.quiet-note{display:none}.scene-footnote{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scene-orbit{display:none}}