:root{--bg:#0c192c;--bg-surface:#10223b;--bg-card:#142947;--blueprint-grid:#1c3558;--border-hairline:#2d507d;--border-focus:#64b5f6;--text:#dce8f5;--text-muted:#8ea8c7;--text-bright:#ffffff;--accent:#38bdf8;--accent-amber:#f59e0b;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:40px;--sp-7:64px;--max-w:1120px}
*{box-sizing:border-box;margin:0;padding:0}
body{background-color:var(--bg);background-image:linear-gradient(var(--blueprint-grid) 1px,transparent 1px),linear-gradient(90deg,var(--blueprint-grid) 1px,transparent 1px);background-size:24px 24px;color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.6}
h1,h2,h3,h4{color:var(--text-bright);font-weight:700;line-height:1.2;overflow-wrap:anywhere}
p,li{overflow-wrap:anywhere}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.skip-link{position:absolute;top:-100px;left:var(--sp-4);background:var(--accent);color:#041322;padding:var(--sp-2) var(--sp-4);font-weight:700;z-index:999;transition:top .2s}
.skip-link:focus{top:var(--sp-4)}
:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
.site-footer :focus-visible,.mobile-menu :focus-visible,.cookie-banner :focus-visible{outline-color:#ffffff}
.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-4)}
.site-header{height:64px;border-bottom:1px solid var(--border-hairline);background-color:var(--bg-surface)}
.site-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-weight:700;font-size:1.125rem;color:var(--text-bright);white-space:nowrap;flex-shrink:0}
.brand svg{display:block;width:24px;height:24px}
.desktop-nav{display:none}
.header-cta{display:none}
.hamburger{background:transparent;border:1px solid var(--border-hairline);padding:var(--sp-2);color:var(--text);display:flex;flex-direction:column;gap:4px;cursor:pointer}
.hamburger span{display:block;width:20px;height:2px;background:var(--accent)}
.mobile-menu{position:fixed;inset:0;background:var(--bg);z-index:100;display:none;padding:var(--sp-5);flex-direction:column;overflow-y:auto}
.mobile-menu.is-open{display:flex}
.mobile-menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-5);border-bottom:1px solid var(--border-hairline);padding-bottom:var(--sp-4)}
.mobile-nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-4);margin-block:auto}
.mobile-nav-list a{font-family:var(--font-mono);font-size:1.125rem;color:var(--text-bright)}
.btn-blueprint{display:inline-block;font-family:var(--font-mono);font-size:0.875rem;padding:var(--sp-2) var(--sp-4);background:var(--bg-card);color:var(--accent);border:1px solid var(--accent);text-transform:uppercase;letter-spacing:1px;cursor:pointer}
.btn-blueprint:hover{background:var(--accent);color:#041322;text-decoration:none}
.hero{padding:var(--sp-7) 0 var(--sp-6);border-bottom:1px solid var(--border-hairline);background:linear-gradient(180deg,rgba(16,34,59,0.8) 0%,rgba(12,25,44,0.95) 100%)}
.hero-content{display:flex;flex-direction:column;gap:var(--sp-4);max-width:800px}
.blueprint-tag{font-family:var(--font-mono);font-size:0.875rem;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;display:inline-block}
.hero h1{font-size:clamp(1.75rem,4vw,2.75rem)}
.hero p{font-size:1.125rem;color:var(--text-muted)}
.lead-media{margin-top:var(--sp-5);border:1px solid var(--border-hairline);background:var(--bg-surface);padding:var(--sp-2);position:relative}
.lead-media img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border:1px solid var(--blueprint-grid)}
.blueprint-caption{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted);padding-top:var(--sp-2);text-transform:uppercase;letter-spacing:1px}
.section{padding:var(--sp-7) 0;border-bottom:1px solid var(--border-hairline)}
.section-header{margin-bottom:var(--sp-6);border-left:3px solid var(--accent);padding-left:var(--sp-4)}
.section-header h2{font-size:clamp(1.5rem,3vw,2rem);font-family:var(--font-mono)}
.section-header p{color:var(--text-muted);font-size:1rem;margin-top:var(--sp-2)}
.timeline{position:relative;padding:var(--sp-5) 0;display:flex;flex-direction:column;gap:var(--sp-6)}
.timeline::before{content:"";position:absolute;top:0;bottom:0;left:15px;width:2px;background:var(--border-hairline)}
.timeline-node{position:relative;padding-left:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3)}
.timeline-marker{position:absolute;left:8px;top:4px;width:16px;height:16px;background:var(--bg);border:2px solid var(--accent);border-radius:50%;transform:translateX(-50%)}
.timeline-node .blueprint-spec{font-family:var(--font-mono);font-size:0.875rem;color:var(--accent-amber)}
.timeline-node h3{font-size:1.25rem}
.timeline-node p{color:var(--text-muted)}
.timeline-node .cta-link{align-self:flex-start;font-family:var(--font-mono);font-size:0.875rem;font-weight:700}
.content-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}
.blueprint-panel{background:var(--bg-surface);border:1px solid var(--border-hairline);padding:var(--sp-5);position:relative}
.blueprint-panel::after{content:"SPEC SHEET // REF";position:absolute;top:var(--sp-2);right:var(--sp-4);font-family:var(--font-mono);font-size:0.625rem;color:var(--text-muted);letter-spacing:1px}
.article-prose h2{font-size:1.5rem;margin:var(--sp-6) 0 var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-hairline)}
.article-prose h3{font-size:1.25rem;margin:var(--sp-5) 0 var(--sp-2);color:var(--accent)}
.article-prose p{margin-bottom:var(--sp-4);line-height:1.7}
.article-prose ul{margin:0 0 var(--sp-4) var(--sp-5)}
.article-prose li{margin-bottom:var(--sp-2)}
.specs-table{width:100%;border-collapse:collapse;margin:var(--sp-5) 0;font-family:var(--font-mono);font-size:0.875rem}
.specs-table th,.specs-table td{border:1px solid var(--border-hairline);padding:var(--sp-3) var(--sp-4);text-align:left}
.specs-table th{background:var(--bg-card);color:var(--accent)}
.specs-table td{background:rgba(16,34,59,0.5)}
.table-wrapper{overflow-x:auto;margin-bottom:var(--sp-5)}
.contact-form{display:flex;flex-direction:column;gap:var(--sp-4);max-width:640px}
.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}
.form-group label{font-family:var(--font-mono);font-size:0.875rem;color:var(--text-bright)}
.form-group input,.form-group textarea{background:var(--bg-card);border:1px solid var(--border-hairline);color:var(--text-bright);padding:var(--sp-3);font-family:var(--font-sans);font-size:1rem}
.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}
.form-group.is-invalid input,.form-group.is-invalid textarea{border-color:#ef4444}
.error-msg{color:#ef4444;font-size:0.75rem;font-family:var(--font-mono);display:none}
.form-group.is-invalid .error-msg{display:block}
.form-success{display:none;background:rgba(56,189,248,0.1);border:1px solid var(--accent);padding:var(--sp-4);color:var(--accent);font-family:var(--font-mono)}
.site-footer{background:var(--bg-surface);border-top:1px solid var(--border-hairline);padding:var(--sp-7) 0 var(--sp-5);font-size:0.875rem;color:var(--text-muted)}
.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6);margin-bottom:var(--sp-6)}
.footer-col h4{font-family:var(--font-mono);font-size:0.875rem;color:var(--accent);margin-bottom:var(--sp-4);letter-spacing:1px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}
.footer-bottom{border-top:1px solid var(--border-hairline);padding-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);font-family:var(--font-mono);font-size:0.75rem}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);border-top:2px solid var(--accent);padding:var(--sp-4);z-index:900;display:flex;flex-direction:column;gap:var(--sp-4)}
.cookie-banner-controls{display:flex;flex-direction:column;gap:var(--sp-2)}
.cookie-prefs-panel{border-top:1px solid var(--border-hairline);padding-top:var(--sp-3);display:none}
.cookie-prefs-panel.is-open{display:block}
@media(min-width:480px){.cookie-banner-controls{flex-direction:row;flex-wrap:wrap}.cookie-banner-controls .btn-blueprint{flex:1 1 auto}}
@media(min-width:768px){.content-grid{grid-template-columns:2fr 1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.cookie-banner{flex-direction:row;align-items:center;justify-content:space-between}.cookie-banner-controls{flex:0 0 auto}}
@media(min-width:1024px){.desktop-nav{display:flex;gap:var(--sp-4);align-items:center}.desktop-nav a{color:var(--text);font-family:var(--font-mono);font-size:0.875rem;white-space:nowrap}.desktop-nav a:hover{color:var(--accent)}.header-cta{display:inline-block}.hamburger{display:none}.timeline::before{left:50%;transform:translateX(-50%)}.timeline-node{width:50%;padding-left:0;padding-right:var(--sp-6);text-align:right}.timeline-node:nth-child(even){margin-left:50%;padding-right:0;padding-left:var(--sp-6);text-align:left}.timeline-node:nth-child(even) .timeline-marker{left:-8px;transform:none}.timeline-node:nth-child(odd) .timeline-marker{left:auto;right:-8px;transform:none}.timeline-node:nth-child(odd) .cta-link{align-self:flex-end}.footer-grid{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}