:root{--brand-cyan:#18a3d8;--brand-cyan-dark:#0e77a1;--brand-cyan-glow:#18a3d840;--brand-cyan-bright:#37b4e3;--on-cyan:#04151e;--brand-slate:#4f677a;--brand-amber:#f59e0b;--bg-dark:#0a1628;--bg-dark-2:#0f1e35;--bg-dark-card:#152035;--bg-dark-card-hover:#1a2845;--bg-light:#f0f4f8;--bg-light-card:#fff;--text-primary:#f1f5f9;--text-muted:#7a9bb5;--text-accent:#18a3d8;--text-dark:#1e293b;--text-dark-muted:#64748b;--font-heading:"Sora", sans-serif;--font-body:"Inter", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--space-4xl:6rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-glow:0 0 2rem #18a3d833;--shadow-card:0 1rem 2rem #0000004d;--shadow-elevated:0 1.5rem 3rem #00000080;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}.cinematic-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100dvh;overflow-y:scroll}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.snap-section{scroll-snap-align:start;min-height:100dvh}.btn-primary{align-items:center;gap:var(--space-sm);background:var(--brand-cyan);color:var(--on-cyan);font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s;white-space:nowrap;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:700;display:inline-flex}.btn-primary:hover{background:var(--brand-cyan-bright);box-shadow:var(--shadow-glow);transform:translateY(-.125rem)}.btn-secondary{align-items:center;gap:var(--space-sm);color:var(--text-primary);font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;transition:border-color .2s, background .2s, transform .2s var(--ease-out);background:0 0;border:1px solid #fff3;padding:.875rem 2rem;font-size:1rem;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--brand-cyan);background:#18a3d814;transform:translateY(-.125rem)}.container{width:100%;max-width:75rem;padding:0 var(--space-xl);margin:0 auto}.heading-xl{font-family:var(--font-heading);letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.05}.heading-lg{font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:700;line-height:1.1}.heading-md{font-family:var(--font-heading);font-size:clamp(1.3rem,2.5vw,2rem);font-weight:600;line-height:1.2}.text-gradient-cyan{background:linear-gradient(135deg, var(--brand-cyan) 0%, #7dd4f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-multi{background:linear-gradient(135deg, #fff 0%, var(--brand-cyan) 50%, #7dd4f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{border-radius:var(--radius-full);color:var(--brand-cyan);letter-spacing:.05em;text-transform:uppercase;background:#18a3d81f;border:1px solid #18a3d84d;align-items:center;gap:.375rem;padding:.375rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--brand-cyan);border-radius:50%;width:.4rem;height:.4rem;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.svg-mask-bottom{width:100%;line-height:0;position:absolute;bottom:-1px;left:0;overflow:hidden}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--brand-slate);border-radius:var(--radius-full)}.noise-overlay{pointer-events:none;z-index:0;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)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.grid-lines{pointer-events:none;background-image:linear-gradient(#18a3d80a 1px,#0000 1px),linear-gradient(90deg,#18a3d80a 1px,#0000 1px);background-size:4rem 4rem;position:absolute;inset:0}@media (width<=48rem){.container{padding:0 var(--space-lg)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-size:.95rem}}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:.1875rem solid var(--brand-cyan);outline-offset:.1875rem;border-radius:.25rem}.skip-link{z-index:200;background:var(--brand-cyan);color:var(--on-cyan);border-radius:0 0 var(--radius-md) 0;padding:.75rem 1.25rem;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.badge-dot{animation:none}video{display:none!important}}
