:root {
  --scene-accent: 168, 148, 255;
  --bg: #070810;
  --bg-2: #0b0d17;
  --card: rgba(14, 17, 31, 0.72);
  --card-2: rgba(20, 24, 43, 0.82);
  --line: rgba(141, 151, 204, 0.17);
  --line-strong: rgba(149, 157, 255, 0.34);
  --text: #f7f8fc;
  --muted: #a3aac0;
  --muted-2: #727b95;
  --violet: #8a72ff;
  --violet-2: #655cff;
  --blue: #5db4ff;
  --cyan: #70e8ff;
  --max: 1180px;
  --radius: 22px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--bg); color: var(--text); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { color: inherit; }

/* One persistent canvas is the stage for every chapter. */
[data-scene], #cloud-details { scroll-margin-top: 0; }
.section-signal { display: inline-flex; gap: 14px; align-items: flex-start; max-width: 100%; }
.section-signal::before { content: attr(data-chapter); font: 500 10px/1.5 monospace; color: rgb(var(--scene-accent)); padding: 3px 0 0; }
.signal-caption { display: block; margin-top: 7px; color: #919bb7; font-size: 11px; line-height: 1.5; }
.section-signal .eyebrow { line-height: 1.5; }
.flow-node.is-current { border-color: rgb(var(--scene-accent)); box-shadow: 0 0 32px rgba(var(--scene-accent), .2); }
.flow-node.is-complete { border-color: rgba(var(--scene-accent), .45); }
.process-line article.is-current .number { background: #242043; border-color: #b3a2ff; box-shadow: 0 0 28px rgba(138,114,255,.3); }
.process-line article.is-current h3 { color: #c5b5ff; }
.process-line article.is-complete .number { border-color: #6e679d; }

.page-shell { min-height: 100vh; position: relative; overflow: hidden; background:
  radial-gradient(circle at 78% 10%, rgba(87, 72, 255, .09), transparent 30%),
  radial-gradient(circle at 10% 52%, rgba(0, 142, 255, .06), transparent 24%),
  linear-gradient(180deg, #070810 0%, #080a12 100%); }
.ambient { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; opacity: .24; z-index: 0; }
.ambient-one { width: 520px; height: 520px; background: #4e39ff; top: 520px; right: -260px; }
.ambient-two { width: 360px; height: 360px; background: #0c8dff; top: 2300px; left: -220px; }
.container { width: min(var(--max), calc(100% - 48px - 2 * max(env(safe-area-inset-left), env(safe-area-inset-right)))); margin: 0 auto; position: relative; z-index: 2; }
.section-pad { padding: 118px 0; }
.section-tight { padding: 34px 0; }

.site-header { position: fixed; inset: 0 0 auto 0; z-index: 50; border-bottom: 1px solid transparent; transition: .25s ease; }
.site-header.scrolled { background: rgba(7, 8, 16, .8); backdrop-filter: blur(18px); border-color: rgba(255,255,255,.06); }
.nav-wrap { height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 9px; font: 800 24px/1 Manrope, sans-serif; letter-spacing: -1px; }
.brand-mark { width: 30px; height: auto; color: #f5f7ff; filter: drop-shadow(0 0 18px rgba(137,120,255,.22)); }
.desktop-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.desktop-nav a, .site-footer nav a { color: #b7bed0; font-size: 13px; font-weight: 600; transition: .2s ease; }
.desktop-nav a:hover, .site-footer nav a:hover { color: #fff; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 49px; padding: 0 19px; border-radius: 11px; border: 1px solid transparent; cursor: pointer; font-size: 14px; font-weight: 700; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 42px; padding: 0 15px; font-size: 12px; }
.button-primary { background: #f7f8fc; color: #0b0c13; box-shadow: 0 8px 28px rgba(255,255,255,.08); }
.button-primary:hover { box-shadow: 0 12px 34px rgba(255,255,255,.15); }
.button-secondary { background: rgba(255,255,255,.025); color: #f7f8fc; border-color: rgba(169,178,225,.35); }
.button-secondary:hover { border-color: rgba(163,150,255,.72); background: rgba(122,99,255,.07); }
.button-glow { background: linear-gradient(135deg, #765fff, #5e92ff); color: white; box-shadow: 0 0 24px rgba(100,100,255,.28); }
.full { width: 100%; }
.menu-button { display: none; width: 42px; height: 42px; background: transparent; border: 1px solid var(--line); border-radius: 10px; align-items: center; justify-content: center; flex-direction: column; gap: 6px; }
.menu-button span { width: 18px; height: 1px; background: #fff; }
.mobile-menu { display: none; }

.hero { padding-top: 150px; min-height: 820px; display: flex; align-items: center; }
.hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: 48px; align-items: center; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: #aab7ea; font-size: 12px; letter-spacing: .2em; font-weight: 800; text-transform: uppercase; }
.eyebrow.small { font-size: 11px; }
.eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: #7b7cff; box-shadow: 0 0 14px #7b7cff; }
.hero h1 { font: 800 clamp(58px, 7vw, 96px)/.94 Manrope, sans-serif; letter-spacing: -5px; margin: 25px 0 24px; }
.gradient-text { background: linear-gradient(90deg, #b07bff, #77a6ff 54%, #76e1ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-lede { font: 700 21px/1.45 Manrope, sans-serif; margin: 0 0 14px; }
.hero-body { max-width: 615px; color: var(--muted); font-size: 16px; line-height: 1.75; margin: 0; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-proof { display: flex; gap: 30px; margin-top: 42px; padding-top: 24px; border-top: 1px solid var(--line); max-width: 610px; }
.hero-proof div { display: flex; flex-direction: column; gap: 5px; }
.hero-proof strong { font-size: 13px; }
.hero-proof span { color: var(--muted-2); font-size: 11px; }

.hero-visual { min-height: 620px; position: relative; }
.platform-stage { position: absolute; inset: 0; }
.float-card { position: absolute; width: 154px; min-height: 54px; padding: 10px 12px; border: 1px solid rgba(145,151,212,.23); background: linear-gradient(135deg, rgba(23,27,50,.92), rgba(12,14,27,.8)); backdrop-filter: blur(12px); border-radius: 10px; display: flex; align-items: center; gap: 10px; box-shadow: 0 12px 36px rgba(0,0,0,.32);  }
.float-card small { display: block; color: var(--muted-2); font-size: 9px; margin-bottom: 2px; }
.float-card strong { display: block; font-size: 12px; }
.icon-chip, .feature-icon, .adv-icon, .use-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: rgba(111,97,255,.13); border: 1px solid rgba(142,129,255,.2); color: #a89cff; }
.card-models { left: 2%; top: 16%; }.card-compute { left: 0; top: 31%; animation-delay: -.8s; }.card-data { left: 2%; top: 63%; animation-delay: -1.8s; }.card-business { left: 9%; top: 78%; animation-delay: -2.8s; }
.card-agents { right: 1%; top: 17%; animation-delay: -1s; }.card-integrations { right: -1%; top: 33%; animation-delay: -2s; }.card-automation { right: 1%; top: 64%; animation-delay: -3s; }.card-results { right: 9%; top: 79%; animation-delay: -4s; }
.visual-caption { position: absolute; right: 22px; bottom: 3px; color: #68728e; font-size: 9px; letter-spacing: .18em; line-height: 1.7; text-align: right; }
.visual-caption span { display:block; color:#9b9cff; }


.offering-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.offering-card { min-height: 500px; padding: 34px; border: 1px solid var(--line-strong); border-radius: var(--radius); position: relative; overflow: hidden; background: linear-gradient(145deg, rgba(13,16,29,.96), rgba(7,9,16,.88)); }
.offering-card::after { content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(180deg, transparent 58%, rgba(6,7,13,.88) 100%); }
.offering-card > * { position: relative; z-index: 2; }
.offering-card h2 { font: 700 clamp(36px, 4vw, 52px)/1.02 Manrope,sans-serif; letter-spacing: -2px; margin: 20px 0 16px; max-width: 560px; }
.offering-card > p { color: var(--muted); font-size: 14px; line-height: 1.7; max-width: 490px; }
.text-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 15px; border: 1px solid rgba(165,173,221,.38); border-radius: 10px; padding: 12px 16px; font-size: 12px; font-weight: 700; }
.feature-strip { position:absolute !important; left:34px; right:34px; bottom:28px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; z-index:3 !important; }
.feature-strip > div { display:flex; flex-direction:column; gap:9px; align-items:flex-start; }
.feature-strip .feature-icon { width:32px;height:32px; }
.feature-strip strong { font-size:10px;line-height:1.45; }

.model-band-inner { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:54px 0; display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.model-message { min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
.model-band h2 { font:700 clamp(32px,3.4vw,44px)/1.08 Manrope,sans-serif; letter-spacing:-1.7px; margin:20px 0; }
.model-band p { color:var(--muted);line-height:1.75;font-size:14px;margin:0; }
.model-message p { flex:1; }
.model-message .text-link { margin-top:26px; }
.spend-message { padding-left:48px; border-left:1px solid var(--line); }
@media (max-width: 820px) {
  .model-band-inner { gap:36px; }
  .spend-message { padding:36px 0 0; border-left:0; border-top:1px solid var(--line); }
}

.why-grid { display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center; }
.why h2, .section-heading h2, .cta-copy h2 { font:700 clamp(42px,5vw,62px)/1.05 Manrope,sans-serif;letter-spacing:-2.5px;margin:18px 0 24px; }
.soft-text { color:#c1c7d6; }
.why-copy p { color:var(--muted);line-height:1.75;max-width:570px;font-size:15px; }
.why-copy .button { margin-top:14px; }
.advantage-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.advantage-grid article { min-height:190px;border:1px solid var(--line);border-radius:16px;padding:24px;background:linear-gradient(145deg,rgba(17,20,36,.72),rgba(7,9,16,.65)); }
.advantage-grid h3 { margin:18px 0 8px;font-size:16px; }
.advantage-grid p { color:var(--muted-2);font-size:12px;line-height:1.6;margin:0; }

.section-heading.split { display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px; }
.section-heading.split > p { max-width:460px;color:var(--muted);line-height:1.7;margin:0 0 8px;font-size:14px; }
.section-heading h2 { margin-bottom:0; }
.use-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }
.use-card { min-height:390px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,20,36,.75),rgba(8,10,18,.72));border-radius:16px;padding:25px;transition:.25s ease; }
.use-card:hover { border-color:rgba(126,121,255,.45);transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.2); }
.use-card .use-icon { width:38px;height:38px;margin-bottom:22px; }
.use-card h3 { font-size:17px;margin:0 0 20px; }
.use-card ul { list-style:none;padding:0;margin:0;display:grid;gap:13px; }
.use-card li { color:var(--muted);font-size:12px;padding-left:15px;position:relative; }
.use-card li::before{content:"";position:absolute;left:0;top:.5em;width:4px;height:4px;border-radius:50%;background:#6e77a2;}

.stack-flow { padding-top:65px; }
.section-heading.centered { text-align:center;max-width:760px;margin:0 auto 46px; }
.section-heading.centered .eyebrow { justify-content:center; }
.section-heading.centered p { color:var(--muted);line-height:1.7;font-size:14px;max-width:650px;margin:15px auto 0; }
.flow-track { display:grid;grid-template-columns:repeat(11,auto);align-items:center;justify-content:center;gap:10px; }
.flow-track i { font-style:normal;color:#434b66; }
.flow-node { width:142px;min-height:118px;border:1px solid var(--line);background:rgba(15,18,32,.66);border-radius:14px;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:4px; }
.flow-node span { font-size:9px;color:#6f78a2;letter-spacing:.16em; }
.flow-node strong { font-size:13px; }
.flow-node small { font-size:9px;color:var(--muted-2);line-height:1.4; }
.flow-node.accent { border-color:rgba(122,112,255,.5);box-shadow:0 0 45px rgba(91,81,255,.08); }

.process { padding-top:70px; }
.process-line { display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:0;margin-top:15px; }
.process-line::before{content:"";position:absolute;left:4%;right:4%;top:25px;height:1px;background:linear-gradient(90deg,rgba(100,108,159,.35),rgba(122,111,255,.7),rgba(100,108,159,.35));}
.process-line article { position:relative;padding-right:28px; }
.number { position:relative;z-index:2;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#111527;border:1px solid rgba(126,136,205,.3);font-size:12px;font-weight:800;box-shadow:0 0 0 7px #080a12; }
.process-line h3 { margin:20px 0 8px;font-size:16px; }
.process-line p { color:var(--muted);font-size:11px;line-height:1.6;max-width:170px;margin:0; }

.cta-section { padding:40px 0 90px; }
.cta-panel { border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 18% 30%,rgba(78,92,194,.12),transparent 36%),linear-gradient(135deg,#0d111d,#090b13);padding:48px;display:grid;grid-template-columns:1.3fr .7fr;gap:65px;align-items:center;overflow:hidden; }
.cta-copy h2 { margin-bottom:14px; }
.cta-copy > p { color:var(--muted);line-height:1.7;max-width:650px;margin:0; }
.cta-benefits { border-left:1px solid var(--line);padding-left:42px;display:grid;gap:26px; }
.cta-benefits > div { display:flex;gap:14px;align-items:flex-start; }
.cta-benefits > div > span { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(112,95,255,.13);color:#9c8dff; }
.cta-benefits strong { display:block;font-size:13px;margin-bottom:6px; }
.cta-benefits p { margin:0;color:var(--muted-2);font-size:11px; }

.site-footer { border-top:1px solid var(--line);padding:32px 0 38px;background:#06070c; }
.footer-grid { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px; }
.footer-grid .brand { font-size:21px; }
.footer-grid .brand-mark { width:26px; }
.copyright { color:#5f667c;font-size:9px;margin:14px 0 0; }
.site-footer nav { display:flex;gap:23px; }
.footer-tagline { text-align:right;font:700 15px/1.55 Manrope,sans-serif;color:#c8cede; }

.contact-dialog { width:min(620px,calc(100% - 30px));border:1px solid rgba(155,157,220,.28);border-radius:22px;background:#0d101b;color:var(--text);padding:0;box-shadow:0 24px 100px rgba(0,0,0,.7); }
.contact-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(7px);}
.dialog-shell{padding:34px;position:relative}.dialog-close{position:absolute;right:18px;top:15px;background:transparent;border:0;color:#8d95aa;font-size:28px;cursor:pointer}.dialog-shell h2{font:700 34px/1.1 Manrope,sans-serif;letter-spacing:-1px;margin:16px 0 10px}.dialog-shell>p{color:var(--muted);line-height:1.65;font-size:13px}.dialog-shell form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.dialog-shell label{display:grid;gap:7px;color:#aeb5c8;font-size:11px;font-weight:700}.dialog-shell label:nth-child(3),.dialog-shell label:nth-child(4),.dialog-shell .full,.form-note{grid-column:1/-1}.dialog-shell input,.dialog-shell textarea{width:100%;border:1px solid var(--line);background:#090b13;color:#fff;border-radius:9px;padding:12px;outline:0}.dialog-shell input:focus,.dialog-shell textarea:focus{border-color:rgba(128,117,255,.65)}.form-note{color:#677087;text-align:center;font-size:9px;}

@media (max-width: 1050px) {
  .desktop-nav { gap:17px; }.desktop-nav a{font-size:11px}.hero-grid{grid-template-columns:1fr}.hero{padding-top:140px}.hero-copy{max-width:760px}.hero-visual{min-height:590px}.offering-grid{grid-template-columns:1fr}.use-grid{grid-template-columns:1fr 1fr}.flow-track{grid-template-columns:repeat(3,1fr);gap:12px}.flow-track i{display:none}.flow-node{width:auto}.why-grid{grid-template-columns:1fr;gap:42px}.cta-panel{grid-template-columns:1fr}.cta-benefits{border-left:0;border-top:1px solid var(--line);padding:30px 0 0;grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 820px) {
  .container{width:min(var(--max),calc(100% - 30px))}.desktop-nav,.desktop-cta{display:none}.menu-button{display:flex}.mobile-menu{position:absolute;left:15px;right:15px;top:72px;background:rgba(11,13,23,.97);border:1px solid var(--line);border-radius:16px;padding:18px;flex-direction:column;gap:4px;box-shadow:0 20px 50px rgba(0,0,0,.4)}.mobile-menu.open{display:flex}.mobile-menu a:not(.button){padding:12px;color:#c2c8d9;font-size:13px}.mobile-menu .button{margin-top:8px}.section-pad{padding:85px 0}.hero{min-height:auto;padding-top:132px}.hero h1{font-size:clamp(52px,15vw,72px);letter-spacing:-3.5px}.hero-visual{min-height:520px}.float-card{width:134px;min-height:50px}.card-models,.card-data{left:0}.card-agents,.card-automation{right:0}.card-business,.card-results{display:none}.offering-card{padding:28px}.feature-strip{left:28px;right:28px}.model-band-inner{grid-template-columns:1fr}.section-heading.split{display:block}.section-heading.split>p{margin-top:18px}.process-line{grid-template-columns:1fr;gap:22px;margin-left:8px}.process-line::before{left:25px;right:auto;top:0;bottom:0;width:1px;height:auto}.process-line article{display:grid;grid-template-columns:52px 1fr;column-gap:18px;padding:0}.process-line article h3{margin:8px 0 5px}.process-line article p{grid-column:2;max-width:430px}.number{grid-row:1/3}.footer-grid{grid-template-columns:1fr;gap:26px}.site-footer nav{flex-wrap:wrap}.footer-tagline{text-align:left}.cta-panel{padding:34px}.cta-benefits{grid-template-columns:1fr}.dialog-shell form{grid-template-columns:1fr}.dialog-shell label{grid-column:1/-1}
}
@media (max-width: 560px) {
  .hero h1{font-size:51px}.hero-lede{font-size:18px}.hero-body{font-size:14px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-proof{gap:18px;justify-content:space-between}.hero-proof span{font-size:9px}.hero-visual{min-height:470px;margin-top:10px}.float-card{width:118px;padding:8px}.float-card small{font-size:7px}.float-card strong{font-size:10px}.icon-chip{width:25px;height:25px}.card-models{top:18%}.card-compute{top:33%}.card-data{top:65%}.card-agents{top:18%}.card-integrations{top:33%}.card-automation{top:65%}.visual-caption{display:none}.offering-card{min-height:560px}.offering-card h2{font-size:38px}.feature-strip{grid-template-columns:1fr 1fr;gap:17px;bottom:24px}.feature-strip>div{flex-direction:row;align-items:center}.use-grid{grid-template-columns:1fr}.use-card{min-height:auto}.advantage-grid{grid-template-columns:1fr}.flow-track{grid-template-columns:1fr 1fr}.flow-node:last-child{grid-column:1/-1}.why h2,.section-heading h2,.cta-copy h2{font-size:40px}.cta-panel{padding:28px 22px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr}.dialog-shell{padding:26px 20px}
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.button,.use-card{transition:none}.flow-node{transform:none;transition:none} }

/* Keep feature cards in normal document flow. */
.feature-strip { position: relative !important; left: auto; right: auto; bottom: auto; width: 100%; margin-top: auto; padding-top: 34px; }
.site-footer { padding-bottom: 135px; }

/* Immersive orb chapters. Content remains ordinary, accessible HTML. */
.orb-stage { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; background: #070810; }
.orb-stage::before { content: ""; position: absolute; width: 75vmin; height: 75vmin; left: 46%; top: 15%; border: 1px solid rgba(146,132,255,.2); border-radius: 50%; box-shadow: 0 0 100px rgba(93,73,233,.1), inset 0 0 100px rgba(93,73,233,.08); }
.orb-experience .orb-stage::before { display: none; }
.orb-stage canvas { display: block; width: 100%; height: 100%; }
.page-shell { background: transparent; z-index: 1; }
.ambient { display: none; }
.site-header { background: linear-gradient(#070810d9, #07081000); }
.container { --max: 1240px; }
.hero { min-height: max(840px, 100svh); padding: 134px 0 100px; }
.hero-grid { grid-template-columns: 1fr 1fr; gap: 60px; }
.hero h1 { font-size: clamp(60px, 6.5vw, 90px); }
.hero-copy, .offering-copy, .model-copy, .why-copy, .section-heading, .cta-copy { text-shadow: 0 2px 22px #070810; }
.gradient-text, .button, .text-link { text-shadow: none; }
.hero-body { max-width: 520px; }
.hero-proof { margin-top: 28px; padding-top: 20px; }
.hero-visual { min-height: 620px; }
.float-card { animation: none; background: rgba(12,15,30,.82); border-color: rgba(170,158,255,.36); box-shadow: 0 12px 32px #05060b40; }
.card-models { left: 4%; top: 8%; }
.card-compute { left: -3%; top: 29%; }
.card-data { left: -3%; top: 60%; }
.card-business { left: 4%; top: 82%; }
.card-agents { right: 0; top: 8%; }
.card-integrations { right: -4%; top: 29%; }
.card-automation { right: -4%; top: 60%; }
.card-results { right: 0; top: 82%; }
.visual-caption { right: 0; bottom: -26px; font-size: 9px; color: #a6adc4; }
.visual-caption span { margin-top: 5px; color: #c4baff; }

.offering-grid, .model-band-inner { display: block; border: 0; padding: 0; }
.offering-card, .model-message { min-height: max(780px, 100svh); padding: 140px 0; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 120px; border: 0; border-radius: 0; overflow: visible; background: none; }
.offering-card::after { display: none; }
.offering-copy > p { color: var(--muted); font-size: 15px; line-height: 1.8; max-width: 490px; }
.offering-card h2, .model-band h2 { font: 700 clamp(42px, 4.3vw, 62px)/1.04 Manrope, sans-serif; letter-spacing: -2.6px; margin: 24px 0; }
.feature-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 140px 26px; padding: 0 4px; margin: 0; }
.feature-strip > div { min-height: 124px; padding: 22px; border: 1px solid rgba(var(--scene-accent),.3); background: rgba(10,14,28,.78); border-radius: 14px; backdrop-filter: blur(12px); }
.feature-strip > div:nth-child(even) { margin-top: 35px; margin-bottom: -35px; }
.feature-strip strong { font-size: 13px; line-height: 1.5; }
.consulting-card .offering-copy, .spend-message .model-copy { grid-column: 2; grid-row: 1; }
.consulting-card .feature-strip, .spend-message .routing-map { grid-column: 1; grid-row: 1; }
.model-message { align-items: center; }
.model-copy { display: flex; flex-direction: column; align-items: flex-start; }
.model-band p { font-size: 15px; max-width: 490px; }
.spend-message { border: 0; }
.choice-map { display: grid; gap: 34px; padding: 10px 20px; }
.choice-node { width: 78%; padding: 25px; border: 1px solid rgba(var(--scene-accent),.32); border-radius: 14px; background: rgba(10,14,28,.82); backdrop-filter: blur(12px); }
.choice-node:nth-child(2) { margin-left: auto; }
.choice-node > span, .routing-map span { display: block; color: #a6a8d7; font: 10px/1.5 monospace; letter-spacing: .1em; }
.choice-node strong { display: block; font: 600 22px/1.3 Manrope,sans-serif; margin: 10px 0 6px; }
.choice-node small { font-size: 12px; color: var(--muted); }
.routing-map { text-align: center; padding: 0 12px; }
.route-task, .route-hub, .route-options > div { padding: 22px; background: rgba(10,14,28,.85); border: 1px solid rgba(var(--scene-accent),.3); border-radius: 14px; backdrop-filter: blur(12px); }
.route-task { width: 65%; margin: 0 auto 50px; }
.route-task strong { display: block; font-size: 14px; margin-top: 8px; }
.route-hub { width: 85%; margin: 0 auto 50px; border-color: rgba(var(--scene-accent),.6); }
.route-hub strong { display: block; margin-top: 12px; font: 600 27px/1.2 Manrope,sans-serif; }
.route-options { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.route-options strong { display: block; margin-top: 8px; font-size: 14px; }
.route-balance { display: flex; justify-content: center; gap: 30px; margin-top: 25px; }
.route-balance span { color: #c9cee2; }

.why, .use-cases, .stack-flow, .process, .cta-section { min-height: 100svh; padding: 140px 0; display: flex; align-items: center; }
.why-grid { gap: 120px; }
.advantage-grid { gap: 24px; }
.advantage-grid article { background: rgba(10,14,28,.82); backdrop-filter: blur(12px); }
.advantage-grid article:nth-child(even) { position: relative; top: 70px; }
.use-cases .section-heading { max-width: 1100px; }
.use-grid { grid-template-columns: 1fr .8fr 1fr; gap: 26px; margin-top: 65px; }
.use-card { min-height: 330px; background: rgba(10,14,28,.85); backdrop-filter: blur(12px); }
.use-card:nth-child(odd) { grid-column: 1; }
.use-card:nth-child(even) { grid-column: 3; }
.use-card .use-icon { margin-bottom: 16px; }
.use-card ul { gap: 10px; }
.stack-flow .section-heading { margin-bottom: 70px; }
.flow-track { grid-template-columns: 1fr 1fr; justify-content: space-between; gap: 40px 38%; }
.flow-track i { display: none; }
.flow-node { width: 100%; min-height: 110px; background: rgba(10,14,28,.86); backdrop-filter: blur(12px); }
.flow-node strong { font-size: 18px; margin: 5px 0; }
.flow-node small { font-size: 11px; }
.flow-node:nth-of-type(even) { position: relative; top: 32px; }
.process .section-heading { margin-bottom: 130px; }
.process-line { gap: 18px; }
.process-line::before { display: none; }
.process-line article { padding: 24px 18px; border-radius: 14px; border: 1px solid var(--line); background: rgba(10,14,28,.84); backdrop-filter: blur(12px); }
.process-line .number { box-shadow: none; width: 40px; height: 40px; }
.cta-panel { border: 0; border-radius: 0; background: none; padding: 0; gap: 120px; grid-template-columns: 1fr 1fr; overflow: visible; }
.cta-benefits { padding: 0 0 0 40px; border: 0; gap: 28px; }
.cta-benefits > div { padding: 26px; border: 1px solid rgba(var(--scene-accent),.25); border-radius: 14px; background: rgba(10,14,28,.84); backdrop-filter: blur(12px); }
.cta-benefits > div:nth-child(2) { margin-left: -45px; margin-right: 45px; }
.site-footer { background: rgba(6,7,12,.85); padding-bottom: 115px; }

.cta-panel { row-gap: 52px; }
.contact-directory { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.contact-channel { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; padding: 28px; border: 1px solid rgba(var(--scene-accent),.3); border-radius: 14px; background: rgba(10,14,28,.84); backdrop-filter: blur(12px); }
.contact-channel:hover { border-color: rgb(var(--scene-accent)); background: rgba(18,22,42,.94); }
.contact-channel-title { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.contact-channel-title strong { font: 700 20px/1.3 Manrope,sans-serif; }
.contact-channel-title > span { color: #b6a9ff; font-size: 20px; }
.contact-description { color: var(--muted); font-size: 13px; line-height: 1.6; }
.contact-email { color: #b9c7ff; font-size: 15px; overflow-wrap: anywhere; }
.site-footer nav { flex-wrap: wrap; }
.form-note { color: #a3aac0; font-size: 11px; line-height: 1.6; }
.dialog-contact-links { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.dialog-contact-links a { min-width: 0; color: #b9c7ff; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.dialog-contact-links a:hover { color: #fff; }
.dialog-contact-links span { display: block; margin-bottom: 4px; font-size: 10px; color: var(--muted); }
@media (max-width: 560px) {
  .contact-directory { grid-template-columns: 1fr; gap: 20px; }
  .contact-channel { padding: 24px; }
  .dialog-contact-links { grid-template-columns: 1fr; gap: 14px; }
}

.journey-ui { position: fixed; z-index: 45; inset: auto 0 0; padding: 17px 30px max(18px,env(safe-area-inset-bottom)); display: flex; align-items: center; justify-content: space-between; gap: 20px; background: linear-gradient(transparent, #070810e8); pointer-events: none; }
.journey-ui[hidden] { display: none; }
.journey-chapter { display: flex; gap: 18px; align-items: center; font: 10px/1.5 monospace; letter-spacing: .13em; }
.chapter-number { color: rgb(var(--scene-accent)); }
.chapter-label { color: #b3bdd5; }
.journey-progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; transform: scaleX(var(--journey-progress,0)); transform-origin: left; background: linear-gradient(90deg,#aa85ff,#76e0ff); }
:focus-visible { outline: 2px solid #b2a1ff; outline-offset: 5px; }
.orb-experience [data-asset] { opacity: var(--asset-opacity,1); transform: translate3d(var(--asset-x,0px),var(--asset-y,0px),0) scale(var(--asset-scale,1)); filter: var(--asset-filter,none); transition: none; }
.orb-experience .asset-revealing { will-change: transform, opacity; }
.orb-experience [data-asset]:focus-within, .orb-experience [data-asset]:focus { opacity: 1 !important; transform: none !important; filter: none !important; }
.measuring [data-asset] { opacity: 1 !important; transform: none !important; filter: none !important; }

@media (min-width: 1600px) {
  .container { --max: 1380px; }
  .hero h1 { font-size: 100px; }
  .hero-visual { min-height: 690px; }
}
@media (max-width: 1050px) {
  .hero-grid { grid-template-columns: 1fr 1fr; gap: 25px; }
  .hero h1 { font-size: 66px; letter-spacing: -3px; }
  .hero-lede { font-size: 18px; }
  .hero-body { font-size: 14px; }
  .hero-actions .button { font-size: 12px; }
  .hero-visual { min-height: 620px; }
  .float-card { width: 128px; padding: 9px; }
  .card-compute, .card-data { left: 0; }
  .card-integrations, .card-automation { right: 0; }
  .offering-card, .model-message, .why-grid, .cta-panel { grid-template-columns: 1fr 1fr; gap: 55px; }
  .offering-card h2, .model-band h2 { font-size: 46px; }
  .feature-strip { gap: 95px 14px; }
  .feature-strip > div { padding: 15px; }
  .why h2, .section-heading h2, .cta-copy h2 { font-size: 46px; }
  .advantage-grid { gap: 16px; }
  .advantage-grid article { padding: 20px; }
  .choice-map { padding: 0; }
  .choice-node { width: 92%; }
  .route-task { width: 80%; }
  .route-hub { width: 100%; }
  .route-options { gap: 12px; }
  .route-options > div { padding: 18px 10px; }
  .use-grid { gap: 20px; grid-template-columns: 1fr .35fr 1fr; }
  .cta-benefits { grid-template-columns: 1fr; padding-left: 0; }
}
@media (max-width: 820px) {
  .hero { padding: 120px 0 75px; min-height: auto; }
  .hero-grid { grid-template-columns: 1fr; gap: 30px; }
  .hero-copy { max-width: 570px; }
  .hero h1 { font-size: clamp(58px,12vw,78px); max-width: 570px; }
  .hero-visual { min-height: 530px; margin: 0 auto; width: 100%; max-width: 570px; }
  .float-card { width: 140px; }
  .card-business, .card-results { display: flex; }
  .card-models, .card-business { left: 6%; }
  .card-agents, .card-results { right: 6%; }
  .visual-caption { display: block; bottom: -15px; }
  .offering-card, .model-message { min-height: auto; padding: 85px 0; grid-template-columns: 1fr; gap: 65px; }
  .consulting-card .offering-copy, .spend-message .model-copy, .consulting-card .feature-strip, .spend-message .routing-map { grid-column: auto; grid-row: auto; }
  .offering-card h2, .model-band h2 { font-size: clamp(40px,8vw,58px); }
  .offering-copy, .model-copy { max-width: 550px; }
  .feature-strip { gap: 60px 26px; padding: 0 5px 35px; }
  .feature-strip > div { min-height: 125px; padding: 22px; }
  .choice-map { width: 100%; max-width: 550px; margin: auto; gap: 26px; }
  .choice-node { width: 80%; }
  .routing-map { max-width: 500px; width: 100%; margin: auto; }
  .why, .use-cases, .stack-flow, .process, .cta-section { min-height: auto; padding: 95px 0; }
  .why-grid, .cta-panel { grid-template-columns: 1fr; gap: 60px; }
  .advantage-grid { grid-template-columns: 1fr 1fr; gap: 18px; padding-bottom: 35px; }
  .advantage-grid article:nth-child(even) { top: 35px; }
  .use-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
  .use-card:nth-child(odd), .use-card:nth-child(even) { grid-column: auto; }
  .flow-track { gap: 25px 15%; }
  .flow-node:last-child { grid-column: auto; }
  .process .section-heading { margin-bottom: 60px; }
  .process-line { grid-template-columns: 1fr; gap: 20px; margin-left: 0; }
  .process-line article { display: grid; grid-template-columns: 48px 1fr; padding: 24px; }
  .process-line article p { max-width: none; font-size: 12px; }
  .cta-panel { width: calc(100% - 30px); }
  .cta-benefits { padding: 0 0 0 25px; }
  .cta-benefits > div:nth-child(2) { margin-left: -25px; margin-right: 25px; }
  .journey-ui { padding: 12px 16px max(14px,env(safe-area-inset-bottom)); }
  .journey-chapter { display: grid; gap: 3px; font-size: 9px; }
}
@media (max-width: 560px) {
  .hero h1 { font-size: 58px; }
  .hero-visual { min-height: 490px; }
  .hero-actions .button { font-size: 13px; }
  .float-card { width: 123px; min-height: 53px; padding: 10px; }
  .float-card small { font-size: 8px; }
  .float-card strong { font-size: 11px; }
  .float-card .icon-chip { flex-shrink: 0; width: 25px; }
  .card-models, .card-business { left: 2%; }
  .card-agents, .card-results { right: 2%; }
  .feature-strip { gap: 50px 15px; }
  .feature-strip > div { flex-direction: column; align-items: flex-start; padding: 20px; }
  .advantage-grid article { padding: 19px; }
  .advantage-grid h3 { font-size: 15px; }
  .use-grid { grid-template-columns: 1fr; gap: 26px; }
  .use-card { width: 91%; min-height: auto; }
  .use-card:nth-child(even) { margin-left: auto; }
  .flow-track { gap: 26px 22px; }
  .flow-node strong { font-size: 15px; }
  .flow-node small { font-size: 10px; }
  .why h2, .section-heading h2, .cta-copy h2 { font-size: 40px; }
  .section-signal .eyebrow { font-size: 10px; letter-spacing: .14em; }
}

/* Fit each chapter between the fixed navigation and the bottom chapter guide.
   Content can still grow naturally on small screens or with enlarged text. */
:root {
  --chapter-top: calc(80px + clamp(16px, 3svh, 36px));
  --chapter-bottom: clamp(56px, 7svh, 76px);
  --chapter-gap: clamp(20px, 3svh, 36px);
}
.hero, .offering-card, .model-message, .why, .use-cases, .stack-flow, .process, .cta-section {
  min-height: 100svh;
  padding-top: var(--chapter-top);
  padding-bottom: var(--chapter-bottom);
}
.hero h1 { font-size: clamp(44px, min(6.2vw, 9svh), 90px); margin: 18px 0; }
.hero-visual { min-height: 0; height: clamp(280px, 64svh, 640px); }
.hero-actions { margin-top: 20px; }
.hero-proof { margin-top: 22px; padding-top: 16px; }
.visual-caption { bottom: -8px; }
.offering-card h2, .model-band h2, .why h2, .section-heading h2, .cta-copy h2 {
  font-size: clamp(34px, min(4.3vw, 6svh), 62px);
  margin-top: 16px;
  margin-bottom: 18px;
}
.offering-card, .model-message, .why-grid, .cta-panel { column-gap: clamp(36px, 8vw, 120px); }
.feature-strip { gap: clamp(28px, 9svh, 90px) 24px; }
.feature-strip > div { min-height: 112px; padding: 18px; }
.feature-strip > div:nth-child(even) { margin-top: 20px; margin-bottom: -20px; }
.choice-map { gap: var(--chapter-gap); padding: 0 12px; }
.choice-node { padding: 18px 22px; }
.choice-node strong { font-size: 20px; margin: 8px 0 4px; }
.route-task, .route-hub, .route-options > div { padding: 16px 20px; }
.route-task, .route-hub { margin-bottom: var(--chapter-gap); }
.route-hub strong { font-size: 24px; }
.route-balance { margin-top: 18px; }
.advantage-grid { gap: 20px; }
.advantage-grid article { min-height: 160px; padding: 20px; }
.advantage-grid article:nth-child(even) { top: 20px; }
.advantage-grid h3 { margin-top: 12px; }
.section-heading.split, .stack-flow .section-heading, .process .section-heading { margin-bottom: var(--chapter-gap); }
.section-heading h2 { margin-bottom: 0; }
.use-grid { margin-top: 0; grid-template-columns: 1fr .45fr 1fr; gap: 20px 28px; }
.use-card { min-height: 0; padding: 22px; display: grid; grid-template-columns: 32px 1fr; align-content: start; align-items: center; gap: 14px 12px; }
.use-card .use-icon { width: 32px; height: 32px; margin: 0; }
.use-card h3 { margin: 0; }
.use-card ul { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
.use-card li { line-height: 1.5; padding-left: 12px; }
.flow-track { gap: 20px 34%; }
.flow-node { min-height: 92px; padding: 14px 18px; }
.flow-node:nth-of-type(even) { top: 0; }
.flow-node strong { font-size: 17px; margin: 2px 0; }
.process-line { margin-top: 0; }
.process-line article { padding: 20px 18px; }
.cta-panel { row-gap: 24px; }
.cta-benefits { gap: 18px; }
.cta-benefits > div { padding: 18px; }
.contact-channel { padding: 20px 24px; gap: 8px; }

@media (min-width: 821px) and (max-height: 740px) {
  .hero-lede { font-size: 18px; }
  .hero-body, .offering-copy > p, .model-band p, .why-copy p { font-size: 14px; line-height: 1.65; }
  .hero-proof { margin-top: 16px; padding-top: 12px; }
  .use-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
  .use-card:nth-child(n) { grid-column: auto; }
  .use-card { padding: 18px; }
  .use-card ul { grid-template-columns: 1fr; gap: 6px; }
  .flow-track { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  .advantage-grid article { min-height: 148px; padding: 16px; }
  .cta-benefits > div { padding: 14px 18px; }
  .contact-channel { padding: 16px 20px; }
}

@media (max-width: 820px) {
  /* Spacing grows gradually instead of switching layouts at a height breakpoint. */
  :root {
    --chapter-top: calc(76px + env(safe-area-inset-top));
    --chapter-bottom: calc(48px + env(safe-area-inset-bottom));
    --chapter-gap: clamp(12px, calc(4svh - 14px), 22px);
    --mobile-copy: clamp(12px, calc(1svh + 5px), 14px);
    --mobile-card-pad: clamp(10px, calc(3svh - 10px), 16px);
    --mobile-gutter: calc(16px + max(env(safe-area-inset-left), env(safe-area-inset-right)));
  }
  .container, .cta-panel { width: min(640px, calc(100% - 2 * var(--mobile-gutter))); }
  .site-header { padding-top: env(safe-area-inset-top); }
  .nav-wrap { height: 64px; }
  .brand { font-size: 23px; }
  .menu-button { width: 44px; height: 44px; }
  .mobile-menu { top: calc(64px + env(safe-area-inset-top)); left: var(--mobile-gutter); right: var(--mobile-gutter); max-height: calc(100svh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; }
  .mobile-menu a { min-height: 44px; }
  .hero-grid { gap: var(--chapter-gap); }
  .hero h1 { font-size: clamp(34px, min(9vw, 5.8svh), 50px); letter-spacing: -1.8px; line-height: 1; margin: 10px 0; }
  .hero-lede { font-size: clamp(14px, 2svh, 16px); line-height: 1.4; margin-bottom: 8px; }
  .hero-body, .offering-copy > p, .model-band p, .why-copy p, .cta-copy > p { font-size: var(--mobile-copy); line-height: 1.5; }
  .hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
  .hero-actions .button { min-height: 44px; min-width: 0; padding: 8px 10px; font-size: 12px; line-height: 1.4; }
  .hero-proof { margin-top: 14px; padding-top: 10px; gap: 12px; }
  .hero-proof strong { font-size: 12px; }
  .hero-proof span { font-size: 9px; }
  .hero-visual { height: auto; min-height: 0; margin: 0; max-width: none; }
  .platform-stage { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
  .float-card { position: static; width: auto; min-width: 0; min-height: 50px; padding: 8px 6px; gap: 6px; flex-direction: column; align-items: flex-start; }
  .float-card .icon-chip { display: none; }
  .float-card small { font-size: 8px; }
  .float-card strong { font-size: 11px; }
  .visual-caption { position: static; display: block; font-size: 8px; margin-top: 6px; }
  .visual-caption span { display: inline; margin-left: 8px; }
  .offering-card, .model-message { align-content: center; gap: var(--chapter-gap); }
  .offering-copy, .model-copy { max-width: none; min-width: 0; }
  .offering-card h2, .model-band h2, .why h2, .section-heading h2, .cta-copy h2 { font-size: clamp(26px, min(7.2vw, 4svh), 36px); letter-spacing: -1.3px; margin: 10px 0; }
  .signal-caption { margin-top: 4px; }
  .text-link { min-height: 44px; margin-top: 8px; padding: 10px 14px; }
  .model-message .text-link { margin-top: 14px; }
  .feature-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0; }
  .feature-strip > div { min-height: 80px; min-width: 0; padding: var(--mobile-card-pad); flex-direction: row; align-items: center; }
  .feature-icon { flex-shrink: 0; }
  .feature-strip > div:nth-child(even) { margin: 0; }
  .feature-strip strong { font-size: 12px; }
  .choice-map { margin: 0 auto; gap: 10px; padding: 0; }
  .choice-node { width: 100%; padding: var(--mobile-card-pad) 14px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; align-items: center; }
  .choice-node strong { grid-column: 1; grid-row: 1; font-size: 16px; margin: 0; }
  .choice-node > span { grid-column: 2; grid-row: 1; font-size: 8px; text-align: right; }
  .choice-node small { grid-column: 1 / -1; }
  .routing-map { padding: 0; }
  .route-task, .route-hub, .route-options > div { padding: 10px 14px; }
  .route-task, .route-hub { margin-bottom: 10px; }
  .route-hub strong { font-size: 20px; margin-top: 6px; }
  .route-options { gap: 12px; }
  .route-balance { margin-top: 6px; }
  .why-grid, .cta-panel { gap: var(--chapter-gap); }
  .advantage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0; }
  .advantage-grid article { min-height: 0; padding: var(--mobile-card-pad); display: grid; grid-template-columns: 24px 1fr; gap: 8px; align-items: center; }
  .advantage-grid article:nth-child(even) { top: 0; }
  .advantage-grid .adv-icon { width: 24px; height: 24px; }
  .advantage-grid h3 { margin: 0; font-size: 13px; }
  .advantage-grid p { grid-column: 1 / -1; font-size: 12px; line-height: 1.4; }
  .why-copy .button { min-height: 44px; margin-top: 4px; }
  .section-heading.split { display: block; }
  .section-heading.split > p, .section-heading.centered p { margin: 8px 0 0; font-size: var(--mobile-copy); line-height: 1.5; }
  .use-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .use-card:nth-child(n) { grid-column: auto; width: auto; min-width: 0; margin: 0; }
  .use-card { padding: clamp(8px, calc(4svh - 19px), 16px); grid-template-columns: 24px minmax(0, 1fr); gap: 10px 6px; }
  .use-card .use-icon { width: 24px; height: 24px; }
  .use-card h3 { font-size: 13px; }
  .use-card ul { grid-template-columns: minmax(0, 1fr); gap: clamp(0px, calc(1svh - 6.5px), 5px); }
  .use-card li { font-size: 12px; line-height: 1.4; }
  .flow-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .flow-node { min-height: 80px; padding: 10px 14px; }
  .flow-node strong { font-size: 15px; }
  .flow-node small { font-size: 10px; }
  .process-line { gap: 6px; }
  .process-line article { padding: clamp(6px, calc(2svh - 7px), 12px) 10px; grid-template-columns: 28px minmax(0, 1fr); column-gap: 8px; }
  .process-line h3 { margin: 0 0 3px; font-size: 14px; }
  .process-line article p { font-size: 12px; line-height: 1.5; }
  .process-line .number { width: 28px; height: 28px; }
  .cta-benefits { padding: 0; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cta-panel { row-gap: clamp(10px, calc(3svh - 10px), 20px); }
  .cta-benefits > div { min-width: 0; padding: 12px 10px; flex-direction: column; gap: 8px; }
  .cta-benefits > div > span { width: 24px; height: 24px; }
  .cta-benefits strong { font-size: 12px; line-height: 1.4; }
  .cta-benefits p { line-height: 1.5; }
  .cta-benefits > div:nth-child(2) { margin: 0; }
  .contact-directory { gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact-channel { padding: 12px; }
  .contact-channel-title strong { font-size: 16px; }
  .contact-description { font-size: 12px; }
  .contact-email { font-size: 12px; }
  .journey-ui { padding: 10px var(--mobile-gutter) max(12px, env(safe-area-inset-bottom)); }
  .journey-chapter { display: flex; gap: 12px; font-size: 9px; }
  .journey-chapter > span { white-space: nowrap; }
  .contact-dialog input, .contact-dialog textarea { font-size: 16px; }
}

@media (max-width: 820px) and (hover: none) and (pointer: coarse) {
  html:not(.wheel-navigation) { scroll-snap-type: y proximity; }
  body, .page-shell { overflow-x: clip; }
  .page-shell { overflow-y: clip; }
  [data-scene] { scroll-snap-align: start; }
  .site-footer { scroll-snap-align: end; }
}