:root { --lime:#ffc400; --gold:#ffd24a; --navy:#181f69; --deep:#070b34; --sage:#394fb1; --ice:#fff0bd; --black:#070b34; --ink:#15194a; --paper:#f6f3e8; --muted:#b8bedf; --aurora-x:0px; --aurora-y:0px; --pointer-x:50%; --pointer-y:45%; }
* { box-sizing:border-box; }
html { scroll-behavior:auto; color-scheme:dark; }
body { margin:0; background:var(--deep); color:#fff; font-family:"Lato",sans-serif; font-weight:300; overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.34; background:radial-gradient(ellipse at 13% 24%,rgba(57,79,177,.18),transparent 38%),linear-gradient(115deg,rgba(24,31,105,.42),transparent 31%,rgba(5,8,42,.58) 72%,transparent),radial-gradient(ellipse at 50% 110%,rgba(255,196,0,.08),transparent 52%); }
body::after { content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.022; background-image:radial-gradient(rgba(220,230,205,.62) .45px,transparent .65px); background-size:4px 4px; }
body>main,body>footer { position:relative; z-index:1; }
#particle-canvas { position:fixed; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
.global-aurora { position:fixed; inset:-30%; z-index:0; pointer-events:none; opacity:.78; transform:translate3d(var(--aurora-x),var(--aurora-y),0); transition:transform 1.8s cubic-bezier(.2,.65,.25,1); background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),rgba(255,190,0,.08),transparent 17%),radial-gradient(ellipse at 19% 29%,rgba(57,79,177,.18),transparent 24%),radial-gradient(ellipse at 23% 31%,rgba(58,73,168,.14),transparent 23%),radial-gradient(ellipse at 76% 68%,rgba(10,17,76,.72),transparent 30%),radial-gradient(ellipse at 72% 18%,rgba(255,240,189,.045),transparent 22%); filter:blur(74px) saturate(.92); }
.global-aurora::before,.global-aurora::after { content:""; position:absolute; border-radius:50%; filter:blur(60px); }
.global-aurora::before { width:42vw; height:20vw; left:6%; top:24%; opacity:.46; background:rgba(57,79,177,.16); transform:rotate(-18deg); }
.global-aurora::after { width:34vw; height:34vw; right:8%; bottom:12%; opacity:.34; background:rgba(255,204,42,.07); }
a { color:inherit; text-decoration:none; }
.skip-link { position:fixed; z-index:100; top:12px; left:12px; padding:12px 16px; border-radius:999px; color:#101110; background:var(--lime); font-weight:700; transform:translateY(-160%); transition:transform .2s ease; }
.skip-link:focus { transform:none; }
a:focus-visible { outline:2px solid var(--lime); outline-offset:5px; }
.nav { position:fixed; z-index:20; top:0; left:0; right:0; height:74px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; background:linear-gradient(180deg,rgba(7,11,52,.9),rgba(7,11,52,.52)); backdrop-filter:blur(20px) saturate(.9); border-bottom:1px solid rgba(255,255,255,.08); }
.brand img { width:138px; max-height:54px; object-fit:contain; display:block; mix-blend-mode:screen; filter:drop-shadow(0 0 18px rgba(255,196,0,.12)); }
.nav nav { display:flex; gap:34px; font-size:14px; font-weight:300; }
.nav nav a { color:#d9dbd5; transition:.25s; }
.nav nav a:hover { color:var(--lime); }
.nav-cta { min-height:44px; display:inline-flex; align-items:center; color:#dfe2dc; background:transparent; border:1px solid rgba(255,255,255,.24); border-radius:999px; font-weight:600; padding:10px 17px; transition:.25s; }
.nav-cta:hover { color:#111; background:var(--lime); border-color:var(--lime); }
.button.primary { color:#0d0e0e; background:var(--lime); border-radius:999px; font-weight:700; padding:13px 21px; }
.eyebrow,.section-label { text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:800; color:var(--lime); }
.button { display:inline-flex; gap:28px; align-items:center; padding:15px 22px; }
.button.ghost { border:1px solid #414440; border-radius:999px; }
.story { height:460vh; background:transparent; position:relative; }
.story-stage { position:sticky; top:0; height:100vh; overflow:hidden; isolation:isolate; }
.story-stage::after { display:none; }
.ambient-orb { display:none; }
.orb-a { left:-7%; top:17%; }.orb-b { right:-4%; bottom:8%; width:360px; height:360px; opacity:.11; }
.story-logo-mark { display:none; }
.story-scene { position:absolute; inset:74px 10vw 0; display:flex; flex-direction:column; justify-content:center; opacity:0; transform:translateY(22px); pointer-events:none; will-change:opacity,transform,filter; }
.story-scene.active { pointer-events:auto; }
.story-scene h1,.story-scene h2 { max-width:860px; margin:18px 0; font-weight:300; font-size:clamp(39px,4.35vw,62px); line-height:1.07; letter-spacing:-.032em; text-shadow:0 10px 34px rgba(0,0,0,.52); }
.story-scene h1 em,.story-scene h2 em { color:inherit; font-style:normal; }
.story-scene>p:last-child,.scene-kicker,.scene-index { text-transform:uppercase; letter-spacing:.19em; font-size:10px; color:#a4a89f; }
.scene-0 { text-align:center; align-items:center; }.scene-0 h1 { max-width:950px; }
.scene-1,.scene-3 { align-items:flex-start; }.scene-2,.scene-4 { align-items:flex-end; text-align:right; }
.scene-4 { padding-bottom:18vh; }.scene-4 .button { margin-top:20px; }
.scene-product { color:var(--lime)!important; margin:0; }
.scene-description { max-width:520px; margin:2px 0 0; font-size:15px!important; line-height:1.6; text-transform:none!important; letter-spacing:0!important; color:#c2c5bf!important; }
.story-progress { display:none; }.story-scroll { position:absolute; left:50%; bottom:35px; transform:translateX(-50%); text-transform:uppercase; letter-spacing:.22em; color:#666c63; font-size:8px; transition:opacity .6s linear; }.story-scroll b { color:rgba(255,196,0,.8); margin-left:7px; }
.manifesto { min-height:100vh; background:var(--paper); color:var(--ink); display:flex; flex-direction:column; justify-content:center; padding:10vw; }
.manifesto h2 { max-width:1050px; margin:24px 0; font-size:clamp(46px,7vw,105px); line-height:1.03; letter-spacing:-.055em; font-weight:600; }
.manifesto-copy { max-width:610px; margin-left:auto; color:#5f625e; font-size:17px; line-height:1.7; }
.clt-feature { min-height:130vh; display:grid; grid-template-columns:1fr 1fr; gap:7vw; align-items:center; padding:38vh 7vw 9vw; margin-top:-30vh; background:transparent; position:relative; overflow:hidden; z-index:3; }
.clt-feature::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 0%,rgba(7,8,8,.2) 22%,rgba(7,8,8,.53) 56%,rgba(7,8,8,.66) 100%); pointer-events:none; }
.clt-copy { position:relative; z-index:1; }.clt-copy h2 { font-size:clamp(45px,6vw,88px); line-height:1; letter-spacing:-.06em; font-weight:500; margin:20px 0 28px; }.clt-copy>p:not(.section-label) { max-width:650px; color:#aaaFA8; line-height:1.75; font-size:16px; }
.clt-points { display:grid; margin:36px 0; border-top:1px solid #333633; }.clt-points span { display:flex; gap:24px; padding:16px 0; border-bottom:1px solid #333633; color:#d8dbd4; }.clt-points b { color:var(--lime); font-size:11px; }
.clt-visual { min-height:600px; position:relative; display:grid; place-items:center; perspective:1000px; }.work-card { width:min(420px,82%); aspect-ratio:1.55; padding:34px; display:flex; flex-direction:column; justify-content:space-between; color:#101110; background:var(--lime); border-radius:28px; transform:rotateY(-13deg) rotateX(6deg); box-shadow:40px 55px 90px rgba(0,0,0,.48); }.work-card img { position:absolute; width:150px; height:150px; right:18px; top:10px; object-fit:contain; opacity:.09; filter:brightness(0); }.work-card span { font-size:12px; letter-spacing:.18em; }.work-card strong { font-size:40px; line-height:.98; letter-spacing:-.05em; }.work-card i { font-style:normal; font-weight:800; }
.salary-line { position:absolute; left:2%; bottom:14%; width:65%; color:#999e96; font-size:11px; text-transform:uppercase; letter-spacing:.14em; }.salary-line b { display:block; height:3px; margin:9px 0; background:linear-gradient(90deg,var(--lime) 72%,#3a3e38 72%); border-radius:3px; }.salary-line em { float:right; color:var(--lime); font-style:normal; }.clt-badge { position:absolute; right:1%; top:17%; width:128px; height:128px; display:grid; place-content:center; text-align:center; border-radius:50%; color:#101110; background:#fff; font-size:32px; font-weight:800; box-shadow:0 20px 50px rgba(0,0,0,.3); }.clt-badge small { display:block; font-size:9px; letter-spacing:.18em; }
.metrics { display:grid; grid-template-columns:repeat(3,1fr); padding:8vw 6vw; gap:1px; background:#272927; }
.metric { min-height:260px; background:var(--black); padding:34px; display:flex; flex-direction:column; justify-content:space-between; }
.metric strong { color:var(--lime); font-size:clamp(42px,5vw,78px); letter-spacing:-.055em; }.metric span { color:#a9aca6; max-width:180px; }
.solutions { padding:10vw 6vw; background:var(--black); }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:70px; }
.section-heading h2,.about h2,.simulator h2 { font-size:clamp(42px,5.6vw,80px); line-height:1.04; letter-spacing:-.055em; margin:15px 0; font-weight:600; }
.solution-card { display:grid; grid-template-columns:80px 1fr 60px; gap:24px; padding:38px 10px; border-top:1px solid #343734; align-items:center; transition:.35s; }
.solution-card:last-child { border-bottom:1px solid #343734; }.solution-card:hover { padding-left:28px; background:#151715; }
.solution-card.active { color:#101110; background:var(--lime); padding-left:28px; border-color:var(--lime); }
.card-number { font-size:12px; opacity:.65; }.solution-card p { text-transform:uppercase; letter-spacing:.12em; font-size:10px; margin:0 0 9px; }.solution-card h3 { font-size:34px; margin:0 0 8px; }.solution-card div>span { opacity:.65; }.solution-card b { font-size:30px; }
.about { display:grid; grid-template-columns:1fr 1fr; min-height:100vh; background:var(--lime); color:#101110; }
.about-visual { position:relative; overflow:hidden; display:grid; place-items:center; }.huge-d { font-size:55vw; line-height:.7; font-weight:800; color:#0e0f0f; transform:translateX(-12%); }.about-stairs { position:absolute; right:4%; bottom:8%; }.about-stairs i { display:block; width:180px; height:28px; background:#fff; border-bottom:1px solid #bbb; margin-left:calc(var(--n) * 24px); }.about-stairs i:nth-child(2){margin-left:24px}.about-stairs i:nth-child(3){margin-left:48px}.about-stairs i:nth-child(4){margin-left:72px}.about-stairs i:nth-child(5){margin-left:96px}
.about-copy { display:flex; flex-direction:column; justify-content:center; padding:8vw; }.about-copy .section-label { color:#101110; }.about-copy p { max-width:600px; line-height:1.75; font-size:17px; }
.simulator { display:grid; grid-template-columns:1fr 1fr; gap:8vw; padding:10vw 7vw; background:var(--paper); color:var(--ink); }.simulator-copy p:last-child { color:#777b75; }.simulator-form { background:#111212; color:#fff; border-radius:24px; padding:38px; box-shadow:0 30px 80px rgba(0,0,0,.16); }.simulator-form label { display:block; font-size:12px; color:#aeb1aa; margin:18px 0 9px; }.simulator-form select,.amount-field { width:100%; background:#222422; border:1px solid #393c38; border-radius:10px; color:#fff; padding:17px; font:inherit; }.amount-field { display:flex; gap:12px; }.amount-field input { width:100%; background:none; border:0; outline:0; color:#fff; font:inherit; font-size:24px; }.simulator-form button { width:100%; margin-top:24px; border:0; background:var(--lime); color:#111; padding:17px 20px; border-radius:999px; display:flex; justify-content:space-between; font:800 15px inherit; cursor:pointer; }.form-result { min-height:20px; color:var(--lime); font-size:13px; }
footer { min-height:82vh; padding:8vw 6vw 3vw; position:relative; display:flex; flex-direction:column; justify-content:space-between; background:#0b0c0c; } footer>img { width:180px; } footer h2 { font-size:clamp(56px,9vw,145px); line-height:.85; letter-spacing:-.07em; margin:70px 0; } footer>a { color:var(--lime); font-size:22px; }.footer-bottom { display:flex; justify-content:space-between; padding-top:26px; border-top:1px solid #313331; color:#777b75; font-size:12px; }
.reveal { opacity:0; transform:translateY(24px); transition:opacity 1.05s cubic-bezier(.2,.7,.2,1),transform 1.05s cubic-bezier(.2,.7,.2,1); }.reveal.visible { opacity:1; transform:none; }
@media (max-width:900px){.nav nav{display:none}.nav-cta{font-size:12px}.metrics{grid-template-columns:1fr}.about,.simulator,.clt-feature{grid-template-columns:1fr}.about-visual{min-height:460px}.clt-visual{min-height:500px}.solution-card{grid-template-columns:46px 1fr 30px}.solution-card h3{font-size:25px}.story-scene{inset:72px 6vw 0}.scene-1,.scene-2,.scene-3,.scene-4{align-items:flex-start;text-align:left}}
@media (max-width:560px){.nav{height:72px;padding:0 20px}.brand img{width:115px}.nav-cta{padding:10px 13px}.story-scene h1,.story-scene h2{font-size:12.5vw}.story-progress{left:22px;right:22px}.story-scroll{right:22px}.manifesto,.solutions{padding:100px 22px}.manifesto-copy{margin-left:0}.metrics{padding:1px}.section-heading{display:block}.solution-card{padding:28px 4px}.solution-card div>span{font-size:13px}.about-copy,.simulator{padding:90px 22px}.simulator-form{padding:24px}footer{padding:90px 22px 24px}.footer-bottom{gap:14px;flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Unified dark editorial system below the particle story */
.clt-feature,.manifesto,.metrics,.solutions,.about,.simulator,footer { border-top:0; }
.clt-feature,.manifesto,.solutions,.about,.simulator { background:rgba(7,8,8,.44); color:#f5f6f1; }
.clt-feature { background:transparent; }
.clt-feature::after,.manifesto::after,.solutions::after,.about::after,.simulator::after { display:none; }

.manifesto { min-height:100vh; position:relative; overflow:hidden; padding:11vw 8vw; justify-content:center; }
.manifesto-mark { position:absolute; right:-5%; top:50%; width:min(55vw,650px); transform:translateY(-50%); opacity:.045; filter:drop-shadow(0 0 50px rgba(255,196,0,.6)); }
.manifesto h2 { position:relative; z-index:1; max-width:1150px; font-weight:500; color:#f5f6f1; }
.manifesto-copy { position:relative; z-index:1; color:#959a92; padding-left:30px; border-left:1px solid var(--lime); }

.metrics { padding:0 6vw; background:rgba(7,8,8,.42); gap:0; border-top-color:#292c29; border-bottom:1px solid #292c29; }
.metric { min-height:330px; background:transparent; border-left:1px solid #292c29; padding:52px 36px; position:relative; overflow:hidden; }
.metric:last-child { border-right:1px solid #292c29; }
.metric::before { content:""; position:absolute; width:180px; height:180px; left:50%; top:45%; border:1px solid rgba(255,196,0,.1); border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 80px rgba(255,196,0,.045); }
.metric strong,.metric span { position:relative; z-index:1; }.metric strong { font-weight:500; }

.solutions { position:relative; overflow:hidden; padding:11vw 6vw; --glow-x:15%; }
.section-heading h2,.about h2,.simulator h2 { font-weight:500; }
.solution-list { border-bottom:1px solid #343734; }
.solution-card,.solution-card.active { color:#f3f5ef; background:transparent; padding:42px 12px; border-color:#343734; position:relative; overflow:hidden; }
.solution-card::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,196,0,.12),transparent 70%); transform:translateX(-102%); transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.solution-card:hover,.solution-card.active:hover { padding-left:30px; background:transparent; }
.solution-card:hover::before,.solution-card.active:hover::before { transform:none; }
.solution-card>*,.solution-card div { position:relative; z-index:1; }.solution-card h3 { font-size:clamp(28px,3.4vw,50px); font-weight:500; letter-spacing:-.045em; }.solution-card div>span { color:#8f948c; }.solution-card b { color:var(--lime); }

.about { position:relative; overflow:hidden; color:#f5f6f1; }
.about-visual { min-height:100vh; border-right:1px solid #292c29; background:radial-gradient(circle at 45% 48%,rgba(255,196,0,.15),transparent 36%); }
.huge-d { width:75%; height:75%; object-fit:contain; opacity:.75; filter:drop-shadow(0 0 70px rgba(255,196,0,.22)); transform:none; }
.about-stairs { opacity:.65; }.about-stairs i { background:var(--lime); border-color:#111; height:18px; }
.about-copy { position:relative; z-index:1; }.about-copy .section-label { color:var(--lime); }.about-copy p { color:#a8aca5; }

.simulator { position:relative; overflow:hidden; color:#f5f6f1; --glow-x:70%; }
.simulator-copy { position:relative; z-index:1; }.simulator-copy p:last-child { color:#8e938a; }
.simulator-form { position:relative; z-index:1; border:1px solid #343834; background:rgba(15,17,16,.78); backdrop-filter:blur(18px); border-radius:0; box-shadow:0 40px 120px rgba(0,0,0,.4); }
.simulator-form select,.amount-field { border-radius:0; background:#151715; }
.simulator-form button { border-radius:0; }

footer { background:radial-gradient(circle at 50% 30%,rgba(255,196,0,.08),transparent 38%),rgba(7,8,8,.6); }
footer h2 { font-weight:500; }

@media (max-width:900px){.about-visual{min-height:560px;border-right:0;border-bottom:1px solid #292c29}.metric{min-height:230px;border-right:1px solid #292c29}.manifesto-mark{width:90vw;right:-35%}}

/* Premium institutional flow */
.manifesto { min-height:110vh; padding:18vh 9vw 12vh; background:linear-gradient(180deg,rgba(8,12,55,.04),rgba(19,26,91,.2) 52%,rgba(8,12,55,.04)); }
.manifesto h2 { max-width:980px; font-size:clamp(46px,5.8vw,82px); line-height:1.06; font-weight:300; letter-spacing:-.018em; }
.manifesto-copy { max-width:560px; margin:8vh 0 0 auto; padding-left:0; border:0; color:#a6aaa3; font-size:16px; }

.metrics { min-height:100vh; align-items:center; padding:14vh 10vw; background:linear-gradient(180deg,transparent,rgba(5,7,5,.12) 48%,transparent); border:0; }
.metric { min-height:340px; align-items:center; justify-content:center; text-align:center; gap:14px; padding:28px; border:0!important; overflow:visible; }
.metric::before { display:none; }.metric strong { font-size:clamp(36px,3.6vw,54px); font-weight:400; color:#f5f6f1; }.metric span { max-width:none; color:#c2c5bf; }
.metric-symbol { display:block; position:relative; width:108px; height:82px; margin-bottom:14px; }
.metric-symbol::before,.metric-symbol::after { content:""; position:absolute; border:1px solid rgba(245,246,241,.5); box-shadow:0 0 34px rgba(255,196,0,.045); }
.metric-symbol.rings::before,.metric-symbol.rings::after { width:62px; height:62px; border-radius:50%; top:8px; }.metric-symbol.rings::before{left:8px}.metric-symbol.rings::after{right:8px;border-color:var(--lime)}
.metric-symbol.squares::before,.metric-symbol.squares::after { width:58px; height:58px; top:10px; left:24px; }.metric-symbol.squares::after { transform:translate(12px,10px); border-color:var(--lime); }
.metric-symbol.steps::before { width:72px; height:52px; left:17px; top:14px; border:0; border-left:1px solid #f5f6f1; border-bottom:1px solid #f5f6f1; transform:skewY(-24deg); }.metric-symbol.steps::after { width:48px; height:34px; left:34px; top:24px; border:0; border-left:1px solid var(--lime); border-bottom:1px solid var(--lime); transform:skewY(-24deg); }
.metric-symbol { animation:metric-breathe 5.8s ease-in-out infinite; }
.metric:nth-child(2) .metric-symbol { animation-delay:-1.9s; }
.metric:nth-child(3) .metric-symbol { animation-delay:-3.6s; }
.metric-light { position:absolute; z-index:3; width:5px; height:5px; border-radius:50%; background:#f3ffd0; box-shadow:0 0 5px #fff,0 0 13px var(--lime),0 0 28px rgba(255,196,0,.88); offset-rotate:0deg; animation:metric-run 4.8s linear infinite; }
.metric-light::after { content:""; position:absolute; width:22px; height:3px; right:2px; top:1px; border-radius:50%; background:linear-gradient(90deg,transparent,rgba(255,196,0,.75)); filter:blur(2px); transform:rotate(-18deg); transform-origin:right center; }
.rings .metric-light { offset-path:circle(31px at 39px 39px); animation-delay:-.85s; }
.squares .metric-light { offset-path:path("M 24 10 H 82 V 68 H 24 Z"); animation-duration:5.4s; animation-delay:-2.2s; }
.steps .metric-light { offset-path:path("M 18 65 L 18 28 L 42 28 L 42 20 L 66 20 L 66 12 L 92 12"); animation-duration:4.35s; animation-delay:-1.3s; }
.metric-symbol::after { animation:metric-stroke 5.8s ease-in-out infinite; }
.metric:nth-child(2) .metric-symbol::after { animation-delay:-2.1s; }
.metric:nth-child(3) .metric-symbol::after { animation-delay:-3.8s; }
@keyframes metric-run { to { offset-distance:100%; } }
@keyframes metric-breathe { 0%,100%{filter:drop-shadow(0 0 0 rgba(255,196,0,0));opacity:.78}50%{filter:drop-shadow(0 0 13px rgba(255,196,0,.14));opacity:1} }
@keyframes metric-stroke { 0%,100%{box-shadow:0 0 18px rgba(255,196,0,.02)}50%{box-shadow:0 0 32px rgba(255,196,0,.18)} }

.solutions { min-height:118vh; padding:16vh 5vw 18vh; background:radial-gradient(ellipse at 50% 52%,rgba(43,54,140,.18),transparent 44%); }
.products-title,.about-title { margin:0 0 9vh; text-align:center; font-size:clamp(30px,2.7vw,38px); font-weight:400; letter-spacing:0; }
.product-panels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; max-width:920px; margin:0 auto; background:rgba(255,255,255,.1); border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); }
.product-panel { position:relative; min-height:276px; padding:34px 33px; border:0; border-radius:0; background:linear-gradient(145deg,rgba(28,36,124,.56),rgba(7,11,52,.48) 52%,rgba(16,23,88,.34)); backdrop-filter:blur(12px); box-shadow:inset 0 1px rgba(255,196,0,.055); transition:background .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s,transform .7s; overflow:hidden; }
.product-panel+.product-panel { border-left:1px solid rgba(255,255,255,.1); }
.product-panel::before { content:""; position:absolute; width:260px; height:260px; left:-120px; bottom:-170px; border-radius:50%; background:rgba(255,196,0,.08); filter:blur(48px); opacity:.15; transition:opacity .7s,transform .8s; }
.product-panel::after { content:""; position:absolute; inset:-80% 60% -80% -35%; background:linear-gradient(110deg,transparent,rgba(255,220,96,.08),transparent); transform:translateX(-120%); transition:transform 1.1s ease; }
.product-panel:hover { transform:translateY(-3px); background:linear-gradient(145deg,rgba(32,42,145,.66),rgba(7,11,52,.5) 55%,rgba(28,36,124,.38)); box-shadow:0 35px 100px rgba(0,0,0,.25); }.product-panel:hover::before{opacity:.7;transform:scale(1.2)}.product-panel:hover::after{transform:translateX(250%)}
.product-panel>span { color:var(--lime); font-size:9px; letter-spacing:.2em; }.product-panel h3 { margin:20px 0 9px; font-size:clamp(24px,2.25vw,31px); line-height:1.08; font-weight:400; letter-spacing:-.012em; }.product-panel p { max-width:300px; color:#aeb2aa; font-size:14px; line-height:1.5; }.product-panel strong { position:absolute; left:33px; bottom:30px; font-size:12px; font-weight:400; text-decoration:underline; text-decoration-color:rgba(255,196,0,.55); text-underline-offset:4px; }

.about { min-height:130vh; display:block; padding:16vh 7vw 18vh; background:radial-gradient(ellipse at 23% 55%,rgba(43,54,140,.18),transparent 36%); }
.about-panel { max-width:1040px; margin:0 auto; padding:58px 48px; display:grid; grid-template-columns:320px 1fr; gap:58px; align-items:center; border-top:1px solid rgba(255,196,0,.24); border-bottom:1px solid rgba(255,255,255,.11); border-radius:0; background:linear-gradient(105deg,rgba(24,31,105,.38),rgba(7,11,52,.34) 42%,transparent); backdrop-filter:blur(12px); box-shadow:none; }
.about-mark { display:grid; place-items:center; }
.about-mark img { width:100%; max-width:320px; height:auto; object-fit:contain; opacity:.9; border-radius:22px; filter:drop-shadow(0 0 55px rgba(255,196,0,.18)); }.about-copy { padding:0; }.about-copy h3 { margin:0 0 22px; font-size:clamp(30px,3.5vw,48px); font-weight:300; letter-spacing:-.03em; }.about-copy p { color:#c5c9e6; font-size:15px; line-height:1.78; }

footer { min-height:100vh; padding:74px 5vw 28px; background:radial-gradient(ellipse at 50% 23%,rgba(255,196,0,.09),transparent 38%),linear-gradient(180deg,transparent,rgba(7,11,52,.5)); justify-content:flex-end; }
.footer-particle-brand { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; }
footer h2 { max-width:430px; margin:0 0 9vh; font-weight:300; font-size:clamp(26px,2.7vw,40px); line-height:1.12; letter-spacing:-.012em; }
.footer-contact { position:absolute; right:10vw; bottom:18vh; width:152px; height:152px; display:grid; place-items:center; border:1px solid rgba(255,196,0,.52); border-radius:50%; color:#f5f6f1; font-size:16px; font-weight:400; background:radial-gradient(circle,rgba(255,196,0,.23),rgba(255,196,0,.07) 48%,transparent 70%); box-shadow:0 0 55px rgba(255,196,0,.16),inset 0 0 34px rgba(255,196,0,.11); transition:transform .45s ease,background .45s ease; }
.footer-contact:hover { transform:scale(1.06); color:#101110; background:var(--lime); }
.footer-bottom { border-top-color:rgba(255,255,255,.18); }

@media(max-width:900px){.metrics{grid-template-columns:1fr;padding-top:8vh;padding-bottom:8vh}.metric{min-height:220px}.solutions{min-height:auto;padding:120px 20px 140px}.product-panels{grid-template-columns:1fr;max-width:620px}.product-panel{min-height:220px;padding:28px}.product-panel+.product-panel{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.product-panel strong{left:28px}.about{min-height:auto;padding:120px 20px 140px}.about-panel{grid-template-columns:1fr;padding:38px 30px;gap:34px}.about-mark{max-width:320px}.manifesto{min-height:95vh;padding-left:24px;padding-right:24px}.footer-contact{width:120px;height:120px;right:7vw}}
@media(max-width:560px){.nav{height:68px;padding:0 18px}.brand img{width:104px}.nav-cta{min-height:44px;padding:9px 13px;font-size:11px}.story{height:410vh}.story-scene{inset:68px 24px 0}.story-scene h1,.story-scene h2{font-size:clamp(36px,10.5vw,43px);line-height:1.08;letter-spacing:-.025em}.scene-0{text-align:center;align-items:center}.scene-1,.scene-2,.scene-3,.scene-4{align-items:flex-start;text-align:left}.scene-2{justify-content:flex-end;padding-bottom:24vh}.scene-4{justify-content:flex-end;padding-bottom:20vh}.story-scroll{bottom:22px;white-space:nowrap}.manifesto{padding-top:120px;padding-bottom:120px}.manifesto h2{font-size:clamp(42px,12vw,54px)}.manifesto-copy{margin-top:50px;font-size:15px}.metrics{padding-left:20px;padding-right:20px}.metric{min-height:200px}.metric-symbol{transform:scale(.86);margin-bottom:4px}.products-title,.about-title{margin-bottom:54px}.product-panel{min-height:220px;padding:27px 24px}.product-panel strong{left:24px;bottom:24px}.product-panel p{max-width:94%}.about-panel{padding:32px 25px;border-radius:0}.about-mark{max-width:280px}.about-copy h3{font-size:36px}.about-copy p{font-size:14px;line-height:1.68}footer{min-height:100svh;padding:68px 22px 24px}footer h2{max-width:245px;margin-bottom:190px;font-size:30px}.footer-contact{right:22px;bottom:190px;width:108px;height:108px;font-size:14px}.footer-bottom{gap:10px;flex-wrap:wrap;font-size:10px}}
@media(hover:none){.product-panel:hover,.footer-contact:hover{transform:none}.product-panel:hover::after{transform:translateX(-110%)}}
@media(prefers-reduced-motion:reduce){.global-aurora{filter:none;transform:none}.skip-link,.product-panel,.footer-contact{transition:none!important}body::after{display:none}.metric-symbol,.metric-symbol::after,.metric-light{animation:none!important}.metric-light{display:none}}