@import"https://fonts.googleapis.com/css2?family=Clash+Display:wght@400;600;700&family=Synonym:wght@400;600&family=JetBrains+Mono:wght@400&display=swap";:root{--bg-dark: oklch(10% .05 285);--bg-primary: oklch(10% .05 285);--bg-secondary: oklch(15% .04 285);--text-primary: oklch(100% 0 0);--text-secondary: oklch(100% 0 0 / 60%);--text-muted: oklch(100% 0 0 / 40%);--accent-violet: oklch(60% .3 285);--accent-cyan: oklch(80% .15 200);--accent-pink: oklch(65% .25 340);--glass-surface: oklch(100% 0 0 / 2%);--glass-border: oklch(100% 0 0 / 10%);--card-bg: oklch(100% 0 0 / 3%);--card-border: oklch(100% 0 0 / 8%);--font-hero: "Clash Display", sans-serif;--font-body: "Synonym", sans-serif;--font-code: "JetBrains Mono", monospace;--mouse-x: 50%;--mouse-y: 50%;--transition-theme: .4s cubic-bezier(.23, 1, .32, 1)}[data-theme=light]{--bg-dark: oklch(98% .01 285);--bg-primary: oklch(98% .01 285);--bg-secondary: oklch(95% .02 285);--text-primary: oklch(15% .05 285);--text-secondary: oklch(15% .05 285 / 70%);--text-muted: oklch(15% .05 285 / 50%);--accent-violet: oklch(50% .25 285);--accent-cyan: oklch(55% .15 200);--accent-pink: oklch(55% .22 340);--glass-surface: oklch(0% 0 0 / 3%);--glass-border: oklch(0% 0 0 / 8%);--card-bg: oklch(100% 0 0 / 80%);--card-border: oklch(0% 0 0 / 10%)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;margin:0;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-theme),color var(--transition-theme)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-content{position:fixed;top:-100px;left:50%;transform:translate(-50%);background:var(--accent-cyan);color:#000;padding:1rem 2rem;border-radius:0 0 12px 12px;font-weight:700;font-family:var(--font-hero);text-decoration:none;z-index:9999;transition:top .3s}.skip-to-content:focus{top:0;outline:none}.mesh-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;background:radial-gradient(at 0% 0%,oklch(15% .08 285) 0,transparent 50%),radial-gradient(at 50% 0%,oklch(25% .1 220) 0,transparent 50%),radial-gradient(at 100% 0%,oklch(20% .12 340) 0,transparent 50%);background-size:200% 200%;animation:mesh-move 20s ease infinite alternate}.mesh-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mesh-orb{position:fixed;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.35;animation:float-orb 20s ease-in-out infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.orb-1{top:-10%;left:-10%;width:800px;height:800px;background:var(--accent-violet);animation-delay:0s}.orb-2{bottom:-10%;right:-10%;width:900px;height:900px;background:var(--accent-cyan);animation-delay:-5s}.orb-3{top:30%;left:50%;width:500px;height:500px;background:var(--accent-pink);animation-delay:-10s}@keyframes float-orb{0%{transform:translate(0) rotate(0) scale(1.1)}33%{transform:translate(150px,80px) rotate(120deg) scale(1.2)}66%{transform:translate(-80px,150px) rotate(240deg) scale(1)}to{transform:translate(0) rotate(360deg) scale(1.1)}}@keyframes mesh-move{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}h1{font-family:var(--font-hero);font-size:clamp(3.5rem,12vw,9rem);font-weight:700;line-height:.9;letter-spacing:-.05em;margin:0;background:linear-gradient(180deg,#fff 20%,#fff6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 20px 40px oklch(0% 0 0 / 50%))}h2{font-family:var(--font-hero);font-size:clamp(2.5rem,6vw,4rem);margin-bottom:2rem;letter-spacing:-.03em;line-height:1}.tilt-card{background:#ffffff08;border:1px solid oklch(100% 0 0 / 12%);border-radius:clamp(24px,5vw,48px);padding:clamp(1.5rem,6vw,4.5rem);-webkit-backdrop-filter:blur(50px) saturate(200%);backdrop-filter:blur(50px) saturate(200%);box-shadow:0 40px 100px #000000b3,inset 0 0 0 1px #ffffff1a;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.23,1,.32,1);position:relative}.tilt-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),oklch(100% 0 0 / 5%) 0%,transparent 60%);border-radius:inherit;pointer-events:none;z-index:10}.tilt-content{transform:translateZ(80px)}.glowing-btn{position:relative;padding:1.4rem 4rem;background:#fff;color:#000;font-family:var(--font-hero);font-weight:700;font-size:1rem;text-transform:uppercase;border-radius:100px;text-decoration:none;overflow:hidden;transition:all .6s cubic-bezier(.19,1,.22,1);border:none;cursor:pointer;display:inline-block;letter-spacing:.1em;will-change:transform}.glowing-btn:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 40px #00d7e066,0 0 80px #00d7e01a;box-shadow:0 15px 40px oklch(80% .15 200 / 40%),0 0 80px oklch(80% .15 200 / 10%);background:var(--accent-cyan)}.glowing-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,oklch(100% 0 0 / 80%),transparent);transition:all .8s cubic-bezier(.19,1,.22,1)}.glowing-btn:hover:before{left:100%}.glowing-btn:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:4px}.nav-glass{position:fixed;top:2rem;left:50%;transform:translate(-50%);background:#030113b3;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid oklch(100% 0 0 / 15%);padding:.8rem 3rem;border-radius:100px;z-index:100;display:flex;gap:4rem;align-items:center;box-shadow:0 10px 40px #0000007f}.nav-glass:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),oklch(100% 0 0 / 8%) 0%,transparent 40%);border-radius:100px;pointer-events:none}.stat-pill{background:#00d7e026;background:oklch(80% .15 200 / 15%);border:1px solid oklch(80% .15 200 / 30%);padding:.6rem 1.4rem;border-radius:100px;font-family:var(--font-code);font-size:.7rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.15em;font-weight:700;position:relative;overflow:hidden}.stat-pill:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,oklch(80% .15 200 / 40%),transparent);animation:scan 3s linear infinite}@keyframes scan{0%{left:-100%}to{left:200%}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;padding:8rem 0}.feature-card{background:#ffffff05;border:1px solid oklch(100% 0 0 / 8%);border-radius:32px;padding:3.5rem;transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);animation:reveal 1s cubic-bezier(.23,1,.32,1) forwards}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.feature-card:hover{background:#ffffff0d;transform:translateY(-15px) scale(1.03);border-color:#ffffff40;box-shadow:0 30px 60px #0006}.feature-card:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:4px}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),oklch(100% 0 0 / 10%) 0%,transparent 60%);opacity:0;transition:opacity .4s}.feature-card:hover:before{opacity:1}.pulse-line{animation:dash-flow 1s linear infinite;stroke-dasharray:5}@keyframes dash-flow{to{stroke-dashoffset:-10}}@media(max-width:768px){.nav-glass{width:90%;gap:1rem;padding:.8rem 1.5rem;justify-content:space-between}.nav-glass a,.nav-glass .stat-pill{display:none}.nav-glass div:first-child{display:flex;width:100%;align-items:center;justify-content:center}h1{font-size:3.5rem}p{font-size:1.1rem!important}.feature-grid{grid-template-columns:1fr;gap:2rem}.feature-card{padding:2rem}.glowing-btn,.secondary-btn{padding:1.2rem 2.5rem!important;width:100%;display:block;text-align:center;box-sizing:border-box}header div[style*=flex]{flex-direction:column;gap:1rem;align-items:center}}