:root{
  --bg: #0B1221;
  --bg-soft: #0F1730;
  --card: #121C37;
  --text: #EAF0FF;
  --muted: #9FB1D0;
  --accent: #7DD3FC;
  --accent-2: #60A5FA;
  --ok: #34D399;
  --warn: #F59E0B;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background: radial-gradient(1200px 600px at 20% -10%, #122046 0%, var(--bg) 60%), var(--bg);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--accent-2); text-decoration:none}
a:hover{text-decoration:underline}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;background:#fff;color:#000;padding:.5rem 1rem;border-radius:.5rem;z-index:9999}
.container{max-width:1100px;margin:0 auto;padding:24px}
.site-header{position:sticky; top:0; z-index:1000; backdrop-filter:saturate(180%) blur(12px); background:rgba(11,18,33,.7); border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px}
.brand-text{font-weight:700; letter-spacing:.2px}
.nav ul{display:flex;gap:18px; list-style:none; padding:0;margin:0}
.nav a{padding:10px 12px;border-radius:10px}
.nav a.active,.nav a:hover{background:rgba(255,255,255,.06)}
.nav-toggle{display:none}
.hero{padding-top:48px;padding-bottom:10px}
.hero-content h1{font-size: clamp(28px,4vw,46px); line-height:1.2}
.accent{background:linear-gradient(90deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent}
.cta{display:flex; gap:12px; margin-top:12px; flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12); color:var(--text); background:transparent; cursor:pointer; text-decoration:none; box-shadow:none}
.btn.primary{background:linear-gradient(135deg,var(--accent-2),var(--accent)); border-color:transparent; color:#0b1221; font-weight:700}
.btn.subtle{background:rgba(255,255,255,.06)}
.btn.link{border:none; padding:0 6px}
.trust-badges{display:flex; gap:12px; list-style:none; padding:0; margin:16px 0 0 0; flex-wrap:wrap}
.trust-badges li{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06); font-size:14px}
.grid{display:grid; gap:20px}
.grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--card); padding:20px; border-radius:16px; box-shadow:var(--shadow); border:1px solid rgba(255,255,255,.06)}
.highlight{background:linear-gradient(180deg, rgba(125,211,252,.08), rgba(96,165,250,.03)); padding:24px; border-radius:16px; border:1px solid rgba(125,211,252,.25)}
.bullets{display:grid; gap:10px; padding-left:18px}
.bullets.three{grid-template-columns:repeat(3,minmax(0,1fr)); list-style:disc}
.prose h1,.prose h2,.prose h3{line-height:1.2}
.pricing .cards{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.price{font-size:28px; font-weight:800; color:var(--ok)}
.arrow::after{content:" →"}
.site-footer{border-top:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.02)}
.list-plain{list-style:none; padding:0; margin:0}
.subfooter{display:flex; justify-content:space-between; gap:12px; border-top:1px solid rgba(255,255,255,.06); padding-top:16px}
.breadcrumb{color:var(--muted); font-size:14px}
details{background:var(--card); padding:14px 16px; border-radius:12px; margin-bottom:10px; border:1px solid rgba(255,255,255,.06)}
summary{cursor:pointer; font-weight:600}
.cookie-banner{position:fixed; inset:auto 0 0 0; background:rgba(11,18,33,.95); color:var(--text); border-top:1px solid rgba(255,255,255,.12); transform:translateY(100%); transition:transform .45s ease; z-index:2000}
.cookie-banner.show{transform:none}
.cookie-inner{display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap}
.cookie-actions{display:flex; gap:10px}
.reveal{opacity:0; transform:translateY(10px); transition:opacity .6s ease, transform .6s ease}
.reveal.visible{opacity:1; transform:none}
.cta-wide .cta-box{display:flex; align-items:center; justify-content:space-between; gap:16px; background:linear-gradient(135deg, rgba(125,211,252,.2), rgba(96,165,250,.2)); padding:24px; border-radius:16px; border:1px solid rgba(255,255,255,.15)}
.prose p, .prose li{color:#d7e4ff}
/* Responsive */
@media (max-width: 920px){
  .grid.two-col{grid-template-columns:1fr}
  .pricing .cards{grid-template-columns:1fr}
  .bullets.three{grid-template-columns:1fr}
  .nav{display:none}
  .nav-toggle{display:inline-flex; margin-left:auto; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:var(--text); padding:10px 12px; border-radius:10px}
}
/* Reduced motion accommodations */
@media (prefers-reduced-motion: reduce){
  *{animation:none !important; transition:none !important; scroll-behavior:auto !important}
}