:root{--color-deep-dark:#000;--color-soft-dark:#0a0a0a;--color-surface:#111;--color-light-bg:#f4f4f4;--color-blue:#2563eb;--color-blue-electric:#3b82f6;--color-blue-midnight:#1d4ed8;--color-blue-sapphire:#1e40af;--color-blue-neon:#60a5fa;--color-blue-hover:#1d4ed8;--color-blue-dim:#2563eb14;--color-blue-border:#2563eb26;--color-glow-outer:transparent;--color-glow-bright:transparent;--color-glow-soft:transparent;--color-text-primary:#f5f7fa;--color-text-secondary:#b0bac9;--color-text-muted:#94a3b8;--color-text-steel:#828f9e;--color-text-light:#0f172a;--color-border:#ffffff14;--color-border-hover:#ffffff1f;--gradient-primary:linear-gradient(180deg, #3b82f6 0%, #2563eb 55%, #1d4ed8 100%);--gradient-secondary:linear-gradient(135deg, #60a5fa 0%, #2563eb 45%, #1e40af 100%);--gradient-text:linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);--font-heading:"Sora", sans-serif;--font-body:"DM Sans", sans-serif;--ease-smooth:cubic-bezier(.16, 1, .3, 1);--radius-sm:6px;--radius-md:12px;--radius-lg:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:clip}body{background-color:var(--color-deep-dark);color:#f4f4f4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:none;background-size:cover;background-attachment:fixed;font-family:DM Sans,-apple-system,sans-serif;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}input,textarea,select,button{font-family:inherit;font-size:inherit}input::placeholder,textarea::placeholder{color:#6f7278}select option{color:#f4f4f4;background:#0b1538}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.15}h1{letter-spacing:-.03em;font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.05}h2{letter-spacing:-.025em;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.35}p{color:var(--color-text-secondary);font-size:clamp(1.125rem,1.8vw,1.25rem);line-height:1.75}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:5rem clamp(1.5rem,5vw,4rem);position:relative}@media (width<=640px){section{padding:3.5rem 1.25rem}}.section-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted);margin-bottom:16px;font-size:12px;font-weight:600}.section-heading{margin-bottom:16px}.section-sub{color:var(--color-text-muted);max-width:560px;font-size:clamp(1rem,1.2vw,1.2rem)}.section-sub.centered{margin:0 auto}.text-center{text-align:center}.btn{font-family:var(--font-heading);transition:all .4s var(--ease-smooth);white-space:nowrap;cursor:pointer;letter-spacing:.02em;border-radius:24px 4px;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--color-blue);color:#fff;border:none;box-shadow:0 4px 14px #0000004d}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000 25%,#ffffff1f 50%,#0000 75%);width:200%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:var(--color-blue-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0006}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-ghost{color:var(--color-text-primary);-webkit-backdrop-filter:blur(8px);background:0 0;border:1px solid #ffffff1f}.btn-ghost:before{content:"";background:linear-gradient(90deg,#0000 25%,#ffffff0f 50%,#0000 75%);width:200%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-ghost:hover:before{left:100%}.btn-ghost:hover{background:#2563eb1a;border-color:#fff3;transform:translateY(-2px)}.btn-text{color:var(--color-blue-electric);font-size:15px;font-weight:600;font-family:var(--font-heading);background:0 0;border:none;gap:8px;padding:0}.btn-text:hover{color:#fff;gap:12px}.btn-text svg{transition:all .3s var(--ease-smooth)}.btn-text:hover svg{transform:translate(4px)}.card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);transition:all .4s var(--ease-smooth);will-change:transform;background:#1a1f2999;border:1px solid #ffffff14;padding:32px}.card:hover{background:#1a1f29e6;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 10px 40px #00000080}.tag{font-family:var(--font-heading);color:var(--color-text-primary);background:#ffffff12;border-radius:100px;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes gradientPan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-text-animated{background:linear-gradient(270deg,#60a5fa,#3b82f6,#2563eb,#60a5fa) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientPan}.divider{background:var(--color-border);width:100%;height:1px}.section-divider{width:100%;height:1px;box-shadow:none;background:linear-gradient(90deg,#0000 0%,#ffffff0d 20%,#ffffff26 50%,#ffffff0d 80%,#0000 100%);margin:0 auto}.particle-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{will-change:transform;animation:30s linear infinite marquee-scroll;display:flex}@keyframes beam-draw{0%{width:0%}to{width:100%}}@keyframes orbit{0%{transform:rotate(0)translate(160px)rotate(0)}to{transform:rotate(360deg)translate(160px)rotate(-360deg)}}@keyframes fill-bar{0%{width:0%}to{width:var(--fill)}}@keyframes floatOrb{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes pulseGlow{0%{opacity:.4;filter:blur(60px)}50%{opacity:.7;filter:blur(80px)}to{opacity:.4;filter:blur(60px)}}.hero-orb-1{pointer-events:none;z-index:0;background:radial-gradient(circle,#2563eb26 0%,#0000 60%);width:45vw;max-width:600px;height:45vw;max-height:600px;animation:15s ease-in-out infinite floatOrb,10s ease-in-out infinite pulseGlow;position:absolute;top:10%;left:20%}.hero-orb-2{pointer-events:none;z-index:0;background:radial-gradient(circle,#60a5fa1f 0%,#0000 60%);width:35vw;max-width:500px;height:35vw;max-height:500px;animation:20s ease-in-out infinite reverse floatOrb,12s ease-in-out infinite pulseGlow;position:absolute;bottom:10%;right:10%}.hero-orb-3{pointer-events:none;z-index:0;background:radial-gradient(circle,#1d4ed81a 0%,#0000 60%);width:30vw;max-width:400px;height:30vw;max-height:400px;animation:18s ease-in-out 2s infinite floatOrb,14s ease-in-out 2s infinite pulseGlow;position:absolute;top:40%;left:60%}.hero-video-container{z-index:0;background:var(--color-deep-dark);position:absolute;inset:0;overflow:hidden}.hero-video{object-fit:cover;pointer-events:none;will-change:opacity;width:auto;min-width:100%;height:auto;min-height:100%;transition:opacity 1.2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-video-overlay{pointer-events:none;z-index:1;background:linear-gradient(#000c 0%,#0000 28%),linear-gradient(#0000 68%,#000000e0 100%),linear-gradient(90deg,#0000 60%,#00000059 100%),linear-gradient(#00000061 0%,#00000047 50%,#0000006b 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hero-video{display:none}}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-deep-dark)}::-webkit-scrollbar-thumb{background:var(--color-soft-dark);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#163faf}::selection{color:#fff;background:#1237d833}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}
