/* Shared compact, dark scene treatment. White remains a text color only. */
:root { color-scheme:dark; --off-white:#101b2c; --gray-100:#152238; --gray-900:#e6edf7; --gray-700:#b0bfd2; --border:#2b3b51; }
body { background:#070d17; color:#e6edf7; }
html.depth-site body { background:#070d17!important; }
.depth-site body section:not(.scroll-story), .depth-site .entry-points,
.depth-site .sector-field, .depth-site .closing-conversation { background:radial-gradient(ellipse at 90% 0%,rgba(255,70,95,.06),transparent 55%),#0a1321!important; color:#e6edf7!important; padding-block:clamp(32px,4vw,56px)!important; }
.depth-site body section:nth-of-type(even):not(.scroll-story) { background:radial-gradient(ellipse at 10% 100%,rgba(68,115,179,.09),transparent 55%),#0d1828!important; }
.depth-site .scene-zero { min-height:600px; min-height:min(720px,calc(100svh - 78px)); padding-block:24px!important; }
.depth-site .scene-zero-copy { padding-block:40px; }
.depth-site .scene-zero h1 { font-size:clamp(3.2rem,7vw,7rem); line-height:.9; letter-spacing:-.07em; }
.depth-site .scroll-story { height:180vh; }
.depth-site .scroll-story-sticky { height:100svh; }
.depth-site .story-chapter h2 { font-size:clamp(2.7rem,4.5vw,5rem); line-height:1; }
.depth-site .entry-card { min-height:270px; padding:24px; background:#101e30; }
.depth-site .entry-card h3 { margin-top:24px; }
.depth-site .sector-list article { min-height:155px; background:#101e30; border-color:#304158; }
.depth-site .entry-heading,.depth-site .sector-heading { margin-bottom:24px; }
.depth-site .hero { padding-block:42px!important; }
.depth-site .hero h1 { font-size:clamp(2.4rem,4.4vw,4.6rem)!important; line-height:1.03!important; }
.depth-site .hero-photo-frame { box-shadow:0 22px 60px #0006!important; border-radius:18px!important; }
.depth-site .section-title { font-size:clamp(2rem,3.4vw,3.3rem)!important; line-height:1.08!important; }
.depth-site :is(.path-card,.feature,.info-card,.contact-card,.form-wrap,.faq-item,.assurance-card,.legal-content,.quote-card) { background:#111e30!important; color:#e6edf7!important; border:1px solid #2a3b52!important; border-radius:16px!important; box-shadow:0 12px 35px #0003!important; }
.depth-site :is(.feature,.path-card,.info-card,.contact-card) { padding:22px!important; }
.depth-site .form-wrap { padding:28px!important; }
.depth-site :is(h1,h2,h3,h4,h5,label,.section-title,.faq-question,.brand,.sector-list h3) { color:#edf3fc!important; }
.depth-site :is(.section-sub,.section-subtitle,.lead,.feature p,.info-card p,.contact-card p,.path-card p,.entry-card p,.entry-heading p,.sector-heading p,.closing-conversation p,.legal-content p,.form-note,.form-group label,.faq-answer,.form-wrap p) { color:#b5c4d8!important; }
.depth-site :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { background:#091220!important; color:#e6edf7!important; border-color:#34475f!important; }
.depth-site :is(input,select,textarea):focus-visible { outline:2px solid #ff6070; outline-offset:3px; }
.depth-site :is(.site-footer,.breadcrumb,.notice,.hero-notice,.audience-notice) { background:#08111e!important; color:#bdcada!important; border-color:#263850!important; }
.depth-site .site-footer { padding-block:36px!important; }
.depth-site .closing-conversation { border-top:1px solid #ff607044; }
.depth-site .closing-conversation h2 { font-size:clamp(2.7rem,5vw,5rem); line-height:1; }
.depth-site .site-header,.depth-site .nav-links.open { background:#080f1dee!important; }
.depth-site .nav-links .nav-cta { background:#d93249!important; color:#fff!important; border-color:#ed5267!important; }
.depth-site .ops-ticker { background:#142238; color:#c6d3e4; font-size:.82rem; }
.depth-site .audience-banner { background:#17243a; color:#c9d7e9; font-size:.95rem; }
.depth-site .audience-banner a { color:#ff8794; }
.depth-site .photo-band { min-height:310px; }
.depth-site .nav { max-width:1440px; gap:16px; }
.depth-site .brand { flex-shrink:0; white-space:nowrap; }
.depth-site .nav-links a { padding-inline:10px; white-space:nowrap; }
.depth-toggle { position:fixed; z-index:200; bottom:12px; right:12px; padding:9px 13px; border:1px solid #435670; border-radius:24px; background:#101e30; color:#d5e1f3; font:600 .8rem/1.4 system-ui,sans-serif; cursor:pointer; box-shadow:0 4px 20px #0004; }
.depth-toggle:focus-visible { outline:2px solid #ff6070; outline-offset:3px; }
.depth-site .ticker { background:#111e30; border-block:1px solid #29394d; }
.depth-site .btn-outline { color:#edf3fc!important; border-color:#55677e!important; }
.depth-site .scene-button b { background:#1c2c40; color:#fff; }
.depth-site .hero-photo { max-height:360px; object-fit:cover; }
.depth-site .faq-question { background:transparent!important; }
.depth-site .sector-list article:hover { background:#382030; }
.depth-site .operating-map article { padding-block:17px; }
.depth-site .section-label { color:#ff7887!important; }
.depth-crm .main { padding-top:26px; padding-bottom:32px; }
.depth-crm :is(.panel,.stat-card,.signup-card,.cp-card,.auth-card) { border-color:#2b3d55; }
.depth-crm .panel { margin-bottom:18px; }
.depth-crm :is(.signup-main,.signup-aside,.login-panel) { background-color:#0a1321; }
/* Transform the presentation layers, leaving scroll behavior native. */
.depth-site .portal-track { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; min-height:0; perspective:1400px; }
.depth-site .portal-panel { position:relative; inset:auto; width:100%; height:auto; min-height:315px; transform:none; margin:0; padding:26px; overflow:visible; }
.depth-site .portal-panel h3 { font-size:clamp(1.7rem,2.5vw,2.6rem); margin:30px 0 18px; line-height:1.12; letter-spacing:-.03em; overflow-wrap:break-word; }
.depth-site .portal-panel:hover { z-index:auto; }
.workflow-board { position:absolute; right:5%; top:50%; width:43%; max-width:580px; transform:translateY(-50%); padding:24px; border:1px solid #3e516c; border-radius:22px; background:linear-gradient(145deg,#17273d,#0b1625); box-shadow:0 24px 70px #0005; }
.workflow-label { color:#ff8c98; font-size:.88rem!important; font-weight:700; letter-spacing:.08em; }
.workflow-step { display:flex; align-items:flex-start; gap:18px; padding:20px; border:1px solid #344b66; border-radius:12px; background:#112139; }
.workflow-step > b { display:grid; place-items:center; flex:none; width:42px; height:42px; border:1px solid #ff697b; border-radius:10px; color:#ff91a0; font-size:1rem; }
.workflow-step h3 { font-size:1.15rem; line-height:1.3; margin:0 0 8px; }
.workflow-step p { color:#c1d0e4; margin:0; font-size:.95rem!important; }
.workflow-arrow { display:block; text-align:center; color:#ff91a0; padding:5px; font-size:1.4rem; }
.depth-motion-on .depth-item.depth-layer { transform:perspective(1400px) translate3d(0,var(--depth-shift),var(--depth-z)) rotateX(var(--depth-angle)) rotateY(var(--depth-yaw,0deg))!important; }
.depth-scene.depth-focused { --depth-yaw:0deg!important; }
@media(max-width:900px) { .depth-site .portal-track { grid-template-columns:1fr; gap:20px; } .depth-site .portal-panel { min-height:230px; } .workflow-board { position:relative; inset:auto; transform:none; width:100%; margin:24px auto; } .depth-site .story-copy { position:relative; inset:auto; transform:none; width:auto; min-height:0; margin:0 24px; } .depth-site .story-chapter,.depth-site .story-chapter.active { position:relative; inset:auto; transform:none; opacity:1; visibility:visible; pointer-events:auto; margin:22px 0; } .depth-site .scroll-story { height:auto; } .depth-site .scroll-story-sticky { position:relative; height:auto; padding:24px; } .depth-site .story-index,.depth-site .story-direction { display:none; } }
.depth-site .portal-intro { margin-bottom:34px; gap:28px; }
.depth-site .portal-intro h2,.depth-site .tunnel-copy h2,.depth-site .final-frame h2 { font-size:clamp(2.7rem,5vw,5rem); line-height:1; letter-spacing:-.055em; }
.depth-site .portal-intro > p:last-child,.depth-site .portal-panel p { color:#c4d1e2; font-size:1rem; }
.depth-site .portal-track { min-height:345px; }
.depth-site .portal-panel { height:310px; padding:24px; background:#14243a; }
.depth-site .portal-center { background:linear-gradient(145deg,#4c2539,#18273e); border-color:#ff617366; }
.depth-site .portal-panel h3 { margin-top:40px; font-size:clamp(2rem,3vw,3.2rem); line-height:1.05; letter-spacing:-.035em; }
.depth-site .portal-panel small { color:#ff8a96; font-size:.85rem; letter-spacing:.07em; }
.depth-site .portal-panel > b { font-size:.95rem; }
.depth-site .portal-panel > b span { background:#263b56; color:#fff; }
.depth-site .portal-client { transform:rotateY(calc(14deg + var(--depth-angle))) translateZ(-30px); }
.depth-site .portal-agent { transform:rotateY(calc(-14deg - var(--depth-angle))) translateZ(-30px); }
.depth-site .portal-center { transform:translateY(-12px) translateZ(40px); }
.depth-site .vertical-tunnel { min-height:390px; }
.depth-site .tunnel-copy { min-height:0; padding:24px 5vw; }
.depth-site .tunnel-list span { padding:20px 5vw 20px 24px; font-size:clamp(1.2rem,2vw,2rem); }
.depth-site .final-frame { min-height:440px; }
.depth-site :is(.scene-label,.section-label,.eyebrow,.step-label,.signup-kicker,.login-kicker,.auth-kicker) { font-size:.85rem!important; letter-spacing:.08em!important; line-height:1.55; }
.depth-site :is(.brand small,.footer-bottom,.form-note,.form-hint,.hero-proof,.story-chapter p,.story-index span,.story-direction,.tunnel-list b) { font-size:.82rem!important; color:#b7c7dc!important; }
.depth-site :is(.nav-links a,.btn,.scene-button,.scene-ghost) { font-size:.95rem!important; }
.depth-site p,.depth-site .story-chapter span { font-size:1rem; line-height:1.65; }
.depth-crm :is(.tab-btn,.field label,.sub,.step-label,.signup-kicker,.auth-help) { font-size:.9rem; }
.depth-crm :is(.login-kicker,.auth-kicker,.login-status,.signup-help) { font-size:.85rem; }
.depth-crm .brand small { font-size:.72rem; color:#b3c2d8; }
.depth-crm .panel h2 { font-size:1.25rem; }
.depth-crm .crm-motion-ready .panel { opacity:1; }
.depth-scene { --depth-angle:0deg; --depth-shift:0px; --depth-z:0px; --depth-light:50%; position:relative; }
.depth-scene::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:radial-gradient(ellipse at var(--depth-light) 12%,rgba(128,174,237,.06),transparent 62%); }
.depth-layer { transform:perspective(1400px) translate3d(0,var(--depth-shift),var(--depth-z)) rotateX(var(--depth-angle)); transform-origin:center center; backface-visibility:hidden; }
.depth-motion-on .depth-layer { transform:perspective(1400px) translate3d(0,var(--depth-shift),var(--depth-z)) rotateX(var(--depth-angle))!important; }
.depth-motion-on .depth-scene::after { display:block; }
.depth-scene.depth-focused { --depth-angle:0deg!important; --depth-shift:0px!important; --depth-z:0px!important; }
.depth-site .depth-layer :is(h2,.section-label) { text-shadow:0 6px 28px #0005; }
@media(max-width:760px) {
  .depth-site .scroll-story { height:auto; }
  .depth-site .scroll-story-sticky { height:auto; position:relative; padding:32px 24px; }
  .depth-site .story-copy { position:relative; inset:auto; width:100%; min-height:0; transform:none; }
  .depth-site .story-chapter,.depth-site .story-chapter.active { position:relative; top:auto; transform:none; visibility:visible; opacity:1; margin-block:20px; pointer-events:auto; }
  .depth-site .story-chapter h2 { font-size:2.1rem; }
  .depth-site .story-index,.depth-site .story-progress,.depth-site .story-visual { display:none; }
  .depth-site .story-world,.depth-site .story-direction { display:none; }
  .depth-site .portal-panel { min-height:240px; height:auto; padding:22px; }
  .depth-site .portal-panel h3 { margin-top:20px; font-size:2rem; }
  .depth-site .tunnel-copy h2 { font-size:2.7rem; }
  .depth-site .scene-zero { min-height:540px; }
  .depth-site .form-wrap { padding:20px!important; }
  .depth-site .sector-list article { min-height:125px; }
  .depth-site .hero-photo-frame { margin-bottom:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .depth-layer { transform:none!important; }
  .depth-scene::after { display:none; }
  .depth-site .scene-zero-image { animation:none; }
}

/* Open scenes replace boxed marketing cards. */
.depth-site section.depth-scene { isolation:isolate; overflow:hidden; }
.depth-site section.depth-scene > .container,.depth-site section.depth-scene > .photo-band-content { position:relative; z-index:2; }
.scroll-sculpture { position:absolute; z-index:0; pointer-events:none; right:-35px; top:12%; width:320px; height:320px; perspective:900px; transform-style:preserve-3d; transform:translate3d(0,var(--sculpture-travel,0px),0); opacity:.65; }
.sculpture-orbit { position:absolute; inset:28px; border:2px solid #ff7187; border-radius:50%; transform-style:preserve-3d; box-shadow:0 0 30px #ed456622,inset 0 0 30px #ed456611; }
.orbit-one { transform:rotateX(calc(58deg + var(--sculpture-x,0deg))) rotateY(var(--sculpture-y,0deg)) translateZ(var(--sculpture-z,0px)); }
.orbit-two { inset:54px; border-color:#6ca6e5; transform:rotateX(calc(-35deg + var(--sculpture-x,0deg))) rotateY(calc(65deg + var(--sculpture-y,0deg))); }
.orbit-three { inset:80px; border-color:#ff93a1; transform:rotateX(calc(80deg - var(--sculpture-x,0deg))) rotateY(calc(-45deg - var(--sculpture-y,0deg))); }
.sculpture-axis { position:absolute; top:50%; left:20px; right:20px; height:1px; background:linear-gradient(90deg,transparent,#88baff,transparent); }
.axis-one { transform:rotateY(var(--sculpture-y,0deg)) rotateZ(40deg); }
.axis-two { transform:rotateX(var(--sculpture-x,0deg)) rotateZ(-40deg); }
.sculpture-core { position:absolute; inset:130px; border:1px solid #ff96a5; background:linear-gradient(140deg,#e75d77,#344c7a); box-shadow:0 0 50px #ff536544; transform:rotateX(var(--sculpture-x,0deg)) rotateY(var(--sculpture-y,0deg)) translateZ(var(--sculpture-z,0px)); }
.depth-site .portal-deck .scroll-sculpture { top:38%; right:0; }
.depth-site .scene-zero .scroll-sculpture { right:5%; top:20%; width:360px; height:360px; }
.depth-site .depth-item.depth-layer { transform-origin:center; }
@media(max-width:760px) { .scroll-sculpture { right:-90px; width:240px; height:240px; opacity:.4; } .sculpture-core { inset:100px; } .depth-site .scene-zero .scroll-sculpture { right:-80px; width:240px; height:240px; } }
@media(prefers-reduced-motion:reduce) { html:not(.depth-motion-on) .scroll-sculpture { display:none; } }
.depth-site .portal-track { display:flex; flex-direction:column; gap:0; width:min(1160px,calc(100% - 48px)); }
.depth-site .portal-panel { display:grid; grid-template-columns:minmax(0,1fr) 220px; align-items:center; gap:44px; min-height:230px; padding:32px 0; border:0!important; border-top:1px solid #304159!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
.depth-site .portal-panel > div { display:grid; grid-template-columns:150px minmax(0,1fr); gap:14px 32px; align-items:start; }
.depth-site .portal-panel h3 { margin:0; font-size:clamp(2rem,3.5vw,3.6rem); line-height:1.08; }
.depth-site .portal-panel p { grid-column:2; max-width:600px; font-size:1.08rem!important; }
.depth-site .portal-panel > b { border:0; padding:0; font-size:1rem; }
.depth-site :is(.feature,.path-card,.info-card,.contact-card,.assurance-card,.faq-item,.form-wrap) { border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
.depth-site :is(.feature-grid,.path-grid) { display:block; }
.depth-site :is(.feature,.path-card) { display:grid; grid-template-columns:72px minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:28px; padding:26px 0!important; min-height:165px; border-top:1px solid #304159!important; }
.depth-site :is(.feature,.path-card) h3 { font-size:clamp(1.4rem,2vw,2rem); }
.depth-site :is(.feature,.path-card) p { margin:0; font-size:1.05rem!important; }
.depth-site .path-card > a { grid-column:3; }
.depth-site .feature .num-badge { width:56px; height:56px; border-radius:50%; background:#192b43; color:#ff7f90; }
.depth-site .form-wrap { border-top:1px solid #304159!important; padding-inline:0!important; }
.depth-site .faq-item { border-bottom:1px solid #304159!important; }
.workflow-board { background:transparent; box-shadow:none; border:0; border-radius:0; }
.workflow-step { background:transparent; border:0; border-radius:0; padding:18px 0; }
.workflow-step > b { border-radius:50%; }
.depth-site .portal-panel::after,.depth-site .path-card::after { background:radial-gradient(ellipse at var(--depth-light) 50%,#33517a22,transparent 65%); }
@media(max-width:760px) {
  .depth-site .portal-panel { grid-template-columns:1fr; gap:16px; min-height:0; }
  .depth-site .portal-panel > div { grid-template-columns:1fr; gap:16px; }
  .depth-site .portal-panel p { grid-column:auto; }
  .depth-site .portal-panel > b { width:100%; }
  .depth-site :is(.feature,.path-card) { grid-template-columns:48px 1fr; gap:16px; min-height:0; }
  .depth-site :is(.feature,.path-card) p,.depth-site .path-card > a { grid-column:2; }
  .depth-site .feature .num-badge { width:44px; height:44px; }
}