@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --theme-accent: #00F0FF;
  --theme-accent-rgb: 0, 240, 255;
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-gutter: stable; }
body {
  margin: 0;
  background: #050505;
  color: #fff;
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  min-height: 100dvh;
}
a { text-decoration: none; color: inherit; }
button { cursor: pointer; border: none; background: none; padding: 0; font: inherit; color: inherit; }
img, svg { max-width: 100%; height: auto; display: block; }
h1,h2,h3 { margin: 0; overflow-wrap: break-word; }
p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }

#splash {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #050505;
  display: flex;
  align-items: center;
  justify-content: center;
}
#splash.exit {
  animation: splashExit 0.7s cubic-bezier(0.4,0,0.2,1) forwards;
  pointer-events: none;
}
@keyframes splashExit { from{opacity:1} to{opacity:0} }

.splash-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  animation: splashIn 0.9s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes splashIn { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }

.splash-wordmark {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.6rem;
  font-family: var(--font-display);
  font-size: clamp(2.8rem,6vw,3.8rem);
  font-weight: 600;
  letter-spacing: -0.04em;
  color: #fff;
  line-height: 1;
}
.splash-wordmark img { width:100px; height:100px; margin-top:-49px; margin-right:-15px; object-fit:contain; }
.splash-wordmark .dim { color: rgba(255,255,255,0.25); }
.splash-bar-wrap { width:200px; display:flex; flex-direction:column; gap:0.5rem; align-items:center; }
.splash-track { width:100%; height:2px; background:rgba(255,255,255,0.06); border-radius:99px; overflow:hidden; }
.splash-fill {
  height:100%;
  background: linear-gradient(90deg, rgba(var(--theme-accent-rgb),0.4) 0%, var(--theme-accent) 60%, rgba(var(--theme-accent-rgb),0.6) 100%);
  border-radius:99px;
  animation: barFill 2.8s 0.7s cubic-bezier(0.4,0,0.2,1) both;
}
@keyframes barFill { from{width:0%} to{width:100%} }
.splash-status { font-family:var(--font-mono); font-size:10px; color:rgba(255,255,255,0.2); letter-spacing:0.15em; text-transform:uppercase; }
.splash-grid {
  position:absolute; inset:0; pointer-events:none; opacity:0.2;
  background-image: linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);
  background-size:32px 32px;
}
.splash-radial {
  position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(0,240,255,0.04) 0%, transparent 70%);
}

#navbar {
  position: fixed; top:0; width:100%; z-index:50;
  transition: background 0.5s, border-color 0.5s, box-shadow 0.5s;
}
#navbar.scrolled {
  background: rgba(5,5,5,0.9);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(255,255,255,0.05);
  box-shadow: 0 4px 30px rgba(0,0,0,0.5);
}
.nav-inner {
  max-width:1280px; margin:0 auto; padding:0 1rem;
  height:64px; display:flex; align-items:center; justify-content:space-between; position:relative;
}
@media(min-width:640px){ .nav-inner{height:80px; padding:0 1.5rem;} }

.brand { display:flex; align-items:center; gap:0.75rem; }
.brand-logo { width:30px; height:30px; object-fit:contain; margin-right:-13px; margin-top:-14px; margin-bottom:-10px; }
.brand-text { font-family:var(--font-display); font-weight:600; font-size:1.25rem; letter-spacing:-0.025em; color:#fff; transform:translateY(4px); display:inline-block; }
.brand-text .dim { color:rgba(255,255,255,0.4); }

.nav-center { display:none; align-items:center; gap:0.25rem; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
@media(min-width:768px){ .nav-center{display:flex;} }

.nav-link { display:flex; align-items:center; gap:0.375rem; padding:0.5rem 1rem; border-radius:0.5rem; font-size:0.875rem; font-weight:500; color:rgba(255,255,255,0.5); transition:color 0.2s, background 0.2s; }
.nav-link:hover, .nav-link.active { color:#fff; background:rgba(255,255,255,0.05); }
.nav-link .dot { width:4px; height:4px; border-radius:50%; background:var(--theme-accent); }

.dropdown-wrap { position:relative; }
.dropdown-btn { display:flex; align-items:center; gap:0.375rem; padding:0.5rem 1rem; border-radius:0.5rem; font-size:0.875rem; font-weight:500; color:rgba(255,255,255,0.5); transition:color 0.2s, background 0.2s; }
.dropdown-btn:hover, .dropdown-btn.open { color:#fff; background:rgba(255,255,255,0.05); }
.dropdown-btn .chevron { width:14px; height:14px; transition:transform 0.2s; }
.dropdown-btn.open .chevron { transform:rotate(180deg); }

.dropdown-menu {
  position:absolute; top:calc(100% + 0.5rem); left:0; width:18rem;
  background:rgba(17,17,17,0.97); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,0.08); border-radius:1rem;
  box-shadow:0 20px 60px rgba(0,0,0,0.6); padding:0.5rem;
  opacity:0; transform:translateY(8px) scale(0.97); pointer-events:none;
  transition:opacity 0.15s, transform 0.15s;
}
.dropdown-menu::before { content:''; display:block; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,rgba(var(--theme-accent-rgb),0.4),transparent); }
.dropdown-menu.open { opacity:1; transform:translateY(0) scale(1); pointer-events:all; }

.dropdown-item { display:flex; align-items:center; gap:0.75rem; padding:0.75rem; border-radius:0.75rem; transition:background 0.15s; }
.dropdown-item:hover { background:rgba(255,255,255,0.05); }
.dropdown-icon { width:36px; height:36px; border-radius:0.5rem; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background 0.15s, border-color 0.15s; }
.dropdown-item:hover .dropdown-icon { background:rgba(var(--theme-accent-rgb),0.1); border-color:rgba(var(--theme-accent-rgb),0.2); }
.dropdown-icon svg { width:16px; height:16px; color:rgba(255,255,255,0.5); transition:color 0.15s; }
.dropdown-item:hover .dropdown-icon svg { color:var(--theme-accent); }
.dropdown-item-name { font-size:0.875rem; font-weight:500; color:#fff; }
.dropdown-item-desc { font-size:0.75rem; color:rgba(255,255,255,0.4); }

.nav-cta { display:none; align-items:center; gap:0.75rem; }
@media(min-width:768px){ .nav-cta{display:flex;} }

.lang-toggle { display:flex; align-items:center; gap:0.25rem; height:36px; padding:0 0.75rem; border-radius:0.75rem; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.05); font-family:var(--font-mono); font-size:0.75rem; font-weight:500; letter-spacing:0.1em; transition:background 0.15s; min-height:unset; min-width:unset; }
.lang-toggle:hover { background:rgba(255,255,255,0.1); }
.lang-sep { color:rgba(255,255,255,0.2); }
.lang-opt { color:rgba(255,255,255,0.25); }
.lang-opt.active { color:#fff; }

.login-link { font-size:0.875rem; font-weight:500; color:rgba(255,255,255,0.6); transition:color 0.15s; padding:0.5rem 0.75rem; }
.login-link:hover { color:#fff; }

.signup-btn { position:relative; height:36px; padding:0 1.25rem; border-radius:0.75rem; background:#fff; color:#000; font-weight:600; font-size:0.875rem; overflow:hidden; display:flex; align-items:center; transition:box-shadow 0.3s; }
.signup-btn::before { content:''; position:absolute; inset:0; background:var(--theme-accent); transform:scaleX(0); transform-origin:left; transition:transform 0.3s ease; }
.signup-btn:hover::before { transform:scaleX(1); }
.signup-btn:hover { box-shadow:0 0 20px rgba(var(--theme-accent-rgb),0.4); }
.signup-btn span { position:relative; z-index:1; }

.hamburger-btn { display:flex; width:36px; height:36px; border-radius:0.5rem; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.05); align-items:center; justify-content:center; color:rgba(255,255,255,0.7); transition:color 0.15s; min-height:unset; min-width:unset; }
.hamburger-btn:hover { color:#fff; }
@media(min-width:768px){ .hamburger-btn{display:none;} }

#mobile-menu {
  position:fixed; left:0; right:0; top:64px; z-index:40;
  background:rgba(5,5,5,0.97); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(255,255,255,0.05);
  box-shadow:0 20px 40px rgba(0,0,0,0.5);
  opacity:0; transform:translateY(-10px); pointer-events:none;
  transition:opacity 0.2s, transform 0.2s;
}
#mobile-menu.open { opacity:1; transform:translateY(0); pointer-events:all; }
@media(min-width:640px){ #mobile-menu{top:80px;} }
@media(min-width:768px){ #mobile-menu{display:none!important;} }
.mobile-menu-inner { padding:1rem; display:flex; flex-direction:column; gap:0.25rem; }
.mobile-nav-link { display:flex; align-items:center; gap:0.75rem; padding:0.75rem 1rem; border-radius:0.75rem; color:rgba(255,255,255,0.8); font-weight:500; transition:background 0.15s, color 0.15s; }
.mobile-nav-link:hover { background:rgba(255,255,255,0.05); color:#fff; }
.mobile-nav-label { padding:0.5rem 1rem 0.25rem; font-family:var(--font-mono); font-size:10px; text-transform:uppercase; letter-spacing:0.1em; color:rgba(255,255,255,0.3); }
.mobile-nav-link svg { width:16px; height:16px; color:var(--theme-accent); flex-shrink:0; }
.mobile-divider { border-top:1px solid rgba(255,255,255,0.05); margin-top:0.5rem; padding-top:1rem; display:flex; flex-direction:column; gap:0.5rem; }

#particles { position:fixed; inset:0; pointer-events:none; z-index:0; mix-blend-mode:screen; opacity:0.4; }
#em-waves { position:fixed; inset:0; pointer-events:none; z-index:0; }
#splash-waves { position:absolute; inset:0; pointer-events:none; z-index:0; }
#cursor-glow { position:fixed; pointer-events:none; z-index:9998; width:800px; height:800px; border-radius:50%; background:radial-gradient(circle, rgba(var(--theme-accent-rgb),0.08) 0%, transparent 65%); top:0; left:0; will-change:transform; mix-blend-mode:screen; }

.page-wrapper { min-height:100vh; display:flex; flex-direction:column; }
#main-content { flex:1; position:relative; margin-top:64px; }
@media(min-width:640px){ #main-content{margin-top:80px;} }

.mesh-bg { position:absolute; inset:0; z-index:-1; pointer-events:none; background-image: radial-gradient(circle at 40% 20%, rgba(var(--theme-accent-rgb),0.12) 0px, transparent 50%), radial-gradient(circle at 80% 0%, rgba(var(--theme-accent-rgb),0.04) 0px, transparent 50%), radial-gradient(circle at 0% 50%, rgba(var(--theme-accent-rgb),0.04) 0px, transparent 50%); }
.grid-bg { display:none; }
.grid-bg-fixed { display:none; }

.glass { background:rgba(18,18,18,0.7); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.06); box-shadow:0 4px 20px rgba(0,0,0,0.3); transition:border-color 0.3s, background 0.3s, transform 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s; }
.glass:hover { border-color:rgba(var(--theme-accent-rgb),0.25); background:rgba(24,24,24,0.85); transform:translateY(-2px); box-shadow:0 12px 40px rgba(0,0,0,0.5), 0 0 20px rgba(var(--theme-accent-rgb),0.08); }
.glass-panel { background:linear-gradient(180deg,rgba(22,22,22,0.7) 0%,rgba(8,8,8,0.9) 100%); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,0.07); box-shadow:inset 0 1px 0 rgba(255,255,255,0.04), 0 20px 40px rgba(0,0,0,0.6); transition:border-color 0.4s cubic-bezier(0.16,1,0.3,1), box-shadow 0.4s cubic-bezier(0.16,1,0.3,1), transform 0.4s cubic-bezier(0.16,1,0.3,1); will-change:transform; }
.glass-panel:hover { border-color:rgba(var(--theme-accent-rgb),0.3); box-shadow:inset 0 1px 0 rgba(255,255,255,0.07), 0 30px 60px rgba(0,0,0,0.8), 0 0 30px rgba(var(--theme-accent-rgb),0.1); transform:translateY(-3px); }

.text-accent { color:var(--theme-accent); }
.glow-text { text-shadow:0 0 30px rgba(var(--theme-accent-rgb),0.25); }
.gradient-text { background:linear-gradient(to right,#fff,var(--theme-accent)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.max-w-7xl { max-width:1280px; margin-left:auto; margin-right:auto; }
.max-w-6xl { max-width:1152px; margin-left:auto; margin-right:auto; }
.max-w-5xl { max-width:1024px; margin-left:auto; margin-right:auto; }
.max-w-4xl { max-width:896px; margin-left:auto; margin-right:auto; }
.px-section { padding-left:1rem; padding-right:1rem; }
@media(min-width:640px){ .px-section{padding-left:1.5rem;padding-right:1.5rem;} }

.fade-in-up   { animation:fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) both; }
.fade-in-up-1 { animation:fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.1s both; }
.fade-in-up-2 { animation:fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.2s both; }
.fade-in-up-3 { animation:fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.3s both; }
.fade-in-up-4 { animation:fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.4s both; }
.fade-in-up-5 { animation:fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.5s both; }
@keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }

.scroll-fade { opacity:0; transform:translateY(20px); transition:opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.6s cubic-bezier(0.16,1,0.3,1); }
.scroll-fade.visible { opacity:1; transform:translateY(0); }
.scroll-fade-d1 { transition-delay:0.08s; }
.scroll-fade-d2 { transition-delay:0.16s; }
.scroll-fade-d3 { transition-delay:0.24s; }
.scroll-fade-d4 { transition-delay:0.32s; }

.scroll-slide-left { opacity:0; transform:translateX(-30px); transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1); }
.scroll-slide-left.visible { opacity:1; transform:translateX(0); }
.scroll-slide-right { opacity:0; transform:translateX(30px); transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1); }
.scroll-slide-right.visible { opacity:1; transform:translateX(0); }
.scroll-scale { opacity:0; transform:scale(0.95); transition:opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.6s cubic-bezier(0.16,1,0.3,1); }
.scroll-scale.visible { opacity:1; transform:scale(1); }

@keyframes float { 0%,100%{transform:translateY(0px)} 50%{transform:translateY(-12px)} }
.animate-float { animation:float 6s ease-in-out infinite; }
.animate-float-slow { animation:float 9s ease-in-out infinite; }
.animate-float-fast { animation:float 4s ease-in-out infinite; }

@keyframes gradient-shift { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
.animated-gradient-text {
  background:linear-gradient(90deg,#fff 0%,var(--theme-accent) 30%,#fff 60%,var(--theme-accent) 90%);
  background-size:300% auto;
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  animation:gradient-shift 5s linear infinite;
}

@keyframes shimmer-sweep { from{left:-100%} to{left:200%} }
.btn-shimmer { position:relative; overflow:hidden; }
.btn-shimmer::after { content:''; position:absolute; top:-50%; left:-100%; width:50%; height:200%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent); transform:skewX(-20deg); }
.btn-shimmer:hover::after { animation:shimmer-sweep 0.6s ease forwards; }

@keyframes border-glow-pulse { 0%,100%{box-shadow:0 0 20px rgba(var(--theme-accent-rgb),.2)} 50%{box-shadow:0 0 40px rgba(var(--theme-accent-rgb),.45), 0 0 80px rgba(var(--theme-accent-rgb),.1)} }
.border-glow-anim { animation:border-glow-pulse 3s ease-in-out infinite; }

@keyframes spin-slow { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.spin-slow { animation:spin-slow 20s linear infinite; }

@keyframes blink-cursor { from,to{opacity:1} 50%{opacity:0} }
.typewriter-cursor { display:inline-block; width:3px; height:1em; background:var(--theme-accent); margin-left:2px; animation:blink-cursor 0.8s step-end infinite; vertical-align:text-bottom; border-radius:1px; }

.badge { display:inline-flex; align-items:center; gap:0.5rem; padding:0.375rem 0.75rem; border-radius:9999px; border:1px solid rgba(var(--theme-accent-rgb),0.3); background:rgba(var(--theme-accent-rgb),0.1); color:var(--theme-accent); font-family:var(--font-mono); font-size:0.75rem; letter-spacing:0.05em; text-transform:uppercase; }

.btn-primary { height:48px; padding:0 2rem; border-radius:0.75rem; background:#fff; color:#000; font-weight:600; font-size:0.875rem; display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; transition:background 0.3s, box-shadow 0.3s; }
.btn-primary:hover { background:var(--theme-accent); }
.btn-secondary { height:48px; padding:0 2rem; border-radius:0.75rem; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.05); color:#fff; font-weight:500; font-size:0.875rem; display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; transition:background 0.15s; }
.btn-secondary:hover { background:rgba(255,255,255,0.1); }
.btn-accent { background:var(--theme-accent); color:#000; font-weight:600; }
.btn-accent:hover { filter:brightness(1.1); }

.btn-glow { position:relative; }
.btn-glow::after { content:''; position:absolute; inset:-4px; border-radius:calc(0.75rem + 4px); background:rgba(var(--theme-accent-rgb),0.3); filter:blur(10px); opacity:0; transition:opacity .3s; z-index:-1; }
.btn-glow:hover::after { opacity:1; }

.section-label { font-family:var(--font-mono); font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; color:var(--theme-accent); font-weight:700; margin-bottom:.75rem; display:block; }

.hero-metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.07); border-radius:1rem; overflow:hidden; margin-top:2.5rem; }
@media(min-width:768px){ .hero-metrics{grid-template-columns:repeat(4,1fr);} }
.hero-metric { padding:1.25rem 1rem; background:#050505; display:flex; flex-direction:column; align-items:center; text-align:center; gap:.25rem; transition:background .3s; }
.hero-metric:hover { background:rgba(255,255,255,.02); }
.hero-metric-val { font-family:var(--font-display); font-size:1.5rem; color:#fff; letter-spacing:-.025em; font-weight:600; }
.hero-metric-unit { color:var(--theme-accent); font-size:1rem; }
.hero-metric-lbl { font-family:var(--font-mono); font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.35); }

.stats-grid { display:grid; gap:1px; background:rgba(255,255,255,.05); }
@media(min-width:640px){ .stats-grid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1024px){ .stats-grid{grid-template-columns:repeat(4,1fr);} }
.stats-cell { background:#050505; padding:2.5rem 2rem; display:flex; flex-direction:column; gap:.5rem; }
.stat-number { font-family:var(--font-display); font-size:clamp(2.5rem,5vw,3.5rem); font-weight:700; color:#fff; letter-spacing:-.04em; line-height:1; }
.stat-number .unit { font-size:clamp(1.5rem,3vw,2rem); color:var(--theme-accent); }
.stat-label { font-family:var(--font-mono); font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.4); }
.stat-desc { font-size:.875rem; color:rgba(255,255,255,.3); margin-top:.25rem; }

.feat-card { background:linear-gradient(135deg,rgba(22,22,22,.8) 0%,rgba(8,8,8,.9) 100%); border:1px solid rgba(255,255,255,.06); border-radius:1.25rem; padding:1.75rem; display:flex; flex-direction:column; gap:1rem; transition:border-color .35s,transform .35s,box-shadow .35s; }
.feat-card:hover { border-color:rgba(var(--theme-accent-rgb),.25); transform:translateY(-4px); box-shadow:0 20px 40px rgba(0,0,0,.4), 0 0 20px rgba(var(--theme-accent-rgb),.06); }
.feat-icon { width:48px; height:48px; border-radius:.875rem; background:rgba(var(--theme-accent-rgb),.08); border:1px solid rgba(var(--theme-accent-rgb),.18); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .3s, border-color .3s; }
.feat-card:hover .feat-icon { background:rgba(var(--theme-accent-rgb),.15); border-color:rgba(var(--theme-accent-rgb),.35); }
.feat-title { font-family:var(--font-display); font-size:1.125rem; color:#fff; letter-spacing:-.025em; font-weight:500; }
.feat-desc { font-size:.875rem; color:rgba(255,255,255,.45); line-height:1.7; }

.feat-grid { display:grid; gap:1.25rem; }
@media(min-width:640px){ .feat-grid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1024px){ .feat-grid{grid-template-columns:repeat(3,1fr);} }

.cta-section { position:relative; border-radius:2rem; overflow:hidden; padding:4rem 2rem; text-align:center; background:linear-gradient(135deg,rgba(0,240,255,.07) 0%,rgba(0,0,0,0) 50%,rgba(0,240,255,.04) 100%); border:1px solid rgba(0,240,255,.15); }
.cta-section::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:75%; height:1px; background:linear-gradient(90deg,transparent,var(--theme-accent),transparent); }
.cta-section::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(var(--theme-accent-rgb),.06) 0%,transparent 70%); pointer-events:none; }

.trust-bar { display:flex; flex-wrap:wrap; gap:1.5rem; justify-content:center; align-items:center; }
.trust-item { display:flex; align-items:center; gap:.5rem; font-family:var(--font-mono); font-size:.75rem; color:rgba(255,255,255,.45); letter-spacing:.05em; }
.trust-dot { width:5px; height:5px; border-radius:50%; background:var(--theme-accent); flex-shrink:0; }

.feature-list { display:flex; flex-direction:column; gap:0.5rem; }
.feature-item { display:flex; align-items:center; gap:0.5rem; font-size:0.875rem; color:rgba(255,255,255,0.6); }
.feature-dot { width:6px; height:6px; border-radius:50%; background:rgba(var(--theme-accent-rgb),0.6); flex-shrink:0; }

.rec-badge { display:inline-flex; align-items:center; padding:0.125rem 0.5rem; border-radius:0.25rem; font-family:var(--font-mono); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; background:var(--theme-accent); color:#000; margin-bottom:0.5rem; }

#footer { position:relative; z-index:10; border-top:1px solid rgba(255,255,255,0.05); background:#0a0a0a; }
.footer-inner { max-width:1280px; margin:0 auto; padding:3rem 1rem; }
@media(min-width:640px){ .footer-inner{padding:3rem 1.5rem;} }
@media(min-width:768px){ .footer-inner{padding:4rem 1.5rem;} }
.footer-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:2rem; margin-bottom:3rem; }
@media(min-width:768px){ .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;} }
.footer-brand-col { grid-column:span 2; }
@media(min-width:768px){ .footer-brand-col{grid-column:span 1;} }
.footer-brand { display:flex; align-items:center; gap:0.75rem; margin-bottom:1rem; }
.footer-brand img { width:30px; height:30px; object-fit:contain; margin-right:-13px; margin-top:-25px; margin-bottom:-10px; }
.footer-brand-text { font-family:var(--font-display); font-weight:600; letter-spacing:-0.025em; color:#fff; }
.footer-brand-desc { font-size:0.875rem; color:rgba(255,255,255,0.4); line-height:1.6; max-width:192px; }
.footer-col-title { font-family:var(--font-mono); font-size:10px; text-transform:uppercase; letter-spacing:0.1em; color:rgba(255,255,255,0.3); margin-bottom:1rem; }
.footer-col ul { display:flex; flex-direction:column; gap:0.625rem; }
.footer-col a { font-size:0.875rem; color:rgba(255,255,255,0.5); transition:color 0.15s; }
.footer-col a:hover { color:#fff; }
.footer-status { display:flex; align-items:center; gap:0.5rem; margin-bottom:0.75rem; }
.status-dot { width:8px; height:8px; border-radius:50%; background:#34d399; animation:pulse-green 2s infinite; flex-shrink:0; }
@keyframes pulse-green { 0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.4)} 50%{box-shadow:0 0 0 6px rgba(52,211,153,0)} }
.status-text { font-size:0.875rem; color:rgba(255,255,255,0.6); }
.status-uptime { font-size:0.75rem; font-family:var(--font-mono); color:rgba(255,255,255,0.3); }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.05); padding-top:1.5rem; display:flex; flex-direction:column; gap:1rem; }
@media(min-width:640px){ .footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;} }
.footer-copy { font-size:0.75rem; color:rgba(255,255,255,0.3); }

.tier-grid { display:grid; grid-template-columns:1fr; gap:1.25rem; }
@media(min-width:640px){ .tier-grid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1024px){ .tier-grid{grid-template-columns:repeat(3,1fr);} }

.blade-row { position:relative; background:linear-gradient(180deg,rgba(22,22,22,.7) 0%,rgba(8,8,8,.9) 100%); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,.07); border-radius:1.5rem; padding:1.5rem; display:flex; flex-direction:column; align-items:center; gap:2rem; overflow:hidden; transition:border-color .4s,box-shadow .4s,transform .4s; }
@media(min-width:768px){ .blade-row{flex-direction:row;padding:2rem;gap:3rem;} }
.blade-row::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,240,255,0) 0%,rgba(0,240,255,.015) 50%,transparent 100%); opacity:0; transition:opacity .5s; pointer-events:none; }
.blade-row:hover { border-color:rgba(0,240,255,.18); box-shadow:0 0 40px rgba(0,240,255,.04); }
.blade-row:hover::before { opacity:1; }
.blade-vis { width:100%; height:8rem; background:#030303; border:1px solid rgba(255,255,255,.05); flex-shrink:0; display:flex; align-items:center; justify-content:center; position:relative; border-radius:.75rem; overflow:hidden; box-shadow:inset 0 0 20px rgba(0,0,0,.5); }
@media(min-width:768px){ .blade-vis{width:16rem;} }

.blade-card { position:relative; background:linear-gradient(180deg,rgba(22,22,22,0.7) 0%,rgba(8,8,8,0.9) 100%); border:1px solid rgba(255,255,255,0.07); border-radius:1.5rem; padding:1.5rem; display:flex; flex-direction:column; gap:0.75rem; overflow:hidden; transition:border-color 0.3s; }
@media(min-width:768px){ .blade-card{flex-direction:row; align-items:center; gap:3rem; padding:2rem;} }
.blade-card:hover { border-color:rgba(var(--theme-accent-rgb),0.2); }
.blade-num { font-family:var(--font-display); font-weight:500; color:rgba(255,255,255,0.05); font-size:4rem; line-height:1; letter-spacing:-0.025em; flex-shrink:0; user-select:none; }
@media(min-width:768px){ .blade-num{font-size:6rem;} }
.blade-info { flex:1; display:flex; flex-direction:column; gap:0.75rem; position:relative; z-index:1; }
.blade-pill { display:inline-flex; align-items:center; gap:6px; color:var(--theme-accent); font-family:var(--font-mono); font-size:10px; letter-spacing:0.1em; text-transform:uppercase; border:1px solid rgba(var(--theme-accent-rgb),0.2); background:rgba(var(--theme-accent-rgb),0.05); padding:0.25rem 0.5rem; border-radius:0.25rem; width:fit-content; }
.blade-title { font-family:var(--font-display); font-size:1.5rem; color:#fff; letter-spacing:-0.025em; }
@media(min-width:768px){ .blade-title{font-size:1.875rem;} }
.blade-desc { color:rgba(255,255,255,0.4); font-weight:300; line-height:1.6; max-width:56ch; font-size:0.875rem; }

.blade-visual { width:100%; height:128px; background:#030303; border:1px solid rgba(255,255,255,0.05); flex-shrink:0; display:flex; align-items:center; justify-content:center; position:relative; border-radius:0.75rem; overflow:hidden; }
@media(min-width:768px){ .blade-visual{width:256px;} }
.blade-label { position:absolute; top:8px; left:12px; font-family:var(--font-mono); font-size:8px; color:rgba(255,255,255,0.2); }

.cpu-bars { display:flex; align-items:flex-end; justify-content:center; gap:6px; height:64px; width:100%; padding:0 24px; }
.cpu-bar { width:6px; background:var(--theme-accent); border-radius:1px 1px 0 0; box-shadow:0 0 8px rgba(var(--theme-accent-rgb),0.4); }
@keyframes b0{0%,100%{height:30%}50%{height:40%}} @keyframes b1{0%,100%{height:30%}50%{height:53%}}
@keyframes b2{0%,100%{height:30%}50%{height:56%}} @keyframes b3{0%,100%{height:30%}50%{height:69%}}
@keyframes b4{0%,100%{height:30%}50%{height:72%}} @keyframes b5{0%,100%{height:30%}50%{height:75%}}
@keyframes b6{0%,100%{height:30%}50%{height:68%}} @keyframes b7{0%,100%{height:30%}50%{height:71%}}
@keyframes b8{0%,100%{height:30%}50%{height:74%}} @keyframes b9{0%,100%{height:30%}50%{height:77%}}
@keyframes b10{0%,100%{height:30%}50%{height:50%}} @keyframes b11{0%,100%{height:30%}50%{height:63%}}
@keyframes b12{0%,100%{height:30%}50%{height:66%}} @keyframes b13{0%,100%{height:30%}50%{height:79%}}
.cpu-bar:nth-child(1){animation:b0 .87s ease-in-out infinite alternate}
.cpu-bar:nth-child(2){animation:b1 .94s ease-in-out infinite alternate}
.cpu-bar:nth-child(3){animation:b2 .94s .07s ease-in-out infinite alternate}
.cpu-bar:nth-child(4){animation:b3 .94s .14s ease-in-out infinite alternate}
.cpu-bar:nth-child(5){animation:b4 .94s .21s ease-in-out infinite alternate}
.cpu-bar:nth-child(6){animation:b5 .87s ease-in-out infinite alternate}
.cpu-bar:nth-child(7){animation:b6 .87s .07s ease-in-out infinite alternate}
.cpu-bar:nth-child(8){animation:b7 .87s .14s ease-in-out infinite alternate}
.cpu-bar:nth-child(9){animation:b8 .80s ease-in-out infinite alternate}
.cpu-bar:nth-child(10){animation:b9 .80s .07s ease-in-out infinite alternate}
.cpu-bar:nth-child(11){animation:b10 .94s .21s ease-in-out infinite alternate}
.cpu-bar:nth-child(12){animation:b11 .87s .28s ease-in-out infinite alternate}
.cpu-bar:nth-child(13){animation:b12 .87s .35s ease-in-out infinite alternate}
.cpu-bar:nth-child(14){animation:b13 .80s .14s ease-in-out infinite alternate}

.net-lines { display:flex; flex-direction:column; gap:12px; width:100%; padding:0 24px; }
.net-track { width:100%; height:2px; background:rgba(255,255,255,0.05); border-radius:99px; overflow:hidden; position:relative; }
@keyframes pkt{from{transform:translateX(-100%)}to{transform:translateX(400%)}}
.net-packet { position:absolute; top:0; left:0; width:33%; height:100%; background:linear-gradient(90deg,transparent,var(--theme-accent),transparent); animation:pkt 1.5s linear infinite; }
.net-packet.d1{animation-delay:.5s} .net-packet.d2{animation-delay:1s}

.raid-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:3px; padding:8px; }
.raid-cell { width:16px; height:16px; border-radius:1px; background:rgba(255,255,255,0.05); }
@keyframes cf{0%,100%{background:rgba(255,255,255,0.05)}50%{background:rgba(var(--theme-accent-rgb),0.7)}}
.raid-cell:nth-child(3n){animation:cf 1.5s ease-in-out infinite}
.raid-cell:nth-child(5n+1){animation:cf 1.5s .5s ease-in-out infinite}
.raid-cell:nth-child(7n+2){animation:cf 1.5s 1s ease-in-out infinite}

.shield-vis { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
@keyframes sp{0%{transform:scale(1);opacity:.4}100%{transform:scale(2);opacity:0}}
.shield-ring { position:absolute; width:40px; height:40px; border-radius:50%; border:1px solid rgba(var(--theme-accent-rgb),0.6); }
.shield-ring:nth-child(1){animation:sp 2s ease-out infinite}
.shield-ring:nth-child(2){animation:sp 2s 1s ease-out infinite}
@keyframes tl{from{transform:translateX(40px);opacity:0}40%{opacity:1}to{transform:translateX(15px);opacity:0}}
@keyframes tr2{from{transform:translateX(-40px);opacity:0}40%{opacity:1}to{transform:translateX(-15px);opacity:0}}
.threat-l { position:absolute; width:3px; height:3px; background:#ef4444; border-radius:50%; box-shadow:0 0 5px rgba(239,68,68,.8); animation:tl 1.2s .3s ease-in-out infinite; }
.threat-r { position:absolute; width:3px; height:3px; background:#ef4444; border-radius:50%; box-shadow:0 0 5px rgba(239,68,68,.8); animation:tr2 1.2s .8s ease-in-out infinite; }

.up-bar { display:flex; justify-content:center; gap:3px; height:2rem; align-items:flex-end; width:100%; max-width:28rem; overflow:hidden; }
.up-bar div { width:6px; border-radius:1px 1px 0 0; flex-shrink:0; transition:opacity .15s; }
.up-bar div.ok { background:#10b981; height:100%; }
.up-bar div.warn { background:rgba(245,158,11,.5); height:38%; }

.uptime-bar { display:flex; justify-content:center; gap:3px; height:32px; align-items:flex-end; }
.uptime-bar .bar { width:6px; border-radius:1px; flex-shrink:0; }
.uptime-bar .bar.ok { background:#10b981; height:32px; }
.uptime-bar .bar.warn { background:rgba(245,158,11,0.5); height:12px; }

.console-mock { background:#030303; border-radius:.75rem; padding:1rem 1.5rem; border:1px solid rgba(255,255,255,.05); display:flex; flex-direction:column; gap:1rem; }
.console-header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.05); padding-bottom:1rem; }
.console-dots { display:flex; gap:.5rem; }
.console-dot { width:12px; height:12px; border-radius:50%; }
.console-dot.r { background:rgba(248,113,113,.2); border:1px solid rgba(248,113,113,.5); }
.console-dot.y { background:rgba(251,191,36,.2); border:1px solid rgba(251,191,36,.5); }
.console-dot.g { background:rgba(74,222,128,.2); border:1px solid rgba(74,222,128,.5); }
.console-cmd { font-family:var(--font-mono); font-size:.75rem; color:rgba(255,255,255,.4); }
.console-port { font-family:var(--font-mono); font-size:.75rem; color:var(--theme-accent); }
.console-log { font-family:var(--font-mono); font-size:.75rem; color:rgba(255,255,255,.6); display:flex; flex-direction:column; gap:.5rem; line-height:1.6; }
.console-log .time { color:rgba(255,255,255,.3); }
.console-log .hl { color:var(--theme-accent); font-weight:500; }
.console-log .hl2 { color:rgba(var(--theme-accent-rgb),.8); }

.comp-table { width:100%; border-collapse:collapse; min-width:500px; }
.comp-table thead tr { border-bottom:1px solid rgba(255,255,255,.1); }
.comp-table th { text-align:left; padding:.75rem 0; font-family:var(--font-mono); font-size:9px; text-transform:uppercase; letter-spacing:.1em; font-weight:normal; color:rgba(255,255,255,.5); }
.comp-table th.ours { color:var(--theme-accent); font-weight:700; }
.comp-table tbody tr { border-bottom:1px solid rgba(255,255,255,.05); transition:background .15s; }
.comp-table tbody tr:hover { background:rgba(255,255,255,.015); }
.comp-table td { padding:1.25rem 0; }
.comp-table .td-label { font-family:var(--font-mono); font-weight:500; color:rgba(255,255,255,.5); font-size:.75rem; }
.comp-table .td-ours { font-family:var(--font-display); font-weight:500; color:#fff; font-size:.875rem; }
@media(min-width:768px){ .comp-table .td-ours{font-size:1rem;} }
.comp-table .td-theirs { font-family:var(--font-mono); color:rgba(255,255,255,.2); font-size:10px; }
@media(min-width:768px){ .comp-table .td-theirs{font-size:.75rem;} }

.plan-card { background:linear-gradient(180deg,rgba(22,22,22,.7) 0%,rgba(8,8,8,.9) 100%); border:1px solid transparent; border-radius:1.5rem; padding:1.5rem 2rem; display:flex; flex-direction:column; position:relative; overflow:hidden; transition:border-color .3s,box-shadow .3s,transform .4s; }
.plan-card:hover { border-color:rgba(var(--theme-accent-rgb),.15); box-shadow:0 20px 40px rgba(0,0,0,.4); transform:translateY(-4px); }
.plan-card.highlight { border-color:rgba(var(--theme-accent-rgb),.4); box-shadow:0 0 40px rgba(var(--theme-accent-rgb),.1); }
@media(min-width:768px){ .plan-card.highlight{transform:translateY(-1rem);z-index:1;} }
@media(min-width:768px){ .plan-card.highlight:hover{transform:translateY(calc(-1rem - 4px));} }
.plan-card.highlight::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:75%; height:1px; background:linear-gradient(90deg,transparent,var(--theme-accent),transparent); opacity:.8; }
.plan-card.highlight::after { content:''; position:absolute; top:-96px; right:-96px; width:192px; height:192px; background:rgba(0,240,255,.08); filter:blur(60px); pointer-events:none; }
.plan-name { font-family:var(--font-display); font-weight:500; font-size:1.5rem; color:#fff; text-align:center; letter-spacing:-.025em; margin-top:.5rem; }
.plan-label { text-align:center; font-family:var(--font-mono); font-size:9px; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.4); margin-top:.5rem; }
.plan-price-block { text-align:center; margin-top:.5rem; margin-bottom:2rem; }
.plan-price-val { font-family:var(--font-display); font-size:3rem; color:#fff; letter-spacing:-.05em; line-height:1; }
.plan-price-mo { font-size:.875rem; color:rgba(255,255,255,.4); margin-left:.25rem; }
.plan-features { display:flex; flex-direction:column; gap:1rem; margin-bottom:2rem; flex:1; padding:0 .25rem; }
.plan-feature { display:flex; align-items:center; gap:.75rem; color:rgba(255,255,255,.8); font-size:.875rem; }
.plan-feature svg { width:16px; height:16px; flex-shrink:0; color:var(--theme-accent); }

.legal-layout { display:flex; flex-direction:column; gap:3rem; }
@media(min-width:1024px){ .legal-layout{flex-direction:row;gap:6rem;} }
.legal-aside { flex-shrink:0; }
@media(min-width:1024px){ .legal-aside{width:224px;} }
.legal-sticky { position:sticky; top:7rem; }
.legal-main { flex:1; max-width:48rem; min-width:0; }
.legal-toc-btn { text-align:left; display:block; padding:.5rem 1rem; font-size:.875rem; transition:color .2s, background .2s; border-left:2px solid rgba(255,255,255,.05); border-radius:0 .125rem .125rem 0; color:rgba(255,255,255,.4); background:none; cursor:pointer; width:100%; min-height:unset; min-width:unset; }
.legal-toc-btn:hover { color:rgba(255,255,255,.7); }
.legal-toc-btn.active { color:#fff; border-left-color:var(--theme-accent); background:rgba(255,255,255,.03); }
.legal-section { scroll-margin-top:112px; border-bottom:1px solid rgba(255,255,255,.05); padding-bottom:3.5rem; margin-bottom:0; }
.legal-section:last-child { border-bottom:none; }
.legal-section h2 { font-family:var(--font-display); font-size:1.5rem; letter-spacing:-.025em; margin-bottom:1.25rem; }
.legal-content p { color:rgba(255,255,255,.6); line-height:1.75; font-weight:300; font-size:1rem; margin-bottom:.75rem; }
.legal-content ul { display:flex; flex-direction:column; gap:.5rem; margin-top:.5rem; }
.legal-content li { display:flex; align-items:flex-start; gap:.5rem; color:rgba(255,255,255,.6); }
.legal-content .li-dot { width:6px; height:6px; border-radius:50%; background:rgba(var(--theme-accent-rgb),.6); flex-shrink:0; margin-top:6px; }
.legal-content strong { color:#fff; }
.legal-content .accent-mono { color:var(--theme-accent); font-family:var(--font-mono); }
.legal-content .bold-white { color:rgba(255,255,255,.8); font-size:.75rem; font-weight:700; text-transform:uppercase; }
.legal-content .mono-list li { font-family:var(--font-mono); font-size:.75rem; }

.mail-row-inner { display:flex; flex-direction:column; gap:1.25rem; }
@media(min-width:768px){ .mail-row-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1.3fr);align-items:center;gap:2rem;} }
.mail-plan.glass-panel{will-change:auto;}
.mail-plan.glass-panel:hover{transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 40px rgba(0,0,0,.5),0 0 20px rgba(var(--theme-accent-rgb),.07);}
.mail-feat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:.625rem 1rem; border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); padding:1rem 0; }
@media(min-width:768px){ .mail-feat-grid{border:none;padding:0;} }

.vault-grid { display:grid; gap:1.25rem; }
@media(min-width:640px){ .vault-grid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:768px){ .vault-grid{grid-template-columns:repeat(3,1fr);} }

.sw-card { position:relative; overflow:hidden; border-radius:1rem; padding:1.5rem; display:flex; flex-direction:column; transition:border-color .3s; }
.sw-icon-bg { position:absolute; top:0; right:0; padding:1.5rem; pointer-events:none; opacity:.1; transition:opacity .5s,transform .5s; }
.sw-card:hover .sw-icon-bg { opacity:.25; transform:scale(1.1); }

.payment-methods-footer i { transition:color 0.3s ease, transform 0.3s ease; cursor:help; }
.payment-methods-footer i:hover { transform:scale(1.15) translateY(-2px); }
.fa-cc-paypal:hover { color:#003087; }
.fa-cc-visa:hover { color:#1a1f71; }
.fa-cc-mastercard:hover { color:#eb001b; }
.fa-cc-amex:hover { color:#016fd0; }
.fa-cc-stripe:hover { color:#635bff; }

::-webkit-scrollbar { width:6px; }
::-webkit-scrollbar-track { background:#080808; }
::-webkit-scrollbar-thumb { background:rgba(255,255,255,.1); border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:rgba(var(--theme-accent-rgb),.4); }
:focus-visible { outline:2px solid rgba(var(--theme-accent-rgb),.6); outline-offset:2px; border-radius:4px; }

@media(max-width:768px) { button,a{min-height:44px;min-width:44px;} .lang-toggle,.rec-badge,.badge,.console-dot,.feature-dot,.trust-dot,.pin-dot{min-height:unset;min-width:unset;} }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;} }

.ticker-wrap{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.ticker-track{display:flex;width:max-content;animation:tickerMove 55s linear infinite;will-change:transform;}
.ticker-track:hover{animation-play-state:paused;}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-item{display:inline-flex;align-items:center;gap:.75rem;padding:0 2.5rem;font-family:var(--font-mono);font-size:.7rem;color:rgba(255,255,255,.2);letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;}
.ticker-bullet{width:3px;height:3px;border-radius:50%;background:rgba(var(--theme-accent-rgb),.5);flex-shrink:0;}
.glow-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--theme-accent-rgb),.3),transparent);}
.hero-radial{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 85% 55% at 50% -5%,rgba(var(--theme-accent-rgb),.065) 0%,transparent 65%);}
.spec-pill{display:inline-flex;align-items:center;gap:.375rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:2rem;padding:.3rem .9rem;font-family:var(--font-mono);font-size:.7rem;color:rgba(255,255,255,.35);letter-spacing:.05em;white-space:nowrap;transition:border-color .2s,color .2s;}
.spec-pill:hover{border-color:rgba(var(--theme-accent-rgb),.3);color:rgba(255,255,255,.6);}
.page-accent-strip{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--theme-accent),transparent);opacity:.4;pointer-events:none;}
.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 30%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.06) 70%,transparent);}
.tilt-ready{transform-style:preserve-3d;transition:transform .15s ease-out;}

.proof-bar{display:flex;flex-wrap:wrap;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:1rem;overflow:hidden;}
.proof-item{display:flex;align-items:center;gap:.875rem;padding:1.25rem 1.75rem;flex:1;min-width:200px;transition:background .2s;}
.proof-item:not(:last-child){border-right:1px solid rgba(255,255,255,.06);}
@media(max-width:767px){.proof-item:not(:last-child){border-right:none;border-bottom:1px solid rgba(255,255,255,.06);}}
.proof-item:hover{background:rgba(255,255,255,.025);}
.proof-icon{width:36px;height:36px;border-radius:.625rem;background:rgba(var(--theme-accent-rgb),.07);border:1px solid rgba(var(--theme-accent-rgb),.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--theme-accent);}
.proof-lbl{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.35);margin-bottom:.2rem;}
.proof-val{font-size:.8125rem;font-weight:500;color:rgba(255,255,255,.82);}

.stats-cards{display:grid;gap:1.25rem;}
@media(min-width:640px){.stats-cards{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.stats-cards{grid-template-columns:repeat(3,1fr);}}
.stat-card{background:linear-gradient(135deg,rgba(18,18,18,.85) 0%,rgba(6,6,6,.97) 100%);border:1px solid rgba(255,255,255,.07);border-radius:1.25rem;padding:2rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s;}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--theme-accent-rgb),.5),transparent);}
.stat-card:hover{border-color:rgba(var(--theme-accent-rgb),.22);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 24px rgba(var(--theme-accent-rgb),.07);}
.stat-card-icon{width:42px;height:42px;border-radius:.75rem;background:rgba(var(--theme-accent-rgb),.07);border:1px solid rgba(var(--theme-accent-rgb),.16);display:flex;align-items:center;justify-content:center;color:var(--theme-accent);margin-bottom:1.25rem;flex-shrink:0;}
.stat-card-num{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.875rem);font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,#fff 30%,var(--theme-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.stat-card-label{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);margin-top:.625rem;}
.stat-card-desc{font-size:.8125rem;color:rgba(255,255,255,.3);margin-top:.25rem;}