/* Reading scale: ordinary copy is ordinary body size; labels are never miniature. */
.mono-uppercase{text-transform:uppercase}
.announcement{font-size:12px}.announcement a{font-size:12px}.nav-link,.header-cta{font-size:12px}.eyebrow,.hero-eyebrow,.chapter-label{font-size:12px;letter-spacing:.035em}.hero-subtitle{font-size:19px;line-height:1.6}.experience>p{font-size:12px}.intro-context .eyebrow{font-size:12px}.intro-context>p:nth-child(2){font-size:17px}
.hero{grid-template-columns:1.05fr 1fr;gap:36px}.hero-art.engine-art{height:590px}.hero h1{font-size:clamp(50px,4.8vw,72px)}
.journey{grid-template-columns:1.5fr 1fr;gap:64px}.chapter{min-height:max(850px,100svh);padding:100px 0 110px}.chapter-label{font-size:12px;margin-bottom:23px;gap:12px}.chapter h2{font-size:clamp(35px,3.05vw,46px);line-height:1.13}.chapter-copy,.features>p{font-size:17px;line-height:1.6;color:#c4c4cb}.features{gap:22px;margin-top:30px;max-width:460px}.features strong{font-weight:500;color:#f0eff4}.features i{flex-basis:20px;margin-top:4px}.features i svg{width:20px;height:20px}.chapter-copy{max-width:460px}.visual-sticky{top:102px;height:min(790px,calc(100svh - 122px));min-height:600px}.route-control{height:58px}.route-stop{height:42px;flex-basis:12px;width:12px}.route-track{gap:12px}.route-stop .route-name{font-size:12px;letter-spacing:0}.route-stop.active{max-width:285px;flex-basis:235px}.route-stop.active .route-name{max-width:270px}.route-stop .route-dot{width:5px;height:5px}.scene{transition:none!important;transform:none!important;transform-origin:0 0}.scene.active{animation:none!important}.morph-surface{transform-origin:0 0}.morph-layer{overflow:visible!important}.scene-mount{perspective:1200px}.scene-mount:before,.scene-mount:after{display:none}
.scene-6{padding:24px 12px!important;justify-content:flex-start}.slack-scene{width:100%;box-shadow:none;border-radius:6px}.slack-channel{padding:20px;font-size:16px}.slack-message{padding:26px 22px;gap:16px}.message-author{font-size:16px;margin-bottom:17px}.message-author>span{font-size:11px}.message-content>p{font-size:18px;line-height:1.55}.message-content>p.slack-detail{font-size:16px;line-height:1.6;margin-top:15px}.approval-facts{font-size:12px;margin-top:24px;gap:20px}.slack-actions{gap:12px;margin-top:24px;flex-wrap:wrap}.slack-actions button{font:12px/1.5 var(--mono);padding:13px 14px}.approval-receipt{font-size:16px;line-height:1.5;margin-top:20px}.approval-receipt small{font-size:14px}.approval-receipt button{font-size:20px}.represent-avatar{width:36px;height:40px;font-size:35px;flex-shrink:0}.dialog-heading{font-size:38px}dialog p{font-size:17px}.detail-caption,.detail-table{font-size:14px}.detail-table th,.detail-actions button{font-size:12px}.detail-quote{font-size:18px}.closing .eyebrow,footer{font-size:12px}
.tool-connection[data-tool="drive"] svg path,.tool-connection[data-tool="gmail"] svg path{stroke:none}.cube-name{top:auto;bottom:-38px;left:50%;transform:translateX(-50%);font-size:13px;line-height:1.4;text-align:center;white-space:nowrap}.cube-api{top:-12px;bottom:auto;font-size:13px}.cube-name br{display:none}
@media(min-width:1001px) and (max-width:1200px){.page-width{width:calc(100% - 64px)}.journey{grid-template-columns:1.45fr 1fr;gap:40px}.chapter-copy,.features>p{font-size:16px}.chapter h2{font-size:36px}.route-track{gap:9px}.route-stop .route-name{font-size:11px}.route-stop.active{flex-basis:180px}.scene-6{padding-inline:6px!important}.slack-message{padding:22px 16px;gap:12px}.message-content>p{font-size:17px}.hero{gap:15px}.hero h1{font-size:52px}.hero-subtitle{font-size:18px}}
@media(max-width:1000px){
  .page-width{width:calc(100% - 48px)}.hero{grid-template-columns:1fr;gap:0;padding-top:165px;min-height:0}.hero h1{font-size:clamp(46px,7.2vw,68px);max-width:800px}.wide-break{display:none}.hero-subtitle{font-size:18px;max-width:680px}.hero-art.engine-art{height:570px;width:100%;max-width:750px;margin:40px auto 0}.hero-actions{margin-top:28px}.experience{gap:22px}.experience>p{font-size:11px}.company-logos{gap:20px}.company-logos img{max-width:90px}.journey{display:block;padding-bottom:20px}.visual-column{display:none}.chapter{min-height:0;padding:65px 0;border-bottom:1px solid #31323b}.chapter-label{font-size:12px}.chapter h2{font-size:42px;max-width:650px}.chapter-copy,.features>p{font-size:17px;max-width:690px}.features{max-width:690px;gap:20px}.mobile-scene{display:block;position:relative;width:100%;height:650px;margin-top:30px;border-block:1px solid var(--line);background:none}.mobile-scene .scene{height:100%;width:100%}#encode .mobile-scene{height:620px}#live-data .mobile-scene{height:600px}#connect .mobile-scene{height:630px}#receive .mobile-scene{height:700px}#decide .mobile-scene{height:700px}#respond .mobile-scene{height:750px}#approve .mobile-scene{height:480px}#record .mobile-scene{height:740px}#learn .mobile-scene{height:850px}.route-control{display:none}.morph-layer{display:none!important}.journey-intro{display:block;padding:80px 0 30px}.journey-intro h2{font-size:46px}.intro-context{margin-top:28px}.intro-context>p:nth-child(2){max-width:650px}.scene-6{padding:26px 0!important}.slack-scene{max-width:680px;margin:auto}.closing h2{font-size:58px}.closing-copy p{font-size:18px}.closing-inner{gap:35px}.system-menu a{font-size:12px}.system-menu .eyebrow{font-size:12px}
}
@media(max-width:600px){.page-width{width:calc(100% - 36px)}.hero{padding-top:145px}.hero h1{font-size:46px}.hero-subtitle{font-size:17px}.hero-art.engine-art{height:515px;margin-top:35px}.hero-eyebrow{font-size:11px}.hero-actions .button,.hero-actions .text-link{font-size:11px}.hero-actions{gap:18px}.announcement,.announcement a{font-size:10px;gap:4px}.announcement a{margin-left:5px}.nav-link,.header-cta{font-size:11px}.site-header nav{margin-right:6px}.header-cta{padding:10px;gap:8px}.brand{flex-basis:30px;width:30px}.experience{display:block}.experience>p{font-size:11px;margin-bottom:25px}.company-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.chapter{padding:48px 0}.chapter-label{font-size:11px;letter-spacing:0}.chapter h2{font-size:36px}.chapter-copy,.features>p{font-size:16px;line-height:1.6}.features i{flex-basis:19px}.features i svg{width:19px;height:19px}.journey-intro h2{font-size:38px}.intro-context .eyebrow{font-size:11px}.mobile-scene{margin-top:28px}#encode .mobile-scene{height:610px}#live-data .mobile-scene{height:600px}#connect .mobile-scene{height:640px}#receive .mobile-scene{height:700px}#decide .mobile-scene{height:730px}#respond .mobile-scene{height:790px}#approve .mobile-scene{height:540px}#record .mobile-scene{height:760px}#learn .mobile-scene{height:900px}.slack-channel{padding:18px;font-size:15px}.slack-message{padding:23px 16px;gap:12px}.message-content>p{font-size:16px}.message-content>p.slack-detail{font-size:15px}.message-author{font-size:15px}.approval-facts{font-size:12px}.slack-actions button{font-size:11px;padding:12px 10px}.represent-avatar{width:28px;height:34px;font-size:29px}.slack-actions{gap:9px}.twin-row pre{font-size:12px}.tool-connection span{font-size:12px}.cube-name{font-size:12px}.cube-api{font-size:12px}.closing-inner{display:block}.closing-copy{padding-top:25px}.closing .eyebrow{font-size:11px}footer{font-size:10px}.detail-quote{font-size:16px}dialog p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.morph-layer{display:none!important}}

.table-update-note{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.scene.active .morph-surface{visibility:visible}.morph-layer .morph-surface{visibility:visible}

.rq-tree-connectors svg{stroke:#595967;stroke-width:1.4}.rq-routed .rq-tree-active{stroke:#b9b9d5;stroke-width:2}.rq-tree-connectors>.rq-label{top:-4px;background:transparent;padding:0 4px}
.button,.text-link,.hero-actions .button,.hero-actions .text-link,.nav-link,.header-cta,.announcement,.announcement a,.table-toolbar,.table-update,.playbook-table th,.tool-connection span,.slack-actions button,.chapter-label,.hero-eyebrow,.closing .eyebrow,.experience>p,.intro-context .eyebrow,footer{font-size:12px}

/* Match the legacy scene selectors so the reading floor survives the cascade. */
.scene .slack-actions button,.scene .approval-facts,.journey-intro .eyebrow,.system-menu a span,.message-author>span,.route-stop .route-name{font-size:12px}
.approval-receipt p{font-size:14px;line-height:1.5}
.closing .button { font-size: 12px; }