.suite-hero{background:#fff!important;overflow:hidden;padding-bottom:34px}
.suite-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:64px;padding:44px 0 35px}
.suite-heading h1{font-size:clamp(38px,3.6vw,54px);line-height:1.12;letter-spacing:-.045em;max-width:780px}
.suite-heading .hero-intro{margin:0;font-size:18px;max-width:430px}
.suite-heading .actions{margin-top:24px;gap:20px;flex-wrap:wrap}
.suite-heading .button{padding-inline:20px}
.suite-figure{margin:0}
.suite-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:10px}
.suite-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.13em;color:#365974}
.suite-kicker .status-dot{background:#2589ac;box-shadow:0 0 9px #50d6e64d}
.suite-motion-toggle{display:flex;align-items:center;gap:9px;border:1px solid #c9dce9;border-radius:7px;background:#f5faff;color:#234b69;padding:10px 13px;min-height:44px;font-size:13px}
.suite-motion-toggle:hover{background:#e9f5ff;border-color:#72b5de}
.suite-motion-toggle:focus-visible,.suite-viewport:focus-visible{outline:2px solid #1675b8;outline-offset:3px}
.suite-motion-symbol{font-size:17px}
.suite-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-color:#80b9d3 #edf5fa;scrollbar-width:thin}
.suite-scene{position:relative;max-width:1774px;margin:0 auto;isolation:isolate;aspect-ratio:2/1}
.suite-art{width:100%;height:auto;display:block}
.suite-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.suite-logo-white{filter:brightness(0) invert(1);opacity:.95}
.suite-logo-navy{filter:brightness(0);opacity:.8}
.suite-caption{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:-35px;position:relative;border-top:1px solid #dce8ef;padding-top:25px}
.suite-caption>div+div{padding-left:30px;border-left:1px solid #dce8ef}
.suite-caption span{display:block;font-size:11px;letter-spacing:.12em;color:#1e6997;font-weight:650;margin-bottom:10px}
.suite-caption strong{display:block;font-size:18px;color:#183a54;font-weight:600;line-height:1.5}
.suite-caption p{font-size:14px;color:#526b7e;margin:8px 0 0;line-height:1.7}
.suite-model-note{font-size:12px;color:#60788b;margin-top:24px}
.suite-scroll-hint,.suite-reduced-note{display:none}
/* All moving layers are clipped to the machinery. The archival rings stay still. */
.suite-filaments path{stroke-dasharray:60 40 4 70;animation:suite-signal 18s linear infinite}
.suite-filaments path:nth-child(2n){animation-delay:-6s;animation-duration:22s}
.suite-packet{offset-rotate:0deg;animation:suite-ingest 15s linear infinite;animation-delay:var(--packet-delay,0s)}
.suite-delay-1{--packet-delay:-2s}.suite-delay-2{--packet-delay:-4s}.suite-delay-3{--packet-delay:-6s}.suite-delay-4{--packet-delay:-8s}.suite-delay-5{--packet-delay:-10s}.suite-delay-6{--packet-delay:-12s}.suite-delay-7{--packet-delay:-14s}
.packet-route-0{offset-path:path('M303 258 C377 253 330 337 442 344 L560 347')}
.packet-route-1{offset-path:path('M303 355 C354 352 350 390 440 391 L560 391')}
.packet-route-2{offset-path:path('M303 461 C371 469 333 417 443 418 L560 414')}
.packet-route-3{offset-path:path('M303 560 C388 561 351 444 447 438 L561 429')}
.suite-blue-storm{transform-origin:830px 379px;animation:suite-storm 70s linear infinite}
.suite-amber-orbit{transform-origin:830px 378px;animation:suite-amber 24s ease-in-out infinite alternate}
.suite-plasma{animation:suite-plasma-flow 16s linear infinite;filter:drop-shadow(0 0 3px #e9a433)}
.suite-plasma-inner{animation-duration:23s;animation-direction:reverse}
.suite-outgoing path{stroke-dasharray:8 85 34 130;animation:suite-signal 20s linear infinite;opacity:.65}
.suite-outgoing path:nth-child(2){animation-delay:-5s}
.suite-output{offset-path:path('M1114 401 L1226 401 L1320 401 L1421 401');animation-name:suite-distribute;animation-duration:17s}
.suite-gateway-glow{animation:suite-security 9s ease-in-out infinite;filter:drop-shadow(0 0 3px #32cbe8)}
.suite-neural-path{stroke-dasharray:20 7 60 16;animation:suite-neural 9s ease-in-out infinite;filter:drop-shadow(0 0 2px #38dcb9)}
.neural-two{animation-delay:-4s;animation-duration:13s}
.suite-neural-cells{animation:suite-cells 7s ease-in-out infinite;filter:drop-shadow(0 0 4px #54f8d4)}
.suite-figure.is-paused .suite-overlay *,.suite-figure.is-out-of-view .suite-overlay *{animation-play-state:paused!important}
@keyframes suite-signal{to{stroke-dashoffset:-1000}}
@keyframes suite-ingest{0%{offset-distance:0%;opacity:0;transform:scale(.2)}40%{opacity:.25;transform:scale(.35)}60%{opacity:1;transform:scale(1)}94%{opacity:1}100%{offset-distance:100%;opacity:0;transform:scale(1)}}
@keyframes suite-distribute{0%{offset-distance:0%;opacity:0}8%,30%{opacity:.85}36%,68%{opacity:0}75%,94%{opacity:.85}100%{offset-distance:100%;opacity:0}}
@keyframes suite-storm{to{transform:rotate(360deg)}}
@keyframes suite-amber{0%{transform:rotate(-5deg);opacity:.55}100%{transform:rotate(5deg);opacity:.95}}
@keyframes suite-plasma-flow{to{stroke-dashoffset:-600}}
@keyframes suite-security{0%,100%{opacity:.2}50%{opacity:.8}}
@keyframes suite-neural{0%,100%{opacity:.15;stroke-dashoffset:0}50%{opacity:.9;stroke-dashoffset:-120}}
@keyframes suite-cells{0%,100%{opacity:.25}55%{opacity:.85}}
@media(max-width:1100px){.suite-heading{gap:30px;grid-template-columns:1.2fr 1fr}.suite-heading h1{font-size:42px}.suite-heading .actions{gap:16px}.suite-caption{margin-top:-18px;gap:20px}.suite-caption>div+div{padding-left:20px}}
@media(max-width:800px){.suite-heading{grid-template-columns:1fr;gap:22px;padding-top:32px}.suite-heading h1{font-size:39px}.suite-heading .hero-intro{max-width:600px;font-size:17px}.suite-heading .actions{margin-top:20px}.suite-toolbar{align-items:flex-start}.suite-kicker{font-size:10px;line-height:1.8;max-width:200px}.suite-motion-toggle{font-size:12px;white-space:nowrap}.suite-scene{min-width:900px}.suite-scroll-hint{display:block;font-size:12px;color:#597487;margin:14px 20px 0}.suite-scroll-hint span{margin-left:6px}.suite-caption{grid-template-columns:1fr;gap:18px;margin-top:20px;padding-top:23px}.suite-caption>div+div{padding:18px 0 0;border-left:0;border-top:1px solid #e3edf3}.suite-caption strong{font-size:17px}.suite-model-note{line-height:1.7}.suite-hero{padding-bottom:26px}}
@media(prefers-reduced-motion:reduce){.suite-overlay *{animation:none!important}.suite-packet{opacity:0}.suite-blue-storm,.suite-neural-path,.suite-neural-cells{opacity:.25}.suite-motion-toggle{display:none}.suite-reduced-note{display:block;font-size:12px;color:#597487}}
@media print{.suite-toolbar,.suite-scroll-hint{display:none}.suite-scene{min-width:0}.suite-caption{grid-template-columns:repeat(3,1fr)}.suite-overlay *{animation:none!important}.suite-packet{display:none}}
@media(max-width:800px){.suite-heading .desktop-break{display:none}.suite-kicker{letter-spacing:.06em}}

/* Shared framing language with the preservation hero. */
.suite-figure{margin:24px 0 0}
.suite-frame{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:#f1f7fb}
.suite-heading{position:absolute;z-index:2;left:0;top:0;width:100%;display:block;padding:26px 32px 28px;background:linear-gradient(110deg,#ffffffac,#ffffff70 65%,#ffffff38);backdrop-filter:blur(8px) saturate(.85)}
.suite-heading .eyebrow{margin-bottom:16px;font-size:11px}.suite-heading h1{font-size:clamp(35px,3.15vw,48px);line-height:1.12;letter-spacing:-.045em;color:#122b3c;max-width:800px;text-shadow:0 1px 12px #ffffff80;margin:0}
.suite-toolbar{position:absolute;z-index:3;right:24px;top:24px;padding:0;width:auto}
.suite-motion-toggle{border:1px solid #ffffffb0;background:#f8fcffdf;backdrop-filter:blur(12px)}
.suite-viewport{padding-top:145px;background:linear-gradient(120deg,#e1f1f8,#f9fcff 60%,#d5e9f4)}
.suite-intro{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;margin-top:-95px;padding:122px 30px 30px;background:linear-gradient(to bottom,#fff0 0,#fffffff2 70px,#fff 95px)}
.suite-intro .hero-intro{margin:0;font-size:18px;max-width:660px;line-height:1.8;color:#365369}.suite-intro .actions{margin:0;display:flex;justify-content:flex-end;align-items:center;gap:24px;flex-wrap:wrap}
.suite-caption{margin-top:0;padding:25px 30px 0}.suite-model-note{padding-inline:30px}
@media(max-width:1100px){.suite-heading{padding:22px}.suite-heading h1{font-size:36px}.suite-heading .eyebrow{font-size:9px}.suite-viewport{padding-top:130px}.suite-intro{gap:25px;padding-inline:20px}.suite-intro .hero-intro{font-size:17px}}
@media(max-width:800px){.suite-heading{padding:20px}.suite-heading h1{font-size:34px;max-width:550px}.suite-toolbar{top:auto;bottom:42px;right:14px}.suite-viewport{padding-top:170px}.suite-intro{background:linear-gradient(to bottom,#fff0 0,#fffffff2 38px,#fff 50px);grid-template-columns:1fr;gap:23px;margin-top:-50px;padding:75px 20px 26px}.suite-intro .actions{justify-content:flex-start}.suite-caption{padding:23px 20px 0}.suite-scroll-hint{margin:0 20px 24px}.suite-model-note{padding-inline:20px}}
@media(max-width:640px){.suite-figure{margin-top:20px}.suite-heading h1{font-size:31px;line-height:1.12}.suite-heading .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:12px}.suite-intro{padding-inline:8px}.suite-intro .hero-intro{font-size:16px}.suite-intro .actions{gap:20px}.suite-caption,.suite-model-note{padding-inline:8px}.suite-scroll-hint{margin-inline:8px}}
@media print{.suite-heading{position:relative;background:white;backdrop-filter:none}.suite-viewport{padding-top:0}.suite-intro{margin:0;padding:20px 0}}
.suite-frame:before{content:"";position:absolute;z-index:1;left:0;top:0;right:0;height:180px;background:url('/images/suite/suite-engraved-1774.webp') center 43%/cover no-repeat;opacity:.45;pointer-events:none;mask-image:linear-gradient(#000 65%,transparent)}
@media(max-width:800px){.suite-frame:before{height:190px;background-size:900px auto}}
@media print{.suite-frame:before{display:none}}
.suite-frame:before{filter:blur(8px)}