/* A continuous product story. Everything is scoped to the second section. */
.os-section{--os-text:#1c1917;--os-muted:#57534e;--os-mono:ui-monospace,"SF Mono",Menlo,monospace;--os-purple:#6d28d9;--os-border:#e5e1e9;position:relative;background:var(--paper);color:var(--os-text);padding:105px var(--gutter) 0;scroll-margin-top:90px}
.os-intro{text-align:center;max-width:1000px;margin:0 auto 50px}.os-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--os-purple);line-height:1.6}.os-intro h2{font:650 clamp(48px,6.1vw,88px)/1.02 var(--font-display);letter-spacing:-4px;margin:24px 0}.os-intro h2 em{font-style:normal;color:var(--os-purple)}.os-intro>p:not(.os-eyebrow){font-size:18px;line-height:1.7;color:var(--os-muted)}.os-scroll-hint{display:inline-flex;align-items:center;gap:15px;font-size:11px;color:#89838e;margin-top:34px}.os-scroll-hint i{font-size:20px;font-style:normal;color:var(--os-purple)}
.os-story{position:relative;max-width:1440px;margin:auto}.os-chapter{padding:50px 0}.os-chapter-copy{max-width:470px}.os-chapter .os-eyebrow{font-size:10px;letter-spacing:1.3px;display:flex;gap:16px;align-items:center}.os-chapter .os-eyebrow>span{font:400 12px var(--font-display);letter-spacing:0;color:#9e90ad;border-right:1px solid #d7cfdf;padding-right:14px}.os-chapter h3{font:600 clamp(32px,3.15vw,49px)/1.09 var(--font-display);letter-spacing:-1.9px;margin:24px 0}.os-description{font-size:16px;line-height:1.85;color:var(--os-muted);max-width:380px}.os-detail{margin-top:24px;padding-top:18px;border-top:1px solid var(--os-border);color:#7c7088;font-size:11px;line-height:1.7;max-width:365px}
.os-sticky{display:none}.os-mobile-stage{position:relative;max-width:720px;width:100%;aspect-ratio:680/520;margin:30px auto 0;overflow:hidden}.os-panel{position:absolute;width:680px;height:520px;left:50%;top:0;transform:translateX(-50%) scale(var(--os-scale,1));transform-origin:top center;padding:22px 26px;isolation:isolate}.os-panel[hidden]{display:none!important}.os-panel h4{font:550 39px/1.08 var(--font-display);letter-spacing:-1.5px}.os-panel h4 em{font-style:normal;color:var(--os-purple)}.os-panel h5{font:550 25px/1.15 var(--font-display);letter-spacing:-.6px;margin:0}.os-kicker{font-size:10px;letter-spacing:1.45px;font-weight:600;color:#7f6b94}.os-panel p{line-height:1.65}.os-tools{display:flex;justify-content:center;align-items:center;gap:21px;height:40px}.os-claude{font:400 29px Georgia,serif;color:#785647}.os-chatgpt{font:600 24px var(--font-sans);letter-spacing:-.7px;color:#252729}.os-or{font-size:11px;color:#9b919f}.os-source-row{display:flex;justify-content:center;align-items:center;gap:27px;margin-top:23px}.os-source-row img{object-fit:contain;width:28px;height:28px}.os-connect-line{height:26px;width:1px;background:linear-gradient(#d4cbdf,#ad8bcd);margin:12px auto 0}.os-prompt{background:#eee9f4;border:1px solid #e5ddef;border-radius:15px;padding:16px 19px;display:flex;gap:16px;align-items:center;justify-content:space-between;font-size:17px;line-height:1.5}.os-prompt i{display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:#6a447e;color:white;width:26px;height:26px;font-style:normal;font-size:20px}.os-answer{margin:23px 17px 0}.os-answer h4{font-size:34px;margin-top:10px}.os-search-result{display:flex;align-items:center;justify-content:space-between;margin:17px 0 13px;padding-bottom:17px;border-bottom:1px solid var(--os-border)}.os-search-result>div{display:grid;gap:7px;font-size:13px;color:#6a626c}.os-search-result>strong{font:500 47px/1 var(--font-display);color:#835a40;letter-spacing:-2px}.os-search-result small{display:block;font:400 10px var(--font-sans);letter-spacing:0;color:#85757a;margin-top:8px}.os-answer>p{font-size:13px;color:#4b424f}.os-approval-line{display:flex;align-items:center;gap:8px;margin-top:13px;font-size:10px;color:#796787}.os-approval-line i{font-size:17px;font-style:normal}.os-approval-line b{font-weight:500;color:#937348;margin-left:auto}
.os-app-heading{display:flex;justify-content:space-between;align-items:center;margin:8px 0 25px}.os-app-heading>strong{display:flex;align-items:center;gap:17px;font-size:16px}.os-app-heading strong>span{color:var(--os-purple);font:750 23px var(--font-display);padding-right:17px;border-right:1px solid #ddd3e6}.os-app-heading>span{font-size:11px;color:#7e7585}.os-memory{display:flex;align-items:center;gap:10px;font-size:11px;color:#6b527e;padding:15px 4px}.os-memory>span:first-child{font-size:20px}.os-memory b{margin-left:auto;font-size:9px;font-weight:500;color:#8b8192}.os-analyst-answer{padding:17px 16px 0}.os-analyst-answer h4{font-size:34px;margin-top:11px}.os-analysis-row{display:flex;gap:25px;align-items:center;margin-top:23px}.os-analysis-row>img{width:115px;height:144px;object-fit:cover;border-radius:8px;box-shadow:0 12px 25px -15px #4f3b5b66}.os-analysis-row>div>span{font-size:11px;color:#77717b}.os-analysis-row strong{display:block;font:500 43px/1 var(--font-display);color:#426a4d;margin:10px 0 11px;letter-spacing:-1px}.os-analysis-row strong small{font:400 11px var(--font-sans);letter-spacing:0;margin-left:9px;color:#7e8277}.os-analysis-row p{font-size:12px;color:#6c6571}.os-saved{margin-top:19px;border-top:1px solid var(--os-border);padding-top:13px;display:flex;align-items:center;gap:14px;font-size:10px;color:#6b5c7b}.os-saved>span{color:#437451}.os-saved p{font-size:10px}
.os-panel-2{padding-top:27px}.os-creative-brief{text-align:center}.os-creative-brief>p{font:500 27px/1.3 var(--font-display);letter-spacing:-.6px;margin-top:14px}.os-creative-brief em{font:italic 29px Georgia,serif;color:#667050}.os-creative-brief>div{display:flex;justify-content:center;gap:14px;font-size:10px;color:#827a86;margin-top:17px}.os-creative-brief>div>span+span:before{content:'·';margin-right:14px;color:#afa5b5}.os-artwork{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:34px;padding:0 8px}.os-artwork figure{margin:0;width:180px;transform:rotate(-7deg) translateY(14px)}.os-artwork figure:nth-child(2){width:212px;transform:translateY(-6px);z-index:2}.os-artwork figure:nth-child(3){transform:rotate(7deg) translateY(14px)}.os-artwork img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:9px;box-shadow:0 18px 35px -22px #47433699}.os-artwork figcaption{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#857b8a;text-align:center;margin-top:15px}.os-creative-foot{text-align:center;color:#7d737f;font-size:11px;margin-top:27px}
.os-panel-3{padding:18px 57px}.os-report-back{position:absolute;inset:31px 63px 15px;background:#ece6dc;transform:rotate(-4deg);border:1px solid #e2dbcf;border-radius:5px;z-index:-1}.os-report{height:478px;background:#fffefa;border:1px solid #e5e0d7;border-radius:5px;padding:27px 31px;box-shadow:0 25px 60px -35px #6d5f4e55}.os-report-mast{display:flex;align-items:center;justify-content:space-between;padding-bottom:19px;border-bottom:1px solid #dedfd5}.os-report-mast>span:first-child{font:400 19px Georgia,serif;letter-spacing:3px;color:#586a44}.os-report-mast>span:last-child{font-size:8px;letter-spacing:1px;color:#9a968a}.os-report h4{font:400 36px/1.09 Georgia,serif;letter-spacing:-1.2px;margin-top:24px;color:#3f4937}.os-report h4 em{font-style:italic;color:#6f7c5a}.os-report-deck{font-size:10px;color:#8d9180;margin-top:10px}.os-report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;padding:16px 0;border-block:1px solid #e6e6db}.os-report-stats small{font-size:9px;color:#8b8d7e}.os-report-stats strong{display:block;font:500 28px var(--font-display);color:#546344;letter-spacing:-.7px;margin-top:5px}.os-report-insight{display:flex;align-items:center;gap:18px;margin-top:20px}.os-report-insight img{width:74px;height:93px;object-fit:cover;border-radius:3px}.os-report-insight .os-kicker{font-size:8px;color:#92967f}.os-report-insight h5{font-size:18px;color:#536145;margin-top:8px;line-height:1.2}.os-report-insight p{font-size:10px;color:#848774;margin-top:7px}.os-report footer{border-top:1px solid #e9e7dd;margin-top:19px;padding-top:12px;display:flex;justify-content:space-between;font-size:8px;color:#9b9b8b}
.os-panel-4{padding-top:28px}.os-dashboard{background:#fffdf9;padding:27px;border:1px solid #e4dee9;border-radius:17px;box-shadow:0 25px 55px -37px #63467b66}.os-dashboard-head{display:flex;justify-content:space-between;align-items:flex-start}.os-dashboard h4{font-size:32px;margin-top:12px}.os-date{font-size:10px;color:#797080;padding:9px 11px;background:#f6f3f8;border-radius:6px;margin-top:8px}.os-widgets{display:flex;gap:7px;margin-top:22px}.os-widgets>span{font-size:9px;padding:7px 10px;border:1px solid #e8e0ee;border-radius:5px;color:#7f6c8e}.os-widgets>span:first-child{background:#f3eafa;border-style:dashed;color:#77439c}.os-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.os-dash-stats>div{background:#f4eff8;border-radius:9px;padding:15px 14px}.os-dash-stats span{font-size:10px;color:#8d7c99}.os-dash-stats strong{display:block;font:550 32px var(--font-display);letter-spacing:-1px;color:#694684;margin-top:8px}.os-dash-lower{display:grid;grid-template-columns:1.3fr 1fr;gap:15px;margin-top:18px}.os-campaign-chart{padding:14px;border:1px solid #ede6f1;border-radius:9px}.os-campaign-chart>span{font-size:10px;color:#74657f}.os-campaign-chart>div{margin-top:17px}.os-campaign-chart label{display:flex;justify-content:space-between;font-size:9px;color:#8c7e94}.os-campaign-chart label b{font-weight:500}.os-campaign-chart i{display:block;width:var(--width);height:12px;border-radius:3px;background:#a17abd;margin-top:8px;transform-origin:left}.os-campaign-chart>div:nth-of-type(2) i{background:#ddd0e7}.os-campaign-chart small{display:block;font-size:8px;color:#a094a7;margin-top:16px}.os-top-ad{display:flex;align-items:center;gap:12px;background:#f3f3ec;border-radius:9px;padding:12px}.os-top-ad img{width:69px;height:106px;object-fit:cover;border-radius:5px}.os-top-ad span,.os-top-ad small{display:block;font-size:9px;color:#8c917e}.os-top-ad b{display:block;font-size:12px;color:#69745c;margin:10px 0}
.os-panel-5{padding-top:25px}.os-autopilot-title h4{font-size:34px;margin-top:15px}.os-search-opportunity{display:flex;align-items:center;gap:13px;margin-top:25px;border:1px solid #e4dfeb;background:#f5f1f8;padding:15px 18px;border-radius:12px}.os-search-opportunity>div>span{display:block;font-size:8px;letter-spacing:1px;color:#97879f}.os-search-opportunity>div>b{display:block;font-size:13px;font-weight:500;margin-top:5px;color:#675472}.os-position{font-size:10px;color:#897994;margin-left:auto}.os-position strong{font:500 25px var(--font-display);color:#76548c;margin-left:7px}.os-draft{margin:17px 16px 0;background:#fffdf9;border:1px solid #e5e0d8;border-radius:9px;padding:20px 23px;box-shadow:0 16px 35px -26px #63533d66}.os-draft-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#968b80}.os-draft-top b{font-weight:500;letter-spacing:0;color:#8d723f;background:#f7f0de;padding:5px 8px;border-radius:4px}.os-draft h5{font:400 29px/1.1 Georgia,serif;color:#4a4d42;margin-top:15px;letter-spacing:-.6px}.os-draft>p{font-size:10px;color:#89877c;max-width:400px;margin-top:10px}.os-draft-items{display:flex;gap:15px;margin-top:17px;font-size:8px;color:#718365}.os-draft-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eae5dc;margin-top:16px;padding-top:13px;font-size:8px;color:#989183}.os-draft-footer b{font-weight:500;color:#7a6149}.os-search-cycle{display:flex;justify-content:center;gap:23px;margin-top:22px;font-size:10px;color:#776183}.os-search-cycle i{font-style:normal;color:#bea9ca}
.os-panel-6{padding-top:30px}.os-tracking-heading h4{font-size:35px;margin-top:15px}.os-event-path{display:flex;align-items:flex-start;margin:30px 26px 0}.os-event-path>div{width:116px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.os-event-path i{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#e9efe4;color:#648150;font-size:19px;font-style:normal}.os-event-path b{font-size:11px;font-weight:500;margin-top:11px;color:#676b5e}.os-event-path span{font-size:9px;color:#909782;margin-top:5px}.os-event-path hr{height:1px;border:0;background:#dbe2d3;flex:1;margin:20px -16px 0}.os-event-path .os-event-broken i{background:#f5e8da;color:#aa743c;box-shadow:0 0 0 6px #fbf3e9}.os-event-broken span{color:#a87e4f}.os-diagnosis{margin:26px 20px 0;border:1px solid #e7daca;background:#fffcf6;border-radius:12px;padding:20px 24px}.os-diagnosis>div:first-child{display:flex;gap:9px;align-items:center}.os-alert{display:grid;place-items:center;background:#f0dfc9;width:18px;height:18px;border-radius:50%;color:#9f773e;font-size:11px}.os-diagnosis .os-kicker{font-size:9px;color:#a58357}.os-diagnosis h5{font-size:25px;color:#795d3d;margin-top:12px}.os-diagnosis>p{font-size:11px;color:#938270;margin-top:10px}.os-fix{border-top:1px solid #ebdfce;margin-top:16px;padding-top:13px}.os-fix>span{font-size:8px;letter-spacing:1px;color:#9e8567}.os-fix p{font-size:11px;color:#7c6a57;margin-top:7px}.os-fix code{font-size:10px;background:#f4eddf;padding:2px 4px;border-radius:3px}
.os-close{text-align:center;max-width:1060px;margin:70px auto 0;padding:65px 0 85px;border-top:1px solid var(--os-border)}.os-client-stack{position:relative;height:109px;max-width:360px;margin:0 auto 35px;isolation:isolate}.os-client-stack>span{position:absolute;left:25px;right:25px;top:0;display:flex;align-items:center;gap:9px;padding:15px 17px;background:#f1eef4;border:1px solid #e2dce9;border-radius:11px;color:#95869e;font-size:10px}.os-client-stack>span:nth-child(2){top:22px;left:13px;right:13px;background:#f6f2f8}.os-client-stack>span:nth-child(3){top:44px;left:0;right:0;background:#fffdf9;font-size:12px;color:#62536b;box-shadow:0 16px 30px -22px #604a7277}.os-client-stack i,.os-stage-caption i{display:inline-block;width:6px;height:6px;background:#75a880;border-radius:50%}.os-client-stack b{font-size:8px;font-weight:500;margin-left:auto;color:#987aab}.os-close h2{font:600 clamp(42px,5vw,70px)/1.02 var(--font-display);letter-spacing:-2.8px;margin:23px 0}.os-close>p:not(.os-eyebrow):not(.os-plan-note){font-size:17px;line-height:1.8;color:var(--os-muted)}.os-close .trial-button{margin-top:28px}.os-close>small{display:block;margin-top:22px;font-size:11px;color:#938a99}.os-close .os-plan-note{font-size:10px;color:#9a919f;margin-top:32px}
/* Scroll owns progression; no wheel interception, video, timers or transport controls. */
@media(min-width:960px) and (min-height:680px){.os-enhanced .os-story{display:grid;grid-template-columns:.82fr 1.28fr;gap:clamp(25px,4vw,70px);align-items:start}.os-enhanced .os-chapter{min-height:82svh;display:flex;align-items:center;padding:65px 0}.os-enhanced .os-chapter-copy{opacity:1}.os-enhanced .os-mobile-stage{display:none}.os-enhanced .os-sticky{display:block;position:sticky;top:calc(78px + (100svh - 78px - min(570px, 100svh - 145px))/2);align-self:start;height:min(570px,calc(100svh - 145px))}.os-stage{position:relative;height:calc(100% - 32px);width:100%;isolation:isolate}.os-stage:before{content:'';position:absolute;inset:0 -4%;background:radial-gradient(ellipse at center,#e9e1f054,transparent 69%);z-index:-1}.os-stage .os-panel{top:50%;transform:translate(-50%,-50%) scale(var(--os-scale,1));transform-origin:center}.os-stage-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a097a6;border-top:1px solid #e8e3eb;padding-top:15px;margin:0 25px}.os-stage-caption>span:first-child{display:flex;align-items:center;gap:8px}.os-panel.is-active .os-arrive{animation:os-appear .75s var(--ease) both}.os-panel.is-active .os-source-row img{animation:os-appear .65s var(--ease) both}.os-panel.is-active .os-source-row img:nth-child(2n){animation-delay:.12s}.os-panel.is-active .os-artwork figure{animation:os-art-in .9s var(--ease) both;animation-delay:calc(var(--i)*.1s)}.os-panel.is-active .os-campaign-chart i{animation:os-bar-in .9s var(--ease) both}.os-panel.is-active .os-saved{animation:os-appear .7s .3s var(--ease) both}.os-panel.is-active .os-draft{animation-delay:.1s}}
@keyframes os-appear{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes os-art-in{from{opacity:0;translate:0 35px;scale:.93}to{opacity:1;translate:0 0;scale:1}}@keyframes os-bar-in{from{scale:0 1}to{scale:1 1}}
@media(max-width:1100px){.os-chapter h3{font-size:35px;letter-spacing:-1.4px}.os-description{font-size:14px}.os-chapter .os-eyebrow{font-size:8px;letter-spacing:1px}.os-detail{font-size:10px}}
@media(max-width:959px),(max-height:679px){.os-chapter{display:grid;grid-template-columns:1fr;max-width:720px;margin:auto;border-bottom:1px solid var(--os-border);padding:60px 0 25px}.os-chapter-copy{max-width:550px}.os-chapter h3{font-size:39px}.os-description{font-size:16px;max-width:520px}.os-detail{max-width:520px}.os-chapter .os-eyebrow{font-size:9px}.os-intro{margin-bottom:15px}.os-close{margin-top:40px}}
@media(max-width:600px){.os-section{padding:64px 22px 0}.os-intro h2{font-size:49px;letter-spacing:-2.5px;margin-block:20px}.os-intro>p:not(.os-eyebrow){font-size:14px}.os-eyebrow{font-size:9px}.os-scroll-hint{font-size:10px;margin-top:24px}.os-chapter{padding-top:48px}.os-chapter h3{font-size:35px;margin-block:19px}.os-description{font-size:14px;line-height:1.8}.os-detail{margin-top:19px;padding-top:14px;font-size:10px}.os-mobile-stage{margin-top:27px}.os-close{padding:45px 0 55px}.os-close h2{font-size:48px}.os-close>p:not(.os-eyebrow):not(.os-plan-note){font-size:14px}.os-close .os-plan-note{font-size:9px;line-height:1.7}.os-client-stack{max-width:320px}}
@media(prefers-reduced-motion:reduce){.os-section *{animation:none!important;transition:none!important}.os-chapter-copy{opacity:1!important}}
/* Fit the complete content, including font-dependent line wrapping. */
.os-panel{height:auto;min-height:520px}.os-report{height:auto;min-height:478px}.os-analyst-answer h4{font-size:32px}.os-analysis-row{margin-top:18px}.os-analysis-row>img{width:100px;height:125px}.os-memory{padding-block:11px}.os-saved{margin-top:14px}.os-autopilot-title h4{font-size:32px}.os-draft{padding:17px 21px}.os-draft h5{font-size:26px;margin-top:12px}.os-draft-items{margin-top:13px}.os-search-cycle{margin-top:15px}.os-tracking-heading h4{font-size:32px}.os-event-path{margin-top:24px}.os-diagnosis{margin-top:20px;padding:18px 22px}.os-diagnosis h5{font-size:23px}

/* Original landing-page brand typography and readable text contrast. */
.os-section .os-eyebrow{font-family:var(--os-mono);font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--violet)}
.os-intro h2,.os-close h2,.os-chapter h3{color:var(--ink);font-weight:720;font-variation-settings:'opsz' 50;letter-spacing:-.025em}
.os-intro h2{font-size:clamp(50px,6.1vw,88px);line-height:1.06}
.os-intro>p:not(.os-eyebrow){font-size:21px;line-height:1.65;color:var(--ink-2)}
.os-chapter h3{font-size:clamp(38px,3.45vw,54px);line-height:1.08;margin:24px 0}
.os-description{font-size:clamp(18px,1.4vw,21px);line-height:1.65;color:var(--ink-2);max-width:440px}
.os-detail{font-size:14px;line-height:1.65;color:var(--ink-2);max-width:440px}
.os-chapter .os-eyebrow>span{font-family:var(--os-mono);color:var(--violet);font-weight:600}
.os-scroll-hint{font-size:13px;color:var(--ink-2)}
.os-close>p:not(.os-eyebrow):not(.os-plan-note){font-size:20px;line-height:1.65;color:var(--ink-2)}
.os-close>small,.os-close .os-plan-note{color:var(--ink-2);font-size:12px}
.os-stage-caption{color:var(--ink-2);font-size:11px}
/* Keep the client artwork's own palette; use brand ink for explanatory UI. */
.os-panel .os-kicker{color:var(--violet);font-family:var(--os-mono);font-size:11px;letter-spacing:.1em}
.os-answer h4,.os-analyst-answer h4,.os-dashboard h4,.os-autopilot-title h4,.os-tracking-heading h4{font-weight:700;color:var(--ink);letter-spacing:-.025em}
.os-prompt{color:var(--ink);font-size:19px;font-weight:500}.os-prompt i{background:var(--violet)}
.os-answer>p,.os-search-result>div,.os-analysis-row p,.os-creative-foot{color:var(--ink-2);font-size:14px}
.os-or,.os-search-result small,.os-app-heading>span,.os-memory b,.os-analysis-row>div>span,.os-analysis-row strong small,.os-creative-brief>div,.os-artwork figcaption{color:var(--ink-2);font-size:12px}
.os-memory,.os-saved,.os-saved p,.os-approval-line{font-size:12px;color:var(--ink-2)}
.os-approval-line b{color:#87550c}.os-saved>span{color:#047857}
.os-report-deck,.os-report-stats small,.os-report-insight p,.os-report footer,.os-report-mast>span:last-child{color:#575b4e;font-size:11px}
.os-date,.os-widgets>span,.os-dash-stats span,.os-campaign-chart>span,.os-campaign-chart label,.os-campaign-chart small{color:var(--ink-2);font-size:11px}
.os-dash-stats strong{color:var(--violet-deep);font-weight:650}.os-campaign-chart i{background:var(--violet)}
.os-top-ad span,.os-top-ad small{color:#526144;font-size:11px}
.os-search-opportunity>div>span,.os-position{color:var(--ink-2);font-size:11px}.os-search-opportunity>div>b{color:var(--ink);font-size:15px}
.os-draft-top,.os-draft>p,.os-draft-footer{color:#62574b;font-size:11px}.os-draft-items{color:#3f6536;font-size:11px;gap:10px}
.os-draft-top b{color:#805b17}.os-search-cycle{color:var(--ink-2);font-size:12px}
.os-event-path b{color:var(--ink);font-size:13px}.os-event-path span{color:#42613a;font-size:11px}.os-event-broken span{color:#94510b}
.os-diagnosis>p,.os-fix p{color:#66503a;font-size:12px}.os-fix>span{color:#805b34;font-size:11px}.os-diagnosis h5{color:#704619;font-weight:650}
.os-client-stack>span,.os-client-stack b{color:var(--ink-2)}
@media(min-width:960px) and (min-height:680px){.os-enhanced .os-story{grid-template-columns:.95fr 1.28fr;gap:clamp(24px,3.5vw,58px)}}
@media(max-width:1100px){.os-chapter h3{font-size:38px}.os-section .os-eyebrow{font-size:11px}.os-description{font-size:18px}.os-detail{font-size:13px}}
@media(max-width:600px){.os-section .os-eyebrow{font-size:10px;letter-spacing:.15em}.os-intro h2{font-size:48px}.os-intro>p:not(.os-eyebrow){font-size:18px}.os-chapter h3{font-size:36px}.os-description{font-size:17px}.os-detail{font-size:13px}.os-close>p:not(.os-eyebrow):not(.os-plan-note){font-size:17px}.os-close .os-plan-note{font-size:11px}}

/* hero-v4: four chapters — tighter pacing for the sticky stage */
@media(min-width:960px) and (min-height:680px){.os-enhanced .os-chapter{min-height:64svh;padding:44px 0}}

/* hero-v4: client-memory panel — Diary · Knowledge · Baselines (mirrors the in-app panel) */
.os-panel-memory{padding-top:20px}
.os-mem-head h4{font:600 26px/1.15 var(--font-display);letter-spacing:-.6px;color:var(--os-text);margin:0}
.os-mem-head p{font-size:12px;line-height:1.5;color:var(--os-muted);margin-top:8px}
.os-mem-tabs{display:inline-flex;gap:4px;margin-top:16px;padding:4px;border:1px solid var(--os-border);border-radius:999px;background:#fffefa}
.os-mem-tabs span{font:500 12px var(--font-sans);padding:7px 16px;border-radius:999px;color:var(--os-muted)}
.os-mem-tabs span.is-on{background:#1c1917;color:#faf9f5}
.os-diary{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.os-diary li{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:start;padding:11px 12px;border:1px solid var(--os-border);border-radius:12px;background:#fffefa;animation-delay:calc(var(--i)*.12s)}
.os-diary time{font:600 11px var(--os-mono);letter-spacing:.04em;color:var(--os-purple);padding-top:2px}
.os-diary p{font-size:12.5px;line-height:1.5;color:var(--os-text);margin:0}
.os-diary code{font:500 11px var(--os-mono);background:#eee9f4;padding:1px 5px;border-radius:5px}
.os-mem-add{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;border:1px solid var(--os-border);border-radius:13px;padding:9px 10px 9px 14px;background:#fff;font-size:12px;color:#8a8290}
.os-mem-add b{background:#1c1917;color:#faf9f5;font:600 12px var(--font-sans);padding:8px 14px;border-radius:9px}
.os-mem-foot{margin-top:12px;font-size:10.5px;line-height:1.5;color:#8a8290}

/* hero-v4: let chapter headings balance instead of ragging on a forced break */
.os-chapter h3{text-wrap:balance}

/* hero-v4: memory panel tabs are real controls */
.os-mem-tabs button{appearance:none;border:0;background:transparent;cursor:pointer;font:500 12px var(--font-sans);padding:7px 16px;border-radius:999px;color:var(--os-muted)}
.os-mem-tabs button[aria-selected="true"]{background:#1c1917;color:#faf9f5}
.os-mem-tabs button:focus-visible{outline:2px solid var(--os-purple);outline-offset:2px}
.os-mem-panes{height:206px;margin-top:18px}
/* tab switches are instant, like the in-app panel — no re-run entrance animation */
.os-mem-pane .os-diary{margin-top:0}
.os-mem-label{display:block;font:600 10px var(--os-mono);letter-spacing:.14em;text-transform:uppercase;color:#8a8290;margin:0 0 8px}
.os-loops{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.os-loops li{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:10px 12px;border:1px solid var(--os-border);border-radius:12px;background:#fffefa}
.os-loops p{font-size:12.5px;line-height:1.45;color:var(--os-text);margin:0}
.os-loops small{flex:0 0 auto;font:500 10px var(--font-sans);color:#8a8290;padding-top:2px}
.os-notes{margin-bottom:0}
.os-mem-intro{font-size:12px;line-height:1.5;color:var(--os-muted);margin:0 0 12px}
.os-bands{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.os-bands li{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--os-border);border-radius:12px;background:#fffefa}
.os-bands b{font:600 12px var(--font-sans);color:var(--os-text)}
.os-bands span{font-size:12px;color:var(--os-muted)}
.os-bands strong{font-weight:600;color:var(--os-text)}

/* hero-v4: the panel scales to ~50% on small screens — keep the tabs tappable after scaling */
@media(max-width:959px),(max-height:679px){.os-mem-tabs button{font-size:20px;padding:12px 26px}.os-mem-tabs{padding:5px}}