:root{--font-body: "Outfit", sans-serif;--font-mono: "Space Grotesk", sans-serif;--bg-deep: #020617;--bg-surface: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-glow: #0ea5e9;--accent-secondary: #8b5cf6;--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(14, 165, 233, .4);--shadow-glow: 0 0 50px rgba(14, 165, 233, .25);--glass-bg: rgba(15, 23, 42, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-deep);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.ambient-mesh{position:fixed;top:-50%;left:-50%;width:200vw;height:200vh;z-index:-1;background:radial-gradient(circle at 30% 70%,rgba(14,165,233,.15) 0%,transparent 40%),radial-gradient(circle at 70% 30%,rgba(139,92,246,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(2,6,23,.8) 0%,transparent 100%);animation:breathe 25s ease-in-out infinite alternate;pointer-events:none}@keyframes breathe{0%{transform:scale(1) translate(0) rotate(0)}50%{transform:scale(1.15) translate(3%,4%) rotate(2deg)}to{transform:scale(1) translate(-2%,-3%) rotate(-1deg)}}h1{font-family:var(--font-body);font-size:88px;font-weight:700;letter-spacing:-.04em;line-height:1.05;margin-bottom:24px;color:#fff;text-shadow:0 0 40px rgba(14,165,233,.8),0 0 80px rgba(139,92,246,.5)}h2{font-family:var(--font-body);font-size:56px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:32px}h3{font-family:var(--font-body);font-size:32px;font-weight:500;letter-spacing:-.02em;margin-bottom:20px}p{font-size:24px;color:var(--text-secondary);max-width:800px;margin:0 auto;line-height:1.5;font-weight:300}.eyebrow{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--accent-glow);letter-spacing:.25em;text-transform:uppercase;margin-bottom:24px;display:block;text-shadow:0 0 12px rgba(14,165,233,.4)}.section-padding{padding:180px 24px;max-width:1200px;margin:0 auto;position:relative}.hero-padding{padding:240px 24px 160px;max-width:1040px;margin:0 auto;text-align:center;position:relative}.nav-link{position:relative;transition:all .3s ease;padding:8px 16px;border-radius:8px}.nav-link:hover{text-shadow:0 0 16px rgba(14,165,233,.6);color:var(--text-primary)!important;background:#ffffff08}.page-transition{animation:slideUpFade 1.6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes slideUpFade{0%{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}.nav-blur{background:#02061799;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:fixed;top:0;width:100%;z-index:1001;border-bottom:1px solid var(--border-glass)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:40px;padding:64px;border:1px solid var(--border-glass);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.05) 0%,transparent 60%);pointer-events:none}.glass-card:hover{transform:translateY(-8px) scale(1.01);background:#141e32b3;border-color:var(--border-glass-hover);box-shadow:var(--shadow-glow),0 16px 48px #0009,inset 0 1px #ffffff26}.btn-primary{background:linear-gradient(135deg,var(--accent-glow) 0%,var(--accent-secondary) 100%);color:#fff;padding:18px 40px;border-radius:999px;font-family:var(--font-mono);font-weight:600;text-decoration:none;font-size:16px;letter-spacing:.05em;border:none;cursor:pointer;box-shadow:0 4px 14px #0ea5e94d,inset 0 1px #fff3;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 8px 24px #0ea5e980,inset 0 1px #fff6}.btn-primary:hover:after{left:100%}.btn-secondary{color:var(--text-secondary);font-family:var(--font-mono);font-size:18px;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:none;border:none;transition:all .3s ease}.btn-secondary:hover{color:var(--accent-glow);transform:translate(4px)}.benchmark-table{width:100%;border-collapse:collapse;margin:64px 0;font-family:var(--font-mono);font-size:16px;background:#02061799;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;overflow:hidden;border:1px solid var(--border-glass)}.benchmark-table th{text-align:left;color:var(--accent-glow);padding:24px 32px;border-bottom:1px solid var(--border-glass);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:13px;background:#ffffff05}.benchmark-table td{padding:24px 32px;border-bottom:1px solid var(--border-glass);color:var(--text-primary);transition:background .2s ease}.benchmark-table tr:hover td{background:#ffffff05}.benchmark-table tr:last-child td{border:none;cursor:pointer}.video-container{width:100%;border-radius:32px;overflow:hidden;background:#000;border:1px solid var(--border-glass);margin:64px 0;box-shadow:0 40px 80px #0009;position:relative}.video-container:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:32px;pointer-events:none}video{width:100%;display:block}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:40px;margin-top:80px}footer{padding:120px 24px;border-top:1px solid var(--border-glass);text-align:center;margin-top:80px}@media(max-width:768px){h1{font-size:40px}h2{font-size:32px}p{font-size:16px}.section-padding{padding:80px 16px}.hero-padding{padding:140px 16px 60px}.glass-card{padding:32px 24px}.grid-3{grid-template-columns:1fr;gap:24px;margin-top:48px}.nav-blur{position:absolute;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.nav-blur>div{flex-direction:column;height:auto!important;padding:16px!important;gap:16px}.nav-blur>div>div{width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:8px}.benchmark-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px}.benchmark-table th,.benchmark-table td{padding:16px;white-space:nowrap}.video-container{border-radius:16px;margin:32px 0}}@media(max-width:480px){h1{font-size:32px}.btn-primary,.btn-secondary{width:100%;text-align:center;box-sizing:border-box}}
