:root{--ink:#0a0a0a;--ink-2:#111113;--graphite:#1a1a1d;--graphite-2:#242428;--line:#2a2a2e;--line-2:#3a3a3f;--fog:#8c8c92;--mute:#5a5a5f;--paper:#e8e6e0;--paper-2:#f5f3ed;--brass:#b08a4a;--brass-2:#d4b06a;--brass-3:#8a6a30;--danger:#c84a2e;}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:var(--ink);color:var(--paper);}
body{font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;font-feature-settings:"ss01","cv11","tnum";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;line-height:1.35;}
.mono{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-feature-settings:"zero","ss01";}
.eyebrow{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fog);}
.brass{color:var(--brass-2);}
.hair{background:var(--line);height:1px;width:100%;}
button{font-family:inherit;}
a{color:inherit;text-decoration:none;transition:color .2s ease;}
a:hover{color:var(--brass-2);}
img{display:block;max-width:100%;}
:focus-visible{outline:2px solid var(--brass-2);outline-offset:2px;}
section{position:relative;}
.container{max-width:1440px;margin:0 auto;padding:0 48px;}
.display{font-weight:500;letter-spacing:-0.035em;line-height:0.92;}
.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 22px;border:1px solid var(--line-2);background:transparent;color:var(--paper);font-size:13px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .25s ease;}
.btn:hover{background:var(--paper);color:var(--ink);border-color:var(--paper);}
.btn-brass{background:var(--brass);color:var(--ink);border-color:var(--brass);}
.btn-brass:hover{background:var(--brass-2);border-color:var(--brass-2);color:var(--ink);}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-track{display:flex;gap:48px;width:max-content;animation:marquee 40s linear infinite;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--ink);}
::-webkit-scrollbar-thumb{background:var(--line-2);}
::-webkit-scrollbar-thumb:hover{background:var(--fog);}
.grid{display:grid;}
.flex{display:flex;}
.between{justify-content:space-between;}
.center{align-items:center;}
.col{flex-direction:column;}
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .9s ease, transform .9s ease;}
.fade-in.in{opacity:1;transform:none;}
.sec-head{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:120px 0 64px;align-items:end;}
.sec-head h2{font-size:clamp(40px,6vw,84px);}
.sec-head .no{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--brass-2);letter-spacing:.14em;}
.ph{background:linear-gradient(135deg,#18181b 0%,#0c0c0e 100%);position:relative;overflow:hidden;}
.ph::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:24px 24px;}
.ph::after{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(232,230,224,.35);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;}
.nav-link{position:relative;padding:4px 0;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--paper);white-space:nowrap;}
.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--brass-2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.nav-link:hover::after{transform:scaleX(1);}
.model-switch-off:hover{color:var(--paper)!important;background:var(--graphite);}
#boot{position:fixed;inset:0;background:var(--ink);display:flex;align-items:center;justify-content:center;z-index:9999;color:var(--paper);}
@keyframes pulse{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
.hero-title{font-size:clamp(78px,11vw,150px);}
.hero-grid{display:grid;grid-template-columns:1fr auto auto auto;gap:48px;align-items:end;}
.speed-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.feature-grid{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start;}
.specs-grid{display:grid;grid-template-columns:repeat(3,1fr);}
.spec-rows{display:grid;grid-template-columns:repeat(3,1fr);}
.prod-grid{display:grid;grid-template-columns:repeat(6,1fr);}
.config-grid{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start;}
.config-tabs{display:grid;grid-template-columns:repeat(4,1fr);}
.config-summary{position:sticky;top:96px;}
.models-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:start;}
.faq-grid{display:grid;grid-template-columns:1fr 2fr;gap:48px;}
.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start;}
.contact-pad{padding-top:96px;padding-bottom:120px;}
.footer-pad{padding-top:80px;padding-bottom:40px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;align-items:start;}
@media (max-width:1180px){
  .nav-links{display:none;}
  .hero-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .feature-grid,.config-grid{grid-template-columns:1fr;gap:24px;}
  .config-summary{position:static;}
  .models-grid{grid-template-columns:1fr;gap:32px;}
  .prod-grid{grid-template-columns:repeat(3,1fr);}
  .prod-grid > div{border-right:1px solid var(--ink)!important;border-bottom:1px solid var(--ink);}
}
@media (max-width:900px){
  .container{padding:0 24px;}
  .sec-head{grid-template-columns:1fr;padding:80px 0 40px;gap:24px;}
  .speed-grid{grid-template-columns:1fr;gap:32px;}
  .specs-grid,.spec-rows{grid-template-columns:1fr;}
  .specs-grid > div{grid-column:auto!important;border-right:none!important;border-bottom:1px solid var(--line)!important;}
  .spec-rows > div{border-right:none!important;border-bottom:1px solid var(--line)!important;padding-left:0!important;}
  .config-tabs{grid-template-columns:repeat(2,1fr);}
  .faq-grid,.contact-grid{grid-template-columns:1fr;gap:40px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .footer-legal{flex-direction:column;gap:8px;}
  .contact-pad{padding-top:64px;padding-bottom:80px;}
  .hero-hud{display:none;}
}
@media (max-width:640px){
  .hero-grid{grid-template-columns:1fr;gap:24px;}
  .prod-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
}