*{box-sizing:border-box;margin:0;padding:0}:root{--g:#c8ff00;--g-rgb:200,255,0;--bg:#f6f8fb;--surface:#ffffff;--text:#11161c;--muted:#5f6975;--point-size:0.044;--point-opacity:0.8;--motion-speed:1;--motion-amp:1;--card-gap:14px}[data-theme=neon-lime]{--g:#c8ff00;--g-rgb:200,255,0}[data-theme=cyber-cyan]{--g:#00eaff;--g-rgb:0,234,255}[data-theme=plasma-magenta]{--g:#ff2dfb;--g-rgb:255,45,251}[data-theme=amber-core]{--g:#ffb000;--g-rgb:255,176,0}[data-theme=electric-violet]{--g:#9a5bff;--g-rgb:154,91,255}[data-theme=laser-red]{--g:#ff2b2b;--g-rgb:255,43,43}[data-theme=toxic-green]{--g:#39ff14;--g-rgb:57,255,20}[data-theme=aqua-mint]{--g:#2fffd0;--g-rgb:47,255,208}[data-theme=sunset-orange]{--g:#ff6a00;--g-rgb:255,106,0}[data-theme=deep-royal]{--g:#2d5bff;--g-rgb:45,91,255}[data-theme=hot-pink]{--g:#ff4fbf;--g-rgb:255,79,191}[data-theme=ultra-purple]{--g:#7b2cff;--g-rgb:123,44,255}[data-theme=arctic-blue]{--g:#7fdcff;--g-rgb:127,220,255}[data-theme=matrix-green]{--g:#00ff66;--g-rgb:0,255,102}[data-theme=gold-rush]{--g:#ffd700;--g-rgb:255,215,0}[data-theme=signal-white]{--g:#f4f8ff;--g-rgb:244,248,255}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{font-family:var(--mono),monospace;background:radial-gradient(circle at 20% -10%,rgba(var(--g-rgb),.08) 0,var(--bg) 44%),var(--bg);color:var(--text)}::selection{background:var(--g);color:#000}.bg-constellation{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:0}.grain{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:998;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.top-nav{position:fixed;top:0;left:0;right:0;z-index:999;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 28px;border-bottom:none;background:linear-gradient(180deg,rgba(8,12,18,.82),rgba(8,12,18,.38) 62%,rgba(8,12,18,0));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .24s ease,border-color .24s ease,-webkit-backdrop-filter .24s ease;transition:background .24s ease,border-color .24s ease,backdrop-filter .24s ease;transition:background .24s ease,border-color .24s ease,backdrop-filter .24s ease,-webkit-backdrop-filter .24s ease}.nav-left{justify-self:start;font-family:var(--font-sora),sans-serif;color:#f2f6fb;font-size:20px;font-weight:600;letter-spacing:.06em;display:flex;align-items:center;gap:8px}.nav-left,.nav-logo{transition:color .24s ease}.nav-logo{height:38px;width:auto;color:#ffffff}body.nav-scrolled .nav-logo{color:#111}.nav-center{justify-self:center;display:flex;gap:24px}.nav-center a{color:#d9e2ed;text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.16em;transition:color .2s}.nav-center a:hover{color:var(--g)}.nav-right{justify-self:end;display:flex;gap:8px}.theme-select{background:rgba(12,18,26,.52);border:1px solid rgba(200,214,230,.28);color:#f0f6ff;font-size:11px;letter-spacing:.06em;padding:8px 10px;outline:none;max-width:250px;transition:background .24s ease,color .24s ease,border-color .24s ease}.theme-select:focus,.theme-select:hover{border-color:var(--g)}body.nav-scrolled .top-nav{background:rgba(255,255,255,.96);border-bottom-color:#dde4eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.nav-scrolled .nav-left{color:#111}body.nav-scrolled .nav-center a{color:#5e6873}body.nav-scrolled .theme-select{background:#fff;border-color:#d6dfe8;color:#2a3440}.hero{height:100vh;min-height:760px;position:relative;display:grid;place-items:center;padding:120px 28px 56px;background:radial-gradient(circle at 50% -10%,#262d36 0,#10161d 45%,#090d13 100%)}#hero-canvas{position:absolute;inset:0;z-index:0}.hero-overlay{background:radial-gradient(circle at 50% 35%,rgba(var(--g-rgb),.22),rgba(12,16,22,.56) 58%,rgba(8,12,18,.87) 100%)}.fx-layer,.hero-overlay{position:absolute;inset:0;z-index:1}.fx-layer{pointer-events:none;overflow:hidden}.fx-bars,.fx-grid,.fx-line,.fx-noise,.fx-orb,.fx-rings{position:absolute;inset:0;opacity:0}.fx-orb{width:22vw;max-width:240px;aspect-ratio:1;border-radius:50%;filter:blur(24px);background:radial-gradient(circle,rgba(var(--g-rgb),.34),rgba(var(--g-rgb),.02) 70%)}.fx-orb:first-child{top:12%;left:9%}.fx-orb:nth-child(2){top:62%;left:14%}.fx-orb:nth-child(3){top:20%;right:10%}.fx-line{display:none}.fx-grid{background-image:linear-gradient(rgba(var(--g-rgb),.14) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--g-rgb),.14) 1px,transparent 1px);background-size:34px 34px}.fx-bars{background:repeating-linear-gradient(90deg,rgba(var(--g-rgb),.16) 0 3px,transparent 3px 26px)}.fx-noise{background-image:radial-gradient(circle at 25% 28%,rgba(var(--g-rgb),.14),transparent 32%),radial-gradient(circle at 65% 62%,rgba(var(--g-rgb),.1),transparent 35%);filter:blur(18px)}.fx-rings{background-image:radial-gradient(circle at center,transparent 0 23%,rgba(var(--g-rgb),.1) 24% 25%,transparent 26% 42%,rgba(var(--g-rgb),.09) 43% 44%,transparent 45% 58%,rgba(var(--g-rgb),.08) 59% 60%,transparent 61%)}.hero-content{position:relative;z-index:2;max-width:1180px;width:100%;text-align:center}.hero-kicker{color:var(--g);font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:18px}.hero-title{font-family:var(--font-sora),sans-serif;font-size:clamp(36px,6vw,82px);font-weight:700;line-height:1.03;margin-bottom:18px;color:#f2f6fb}.hero-sub{max-width:860px;margin:0 auto 18px;color:#c2ccd7;font-size:clamp(15px,1.5vw,20px);line-height:1.5}.motion-label{display:inline-block;margin:0 auto 22px;padding:6px 10px;border:1px solid rgba(220,232,246,.28);background:rgba(9,14,21,.44);color:#dce7f2;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:44px}.btn-primary,.btn-secondary{padding:14px 20px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;text-decoration:none}.btn-primary{background:var(--g);color:#000;border:1px solid var(--g);box-shadow:0 0 32px rgba(var(--g-rgb),.3)}.btn-secondary{color:#e9f2ff;border:1px solid rgba(223,236,255,.5);background:rgba(255,255,255,.08)}.btn-secondary:hover{background:rgba(var(--g-rgb),.1)}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--card-gap);gap:var(--card-gap)}.hero-stat{padding:16px;border:1px solid rgba(215,229,246,.3);background:rgba(26,34,44,.52);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:statFloat 8s ease-in-out infinite}.hero-stat-value{display:block;color:var(--g);font-size:22px;font-weight:600;margin-bottom:6px}.hero-stat-label{font-size:11px;color:#a8b7c8;letter-spacing:.08em;text-transform:uppercase}.section{max-width:1220px;margin:0 auto;padding:98px 28px;position:relative;overflow:hidden}.section-head{margin-bottom:30px}.section-kicker{color:#3a5068;font-size:10px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:14px}.section h2{font-family:var(--font-sora),sans-serif;font-size:clamp(30px,4.2vw,60px);font-weight:700;line-height:1.06}.variant-helper{padding-top:72px;padding-bottom:34px}.variant-helper p{margin-top:10px;color:#4e5b69;line-height:1.6;font-size:14px}.helper-note{color:#2f4050;font-size:12px}.variant-map{margin-top:16px;border:1px solid #d8e2ec;border-radius:4px;overflow:hidden;display:grid}.variant-map-row{display:grid;grid-template-columns:58px minmax(140px,1fr) minmax(170px,1.2fr);grid-gap:10px;gap:10px;padding:8px 10px;border-top:1px solid #e3eaf2;font-size:12px;color:#4e5b69}.variant-map-row:first-child{border-top:0}.variant-id{color:#0f1a25;font-weight:700}#services:before{top:-60px;right:-120px;width:420px;height:420px;background:radial-gradient(circle,rgba(127,180,230,.08),transparent 70%)}#services:after,#services:before{content:"";position:absolute;pointer-events:none;z-index:0}#services:after{bottom:-40px;left:-80px;width:340px;height:340px;background:radial-gradient(circle,rgba(160,200,240,.06),transparent 70%)}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--card-gap);gap:var(--card-gap);position:relative;z-index:1}.service-card{border:1px solid #d8e2ec;background:linear-gradient(165deg,var(--surface),#f5f8fc);padding:22px;transition:transform .3s,border-color .3s,box-shadow .3s}.service-card:hover{transform:translateY(-6px);border-color:#3a5068;box-shadow:0 18px 46px rgba(0,0,0,.08),0 0 20px rgba(58,80,104,.1)}.service-card:hover .service-icon{color:#1a2d40}.service-icon{color:#3a5068;margin-bottom:14px;will-change:transform;transition:color .3s ease}.service-card h3{color:#10161c;font-size:18px;margin-bottom:10px}.service-card p{color:#5d6875;font-size:13px;line-height:1.5}.process-section{border-top:1px solid #d8e2ec;border-bottom:1px solid #d8e2ec;background:linear-gradient(180deg,#f8fbff,#f2f6fb);position:relative;overflow:hidden}.process-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(200,218,240,.18),transparent 60%);pointer-events:none}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--card-gap);gap:var(--card-gap)}.process-card{border:1px solid #d7e1ec;background:linear-gradient(180deg,#fff,#f4f8fc);padding:20px;transition:transform .3s,box-shadow .3s}.process-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.06)}.process-card span{display:inline-block;color:#3a5068;font-size:13px;margin-bottom:8px;letter-spacing:.18em;transition:transform .3s}.process-card:hover span{transform:scale(1.15)}.process-card h3{margin-bottom:8px;font-size:18px}.process-card p{color:#586473;font-size:13px;line-height:1.55}.engagement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--card-gap);gap:var(--card-gap)}.engage-card{padding:24px;border:1px solid #d6e0ea;background:linear-gradient(145deg,#fff,#f4f8fc);position:relative;overflow:hidden;box-shadow:0 2px 18px rgba(0,0,0,.03);transition:transform .3s,box-shadow .3s}.engage-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.07)}.engage-card:before{content:"";position:absolute;inset:0;opacity:.2;background:linear-gradient(130deg,transparent,rgba(var(--g-rgb),.12),transparent);transform:translateX(-110%);transition:transform .5s}.engage-card:hover:before{transform:translateX(110%)}.engage-card h3{font-family:var(--font-sora),sans-serif;font-size:22px;font-weight:600;color:#1a2330;margin-bottom:12px}.engage-card p{color:#5c6876;line-height:1.6;font-size:14px}.motion-section{border-top:1px solid #d6e0eb;border-bottom:1px solid #d6e0eb;overflow:hidden;background:#e5edf7;padding:24px 0}.motion-row{overflow:hidden}.motion-track{display:flex;width:max-content}.motion-rail{white-space:nowrap;color:#000;font-size:22px;letter-spacing:.2em;text-transform:uppercase;padding-left:18px;padding-right:32px;flex-shrink:0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--card-gap);gap:var(--card-gap)}.portfolio-card{border:1px solid #d8e2ec;overflow:hidden;background:#fff;transition:transform .22s,box-shadow .22s}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08)}.portfolio-card:hover .portfolio-img svg{animation:portfolioPulse 2s ease-in-out infinite}.portfolio-img{width:100%;height:220px}.portfolio-img svg{transition:transform .4s ease}.portfolio-card:hover .portfolio-img svg{transform:scale(1.05)}@keyframes portfolioPulse{0%,to{opacity:1}50%{opacity:.85}}.portfolio-info{padding:20px}.portfolio-info h3{font-size:18px;color:#10161c;margin-bottom:6px}.portfolio-info p{font-size:12px;color:#3a5068;letter-spacing:.12em;text-transform:uppercase}.contact-section{text-align:center;position:relative}#contact:before{content:"";position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(180,210,245,.07),transparent 65%);pointer-events:none;z-index:0}.contact-copy{max-width:760px;margin:14px auto 28px;color:#5d6875;line-height:1.7}.contact-form{max-width:560px;margin:0 auto;display:grid;grid-gap:10px;gap:10px}.contact-form input{width:100%;background:#fff;border:1px solid #d5dfe9;padding:14px 16px;color:#1a2430;outline:none}.contact-form input:focus{border-color:var(--g)}.contact-form button{padding:14px 16px;border:1px solid var(--g);background:var(--g);color:#000;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:11px;cursor:pointer;box-shadow:0 0 26px rgba(var(--g-rgb),.28);transition:transform .3s,box-shadow .3s}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(var(--g-rgb),.4)}.site-footer{border-top:1px solid #d5dfe9;padding:22px 28px;display:flex;justify-content:space-between;gap:10px;color:#62707f;font-size:11px;letter-spacing:.06em;background:#f3f7fc}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:none}.section-kicker{position:relative;display:inline-block;padding-left:22px}.section-kicker:before{content:"";position:absolute;left:0;top:50%;width:0;height:2px;background:var(--g);transition:width .6s cubic-bezier(.22,1,.36,1) .2s}.revealed .section-kicker:before,.section-head.revealed .section-kicker:before{width:14px}.service-card .service-icon{transform:scale(0) rotate(-30deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1),color .3s ease}.service-card.revealed .service-icon{transform:scale(1) rotate(0deg)}.service-card.reveal{transform:translateY(32px) scale(.96);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}.service-card.revealed{opacity:1;transform:none}.process-card.reveal{transform:translateX(-36px) translateY(12px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}.process-card.revealed{opacity:1;transform:none}.process-card span{transition:color .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.process-card.revealed span{color:var(--g);transform:scale(1.2);animation:numSettle .6s ease .35s forwards}@keyframes numSettle{0%{transform:scale(1.2)}to{transform:scale(1)}}.portfolio-card.reveal{transform:translateY(28px) scale(.92);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.portfolio-card.revealed{opacity:1;transform:translateY(0) scale(1)}.engage-card.revealed:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(var(--g-rgb),.12) 48%,rgba(var(--g-rgb),.18) 50%,rgba(var(--g-rgb),.12) 52%,transparent 65%);animation:shimmerIn .9s ease-out .25s both;pointer-events:none}@keyframes shimmerIn{0%{transform:translateX(-120%)}to{transform:translateX(120%)}}.contact-form button,.contact-form input{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease,border-color .2s,box-shadow .3s}.contact-section.revealed .contact-form button,.contact-section.revealed .contact-form input{opacity:1;transform:none}.contact-section.revealed .contact-form input:first-child{transition-delay:.1s}.contact-section.revealed .contact-form input:nth-child(2){transition-delay:.2s}.contact-section.revealed .contact-form input:nth-child(3){transition-delay:.3s}.contact-section.revealed .contact-form button{transition-delay:.4s}.section-head h2{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path .8s cubic-bezier(.22,1,.36,1) .15s;transition:clip-path .8s cubic-bezier(.22,1,.36,1) .15s;transition:clip-path .8s cubic-bezier(.22,1,.36,1) .15s,-webkit-clip-path .8s cubic-bezier(.22,1,.36,1) .15s}.section-head.revealed h2{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}[data-safe="1"] .fx-bars,[data-safe="1"] .fx-grid,[data-safe="1"] .fx-line,[data-safe="1"] .fx-noise,[data-safe="1"] .fx-orb,[data-safe="1"] .fx-rings{animation-duration:18s!important;animation-timing-function:linear!important;opacity:min(.22,100%)}[data-variation=V01] .fx-orb{opacity:.32;animation:orbitFloat 10s ease-in-out infinite}[data-variation=V01] .fx-line{opacity:.24;animation:orbitSweep 8s linear infinite}[data-variation=V01] .fx-rings{opacity:.24;animation:orbitRings 11s linear infinite}[data-variation=V02] .fx-orb{opacity:.25;animation:bloomOrb 7.5s ease-in-out infinite}[data-variation=V02] .fx-noise{opacity:.34;animation:bloomNoise 6.8s ease-in-out infinite}[data-variation=V02] .fx-rings{opacity:.3;animation:spiralRings 6.9s linear infinite}[data-variation=V03] .fx-grid{opacity:.3;animation:ribbonGrid 5.4s linear infinite}[data-variation=V03] .fx-line{opacity:.35;animation:ribbonSweepFx 4.8s ease-in-out infinite}[data-variation=V03] .hero-content{animation:ribbonLean 6.2s ease-in-out infinite}[data-variation=V04] .fx-rings{opacity:.3;animation:torusRings 4.6s linear infinite}[data-variation=V04] .fx-bars{opacity:.23;animation:torusBars 5.1s linear infinite}[data-variation=V04] .hero-stats{transform:rotate(-.5deg)}[data-variation=V05] .fx-grid{opacity:.34;animation:helixGrid 4.3s linear infinite}[data-variation=V05] .fx-line{opacity:.44;animation:helixLines 3.7s linear infinite}[data-variation=V05] .hero-title{letter-spacing:.02em}[data-variation=V06] .fx-grid{opacity:.34;animation:oceanGridFx 8.4s ease-in-out infinite}[data-variation=V06] .fx-noise{opacity:.22;animation:oceanMist 9.1s ease-in-out infinite}[data-variation=V06] .hero-overlay{mix-blend-mode:screen}[data-variation=V07] .fx-rings{opacity:.33;animation:fanPulseFx 4.2s ease-in-out infinite}[data-variation=V07] .fx-orb{opacity:.25;animation:fanOrb 5s ease-in-out infinite}[data-variation=V07] .hero-stats{gap:10px}[data-variation=V08] .fx-rings{opacity:.36;animation:crownRippleFx 3.9s linear infinite}[data-variation=V08] .fx-noise{opacity:.28;animation:crownDrift 4.7s ease-in-out infinite}[data-variation=V08] .hero-overlay{mix-blend-mode:plus-lighter}[data-variation=V09] .fx-bars{opacity:.38;animation:accordionBars 2.8s steps(8) infinite}[data-variation=V09] .fx-grid{opacity:.22;animation:accordionGrid 3.4s linear infinite}[data-variation=V09] .hero-content{animation:accordionContent 4.8s ease-in-out infinite}[data-variation=V10] .fx-grid{opacity:.3;animation:crossGrid 4s linear infinite}[data-variation=V10] .fx-line{opacity:.34;animation:crossLines 2.9s linear infinite}[data-variation=V10] .fx-noise{opacity:.2;animation:crossNoise 3.5s ease-in-out infinite}[data-variation=V11] .fx-bars{opacity:.42;animation:stepBars 1.8s steps(5) infinite}[data-variation=V11] .fx-line{opacity:.31;animation:stepLine 2.6s steps(4) infinite}[data-variation=V11] .hero-title{font-family:var(--mono),monospace;text-transform:uppercase}[data-variation=V12] .fx-bars{opacity:.44;animation:barcodeBars 1.3s linear infinite}[data-variation=V12] .fx-grid{opacity:.2;animation:barcodeGrid 2.2s steps(6) infinite}[data-variation=V12] .hero-overlay{background:radial-gradient(circle at 40% 40%,rgba(var(--g-rgb),.18),rgba(10,14,20,.74))}[data-variation=V13] .fx-noise{opacity:.35;animation:latchNoise 1.9s steps(8) infinite}[data-variation=V13] .fx-line{opacity:.46;animation:latchLine 1.6s steps(9) infinite}[data-variation=V13] .hero-stats{filter:contrast(1.12)}[data-variation=V14] .fx-rings{opacity:.38;animation:clockRings 3s linear infinite}[data-variation=V14] .fx-line{opacity:.29;animation:clockHand 2.1s linear infinite}[data-variation=V14] .hero-content{text-align:left;max-width:980px}[data-variation=V14] .hero-actions{justify-content:flex-start}[data-variation=V15] .fx-bars{opacity:.4;animation:gateBars 1.2s steps(10) infinite}[data-variation=V15] .fx-line{opacity:.4;animation:gateSweep 1.1s linear infinite}[data-variation=V15] .hero-stats{gap:9px}[data-variation=V16] .fx-rings{opacity:.34;animation:vortexRings 2.8s linear infinite}[data-variation=V16] .fx-noise{opacity:.25;animation:vortexMist 3.9s ease-in-out infinite}[data-variation=V16] .hero-overlay{mix-blend-mode:overlay}[data-variation=V17] .fx-orb{opacity:.36;animation:gyreOrb 5.2s ease-in-out infinite}[data-variation=V17] .fx-grid{opacity:.26;animation:gyreGrid 3.8s linear infinite}[data-variation=V17] .hero-content{animation:gyreTilt 6s ease-in-out infinite}[data-variation=V18] .fx-line{opacity:.32;animation:splitLines 2.4s linear infinite}[data-variation=V18] .fx-bars{opacity:.28;animation:splitBars 2.6s linear infinite}[data-variation=V18] .hero-overlay{background:radial-gradient(circle at 30% 35%,rgba(var(--g-rgb),.22),rgba(8,13,19,.8))}[data-variation=V19] .fx-rings{opacity:.24;animation:cometRings 1.8s linear infinite}[data-variation=V19] .fx-line{opacity:.49;animation:cometLine 1.4s linear infinite}[data-variation=V19] .hero-title{letter-spacing:.018em}[data-variation=V20] .fx-orb{opacity:.37;animation:breathOrb 6.6s ease-in-out infinite}[data-variation=V20] .fx-noise{opacity:.24;animation:breathNoise 6.2s ease-in-out infinite}[data-variation=V20] .hero-content{animation:breathContent 6.4s ease-in-out infinite}[data-variation=V21] .fx-grid{opacity:.42;animation:latticeGrid 2.3s steps(6) infinite}[data-variation=V21] .fx-bars{opacity:.25;animation:latticeBars 2.5s steps(6) infinite}[data-variation=V21] .hero-stat{border-style:dashed}[data-variation=V22] .fx-rings{opacity:.34;animation:crystalRings 2.7s ease-in-out infinite}[data-variation=V22] .fx-grid{opacity:.25;animation:crystalGrid 3.1s linear infinite}[data-variation=V22] .hero-stats{transform:skewX(-1deg)}[data-variation=V23] .fx-rings{opacity:.33;animation:prismRings 2.4s ease-in-out infinite}[data-variation=V23] .fx-line{opacity:.3;animation:prismLine 2s linear infinite}[data-variation=V23] .hero-content{filter:saturate(1.08)}[data-variation=V24] .fx-rings{opacity:.4;animation:novaRings 1.7s ease-out infinite}[data-variation=V24] .fx-noise{opacity:.3;animation:novaNoise 1.9s linear infinite}[data-variation=V24] .hero-stats{transform:scale(1.015)}[data-variation=V25] .fx-line{opacity:.43;animation:pendulumLines 2.1s ease-in-out infinite}[data-variation=V25] .fx-rings{opacity:.32;animation:pendulumRings 2.8s ease-in-out infinite}[data-variation=V25] .hero-content{animation:pendulumContent 3.4s ease-in-out infinite}@keyframes statFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes orbitFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.07)}}@keyframes orbitSweep{0%{transform:translateX(-20%)}to{transform:translateX(20%)}}@keyframes orbitRings{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1.06)}}@keyframes bloomOrb{0%,to{transform:scale(.85)}50%{transform:scale(1.16)}}@keyframes bloomNoise{0%,to{transform:translate(0)}50%{transform:translate(26px,-18px)}}@keyframes spiralRings{0%{transform:rotate(0deg) scale(.84)}to{transform:rotate(1turn) scale(1.2)}}@keyframes ribbonGrid{0%{transform:skewY(0deg) translateX(0)}to{transform:skewY(6deg) translateX(44px)}}@keyframes ribbonSweepFx{0%,to{transform:translateX(-16%) scaleX(.88)}50%{transform:translateX(18%) scaleX(1.16)}}@keyframes ribbonLean{0%,to{transform:translateY(0)}50%{transform:translateY(-8px) rotate(-.4deg)}}@keyframes torusRings{0%{transform:rotateX(0deg) rotate(0deg)}to{transform:rotateX(22deg) rotate(1turn)}}@keyframes torusBars{0%{transform:translateX(0)}to{transform:translateX(120px)}}@keyframes helixGrid{0%{transform:perspective(520px) rotateX(55deg) translateY(0)}to{transform:perspective(520px) rotateX(55deg) translateY(36px)}}@keyframes helixLines{0%,to{transform:translateY(-10px)}50%{transform:translateY(10px)}}@keyframes oceanGridFx{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(12px) scaleY(1.06)}}@keyframes oceanMist{0%,to{transform:translate(0)}50%{transform:translate(-26px,8px)}}@keyframes fanPulseFx{0%,to{transform:scale(.88)}50%{transform:scale(1.15)}}@keyframes fanOrb{0%,to{transform:translateX(0)}50%{transform:translateX(18px)}}@keyframes crownRippleFx{0%{transform:scale(.75);opacity:.45}to{transform:scale(1.22);opacity:.1}}@keyframes crownDrift{0%,to{transform:translate(0)}50%{transform:translate(15px,-10px)}}@keyframes accordionBars{0%,to{transform:scaleX(.8)}50%{transform:scaleX(1.25)}}@keyframes accordionGrid{0%,to{transform:translateX(0)}50%{transform:translateX(-22px)}}@keyframes accordionContent{0%,to{transform:scale(1)}50%{transform:scale(.985)}}@keyframes crossGrid{0%{transform:translate(0)}to{transform:translate(22px,14px)}}@keyframes crossLines{0%{transform:translateX(-18%)}to{transform:translateX(18%) rotate(2deg)}}@keyframes crossNoise{0%,to{transform:scale(.95)}50%{transform:scale(1.1)}}@keyframes stepBars{0%,to{transform:translateX(0)}50%{transform:translateX(70px)}}@keyframes stepLine{0%,to{transform:translateY(0)}50%{transform:translateY(22px)}}@keyframes barcodeBars{0%{transform:translateX(0)}to{transform:translateX(180px)}}@keyframes barcodeGrid{0%,to{transform:scaleX(1)}50%{transform:scaleX(.78)}}@keyframes latchNoise{0%,to{transform:translate(0)}20%{transform:translate(10px,-6px)}40%{transform:translate(-9px,8px)}60%{transform:translate(6px,-4px)}}@keyframes latchLine{0%,to{transform:translateX(-6%)}50%{transform:translateX(6%)}}@keyframes clockRings{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes clockHand{0%{transform:rotate(0deg);transform-origin:20% 50%}to{transform:rotate(1turn);transform-origin:20% 50%}}@keyframes gateBars{0%,to{opacity:.12}50%{opacity:.5}}@keyframes gateSweep{0%{transform:translateX(-22%)}to{transform:translateX(22%)}}@keyframes vortexRings{0%{transform:rotate(0deg) scale(1.05)}to{transform:rotate(-1turn) scale(.82)}}@keyframes vortexMist{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-18px,14px) rotate(20deg)}}@keyframes gyreOrb{0%,to{transform:translate(-8px)}50%{transform:translate(12px,-10px)}}@keyframes gyreGrid{0%{transform:rotate(0deg) translateX(0)}to{transform:rotate(2deg) translateX(32px)}}@keyframes gyreTilt{0%,to{transform:rotate(0deg)}50%{transform:rotate(-.7deg)}}@keyframes splitLines{0%{transform:translateX(-24%)}to{transform:translateX(24%)}}@keyframes splitBars{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}@keyframes cometRings{0%{transform:translateX(-22%) scale(.8)}to{transform:translateX(22%) scale(1.05)}}@keyframes cometLine{0%{transform:translateX(-30%)}to{transform:translateX(32%)}}@keyframes breathOrb{0%,to{transform:scale(.88)}50%{transform:scale(1.15)}}@keyframes breathNoise{0%,to{transform:scale(.95)}50%{transform:scale(1.08)}}@keyframes breathContent{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes latticeGrid{0%,to{transform:translate(0)}50%{transform:translate(12px,12px)}}@keyframes latticeBars{0%,to{transform:translateX(0)}50%{transform:translateX(24px)}}@keyframes crystalRings{0%,to{transform:skewX(0deg) scale(1)}50%{transform:skewX(9deg) scale(1.08)}}@keyframes crystalGrid{0%{transform:skewY(0deg)}to{transform:skewY(10deg)}}@keyframes prismRings{0%,to{transform:rotate(0deg) skewX(0deg)}50%{transform:rotate(18deg) skewX(12deg)}}@keyframes prismLine{0%{transform:translateX(-18%) rotate(-3deg)}to{transform:translateX(18%) rotate(3deg)}}@keyframes novaRings{0%{transform:scale(.62);opacity:.5}to{transform:scale(1.3);opacity:.08}}@keyframes novaNoise{0%{transform:scale(.72)}to{transform:scale(1.25)}}@keyframes pendulumLines{0%,to{transform:rotate(-4deg) translateX(-8%)}50%{transform:rotate(4deg) translateX(8%)}}@keyframes pendulumRings{0%,to{transform:translateX(-12px)}50%{transform:translateX(12px)}}@keyframes pendulumContent{0%,to{transform:rotate(-.3deg)}50%{transform:rotate(.3deg)}}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.nav-hamburger span{display:block;width:22px;height:2px;background:#f0f6ff;margin:5px 0;transition:transform .3s,opacity .3s}body.nav-scrolled .nav-hamburger span{background:#1a2430}.menu-open .nav-hamburger span:first-child{transform:translateY(7px) rotate(45deg)}.menu-open .nav-hamburger span:nth-child(2){opacity:0}.menu-open .nav-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:1024px){.top-nav{grid-template-columns:1fr auto 1fr;padding:12px 20px}.nav-center{gap:16px;flex-wrap:wrap}.engagement-grid,.hero-stats,.process-grid,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:72px 24px}}@media (max-width:680px){.top-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:14px 16px;background:rgba(8,12,18,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-hamburger{display:block;order:2}.nav-right{display:none}.nav-left{order:1}.nav-center{display:none;order:3;width:100%;flex-direction:column;gap:0;padding-top:8px}.menu-open .nav-center{display:flex}.nav-center a{padding:14px 0;font-size:14px;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.08)}body.nav-scrolled .nav-center a{border-bottom-color:rgba(0,0,0,.06)}.hero{padding:140px 20px 60px;min-height:auto;height:auto}#hero-canvas{top:-12vh;height:112vh}.hero-title{margin-bottom:20px}.hero-sub{font-size:15px;margin-bottom:28px;line-height:1.65}.hero-actions{flex-direction:column;gap:14px;margin-bottom:48px}.btn-primary,.btn-secondary{width:100%;text-align:center;padding:18px 20px;font-size:12px}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-stat{padding:16px}.hero-stat-value{font-size:20px;margin-bottom:8px}.hero-stat-label{font-size:10px}.section{padding:64px 20px}.section-head{margin-bottom:28px}.section h2{font-size:clamp(26px,7vw,36px);margin-bottom:8px}.section-kicker{font-size:9px;margin-bottom:14px}.services-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:22px 20px}.service-card h3{font-size:17px;margin-bottom:10px}.service-card p{font-size:13px;line-height:1.6}.process-grid{grid-template-columns:1fr;gap:14px}.process-card{padding:20px}.process-card h3{font-size:17px;margin-bottom:10px}.process-card p{font-size:13px;line-height:1.6}.engagement-grid{grid-template-columns:1fr;gap:14px}.engage-card{padding:24px 20px}.engage-card h3{font-size:20px;margin-bottom:14px}.engage-card p{font-size:14px;line-height:1.65}.motion-rail{font-size:15px;letter-spacing:.16em}.motion-section{padding:20px 0}.portfolio-grid{grid-template-columns:1fr;gap:16px}.portfolio-img{height:200px}.portfolio-info{padding:18px 20px}.portfolio-info h3{font-size:17px;margin-bottom:6px}.contact-copy{font-size:14px;margin-bottom:28px;line-height:1.7}.contact-form{gap:12px}.contact-form input{padding:16px;font-size:15px}.contact-form button{padding:18px;font-size:12px}.site-footer{flex-direction:column;text-align:center;padding:24px 20px;gap:8px}}@media (max-width:380px){.hero{padding:110px 12px 32px}.hero-stats{grid-template-columns:1fr}.section{padding:44px 12px}.nav-left{font-size:17px}.nav-logo{height:30px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}