*{box-sizing:border-box;min-width:0}
:root{--bg:#07070c;--panel:#0d0d16;--panel2:#12121c;--cyan:#00e5ff;--magenta:#ff2bd6;--text:#eaf2f5;--muted:#a9b7c3;--line:#26263a;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-24:24px;--sp-40:40px;--sp-64:64px;--font-display:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,monospace;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--header-h:60px}
html{scroll-behavior:smooth}
body{margin:0;background-color:var(--bg);background-image:repeating-linear-gradient(90deg,rgba(0,229,255,.05) 0,rgba(0,229,255,.05) 1px,transparent 1px,transparent 64px),repeating-linear-gradient(0deg,rgba(255,43,214,.04) 0,rgba(255,43,214,.04) 1px,transparent 1px,transparent 64px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px);color:var(--text);font-family:var(--font-body);line-height:1.65;font-size:16px;overflow-wrap:anywhere}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;overflow-wrap:anywhere;margin:0 0 var(--sp-16)}
p{margin:0 0 var(--sp-16)}
img{max-width:100%;height:auto;display:block}
a{color:var(--cyan)}
.container{max-width:1200px;margin-inline:auto;padding-inline:var(--sp-24)}
.skip-link{position:absolute;left:var(--sp-16);top:-60px;background:var(--cyan);color:#07070c;padding:var(--sp-8) var(--sp-16);z-index:100;font-family:var(--font-display);text-decoration:none;transition:top .2s ease}
.skip-link:focus{top:var(--sp-16)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.cta:focus-visible,.cookie-buttons button[data-cookie-choice="accept"]:focus-visible{outline-color:#07070c}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.site-header{min-height:var(--header-h);padding-inline:var(--sp-24)}
.header-inner{max-width:1200px;margin-inline:auto;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16)}
.brand{display:flex;align-items:center;gap:var(--sp-8);color:var(--text);text-decoration:none;flex-shrink:0;white-space:nowrap;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em}
.brand-mark{width:28px;height:28px;flex-shrink:0}
.nav{position:fixed;inset:0;top:0;background-color:var(--bg);background-image:repeating-linear-gradient(90deg,rgba(0,229,255,.05) 0,rgba(0,229,255,.05) 1px,transparent 1px,transparent 64px);display:flex;flex-direction:column;padding:calc(var(--header-h) + var(--sp-24)) var(--sp-24) var(--sp-24);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease;overflow-y:auto;z-index:40}
.nav.is-open{transform:translateY(0);opacity:1;visibility:visible}
.nav ul{list-style:none;margin:auto 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-24);width:100%}
.nav a{display:block;font-family:var(--font-display);font-size:1.15rem;color:var(--text);text-decoration:none;white-space:nowrap}
.hamburger{width:40px;height:40px;background:none;border:2px solid var(--cyan);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;flex-shrink:0}
.hamburger span{width:20px;height:2px;background:var(--cyan);display:block}
.cta{display:inline-block;background:var(--cyan);color:#07070c;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;padding:var(--sp-8) var(--sp-16);text-decoration:none;border:2px solid var(--cyan);white-space:nowrap}
.cta:hover{background:var(--magenta);border-color:var(--magenta)}
@media(min-width:1024px){
.nav{position:static;inset:auto;transform:none;opacity:1;visibility:visible;background:none;background-image:none;padding:0;overflow:visible;flex-direction:row;width:auto;z-index:auto}
.nav ul{flex-direction:row;margin:0;gap:var(--sp-24)}
.nav a{font-size:.95rem}
.nav-cta-item{display:none}
.hamburger{display:none}
}
@media(max-width:1023px){.cta-desktop{display:none}}
.eyebrow{font-family:var(--font-display);color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;margin-bottom:var(--sp-8)}
main{display:block}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--sp-40);align-items:center;padding-block:var(--sp-64)}
.hero-media img,.page-hero-media img{width:100%;border:2px solid var(--magenta);box-shadow:0 0 40px -10px rgba(255,43,214,.55)}
.hero h1,.page-hero h1{font-size:clamp(1.9rem,4vw,3rem)}
.guides{padding-block:var(--sp-64)}
.guides > h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:var(--sp-40)}
.panel-list{display:flex;flex-direction:column;gap:var(--sp-40)}
.panel{--accent:var(--cyan);position:relative;padding:var(--sp-64) var(--sp-24);text-align:center;background-color:var(--panel);border-top:3px solid var(--accent);box-shadow:inset 0 0 60px -20px var(--accent)}
.panel:nth-of-type(even){--accent:var(--magenta)}
.panel-inner{max-width:640px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--sp-16)}
.panel-index{font-family:var(--font-display);font-size:clamp(3rem,9vw,4.5rem);color:var(--accent);line-height:1}
.panel-link{color:var(--accent);text-decoration:none;font-family:var(--font-display);font-size:.9rem;border-bottom:2px solid var(--accent);padding-bottom:2px}
.supporting{padding-block:var(--sp-64);max-width:800px;margin-inline:auto}
.page-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--sp-40);align-items:center;padding-block:var(--sp-64)}
.prose{max-width:760px;margin-inline:auto;padding-block:var(--sp-40)}
.prose h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-top:var(--sp-40)}
.prose h3{font-size:1.15rem;color:var(--cyan)}
.prose ul,.prose ol{padding-left:var(--sp-24)}
.prose li{margin-bottom:var(--sp-8)}
.callout{border-left:4px solid var(--magenta);padding:var(--sp-16) var(--sp-24);background:var(--panel);margin-block:var(--sp-24)}
.inline-figure{margin:var(--sp-40) 0}
.inline-figure img{border:2px solid var(--cyan);box-shadow:0 0 30px -12px rgba(0,229,255,.5)}
.inline-figure figcaption{color:var(--muted);font-size:.9rem;margin-top:var(--sp-8)}
.compare-table{width:100%;border-collapse:collapse}
.compare-table th,.compare-table td{border:1px solid var(--line);padding:var(--sp-12);text-align:left;vertical-align:top}
.compare-table th{font-family:var(--font-display);color:var(--cyan);background:var(--panel)}
.table-wrap{overflow-x:auto;margin-block:var(--sp-24)}
.site-footer{background:var(--panel);border-top:2px solid var(--cyan);padding-block:var(--sp-64) var(--sp-40);margin-top:var(--sp-64)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-40)}
.footer-brand{font-family:var(--font-display);color:var(--cyan);font-size:1.1rem;margin-bottom:var(--sp-8)}
.footer-heading{font-family:var(--font-display);color:var(--magenta);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;margin-bottom:var(--sp-8)}
.footer-block ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-8)}
.footer-block a{color:var(--text);text-decoration:none}
.footer-bottom{margin-top:var(--sp-40);padding-top:var(--sp-24);border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;display:flex;flex-direction:column;gap:var(--sp-8)}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;background-color:var(--panel2);border-top:2px solid var(--cyan);padding:var(--sp-16) var(--sp-24);z-index:60}
.cookie-banner[hidden]{display:none}
.cookie-banner-inner{max-width:1200px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--sp-16)}
.cookie-buttons{display:flex;gap:var(--sp-16);flex-wrap:wrap;justify-content:flex-end}
.cookie-buttons button{background:transparent;border:2px solid var(--cyan);color:var(--text);font-family:var(--font-display);padding:var(--sp-8) var(--sp-16);cursor:pointer;flex:1 1 auto}
.cookie-buttons button[data-cookie-choice="accept"]{background:var(--cyan);color:#07070c}
.cookie-preferences{display:flex;flex-direction:column;gap:var(--sp-12);border:1px solid var(--line);padding:var(--sp-16)}
.cookie-preferences[hidden]{display:none}
.cookie-preferences label{display:flex;align-items:center;gap:var(--sp-8);color:var(--text)}
.btn-save-prefs{align-self:flex-start;background:var(--magenta);color:#07070c;border:2px solid var(--magenta);font-family:var(--font-display);padding:var(--sp-8) var(--sp-16);cursor:pointer}
@media(max-width:479px){.cookie-buttons button{flex:1 1 100%}}
form{display:flex;flex-direction:column;gap:var(--sp-24);max-width:640px}
.field{display:flex;flex-direction:column;gap:var(--sp-8)}
label{font-family:var(--font-display);font-size:.9rem;color:var(--cyan)}
input,textarea,select{background:var(--panel);border:2px solid var(--line);color:var(--text);padding:var(--sp-12);font-family:var(--font-body);font-size:1rem}
input.is-invalid,textarea.is-invalid,select.is-invalid{border-color:var(--magenta)}
.error-msg{color:#ff8a9c;font-size:.85rem;min-height:1.2em}
.form-status{border-left:4px solid var(--cyan);padding:var(--sp-16);background:var(--panel)}
.form-status[hidden]{display:none}
.legal-hero{padding-block:var(--sp-64) var(--sp-24)}
.legal-section{max-width:800px;margin-inline:auto;padding-block:var(--sp-24)}
.legal-section h2{color:var(--cyan);font-size:1.3rem;border-bottom:1px solid var(--line);padding-bottom:var(--sp-8)}
address{font-style:normal}
@media(max-width:1023px){.hero,.page-hero{grid-template-columns:1fr}}
@media(max-width:767px){.header-inner{height:52px}:root{--header-h:52px}}
@media(max-width:400px){.panel{padding:var(--sp-40) var(--sp-16)}}