.theme-toggle{margin-left:12px;padding:9px 12px;border:1px solid var(--line);border-radius:30px;background:var(--card);color:var(--ink);font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.platform-story{--segment:#f59e0b}.platform-switch{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.platform-switch button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--card);border:1px solid var(--line);border-radius:30px;color:var(--ink);cursor:pointer;font-size:13px}.platform-switch i{width:8px;height:8px;border-radius:50%;background:var(--segment)}.platform-switch button[aria-pressed=true]{border-color:var(--segment);box-shadow:inset 0 0 0 1px var(--segment)}.platform-stage{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:30px;align-items:center;padding:35px;background:var(--bg-deep);border-radius:22px}.web-preview{border:1px solid var(--line);background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #102c2910}.preview-top{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-weight:700;font-size:14px}.preview-top small{font-size:11px;font-weight:400;color:var(--muted)}.segment-name{color:var(--segment)}.dashboard-body{padding:24px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.dashboard-heading h3{font-size:20px;margin-top:10px}.dashboard-heading select{max-width:130px;border:1px solid var(--line);padding:8px;background:var(--card);color:var(--ink);border-radius:7px;font-size:11px}.chart-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.chart-metrics>div{background:var(--bg);border:1px solid var(--line);padding:14px;border-radius:9px}.chart-metrics small{display:block;color:var(--muted);font-size:10px}.chart-metrics strong{font-size:23px;display:block;margin-top:6px}.charts{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.charts h4{font-size:12px;margin-bottom:20px}.volume-chart{height:190px;display:flex;gap:10px;align-items:flex-end;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0px,transparent 46px,var(--line) 47px,transparent 48px)}.chart-bar{height:100%;flex:1;min-width:0;background:transparent;border:0;position:relative;cursor:pointer;color:var(--ink);padding:0 0 24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bar-fill{height:calc(var(--height) * .78);width:100%;max-width:30px;background:var(--segment);border-radius:5px 5px 0 0;transition:height .3s}.chart-bar:hover .bar-fill,.chart-bar:focus-visible .bar-fill{filter:brightness(.85)}.bar-value{font-size:9px;margin-bottom:4px}.chart-bar small{position:absolute;bottom:2px;font-size:9px}.charts #chart-detail{font-size:11px;color:var(--muted);min-height:35px;margin-top:12px}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--segment) 0 50%,#6496ed 50% 92%,#b8c4ba 92% 100%);display:grid;place-items:center;margin:0 auto}.donut>span{width:108px;height:108px;border-radius:50%;background:var(--card);display:flex;flex-direction:column;justify-content:center;text-align:center}.donut strong{font-size:16px}.donut small{font-size:10px;color:var(--muted)}.collection-chart ul{list-style:none;font-size:11px;margin-top:15px}.collection-chart li{display:flex;align-items:center;gap:7px;margin:6px 0}.collection-chart b{margin-left:auto}.collection-chart i{width:7px;height:7px;border-radius:50%}.mobile-preview{border:6px solid #203b36;border-radius:32px;padding:12px 18px 22px;background:var(--card);box-shadow:0 18px 35px #102c2920}.phone-speaker{height:6px;width:55px;border-radius:10px;background:#203b36;margin:0 auto 10px}.phone-top{display:flex;justify-content:space-between;font-size:9px;margin-bottom:25px}.mobile-preview h3{font-size:25px;line-height:1.2;margin:10px 0 15px}.phone-badge{font-size:10px;background:var(--bg-deep);padding:7px;border-radius:6px}.phone-progress{font-size:11px;margin:20px 0}.phone-progress span{color:var(--muted)}.phone-progress progress{width:100%;height:6px;display:block;margin-top:8px;accent-color:var(--segment)}.phone-task{padding:13px;border:1px solid var(--line);border-radius:9px}.phone-task small{font-size:8px;letter-spacing:.1em;color:var(--muted)}.phone-task strong{display:block;font-size:14px;margin:4px 0}.phone-task p{font-size:10px;color:var(--muted)}.phone-task button{width:100%;font-size:11px;font-weight:600;margin-top:14px;background:var(--segment);color:#112822;border:0;border-radius:6px;padding:10px;cursor:pointer}.phone-task button:disabled{opacity:.65}.mobile-preview #sync-status{font-size:10px;color:var(--ink-soft);line-height:1.6;margin-top:15px;min-height:48px}.reset-demo{background:none;border:0;color:var(--ink-soft);font-size:10px;cursor:pointer;margin-top:8px}.platform-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.platform-benefits b{font-size:10px;letter-spacing:.05em;color:var(--brand-deep)}.platform-benefits h3{font-size:20px;margin:12px 0}.platform-benefits p{font-size:13px;color:var(--ink-soft)}.preview-footnote{font-size:11px;color:var(--muted);margin-top:24px;max-width:850px}.vert-tabs .vert-tab.active{color:var(--segment);border-color:var(--segment)}
.platform-stage>*{min-width:0}.nav-inner{max-width:100%}.charts .collection-chart{display:block}
html[data-theme=dark]{color-scheme:dark;--bg:#0b1721;--bg-deep:#112330;--ink:#e9f1ed;--ink-soft:#b1c5c1;--muted:#93aaa5;--line:#2a4148;--card:#142933;--brand:#72c6c4;--brand-deep:#72c6c4;--brand-glow:rgba(114,198,196,.16)}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}html[data-theme=dark] .nav.scrolled .nav-inner{background:#0b1721f5}html[data-theme=dark] .btn-primary{background:#72c6c4;color:#102b30}html[data-theme=dark] .btn-ghost,html[data-theme=dark] .hero .device,html[data-theme=dark] .calc-card,html[data-theme=dark] .calc-card select,html[data-theme=dark] .menu-toggle{background:var(--card);color:var(--ink)}html[data-theme=dark] .journey{background:#0f302c}html[data-theme=dark] .journey-panel{background:var(--card);color:var(--ink)}html[data-theme=dark] .journey-panel p,html[data-theme=dark] .preview-metrics span,html[data-theme=dark] .preview-label{color:var(--muted)}html[data-theme=dark] .preview-metrics div,html[data-theme=dark] .preview-row{border-color:var(--line)}html[data-theme=dark] .preview-row span:last-child,html[data-theme=dark] .journey-next{color:#72c6c4}html[data-theme=dark] .calculator{background:#182c27}html[data-theme=dark] .plan.feat{background:var(--card)}html[data-theme=dark] .nav-links.open{background:var(--card)}html[data-theme=dark] .form-card,html[data-theme=dark] .prob,html[data-theme=dark] .role,html[data-theme=dark] .pcard,html[data-theme=dark] .mod,html[data-theme=dark] .plan,html[data-theme=dark] .vert-wrap{background:var(--card)}html[data-theme=dark] .field input,html[data-theme=dark] .field textarea{background:var(--bg);color:var(--ink)}html[data-theme=dark] .btn-primary:hover{color:#102b30}
@media(max-width:1050px){.platform-stage{padding:20px;gap:20px;grid-template-columns:minmax(0,1fr) 235px}.dashboard-body{padding:18px}.charts{grid-template-columns:1fr}.collection-chart{display:none}.theme-toggle{margin-left:auto;margin-right:8px}.menu-toggle{margin-left:0!important}}
@media(max-width:700px){.platform-stage{grid-template-columns:1fr;padding:16px}.mobile-preview{width:265px;max-width:100%;margin:10px auto}.platform-benefits{grid-template-columns:1fr;gap:25px}.chart-metrics{gap:6px}.chart-metrics>div{padding:9px}.chart-metrics strong{font-size:18px}.dashboard-heading{align-items:flex-start}.dashboard-heading h3{font-size:17px}.platform-switch{gap:6px}.platform-switch button{padding:8px 12px}.theme-toggle{padding:8px;font-size:11px}.brand small{font-size:9px}.charts{grid-template-columns:1fr}.collection-chart{display:block}.donut{margin-top:12px}.platform-stage .preview-top{padding:12px;font-size:12px}}