/* SVGs render identically across platform fonts; no emoji glyphs. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.16em;flex-shrink:0;overflow:visible}
.new-home .mobile-brand>.ui-icon{width:25px;height:25px;color:var(--accent)}
.new-home .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;flex-shrink:0}
.new-home .brand-mark>.ui-icon{width:100%;height:100%}
.new-home .home-footer .brand-mark{width:30px;height:30px}
.new-home .role-orb>.ui-icon{width:53px;height:53px}
.new-home .screen-flow>b>.ui-icon{width:27px;height:27px}
.new-home .integration-strip>i>.ui-icon{width:14px;height:14px}
.new-home .satellite>span{display:flex;align-items:center}
.new-home .satellite .ui-icon{width:20px;height:20px}
.new-home .mini-pipeline>.ui-icon,.new-home .underlink>.ui-icon{width:15px;height:15px}
.new-home .iso-icon{height:215px;background:radial-gradient(ellipse at 50% 70%,#e4edfa,#f1f5fa 68%);overflow:hidden;border-radius:18px}
.new-home .iso-icon:before{display:none}
.new-home .iso-tower{display:block;width:170px;height:204px;flex-shrink:0;filter:drop-shadow(0 9px 8px #376cbb14);animation:tower-hover 7s ease-in-out infinite}
.new-home .pain-card:nth-child(2) .iso-tower{animation-delay:-1.5s}
.new-home .pain-card:nth-child(3) .iso-tower{animation-delay:-3s}
.new-home .pain-card:nth-child(4) .iso-tower{animation-delay:-4.5s}
.new-home .pain-card:hover .iso-tower{filter:drop-shadow(0 10px 15px #3d7ddb35)}
.new-home .tower-signal{animation:tower-signal 4s ease-in-out infinite}
.new-home .solution-icon{display:flex;align-items:center;justify-content:center;width:100%;height:150px;filter:none}
.new-home .solution-icon>.iso-tower{width:min(110px,100%);height:auto;max-height:145px}
.new-home .solution-card.is-active .solution-icon{width:30px;height:32px;flex-shrink:0}
.new-home .solution-card.is-active .solution-icon>.iso-tower{width:29px;height:35px;animation:none}
.new-home .asteroid{background:none;box-shadow:none;border-radius:0}
.new-home .asteroid svg{width:100%;height:100%;filter:drop-shadow(3px 6px 5px #09132988)}
.new-home .neural-stage{height:410px}
.new-home .core-label{top:24px}
.new-home .core-caption{bottom:6px}
.new-home .orbit-track{top:115px;height:170px}
.new-home .orbit-tilted{top:148px;height:115px}
@keyframes tower-hover{0%,100%{transform:translateY(1px)}50%{transform:translateY(-5px)}}
@keyframes tower-signal{0%,100%{opacity:.22}50%{opacity:.9}}
@media(max-width:1100px){.new-home .iso-icon{height:205px}.new-home .iso-tower{width:165px;height:198px}}
@media(max-width:760px){.new-home .solution-icon,.new-home .solution-card.is-active .solution-icon{width:33px;height:38px;flex-shrink:0}.new-home .solution-icon>.iso-tower,.new-home .solution-card.is-active .solution-icon>.iso-tower{width:33px;height:40px;animation:none}.new-home .solution-toggle,.new-home .solution-card.is-active .solution-toggle{height:65px;padding-block:10px}.new-home .neural-stage{height:350px}.new-home .core-label{top:20px}.new-home .orbit-track{top:95px;height:155px}.new-home .orbit-tilted{top:135px;height:95px}}
@media(max-width:460px){.new-home .iso-icon{height:180px;border-radius:15px}.new-home .iso-tower{width:145px;height:174px}.new-home .pain-card h3{margin-top:20px}.new-home .neural-stage{height:315px}.new-home .core-label{top:14px}.new-home .core-caption{bottom:2px}.new-home .orbit-track{top:100px;height:115px}.new-home .orbit-tilted{top:118px;height:75px}.new-home .satellite .ui-icon{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.iso-tower,.tower-signal{animation:none!important}}
/* Orbital depth: transparent canvas occludes rear objects only inside the globe. */
.new-home .neural-stage{isolation:isolate;perspective:none}
.new-home #core-canvas{z-index:10;pointer-events:none}
.new-home .core-fallback{z-index:10;pointer-events:none}
.new-home .satellites{display:contents;transform:none;transition:none}
.new-home .satellite{animation:none;backdrop-filter:none;white-space:nowrap;background:#324d6bec;transform-origin:center;will-change:transform}
.new-home .satellite:focus-visible{z-index:30!important;opacity:1!important}
.new-home .asteroid{animation:none;transform-origin:center;will-change:transform}
.new-home .core-label,.new-home .core-caption{z-index:25;pointer-events:none}
.new-home .orbit-track{display:none}
.new-home .depth-orbits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.new-home .orbits-back{z-index:2;stroke:#a9cfff26;stroke-width:.9}
.new-home .orbits-front{z-index:15;stroke:#a9cfff38;stroke-width:.9}
.new-home [data-core-style=neural] .core-fallback{background:radial-gradient(circle at 32% 28%,#8bdcff,#1f6593 22%,#07203c 53%,#020e26 70%,#50caff 74%,#0e2f64);border-radius:47% 53% 49% 51%;box-shadow:inset 0 0 45px #48aaff77,0 0 45px #258dce44}
.new-home [data-core-style=neural] .core-fallback:after{content:'';position:absolute;inset:6%;border-radius:inherit;background:repeating-linear-gradient(65deg,transparent 0 13px,#79dcff66 14px,transparent 15px),repeating-linear-gradient(-30deg,transparent 0 17px,#59b7fa77 18px,transparent 19px);opacity:.6}

/* A compact first screen: copy and the live scene share one row. */
.new-home .hero-panel{min-height:0}
.hero-layout{display:grid;grid-template-columns:1fr;gap:12px;container-type:inline-size}
@media(min-width:900px){
  .new-home .hero-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:24px;margin:30px 0 22px}
  .new-home .hero-text{margin:0;max-width:none;min-width:0;text-align:left}
  .new-home .hero-text h1{font-size:clamp(29px,4.25cqw,62px);line-height:1.22;letter-spacing:-.065em}
  .new-home .hero-text h1>span{white-space:nowrap}
  .new-home .hero-text .eyebrow{font-size:7px;line-height:1.8;margin-bottom:22px}
  .new-home .hero-description{font-size:13px;line-height:1.8;margin-top:24px;max-width:540px}
  .new-home .hero-description br{display:none}
  .new-home .hero-buttons{justify-content:flex-start;flex-wrap:wrap;gap:10px;margin-top:25px}
  .new-home .hero-buttons .btn{font-size:10px;min-height:52px;padding:14px 17px;gap:15px}
  .new-home .hero-layout .neural-stage{width:100%;height:clamp(340px,29cqw,470px);max-width:none;margin:0;min-width:0}
  .new-home .hero-layout .satellite{padding:8px 11px;font-size:9px;border-radius:12px;gap:7px}
  .new-home .hero-layout .satellite .ui-icon{width:17px;height:17px}
  .new-home .hero-layout .core-caption>strong{font-size:9px}
  .new-home .hero-bottom-grid{margin-top:0}
  .new-home .hero-mini{min-height:112px;padding:19px 22px}
  .new-home .hero-mini>strong{font-size:12px;margin-top:14px}
}
@media(max-width:899px){.hero-layout{gap:0}}

/* Center the entire desktop shell, including its fixed navigation rail. */
@media(min-width:1101px){
  body.new-home{max-width:2112px;margin-inline:auto}
  .new-home .side-rail{left:max(0px,calc((100% - 2112px)/2))}
}

/* Page navigation stays in the rail; local anchors have their own compact row. */
.home-section-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:24px;font-size:10px;color:#bacbe1}
.home-section-nav>span{color:#869ab7;font-size:8px;letter-spacing:.1em;text-transform:uppercase;margin-right:5px}
.home-section-link{padding:5px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.home-section-link:hover,.home-section-link.is-current{color:#fff;border-color:#ff9e17}
.new-home .page-crosslink{position:relative;z-index:2;margin-top:24px}
@media(max-width:460px){.home-section-nav{font-size:9px;gap:5px 14px;margin-top:20px}.home-section-nav>span{width:100%;font-size:7px}.new-home .page-crosslink{font-size:10px;line-height:1.7}}

/* Keep expanded cards in a stable-height slot at every breakpoint. */
.new-home .solutions-deck{position:relative}
@media(min-width:761px){.new-home .solutions-deck{height:var(--solution-card-height,455px);min-height:var(--solution-card-height,455px)}}
@media(max-width:760px){.new-home .solution-card.is-active{height:var(--solution-card-height,auto)}}
.new-home .neural-stage .neural-fallback-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:10;pointer-events:none;display:none}
.new-home .neural-stage[data-renderer=canvas] .neural-fallback-canvas{display:block}
.new-home .neural-stage[data-renderer=canvas] .core-fallback{display:none}

/* Particle hero: motion stays inside fixed geometry, keeping scroll stable. */
.new-home .particle-hero{isolation:isolate;background:radial-gradient(ellipse at 78% 42%,#243852 0,transparent 55%),linear-gradient(120deg,#172536,#202c43 75%,#26354a)}
.hero-flow-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.particle-hero .panel-top,.particle-hero .home-section-nav,.particle-hero .hero-layout,.particle-hero .hero-bottom-grid,.particle-hero .scroll-hint{position:relative;z-index:1}
.new-home .particle-hero .satellite{background:#233848db;border-color:#99d8cb55;box-shadow:0 8px 30px #05131e44;transition:background .25s,border-color .25s,box-shadow .25s}
.new-home .particle-hero .satellite:hover,.new-home .particle-hero .satellite.is-active{background:#34516c;border-color:#a3f2dc;box-shadow:0 0 25px #93e9cb22}
.new-home .particle-hero .hero-mini{background:linear-gradient(125deg,#455d768c,#43546980);border:1px solid #b6e6dd1a;transition:background .35s,box-shadow .35s,transform .35s}
.new-home .particle-hero .hero-mini:hover{background:#48637b;box-shadow:0 0 30px #95d9cc19;transform:translateY(-4px)}
.new-home .particle-hero .btn{transition:transform .3s,box-shadow .3s,background .3s}
.new-home .particle-hero .btn:hover{transform:translateY(-3px);box-shadow:0 8px 35px #a7e4d329}
.new-home .particle-hero .orbits-front{stroke:#9adcc72d}
.new-home .particle-hero .orbits-back{stroke:#a592d326}
.new-home .particle-hero .core-label{color:#add8ce}
.new-home .particle-hero .core-fallback{display:none}
@media(prefers-reduced-motion:reduce){.new-home .particle-hero .hero-mini:hover,.new-home .particle-hero .btn:hover{transform:none}}
/* Reference-informed Vesper volume and Relay light stream. */
.new-home .vesper-hero{background:radial-gradient(ellipse at 85% 15%,#1b314033,transparent 48%),radial-gradient(ellipse at 50% 100%,#16393766,transparent 55%),#080e14}
.new-home .vesper-hero .hero-mini{background:#1c2934b3;border-color:#a3e5da24}
.new-home .vesper-hero .satellite{background:#142b32d9;border-color:#91cfc83d}
.new-home .vesper-hero .asteroid{opacity:.6}
.new-home .vesper-hero .orbits-front,.new-home .vesper-hero .orbits-back{stroke-opacity:.35}
.core-morph-controls{position:absolute;z-index:26;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:6px;white-space:nowrap}
.core-morph-controls button{background:#11212cbd;color:#9bb8bf;border:1px solid #accbc62b;border-radius:20px;padding:6px 12px;font:9px Manrope,sans-serif;cursor:pointer;transition:background .25s,color .25s}
.core-morph-controls button[aria-pressed=true]{background:#b1ead4;color:#0c2428}
.core-morph-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.new-home .vesper-hero .core-caption{bottom:34px}
.new-home .vesper-hero .hero-text{animation:hero-arrive 1s cubic-bezier(.16,1,.3,1) both}
@keyframes hero-arrive{from{opacity:0;filter:blur(10px);transform:translateY(22px)}to{opacity:1;filter:blur(0);transform:none}}
.new-home.motion-paused .vesper-hero .hero-text{animation:none}
@media(prefers-reduced-motion:reduce){.new-home .vesper-hero .hero-text{animation:none}}
/* A larger standalone neural cloud, with the orbital decoration removed. */
.new-home .hero-panel .satellite,.new-home .hero-panel .asteroid,.new-home .hero-panel .depth-orbits,.new-home .hero-panel .orbit-track,.new-home .hero-panel .core-caption{display:none!important}
.new-home .vesper-hero .core-label{display:none}
@media(min-width:900px){.new-home .hero-layout .neural-stage{height:clamp(580px,44cqw,720px)}.new-home .hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
@media(max-width:899px){.new-home .hero-layout .neural-stage{height:400px;width:100%;max-width:none;margin:8px auto 20px}}

/* Compact hero with foreground cards crossing the living particle volume. */
.new-home .vesper-hero .hero-layout{margin:12px 0 0;align-items:center}
.new-home .vesper-hero .hero-bottom-grid{z-index:12;margin-top:-94px}
.new-home .vesper-hero .hero-mini{backdrop-filter:blur(14px);background:#1c2934bd}
@media(min-width:900px){
 .new-home .vesper-hero .hero-layout .neural-stage{height:clamp(480px,37cqw,600px)}
 .new-home .vesper-hero .hero-text{padding-bottom:88px}
 .new-home .vesper-hero .hero-text .eyebrow{margin-bottom:16px}
 .new-home .vesper-hero .hero-description{margin-top:18px}
 .new-home .vesper-hero .hero-buttons{margin-top:18px}
}
@media(max-width:899px){
 .new-home .vesper-hero .hero-text{margin-top:24px}
 .new-home .vesper-hero .hero-layout .neural-stage{height:360px;margin:0 auto}
 .new-home .vesper-hero .hero-bottom-grid{margin-top:-78px}
}

.hero-assembly-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
