:root{--color-bg-midnight:#080b16;--color-surface-navy:#111a30;--color-surface-elevated:#16223f;--color-surface-translucent:#111a30b8;--color-surface-glass:#111a30d1;--color-surface-card:#0e1526bf;--color-electric-blue:#36bfff;--color-electric-glow:#36bfff47;--color-electric-subtle:#36bfff14;--color-digital-violet:#9a7bff;--color-violet-glow:#9a7bff47;--color-violet-subtle:#9a7bff14;--color-border-subtle:#36bfff24;--color-border-medium:#36bfff47;--color-border-active:#36bfffa6;--color-border-violet:#9a7bff59;--color-text-primary:#eaf0ff;--color-text-secondary:#8e9db8;--color-text-tertiary:#586885;--color-text-accent:#36bfff;--font-family:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-family);--font-body:var(--font-family);--font-mono:var(--font-family);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--fs-display:clamp(2.8rem, 6vw, 4.8rem);--fs-h1:clamp(2.4rem, 5vw, 3.6rem);--fs-h2:clamp(1.9rem, 4vw, 2.75rem);--fs-h3:clamp(1.3rem, 2.2vw, 1.6rem);--fs-h4:clamp(1.05rem, 1.6vw, 1.2rem);--fs-body-lg:clamp(1.1rem, 1.5vw, 1.2rem);--fs-body:1rem;--fs-body-sm:.9rem;--fs-label:clamp(.72rem, 1vw, .78rem);--fs-micro:.68rem;--lh-display:1.05;--lh-heading:1.15;--lh-body:1.65;--lh-compact:1.5;--ls-display:-.03em;--ls-heading:-.02em;--ls-label:.09em;--grad-energy-pulse:linear-gradient(135deg, #36bfff 0%, #9a7bff 100%);--grad-energy-reverse:linear-gradient(135deg, #9a7bff 0%, #36bfff 100%);--grad-surface-glass:linear-gradient(180deg, #16223fb3 0%, #080b16d9 100%);--grad-dark-overlay:linear-gradient(180deg, #080b1600 0%, #080b16f2 100%);--grad-radial-blue:radial-gradient(circle at 50% 30%, #36bfff29 0%, transparent 65%);--grad-radial-violet:radial-gradient(circle at 70% 60%, #9a7bff24 0%, transparent 60%);--nav-height:80px;--container-max:1280px;--container-wide:1440px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--blur-glass:16px;--blur-heavy:28px}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #36bfff40,0 0 35px #9a7bff26}50%{box-shadow:0 0 25px #36bfff73,0 0 50px #9a7bff47}}@keyframes energyFlux{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.5deg)}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}@keyframes laserSweep{0%{transform:translate(-100%)}50%,to{transform:translate(200%)}}@keyframes beaconPing{0%{opacity:.8;transform:scale(.95)}50%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(.95)}}.anim-pulse-glow{animation:4s ease-in-out infinite pulseGlow}.anim-energy-flux{background-size:200% 200%;animation:8s infinite energyFlux}.anim-float{animation:6s ease-in-out infinite floatSlow}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ease-out-soft:cubic-bezier(.16, 1, .3, 1);--dur-reveal:.7s}.reveal{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out-soft), transform var(--dur-reveal) var(--ease-out-soft);will-change:opacity, transform;transform:translateY(28px)}.reveal.in-view{opacity:1;transform:none}.reveal-left{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out-soft), transform var(--dur-reveal) var(--ease-out-soft);will-change:opacity, transform;transform:translate(-36px)}.reveal-left.in-view{opacity:1;transform:none}.reveal-right{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out-soft), transform var(--dur-reveal) var(--ease-out-soft);will-change:opacity, transform;transform:translate(36px)}.reveal-right.in-view{opacity:1;transform:none}.reveal-scale{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out-soft), transform var(--dur-reveal) var(--ease-out-soft);will-change:opacity, transform;transform:scale(.94)}.reveal-scale.in-view{opacity:1;transform:none}.stagger>*{opacity:0;transition:opacity .6s var(--ease-out-soft), transform .6s var(--ease-out-soft);transition-delay:calc(var(--stagger-index,0) * 90ms);will-change:opacity, transform;transform:translateY(24px)}.stagger.in-view>*{opacity:1;transform:none}@keyframes heroRise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.hero-rise{opacity:0;animation:heroRise .9s var(--ease-out-soft) forwards}.hero-rise-1{animation-delay:50ms}.hero-rise-2{animation-delay:.18s}.hero-rise-3{animation-delay:.31s}.hero-rise-4{animation-delay:.44s}.hero-rise-5{animation-delay:.57s}.tilt-surface{transition:transform .4s var(--ease-out-soft), box-shadow .4s var(--ease-out-soft);transform-style:preserve-3d;will-change:transform}.tilt-glare:after{content:"";border-radius:inherit;background:radial-gradient(320px circle at var(--tilt-x,50%) var(--tilt-y,50%), #36bfff1f, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.tilt-glare:hover:after{opacity:1}@keyframes lineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.connector-line{transform-origin:0;transform:scaleX(0)}.connector-line.in-view{animation:lineGrow .8s var(--ease-out-soft) forwards}@media (prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-scale,.stagger>*,.hero-rise{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.connector-line{animation:none!important;transform:none!important}.tilt-surface{transform:none!important}}.feature-arrow{transition:transform .3s var(--ease-out-soft)}.feature-card:hover .feature-arrow,.showcase-card:hover .feature-arrow{transform:translate(5px)}.showcase-visual{transition:transform .6s var(--ease-out-soft);will-change:transform}.showcase-card:hover .showcase-visual{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.feature-arrow,.showcase-visual{transition:none!important;transform:none!important}}.glass-card:hover .feature-arrow{transform:translate(5px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--color-bg-midnight);color:var(--color-text-primary);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-midnight);background-image:radial-gradient(80% 50% at 50% -20%,#36bfff1f,#0000),radial-gradient(circle at 100%,#9a7bff0d,#0000 40%),linear-gradient(#36bfff05 1px,#0000 1px),linear-gradient(90deg,#36bfff05 1px,#0000 1px);background-size:100% 100%,100% 100%,64px 64px,64px 64px;min-height:100vh;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-midnight)}::-webkit-scrollbar-thumb{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-electric-blue)}::selection{color:#fff;background:#36bfff4d}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);color:var(--color-text-primary);letter-spacing:var(--ls-heading);line-height:var(--lh-heading)}h1{font-size:var(--fs-h1);font-weight:var(--font-weight-semibold)}h2{font-size:var(--fs-h2);font-weight:var(--font-weight-semibold)}h3{font-size:var(--fs-h3);font-weight:var(--font-weight-semibold)}h4{font-size:var(--fs-h4);font-weight:var(--font-weight-medium)}h5,h6{font-size:var(--fs-body);font-weight:var(--font-weight-medium)}p{color:var(--color-text-secondary);line-height:var(--lh-body);font-size:var(--fs-body);font-weight:var(--font-weight-regular)}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}a{color:inherit;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font-body)}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.container-wide{width:100%;max-width:var(--container-wide);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.section-spacing{padding-top:clamp(5.5rem,10vw,10rem);padding-bottom:clamp(5.5rem,10vw,10rem);position:relative}.section-divider{background:linear-gradient(90deg, transparent, var(--color-border-medium), transparent);opacity:.6;width:100%;height:1px}.glass-panel{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:0 20px 40px #00000073}.glass-card{background:var(--color-surface-card);-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#36bfff66,#0000);height:1px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--color-border-active);transform:translateY(-4px);box-shadow:0 16px 36px #0009,0 0 25px #36bfff26}.glass-card:hover:before{opacity:1}.tech-badge{font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--font-weight-medium);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-electric-blue);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:#36bfff14;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.tech-badge-violet{color:var(--color-digital-violet);border-color:var(--color-border-violet);background:#9a7bff14}.tech-dot{background:var(--color-electric-blue);width:6px;height:6px;box-shadow:0 0 8px var(--color-electric-blue);border-radius:50%}.tech-dot-violet{background:var(--color-digital-violet);box-shadow:0 0 8px var(--color-digital-violet)}.btn-primary{background:var(--grad-energy-pulse);color:#080b16;font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:10px;padding:13px 28px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 0 20px #36bfff66}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 30px #36bfffb3,0 0 45px #9a7bff4d}.btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-primary);font-family:var(--font-body);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);cursor:pointer;white-space:nowrap;background:#111a3099;justify-content:center;align-items:center;gap:10px;padding:12px 26px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-border-active);color:var(--color-electric-blue);box-shadow:0 0 20px #36bfff26}.text-gradient{background:var(--grad-energy-pulse);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.laser-divider{background:linear-gradient(90deg, transparent, var(--color-border-active), transparent);width:100%;height:1px;margin:2rem 0}
