/* V4: midnight is the structure; tide is reserved for small AI details. */
:root {
  --bg:#eef0ec;--surface:#dee3dc;--ink:#0e1a24;--dark:#0e1a24;
  --ink-2:#45515b;--ink-3:#65717b;--rule:#cdd3d5;
  --ai:#0e1a24;--ai-soft:#e6e9eb;--ai-light:#aab7c4;--tide:#0f6e6a;
  --glass:linear-gradient(145deg,#fffffff0,#eef0eceb);
  --glass-shadow:0 24px 64px -32px #0e1a243d,0 5px 16px -10px #0e1a242b,inset 0 1px 0 #fff;
  --glass-blur:blur(18px) saturate(110%);
}
body {background:var(--bg);}
.hero {background:#0e1a24;}
.hero-backdrop {inset:-2%;}
.hero-backdrop img {
  object-position:center;transform-origin:50% 58%;
  animation:desk-breathe 24s ease-in-out infinite;
  animation-play-state:var(--hero-motion-state,paused);
}
.hero::after {background:linear-gradient(180deg,#0e1a245e, #0e1a2420 40%,#0e1a2430 75%,#0e1a247a);}
/* A slow camera drift and soft pool of light, no video download or autoplay delay. */
.hero-daylight {
  position:absolute;inset:38% -30% -20%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,#eef0ec18,transparent 58%);
  transform:translateX(-8%);mix-blend-mode:screen;
  animation:desk-light 24s ease-in-out infinite;animation-play-state:var(--hero-motion-state,paused);
}
@keyframes desk-breathe {
  0%,100% {transform:translate3d(-.45%,.2%,0) scale(1.02);}
  50% {transform:translate3d(.45%,-.2%,0) scale(1.045);}
}
@keyframes desk-light {0%,100% {transform:translate3d(-8%,0,0);opacity:.35;}50% {transform:translate3d(8%,0,0);opacity:.8;}}
.hero .fixed {white-space:nowrap;}
.nav,.nav:not(.solid):not(.open) {background:#0e1a246b;border-color:#eef0ec59;backdrop-filter:blur(22px);}
.nav.solid,.nav.open {background:#0e1a24ef;color:#eef0ec;border-color:#ffffff29;}
.nav.solid .brand-icon img,.nav.open .brand-icon img {filter:brightness(0) invert(1);}
.nav .mark,.nav.solid .mark,.nav.open .mark {color:#eef0ec;}
.nav.solid .nav-links>a,.nav.open .nav-links>a,.mnav a {color:#eef0ec;}
.nav .mnav {background:#0e1a24;}
.nav-links .nav-demo,.nav.solid .nav-links .nav-demo {background:#eef0ec;color:#0e1a24;border-color:#eef0ec;box-shadow:none;}
.nav .menu-btn {color:#eef0ec;}
.nav .t-pause {color:#eef0ec;}
.progress {background:#2b3fd6;}
.hero-fragment {background:linear-gradient(145deg,#eef0ecf2,#dee3dceb);color:#0e1a24;backdrop-filter:blur(12px);}
.fragment-icon {color:#0e1a24;}
.fragment-track {background:#c6ccce;}
.fragment-track i {background:#0e1a24;}
.fragment-update small {color:#0e1a24;}
.hero-info.wrap {background:#0e1a24;border-color:#ffffff24;}
.hero-info .intelligence-flow img {filter:grayscale(1);}
.onb-workspace {background:linear-gradient(135deg,#dee3dc,#e8ebe8);border-color:#fff;}
.onb-top {border-color:#d4dadd;}
.onb-chat .om.q {background:#e6e9eb;color:#0e1a24;}
.onb-card,.onb-learn {background:#ffffffed;}
.feature-0 .feature-visual {background:linear-gradient(140deg,#dfe4e5,#eef0ec);}
.feature-0 .t-wx {background:#eef0ec;}
.feature-1 {background:radial-gradient(ellipse at 0 0,#2b3fd63b,transparent 65%),#0e1a24;}
.feature-2 {background:#eef0ec;}
.ask-device {background:linear-gradient(145deg,#ffffff,#bbc2c8 50%,#eef0ec);box-shadow:0 38px 75px -30px #0e1a2459,inset 0 1px 2px #fff;}
.t-chips button {background:#fff;border-color:#cdd3d5;box-shadow:0 2px 4px #0e1a2410;}
.feature-3 .feature-visual {background:linear-gradient(145deg,#fff,#e8eced);}
.feature-3 .t-th .tm-msg.q {background:#e5e9ec;}
.feature-3 .t-th .tm-msg small,.feature-3 .t-acks .ack em {color:#45515b;}
.feature-3 .t-acks .ack.ok {background:#e9edf0;border-color:#ced6dc;}
.feature-3 .t-acks .ack.ok::after {background:#0f6e6a;}
.feature-4 {background:radial-gradient(ellipse at 95% 0,#2b3fd626,transparent 60%),#0e1a24;}
.feature-4 .t-al {border-color:#ffffff29;}
.feature-4 .t-al.resolved {background:#ffffff15;}
.roi {background:#eef0ec;}
.roi-stat:first-child {background:#dee3dc;}
.roi-rep {background:#e4e8e9;}
.roi-out {background:#0e1a24;}
.roi-out .btn {margin-top:20px;}
.statement {background:radial-gradient(ellipse at 90% 0,#2b3fd629,transparent 65%),#0e1a24;}
.ftag span {color:#596571;}
.demo {background:#dee3dc;}
.demo-dialog {background:#eef0ecf7;}
.demo-dialog::backdrop {background:#0e1a2480;}
.demo-close {background:#dee3dc;}
.demo-dialog input,.demo-dialog textarea {border-color:#c6ced3;}
footer {background:#eef0ec;}
@media(max-width:600px) {
  .hero-backdrop img {object-position:50% 50%;transform-origin:50% 60%;}
  .hero::after {background:linear-gradient(#0e1a2435,#0e1a241c 55%,#0e1a2445);}
  .hero .hero-pro {color:#ddeb5a;}
}
@media(prefers-reduced-motion:reduce) {
  .hero-backdrop img {animation:none;transform:none;}
  .hero-daylight {animation:none;opacity:.4;transform:none;}
}
@media(prefers-reduced-transparency:reduce) {
  .nav,.nav.solid,.nav.open {background:#0e1a24;}
  .hero-fragment,.demo-dialog {background:#eef0ec;}
}

/* The filmed phone is the hero; no second device or floating example cards. */
.hero-film {height:100svh;min-height:700px;max-height:1200px;}
.hero-film .hero-backdrop,.hero-film-video {position:absolute;inset:0 0 144px;width:100%;height:calc(100% - 144px);z-index:-2;mask-image:linear-gradient(#000 calc(100% - 48px),transparent);}
.hero-film .hero-backdrop img,.hero-film-video {object-fit:cover;object-position:50% 50%;animation:none;transform:none;}
.hero-film-video {opacity:0;transition:opacity .45s;}
.hero-film.film-ready .hero-film-video {opacity:1;}
.hero-film::after {background:linear-gradient(180deg,#0e1a2466,transparent 43%,transparent 65%,#0e1a24 88%);}
.hero-film .hero-top {top:clamp(110px,14vh,150px);}
.hero-film .hero-actions {position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;}
.hero-actions .hero-cta {margin:0;}
.hero-actions .hero-cta .btn {min-height:48px;padding:12px 24px;font-size:13px;gap:20px;}
.hero-actions .hero-cta .relay-mark {width:24px;height:24px;}
.hero-film .scroll-explore {position:static;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 18px;border:1px solid #ffffff38;border-radius:999px;color:#eef0ec;background:#ffffff0d;transform:none;font-size:13px;letter-spacing:.02em;transition:background .2s,border-color .2s;}
.hero-film .scroll-explore:hover {background:#ffffff1a;border-color:#ffffff70;}
.hero-film .scroll-explore:focus-visible {outline:2px solid #ddeb5a;outline-offset:4px;}
#overview {scroll-margin-top:0;}
@media(max-width:600px) {
 .hero-film {min-height:740px;height:100svh;max-height:980px;}
 .hero-film .hero-top {top:120px;}
 .hero-film .hero-backdrop,.hero-film-video {bottom:144px;height:calc(100% - 144px);}
 .hero-film .hero-actions {bottom:18px;flex-direction:column;gap:8px;}
 .hero-film .hero-backdrop img,.hero-film-video {object-fit:cover;}
 .hero-film::after {background:linear-gradient(#0e1a243d,transparent 42%,transparent 68%,#0e1a24 86%);}
}
@media(min-width:601px) {
 .hero-film .hero-backdrop img,.hero-film-video {object-position:50% 75%;}
 .hero-film .hero-top {top:110px;}
 .hero-film h1 {font-size:clamp(58px,5vw,78px);}
 .hero-film .rot {font-size:clamp(34px,3.5vw,50px);margin-top:12px;}
}

/* The uploaded event opens into its department checklist in the same scene. */
.feature-0 .tslot {position:relative;min-height:580px;}
.checklist-open > :not(.brief-checklist) {visibility:hidden;pointer-events:none;}
.brief-checklist {position:absolute;inset:0;padding:28px 36px;background:#f8faf8;display:flex;flex-direction:column;color:#0e1a24;overflow:auto;border-radius:inherit;}
.checklist-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;}
.checklist-dept {display:block;color:#53626b;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;}
.checklist-heading h3 {font:500 32px/1.12 var(--display);letter-spacing:-.04em;margin:0 0 7px;}
.checklist-heading p {font-size:12px;line-height:1.4;color:#53626b;margin:0;}
.checklist-replay {display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #d6dddd;border-radius:50%;background:#fff;color:#0e1a24;cursor:pointer;}
.checklist-replay svg,.checklist-source svg {width:20px;height:20px;stroke:currentColor;stroke-width:1.5;flex:none;}
.checklist-source {display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #dce1df;border-radius:10px;font-size:11px;color:#53626b;background:#eef0ec;}
.checklist-source>span:first-of-type {min-width:0;overflow-wrap:anywhere;}
.checklist-revision {margin-left:auto;white-space:nowrap;font-size:10px;}
.checklist-progress {display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:22px 0 16px;font-size:12px;}
.checklist-progress strong {font-weight:500;color:#53626b;font-variant-numeric:tabular-nums;}
.checklist-meter {height:4px;width:100%;border-radius:4px;background:#dde3df;overflow:hidden;}
.checklist-meter i {display:block;height:100%;width:0;background:#0f6e6a;border-radius:4px;transition:width .5s ease;}
.checklist-tasks {list-style:none;padding:0;margin:0;display:grid;gap:9px;}
.checklist-tasks li {opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;}
.checklist-tasks li.revealed {opacity:1;transform:none;}
.checklist-tasks button {display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:#fff;border:1px solid #dce1df;border-radius:12px;text-align:left;color:#0e1a24;cursor:pointer;transition:border-color .3s,background .3s;}
.task-tick {width:23px;height:23px;border:1px solid #b9c4c5;border-radius:7px;display:grid;place-items:center;flex:none;transition:background .3s,border-color .3s;}
.task-tick svg {width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .3s;}
.task-copy {min-width:0;flex:1;}
.task-copy b {display:block;font-size:14px;font-weight:600;line-height:1.3;}
.task-copy small {display:block;font-size:11px;line-height:1.4;color:#65717b;margin-top:4px;}
.checklist-tasks time {font-size:11px;white-space:nowrap;color:#53626b;font-variant-numeric:tabular-nums;}
.checklist-tasks [aria-checked=true] {background:#edf3f0;border-color:#c5d6cf;}
[aria-checked=true] .task-tick {background:#0e1a24;border-color:#0e1a24;}
[aria-checked=true] .task-tick svg {stroke-dashoffset:0;}
.checklist-tasks button:focus-visible,.checklist-replay:focus-visible {outline:2px solid #2b3fd6;outline-offset:3px;}
@media(max-width:600px) {
 .feature-0 .tslot {min-height:620px;}
 .brief-checklist {padding:22px 18px;}
 .checklist-heading h3 {font-size:28px;}
 .checklist-heading {margin-bottom:18px;}
 .checklist-tasks button {padding:14px 11px;gap:10px;flex-wrap:wrap;}
 .task-copy b {font-size:13px;}
 .task-copy small {font-size:10px;}
 .checklist-tasks time {margin-left:33px;flex-basis:100%;font-size:10px;}
 .checklist-progress {font-size:11px;}
 .checklist-revision {display:none;}
}
@media(prefers-reduced-motion:reduce) {
 .checklist-tasks li,.task-tick,.task-tick svg,.checklist-tasks button,.checklist-meter i {transition:none;}
}

/* Demo request fields retain the preview-only submission contract. */
.demo-dialog {width:min(640px,calc(100% - 32px));}
.demo-dialog-heading h2 {font-size:36px;}
#demoForm .demo-interests {border:0;padding:0;margin:2px 0;min-width:0;}
.demo-interests legend {font-size:12px;font-weight:600;padding:0;margin-bottom:12px;}
.interest-options {display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#demoForm .interest-options label {display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid #d4dbde;border-radius:10px;background:#fff;font-size:12px;line-height:1.4;cursor:pointer;}
#demoForm .interest-options label:has(:checked) {background:#edf0ff;border-color:#2b3fd6;}
#demoForm .interest-options input {appearance:auto;width:18px;height:18px;min-height:18px;padding:0;margin:0;flex:none;accent-color:#2b3fd6;box-shadow:none;}
#demoForm .interest-options input:focus-visible {outline:2px solid #2b3fd6;outline-offset:3px;}
.field-optional {font-size:10px;color:#65717b;font-weight:400;}
@media(max-width:600px) {
 .demo-dialog {width:calc(100% - 24px);}
 .demo-dialog-shell {padding:30px 20px 24px;}
 .demo-dialog-heading h2 {font-size:32px;}
 .demo-dialog .row2 {grid-template-columns:1fr 1fr;gap:10px;}
 .demo-dialog input:not([type=checkbox]) {padding:10px;}
 .interest-options {grid-template-columns:1fr;}
}
@media(max-width:360px) {.demo-dialog .row2 {grid-template-columns:1fr;}}

/* Each chart plays when its graphic, rather than the card heading, is visible. */
.roi-stat .chart-fill,.roi-stat .tick-chart i {transition:none;}
.roi-stat .chart-fill {stroke-dashoffset:0;}
.roi-stat .tick-chart i {transform:none;}

/* Brand-colour cards give the costs their own emphasis. */
.roi-cost-grid {gap:14px;}
.roi-cost-grid>div {border:1px solid #d7dfe5;border-radius:22px;background:#e8edff;padding:26px;}
.roi-cost-grid>div:nth-child(2) {background:#f1f5c7;border-color:#dde69a;}
.roi-cost-grid>div:nth-child(3) {background:#0e1a24;border-color:#0e1a24;color:#eef0ec;}
.roi-cost-grid>div:nth-child(4) {background:#dfe5ee;border-color:#cbd5e1;}
.roi-cost-grid .ci {width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#2b3fd6;color:#fff;margin-bottom:24px;}
.roi-cost-grid>div:nth-child(2) .ci {background:#0e1a24;color:#ddeb5a;}
.roi-cost-grid>div:nth-child(3) .ci {background:#ddeb5a;color:#0e1a24;}
.roi-cost-grid>div:nth-child(4) .ci {background:#fff;color:#0e1a24;}
.roi-cost-grid>div:nth-child(3) p {color:#ccd6dd;}
.roi-cost-grid b {font-size:18px;}

/* A compact mobile calculator keeps controls and live results together. */
@media(max-width:600px) {
 .roi-calc {border-radius:22px;margin-top:64px;}
 .roi-in {padding:20px 18px 12px;}
 .roi-in h3 {font-size:24px;line-height:1.15;}
 .roi-sub {font-size:11px;margin:6px 0 14px;}
 .roi-in label {margin-top:5px;}
 .roi-in label>span {font-size:11px;line-height:1.35;gap:12px;}
 .roi-in output {font-size:11px;}
 .roi-in input {display:block;height:24px;margin:2px 0 3px;background:linear-gradient(to right,#0e1a24 var(--p),#bdc8bd var(--p)) center / 100% 3px no-repeat;}
 .roi-in input::-webkit-slider-thumb {width:20px;height:20px;}
 .roi-out {display:grid;grid-template-columns:1.2fr 1.1fr .7fr;padding:18px;gap:12px 10px;align-content:start;}
 .roi-out>div {margin:0;min-width:0;}
 .roi-out .big {grid-column:auto;}
 .roi-out .value-chart {grid-column:1/-1;height:16px;margin:0;}
 .roi-out small {font-size:9px;line-height:1.35;margin-bottom:6px;min-height:25px;}
 .roi-out b,.roi-out .big b {font-size:clamp(23px,6.5vw,29px);line-height:1.1;white-space:nowrap;}
 .roi-note {font-size:10px;line-height:1.5;max-width:none;}
 .roi-out .btn {margin-top:8px;min-height:44px;padding:12px 16px;font-size:11px;justify-content:space-between;}
}
@media(max-width:600px) {
 .roi-out b.long-value {font-size:clamp(16px,4.6vw,21px);}
}
@media(max-width:600px) and (max-height:740px) {
 .roi-in {padding:16px 16px 8px;}
 .roi-sub {margin:5px 0 10px;}
 .roi-in label {margin-top:1px;}
 .roi-in input {margin:0;height:22px;}
 .roi-out {padding:14px;gap:9px;}
 .roi-out .btn {margin-top:4px;}
}

/* Compact V4: one product chapter, with supporting details opened on demand. */
.compact-detail {border:1px solid #cdd3d5;border-radius:20px;background:#ffffff70;overflow:hidden;}
.compact-detail>summary {list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;cursor:pointer;font:500 25px/1.2 var(--display);color:#0e1a24;}
.compact-detail>summary::-webkit-details-marker {display:none;}
.compact-detail>summary h3 {font:inherit;margin:0;}
.compact-detail>summary:hover {background:#ffffff80;}
.compact-detail>summary:focus-visible {outline:3px solid #2b3fd6;outline-offset:-4px;border-radius:20px;}
.disclosure-icon {width:32px;height:32px;border:1px solid #aeb9c0;border-radius:50%;position:relative;flex:none;}
.disclosure-icon::before,.disclosure-icon::after {content:"";position:absolute;background:currentColor;left:9px;right:9px;height:1px;top:15px;}
.disclosure-icon::after {transform:rotate(90deg);transition:transform .2s;}
.compact-detail[open]>summary .disclosure-icon::after {transform:rotate(0);}
.onb-detail {margin-top:32px;}
.onb-detail .onb-workspace {margin:0;border-radius:0;border:0;}
.roi-cost.compact-detail,.report-detail {margin:16px 0 0;}
.compact-detail .roi-cost-grid {padding:0 24px 24px;}
.report-detail .roi-rep {margin:0;border-radius:0;padding:28px;}
.hero-info.wrap {min-height:0;padding-block:56px;}
.hero-info+.onb {padding-top:64px;padding-bottom:64px;}
.onb-copy h2 {font-size:clamp(36px,4vw,60px);}
.compact-tour {background:#eef0ec;padding-top:28px;scroll-margin-top:100px;}
.chapter-tabs {display:flex;justify-content:center;gap:8px;padding:0 0 20px;}
.chapter-tabs[hidden] {display:none;}
.chapter-tabs button {font:500 15px var(--body);color:#45515b;border:1px solid transparent;border-radius:999px;padding:12px 24px;min-height:46px;background:transparent;cursor:pointer;transition:background .2s,color .2s;}
.chapter-tabs button:hover {background:#dee3dc;}
.chapter-tabs button[aria-selected=true] {background:#0e1a24;color:#eef0ec;}
.chapter-tabs button:focus-visible {outline:3px solid #2b3fd6;outline-offset:3px;}
.compact-tour .feature[hidden] {display:none!important;}
.compact-tour .feature {padding:48px 0;min-height:0;overflow:clip;}
.compact-tour .feature-inner {position:relative;top:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6%;align-items:center;min-height:600px;}
.compact-tour .tc {order:0;text-align:left;max-width:none;margin:0;}
.compact-tour .tc h2 {font-size:clamp(36px,4vw,58px);line-height:1.06;max-width:15ch;}
.compact-tour .tc .lede {font-size:15px;line-height:1.6;margin:20px 0 0;}
.compact-tour .t-do {justify-content:flex-start;margin-top:20px;}
.compact-tour .feature-visual {margin:0;min-height:0;max-width:100%;width:100%;}
.compact-tour .feature-0 .feature-visual {padding:16px;border-radius:24px;}
.compact-tour .feature-0 .tslot {display:block;min-height:560px;padding:24px;border-radius:16px;}
.compact-tour .feature-0 .t-up,.compact-tour .feature-0 .t-read {min-height:125px;margin:16px 0;padding:20px;}
.compact-tour .feature-0 .t-wx {padding:12px;margin:10px 0;justify-content:start;}
.compact-tour .feature-0 .t-lab {margin:16px 0 8px;}
.compact-tour .brief-checklist {padding:24px;}
.compact-tour .checklist-heading h3 {font-size:30px;}
.compact-tour .feature-2 .ask-device {transform:none!important;max-width:100%;}
.compact-tour .feature-2 .ask-orbit {display:none;}
.compact-tour .feature-3 .feature-visual {padding:20px;}
.compact-tour .feature-3 .t-th {min-height:0;}
.compact-tour .feature-4 .t-al {margin-left:0;padding:18px;}
.roi {padding-block:64px;}
.roi-stats {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;}
.roi-stat,.roi-stat:first-child,.roi-stat:nth-child(n+2) {display:flex;flex-direction:column;grid-row:auto;justify-content:flex-start;min-height:0;padding:28px!important;}
.roi-stat p {font-size:14px;line-height:1.55;margin-block:20px;}
.roi-stat .stat-chart {max-height:160px;margin:20px 0;}
.roi-stat a {margin-top:auto;font-size:11px;}
.roi-calc {margin-top:40px;}
.statement {padding-block:72px;min-height:0;}
.demo {padding-block:64px;}
@media(max-width:900px) {
 .compact-tour .feature-inner {gap:28px;grid-template-columns:1fr;min-height:0;}
 .compact-tour .tc {max-width:650px;}
 .compact-tour .tc h2 {max-width:20ch;}
 .compact-tour .feature-visual {max-width:640px;margin-inline:auto;}
 .compact-tour .feature-2 .feature-visual {display:grid;place-items:center;}
 .roi-stats {gap:10px;}
 .roi-stat,.roi-stat:first-child,.roi-stat:nth-child(n+2) {padding:20px!important;}
}
@media(max-width:600px) {
 .hero-info.wrap {padding:32px 24px;}
 .hero-info+.onb {padding-block:40px;}
 .compact-detail>summary {font-size:20px;padding:20px;gap:16px;}
 .compact-detail .roi-cost-grid {padding:0 16px 16px;}
 .report-detail .roi-rep {padding:20px;}
 .compact-tour {padding-top:12px;scroll-margin-top:86px;}
 .chapter-tabs {gap:2px;padding-bottom:12px;}
 .chapter-tabs button {flex:1;padding:10px 6px;min-width:0;font-size:13px;}
 .compact-tour .feature {padding:28px 0 36px;}
 .compact-tour .tc h2 {font-size:36px;}
 .compact-tour .tc .lede {font-size:14px;margin-top:16px;}
 .compact-tour .feature-0 .feature-visual,.compact-tour .feature-3 .feature-visual {padding:10px;}
 .compact-tour .feature-0 .tslot {padding:18px;min-height:610px;}
 .compact-tour .brief-checklist {padding:20px 16px;}
 .compact-tour .feature-4 .t-al {padding:16px;}
 .roi {padding-block:40px;}
 .roi-stats {grid-template-columns:1fr;gap:12px;}
 .roi-stat,.roi-stat:first-child,.roi-stat:nth-child(n+2) {display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;}
 .roi-stat p {grid-column:1/-1;margin:0;font-size:13px;}
 .roi-stat .stat-chart {grid-column:2;grid-row:1;margin:0!important;height:76px;max-height:76px;}
 .roi-stat .donut-chart {width:76px;justify-self:end;}
 .roi-stat a {grid-column:1/-1;font-size:10px;}
 .roi-stat .tick-chart {gap:3px;height:56px;}
 .roi-stat .tick-chart i {height:42px;}
 .statement {padding-block:48px;}
 .demo {padding-block:40px;}
}
@media(prefers-reduced-motion:reduce) {.disclosure-icon::after,.chapter-tabs button {transition:none;}}
/* Keep the selector steady while panels change height. */
.compact-tour {overflow-anchor:none;scroll-margin-top:0;}
.nav.solid .nav-links>a:hover,.nav.solid .nav-links>a:focus-visible {color:#ddeb5a;}
/* Keep the statistic and its graphic together at every breakpoint. */
.roi .roi-stat {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px 12px;align-content:start;align-items:center;}
.roi .roi-stat>b {grid-column:1;grid-row:1;order:0;font-size:clamp(36px,3.5vw,54px);line-height:1;white-space:nowrap;margin:0;}
.roi .roi-stat>p {grid-column:1/-1;grid-row:2;order:0;font-size:14px;max-width:none;margin:0;}
.roi .roi-stat>a {grid-column:1/-1;grid-row:3;order:0;font-size:10px;margin:0;}
.roi .roi-stat .stat-chart {grid-column:2;grid-row:1;order:0;width:100%;height:88px;margin:0;max-height:none;}
.roi .roi-stat .donut-chart {width:88px;justify-self:end;}
.roi .roi-stat .donut-chart svg {width:88px;height:88px;}
.roi .roi-stat .tick-chart {height:66px;padding:0 0 15px;gap:3px;}
.roi .roi-stat .tick-chart i {height:auto;}
@media(max-width:1100px) and (min-width:601px) {
 .roi-stats {grid-template-columns:1fr;}
 .roi .roi-stat {grid-template-columns:150px minmax(0,1fr) 120px;}
 .roi .roi-stat>p {grid-column:2;grid-row:1/3;}
 .roi .roi-stat>a {grid-column:1;grid-row:2;}
 .roi .roi-stat .stat-chart {grid-column:3;grid-row:1/3;}
}
@media(max-width:600px) {
 .roi .roi-stat {gap:16px 12px;}
 .roi .roi-stat>b {font-size:clamp(32px,10vw,42px);}
 .roi .roi-stat>p {font-size:13px;}
 .roi .roi-stat .stat-chart {height:70px;}
 .roi .roi-stat .donut-chart,.roi .roi-stat .donut-chart svg {width:70px;height:70px;}
 .roi .roi-stat .tick-chart {height:56px;}
}

/* Scroll through the five chapters inside one shared stage. */
.compact-tour.scroll-tour {position:relative;padding-top:0;overflow:visible;}
.scroll-tour .tour-sticky {position:sticky;top:var(--tour-top);height:var(--tour-height);display:flex;flex-direction:column;overflow:clip;background:#eef0ec;}
.scroll-tour .chapter-tabs {position:relative;z-index:2;padding-top:12px;padding-bottom:16px;background:#eef0ec;}
.scroll-tour .tour-viewport {position:relative;flex:1;min-height:0;overflow:clip;}
.scroll-tour .feature {min-height:100%;padding-block:24px;will-change:transform;}
.scroll-tour.tour-measuring .feature {display:block!important;position:absolute;top:0;left:0;width:100%;visibility:hidden;transform:none!important;}
@media(max-width:600px) {
 .scroll-tour .chapter-tabs {padding-top:8px;padding-bottom:12px;}
 .scroll-tour .feature {padding-block:16px 24px;}
}

/* Team-approved flat LP and outlined Space Grotesk Medium, 29 September 2026. */
.mark .approved-logo {display:block;width:210px;height:auto;max-width:100%;filter:none;}
.hero .fixed .approved-wordmark {display:block;width:4.5em;height:auto;max-width:100%;margin:0 auto;filter:none;}
@media(max-width:600px){.nav .mark .approved-logo{width:164px;}.hero .fixed .approved-wordmark{width:4.5em;}}

.nav .mark .approved-symbol {display:block;width:34px;height:44px;object-fit:contain;filter:none;}

/* More breathing room around section copy without expanding the compact tour. */
.onb-copy h2,.compact-tour .tc h2,.roi h2,.demo h2 {
  line-height:1.14;
  letter-spacing:-.035em;
  padding-block:6px 10px;
}
.onb-copy h2 span::after {bottom:-.12em;}
.onb-explanation {padding-top:12px;}
@media(max-width:600px) {
  .onb > .wrap,.roi > .wrap,.demo > .wrap {padding-inline:8px;}
  .compact-tour .tc {padding-inline:8px;}
  .onb-copy h2 {margin-bottom:28px;}
}

/* Cool glass surfaces and readable compact-tour typography, October 2026. */
.hero-info .intelligence-flow {
  isolation:isolate;
  background:radial-gradient(ellipse at 50% 45%,#24477b 0%,#142c44 55%,#0e1a24 82%);
  border-radius:28px;
}
.hero-info .intelligence-flow img {
  filter:grayscale(1);
  mix-blend-mode:luminosity;
}
.scroll-tour .tour-sticky {
  background:radial-gradient(ellipse at 8% 18%,#c1d8ed 0%,transparent 58%),radial-gradient(ellipse at 90% 80%,#d3dcf6 0%,transparent 55%),#e8eff5;
}
.scroll-tour .chapter-tabs {background:#e8eff5e8;}
.feature-0 {
  background:radial-gradient(ellipse at 5% 10%,#b3cfe9 0%,transparent 60%),radial-gradient(ellipse at 90% 90%,#c8d0ef 0%,transparent 55%),#e8eff5;
}
.feature-0 .tc {
  padding:clamp(24px,3vw,44px);
  border:1px solid #ffffffd9;
  border-radius:28px;
  background:linear-gradient(135deg,#ffffffa8,#ffffff57);
  box-shadow:inset 0 1px 0 #fff,0 20px 60px -36px #15365266;
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
}
.compact-tour .tc h2 {
  font-size:clamp(34px,4.1vw,62px);
  line-height:1.12;
  letter-spacing:-.025em;
  text-wrap:balance;
  max-width:17ch;
  margin-block:18px 22px;
  padding:0;
}
.compact-tour .tc .lede {font-size:clamp(16px,1.5vw,20px);line-height:1.65;max-width:48ch;}
.compact-tour .tc .t-do {font-size:16px;line-height:1.5;margin-top:24px;gap:12px;align-items:center;}
.feature-4 .t-count {
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;
  width:44px;min-width:44px;height:44px;padding:0;
  line-height:1;font-size:26px;font-variant-numeric:tabular-nums;
}
@media(max-width:600px) {
  .compact-tour .feature-0 .tc {padding:24px 20px;border-radius:22px;}
  .compact-tour .tc h2 {font-size:36px;line-height:1.14;}
  .feature-0 .tc {-webkit-backdrop-filter:none;backdrop-filter:none;}
}
@media(prefers-reduced-transparency:reduce) {
  .feature-0 .tc {background:#edf3fa;-webkit-backdrop-filter:none;backdrop-filter:none;}
}

/* Tim requested no visible hero pause control; retain its internal motion state. */
.hero-film .hero-pause {display:none!important;}

/* The Brief invitation is a repeatable, keyboard-accessible action. */
.compact-tour .brief-watch{border:0;background:transparent;color:inherit;font-family:inherit;text-align:left;padding:0;cursor:pointer;}
.compact-tour .brief-watch:hover span{text-decoration:underline;text-underline-offset:4px;}
.compact-tour .brief-watch:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:4px;}