*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--bg2: #0a0a0a;--surface: #0f0f0f;--surface2: #161616;--border: #1f1f1f;--border-bright: #2a2a2a;--accent: #3b82f6;--accent-2: #3b82f6;--accent-3: #3b82f6;--accent-glow: rgba(59, 130, 246, .45);--accent-glow-soft: rgba(59, 130, 246, .18);--accent2: #3b82f6;--accent3: #3b82f6;--green: #3b82f6;--text: #f5f5f5;--text2: #a8a8a8;--text3: #6e6e6e;--font-display: "Geist", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-body: "Geist", system-ui, -apple-system, sans-serif;--font-cinematic: "Bebas Neue", "Geist", system-ui, sans-serif;--font-syne: "Syne Mono", "Geist Mono", ui-monospace, monospace}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;cursor:auto;user-select:text;-webkit-user-select:text;-moz-user-select:text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}html{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.45) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f68c,#6366f18c);border-radius:100px;border:2px solid transparent;background-clip:padding-box;transition:background-color .2s}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6d9,#6366f1d9);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}#root>main{flex:1 0 auto}#root>footer{flex-shrink:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}@media (hover: hover) and (pointer: fine){body,a,button,[role=button],input,textarea,select{cursor:none}}@media (hover: none){body{cursor:auto!important}a,button,[role=button]{cursor:pointer!important}}.cursor{width:18px;height:18px;border-radius:50%;position:fixed;pointer-events:none;z-index:9999;top:0;left:0;background:#fff;mix-blend-mode:difference;transition:transform .18s cubic-bezier(.16,1,.3,1);transform:translate3d(-50%,-50%,0);will-change:transform}.cursor-follower{width:38px;height:38px;border:1px solid rgba(59,130,246,.45);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;top:0;left:0;transform:translate3d(-50%,-50%,0);transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,opacity .3s ease;will-change:transform}.cursor.is-hover{transform:translate3d(-50%,-50%,0) scale(2.2);background:var(--accent);mix-blend-mode:normal}.cursor-follower.is-hover{width:64px;height:64px;border-color:#3b82f68c}@media (hover: none){.cursor,.cursor-follower{display:none!important}}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9990;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.scanline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9991;opacity:.04;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.6) 0px,rgba(255,255,255,.6) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:#3b82f64d;color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width: 768px){.container{padding:0 20px}}@media (max-width: 480px){.container{padding:0 16px}}.section{padding:120px 0}@media (max-width: 1024px){.section{padding:100px 0}}@media (max-width: 768px){.section{padding:72px 0}}@media (max-width: 480px){.section{padding:56px 0}}.section-label{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px;text-shadow:0 0 12px rgba(59,130,246,.35)}.section-label:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.section-title{font-family:var(--font-display);font-size:clamp(32px,5.5vw,64px);font-weight:600;line-height:1.02;letter-spacing:-.035em;color:var(--text)}.grid-bg{background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:64px 64px;background-position:center top}.hero-spotlight{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 70% 0%,rgba(59,130,246,.14),transparent 60%),radial-gradient(ellipse 60% 50% at 20% 30%,rgba(59,130,246,.1),transparent 70%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(59,130,246,.08),transparent 70%);mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%)}.section-num{font-family:var(--font-mono);font-size:11px;color:var(--text3);letter-spacing:.16em;margin-right:4px}.tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;border:1px solid}.tag-cyan,.tag-green{color:var(--accent);border-color:#3b82f64d;background:#3b82f614}.phone-frame{width:220px;height:440px;border:1px solid var(--border-bright);border-radius:36px;background:#0c0c0c;position:relative;overflow:hidden;box-shadow:0 0 0 6px #ffffff05,0 30px 60px #0009,0 0 60px #3b82f614,inset 0 0 0 1px #ffffff0a;flex-shrink:0}.phone-frame:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#ffffff26;border-radius:100px;z-index:10}@media (max-width: 480px){.phone-frame{width:180px;height:360px}}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:100px;font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.01em;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}@media (hover: none){.btn{cursor:pointer!important}}@media (max-width: 480px){.btn{padding:12px 22px;font-size:13px}}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-3) 50%,var(--accent-2) 100%);color:#04070a;border:1px solid transparent;box-shadow:0 0 0 1px #3b82f633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #3b82f659,0 0 80px #3b82f633}.btn-outline{border:1px solid rgba(59,130,246,.25);color:var(--text);background:#3b82f608;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-outline:hover{border-color:#3b82f68c;color:var(--accent);transform:translateY(-2px);box-shadow:0 0 30px #3b82f633}.glass{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-radius:16px}.glass-hover{transition:border-color .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),background .35s cubic-bezier(.16,1,.3,1)}.glass-hover:hover{border-color:#3b82f659;background:#3b82f60a;box-shadow:0 0 0 1px #3b82f633,0 20px 60px #00000080,0 0 50px #3b82f62e;transform:translateY(-4px)}.glass-frost{background:#ffffff0e;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border-radius:16px;box-shadow:inset 0 1px #ffffff26,inset 0 0 0 1px #ffffff0a,inset 0 -1px #ffffff08,0 24px 60px #0000008c}.glass-frost-hover{transition:border-color .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),background .35s cubic-bezier(.16,1,.3,1)}.glass-frost-hover:hover{border-color:#3b82f64d;background:#ffffff12;box-shadow:inset 0 1px #fff3,inset 0 0 0 1px #3b82f62e,inset 0 -1px #ffffff0a,0 30px 70px #0009,0 0 40px #3b82f61f}.neon-text{background:linear-gradient(135deg,#60a5fa 0%,var(--accent) 50%,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(59,130,246,.35))}.cinematic-display{font-family:var(--font-cinematic);letter-spacing:.005em;line-height:.86;text-transform:uppercase}.interactive-card{text-align:left}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[role=tab]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.interactive-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;top:-100px;left:16px;padding:10px 16px;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:13px;font-weight:600;border-radius:8px;text-decoration:none;z-index:10000;transition:top .18s cubic-bezier(.16,1,.3,1)}.skip-link:focus{top:12px;outline:2px solid #fff;outline-offset:2px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-bright),transparent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(2);opacity:0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes neon-pulse{0%,to{box-shadow:0 0 18px #3b82f640,0 0 36px #3b82f61f}50%{box-shadow:0 0 28px #3b82f673,0 0 56px #3b82f640}}@keyframes scroll-bounce{0%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(8px);opacity:.35}}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:8px}.marquee{position:relative;overflow:hidden;width:100%}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.marquee:before{left:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%)}.marquee:after{right:0;background:linear-gradient(-90deg,var(--bg) 0%,transparent 100%)}.marquee-track{display:flex;gap:10px;width:max-content;animation:marquee 45s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.cat-carousel{position:relative;width:100%}.cat-carousel:before,.cat-carousel:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.cat-carousel:before{left:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%)}.cat-carousel:after{right:0;background:linear-gradient(-90deg,var(--bg) 0%,transparent 100%)}.cat-carousel-track{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.cat-carousel-track::-webkit-scrollbar{display:none}@keyframes intro-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.intro-stagger>*{opacity:0;animation:intro-fade-up .8s cubic-bezier(.16,1,.3,1) forwards}.intro-stagger>*:nth-child(1){animation-delay:.1s}.intro-stagger>*:nth-child(2){animation-delay:.25s}.intro-stagger>*:nth-child(3){animation-delay:.4s}.intro-stagger>*:nth-child(4){animation-delay:.55s}.intro-stagger>*:nth-child(5){animation-delay:.7s}.intro-stagger>*:nth-child(6){animation-delay:.85s}.intro-stagger>*:nth-child(7){animation-delay:1s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto!important}.intro-stagger>*,.marquee-track{opacity:1!important;transform:none!important}.noise-overlay,.scanline-overlay{display:none!important}.skeleton{animation:none!important;background:var(--surface2)!important}}.skip-to-content{position:fixed;top:12px;left:12px;z-index:10000;padding:10px 16px;border-radius:10px;background:var(--accent);color:#04070a;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transform:translateY(-200%);transition:transform .2s cubic-bezier(.16,1,.3,1)}.skip-to-content:focus,.skip-to-content:focus-visible{transform:translateY(0);outline:2px solid var(--text);outline-offset:2px}:where(a,button,[role=button],input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}main:focus{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}