/* Brand palette and the immersive continuity chapter. */
.header{background:#eaf1e9;color:#0e353b;padding-top:13px;padding-bottom:13px;min-height:104px;border-bottom:1px solid #c4d9d3}
.brand{gap:0;letter-spacing:0;line-height:1;flex-shrink:0}
.brand-crop{display:block;position:relative;width:176px;height:78px;overflow:hidden}
.brand-crop img{position:absolute;max-width:none;width:284px;height:284px;left:-55px;top:-104px}
.desktop-nav{font-size:14px}.desktop-nav a:after{border-color:#087780}
.header-cta{border-color:#4f8287;border-radius:30px;padding:12px 22px;font-weight:600}
.menu-toggle{border-color:#6c9194}.menu-toggle span{background:#0e353b}
.mobile-nav:not([hidden]){color:#eaf1e9;top:99px}
.hero-chapter{height:165svh;min-height:1160px;position:relative;background:#041c24}
.hero{position:sticky;top:0;min-height:760px;max-height:none;padding-top:155px;background:#041c24;--chapter-progress:0}
.hero-art{background:radial-gradient(ellipse at 65% 44%,#12586188 0,#06323e66 37%,#041c24 74%)}
.hero-art:after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#80e3da55 .8px,transparent 1px);background-size:81px 83px;opacity:.23;mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}
.hero-art>img{filter:grayscale(1) sepia(1) hue-rotate(125deg) saturate(2);opacity:.75}
.webgl-ready .hero-art>img{opacity:0;animation:none}
#dela-field{position:absolute;inset:0;width:100%;height:100%;opacity:1;z-index:1;pointer-events:none}
.hero-shade{z-index:2;background:linear-gradient(90deg,#041c2440,transparent 70%),linear-gradient(180deg,#041c2433 8%,transparent 33%,#041c2400 55%,#041c24d9 100%)}
.hero-top,.hero-content,.hero-foot{position:relative;z-index:3}
.hero-content{padding-top:145px;transform:translate3d(calc(var(--chapter-progress)*-35px),calc(var(--chapter-progress)*-85px),0);opacity:calc(1 - var(--chapter-progress)*.63);will-change:transform,opacity}
h1{font-size:clamp(78px,10.1vw,180px)}
.hero-top{opacity:calc(1 - var(--chapter-progress)*.9)}
.hero-foot{align-items:center}.hero-foot .scroll-cue{color:#b9f4e9;display:flex;gap:16px;align-items:center}.scroll-cue>span{font-size:20px;animation:scrollNudge 1.6s ease-in-out infinite}
.hero-foot>span:nth-child(2){display:none}
.outline{-webkit-text-stroke:1.3px #d2f2ec;color:#041c241a;text-shadow:0 0 26px #041c2440}
.mission{position:relative;z-index:4;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.section-label{position:relative}.section-label:before{content:'';position:absolute;left:0;top:-1px;width:55px;height:2px;background:#55c6bc}
.operator-visual{margin:0;min-height:520px;isolation:isolate}
.operator-visual:before{content:'';position:absolute;inset:5%;background:radial-gradient(circle,#19768133,transparent 68%);z-index:-1}
.continuity-diagram{display:block;width:100%;height:auto;overflow:visible;margin-bottom:55px}
.circuit-track,.circuit-inner{fill:none;stroke:#2a6470;stroke-width:1}.circuit-inner{stroke:#1e4d58;stroke-dasharray:2 12}
.circuit-flow{fill:none;stroke:#65e1cf;stroke-width:2;stroke-linecap:round;stroke-dasharray:75 176;animation:circuitTravel 12s linear infinite;filter:drop-shadow(0 0 5px #62e8d0)}
.circuit-node circle{fill:#092e36;stroke:#72e3d6;stroke-width:2;animation:nodePulse 8s ease-in-out infinite}
.circuit-node text{font-family:DelaSans,sans-serif;fill:#c6e8e5;font-size:17px;letter-spacing:1.4px}
.node-2 circle{animation-delay:2s}.node-3 circle{animation-delay:4s}.node-4 circle{animation-delay:6s}
.operator-emblem{position:absolute;left:50%;top:calc(50% - 27px);transform:translate(-50%,-50%);width:105px;height:133px;overflow:hidden}
.operator-emblem img{position:absolute;max-width:none;width:482px!important;height:482px!important;object-fit:fill!important;left:-95px;top:-176px;mix-blend-mode:normal!important;mask-image:none!important;transform:none!important}
.loop-caption{left:0;bottom:0}.loop-caption>p{font-size:25px}
.privacy{background:#65dacc}.privacy h2>span{color:#0a6067}.principles p{color:#154b50}
.contact-button{border-radius:50px}.connect h2>span{color:#9ac8cd}
footer{background:#eaf1e9;color:#0e353b}footer p{color:#3b6368}footer .brand-crop{width:155px;height:71px}footer .brand-crop img{width:255px;height:255px;left:-50px;top:-93px}
body:after{content:'';position:fixed;left:0;bottom:0;height:3px;width:100%;transform:scaleX(var(--page-progress,0));transform-origin:left;background:#50d8ca;z-index:40;pointer-events:none}
.motion-paused .hero-content{transform:none;opacity:1}.motion-paused .hero-top{opacity:1}
@keyframes circuitTravel{to{stroke-dashoffset:-1004}}
@keyframes nodePulse{0%,24%,100%{fill:#092e36;filter:none}5%,17%{fill:#8df6e6;filter:drop-shadow(0 0 10px #75eddc)}}
@keyframes scrollNudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@media(min-width:1600px){.hero-content{padding-top:145px}}
@media(max-width:1050px){.hero-content{padding-top:145px}.operator-visual{min-height:440px}}
@media(max-width:760px){
  .header{min-height:97px;padding-top:10px;padding-bottom:10px}.brand-crop{width:156px;height:74px}.brand-crop img{width:259px;height:259px;left:-50px;top:-95px}
  .hero-chapter{height:140svh;min-height:1020px}.hero{height:100svh;min-height:720px;padding-top:119px}
  .hero-content{padding-top:230px;transform:translate3d(0,calc(var(--chapter-progress)*-55px),0);padding-bottom:33px}
  .hero-art{background:radial-gradient(ellipse at 50% 37%,#14596499,transparent 68%)}
  .hero-top .eyebrow{font-size:9px}.tiny-star{font-size:17px}.hero-shade{background:linear-gradient(180deg,#041c2422 15%,transparent 36%,#041c2400 55%,#041c24ed 100%)}
  h1{font-size:13vw}.outline{-webkit-text-stroke:1px #d2f2ec}
  .hero-foot{gap:14px;justify-content:space-between}.hero-foot .scroll-cue{font-size:10px;max-width:none;gap:10px}.hero-foot>span:nth-child(2){display:none}.hero-foot .development{font-size:9px}.hero-foot button{font-size:9px}
  .operator-visual{margin:0;min-height:360px}.continuity-diagram{margin-bottom:65px}
  .operator-emblem{width:68px;height:87px;top:calc(50% - 32px)}.operator-emblem img{width:313px!important;height:313px!important;left:-62px;top:-114px}
  .circuit-node text{font-size:22px;letter-spacing:.5px}.loop-caption>p{font-size:22px}
  .contact-button{gap:25px}.contact-button span{font-size:29px}
  footer .brand{width:100%}footer .brand-crop{width:155px;height:71px}
}
@media(max-width:370px){.hero{min-height:740px}.hero-content{padding-top:220px}.hero-top .eyebrow{font-size:8px}.hero-foot .scroll-cue{font-size:9px}.operator-visual{min-height:325px}}
@media(prefers-reduced-motion:reduce){.hero-chapter{height:auto;min-height:0}.hero{position:relative}.hero-content,.hero-top{transform:none;opacity:1}}
