:root{--bg:#04040a;--surface:#0d0d1f;--surface2:#121228;--border:#1a1a35;--border2:#22224a;--teal:#00d4c8;--teal-dim:rgba(0,212,200,0.12);--orange:#ff6b35;--orange-dim:rgba(255,107,53,0.12);--purple:#8b5cf6;--purple-dim:rgba(139,92,246,0.12);--green:#10b981;--green-dim:rgba(16,185,129,0.12);--blue:#3b82f6;--blue-dim:rgba(59,130,246,0.12);--pink:#ec4899;--pink-dim:rgba(236,72,153,0.12);--yellow:#f59e0b;--yellow-dim:rgba(245,158,11,0.12);--red:#ef4444;--text:#eeeeff;--text-soft:#9898b8;--text-dim:#7878a0;--font-h:'Syne',sans-serif;--font-b:'Outfit',sans-serif;}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-b);background:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh;}
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,212,200,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,200,0.025) 1px,transparent 1px);background-size:48px 48px;}
.bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 40% at 20% 0%,rgba(0,212,200,0.07) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 80% 100%,rgba(255,107,53,0.05) 0%,transparent 60%);}
nav{position:sticky;top:0;z-index:900;background:rgba(4,4,10,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:62px;}
.nav-logo{font-family:var(--font-h);font-size:1.3rem;font-weight:800;color:var(--teal);text-decoration:none;display:flex;align-items:center;gap:6px;}
.nav-logo .bolt{color:var(--orange);}
.nav-links{display:flex;gap:4px;list-style:none;}
.nav-links a{color:var(--text-soft);text-decoration:none;font-size:0.82rem;font-weight:500;padding:6px 12px;border-radius:8px;transition:all 0.2s;}
.nav-links a:hover,.nav-links a.active,.nav-links a:focus-visible{color:var(--teal);background:var(--teal-dim);}
.nav-cta{background:var(--teal)!important;color:#04040a!important;font-weight:600!important;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;}
.hamburger span{width:22px;height:2px;background:var(--text-soft);border-radius:2px;}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;}
.skip-link:focus{position:fixed;top:0;left:0;width:auto;height:auto;background:#000;color:#fff;padding:10px 20px;font-size:1rem;font-weight:700;text-decoration:none;border-radius:0 0 8px 0;outline:2px solid #fff;}
.breadcrumb{font-size:0.78rem;color:var(--text-dim);margin-bottom:28px;}
.breadcrumb a{color:var(--text-soft);text-decoration:none;}
.breadcrumb a:hover{color:var(--teal);}
.ad-wrap{position:relative;z-index:1;max-width:900px;margin:16px auto;padding:0 40px;}
.ad-box{background:var(--surface);border:1px dashed var(--border2);border-radius:12px;padding:12px;text-align:center;}
.ad-label{font-size:0.68rem;color:var(--text-dim);margin-bottom:6px;letter-spacing:1px;text-transform:uppercase;}
.callout{background:linear-gradient(135deg,rgba(0,212,200,0.08),rgba(255,107,53,0.08));border:1px solid rgba(0,212,200,0.25);border-radius:14px;padding:20px 24px;margin:28px 0;}
.callout h3{font-family:var(--font-h);font-size:0.95rem;font-weight:700;color:var(--teal);margin-bottom:8px;}
.callout p{font-size:0.85rem;color:var(--text-soft);margin-bottom:12px;}
.callout a{display:inline-flex;align-items:center;gap:6px;background:var(--teal);color:#04040a;font-weight:700;font-size:0.82rem;padding:8px 16px;border-radius:8px;text-decoration:none;}
.blockquote{background:var(--surface);border-left:3px solid var(--orange);border-radius:0 12px 12px 0;padding:16px 20px;margin:24px 0;font-size:0.9rem;color:var(--text-soft);font-style:italic;line-height:1.7;}
footer{position:relative;z-index:1;background:var(--surface);border-top:1px solid var(--border);padding:32px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
footer p{font-size:0.75rem;color:var(--text-dim);}
@media(max-width:1024px){.hamburger{display:flex!important;}.nav-links:not(.open){display:none!important;}nav{padding:0 20px!important;}}
@media(max-width:768px){nav{padding:0 20px}.nav-links{display:none;position:fixed;top:62px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;padding:16px;gap:4px;z-index:800}.nav-links.open{display:flex}.hamburger{display:flex}footer{padding:24px 20px}}
@media(prefers-contrast:more){:root{--bg:#000!important;--surface:#0a0a0a!important;--surface2:#111!important;--border:#333!important;--border2:#555!important;--text:#fff!important;--text-soft:#ccc!important;--text-dim:#999!important;--teal:#00e6d8!important;--orange:#ff8844!important;--purple:#aa77ff!important;--green:#22dd99!important;--blue:#5599ff!important;}.bg-grid,.bg-glow{display:none!important;}nav{background:#000!important;backdrop-filter:none!important;border-bottom-color:#444!important;}.nav-links a:hover,.nav-links a.active{color:#000!important;background:var(--teal)!important;}footer{border-top-color:#444!important;}.callout,.blockquote,.ad-box{border-color:#555!important;}}
@media(prefers-contrast:more)and(max-width:768px){.nav-links{background:#000;border-bottom-color:#444;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important;}}