/* Arsenal-Motor — статический сайт */
:root{
  --bg:#f7f8fa; --fg:#1d2330;
  --graphite:#26303f; --graphite-deep:#141a24; --graphite-soft:#3d4757;
  --steel:#8893a4; --steel-light:#e4e8ee;
  --brand-blue:#2f6df0; --brand-orange:#f08a3e;
  --card:#ffffff; --border:#e2e6ec; --secondary:#eef1f5;
  --shadow:0 1px 2px rgba(20,26,36,.06),0 8px 24px -12px rgba(20,26,36,.18);
}
*{box-sizing:border-box;margin:0;padding:0;border-color:var(--border)}
html{scroll-behavior:smooth}
body{font-family:'Inter','Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.font-display{font-family:'Space Grotesk','Inter',sans-serif;letter-spacing:-.02em}
.font-mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.wrap{max-width:1400px;margin:0 auto;padding:0 32px}
.tech-grid{
  background-image:
    linear-gradient(to right, rgba(180,190,210,.35) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(180,190,210,.35) 1px, transparent 1px);
  background-size:56px 56px;
}

/* Header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(247,248,250,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:80px;max-width:1400px;margin:0 auto;padding:0 32px}
.brand{display:flex;align-items:center;gap:16px}
.brand img{height:56px;width:auto}
.brand-text{display:none;flex-direction:column;line-height:1.1}
.brand-text strong{font-family:'Space Grotesk',sans-serif;font-size:16px;color:var(--graphite-deep)}
.brand-text span{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--steel);margin-top:4px}
.nav{display:none;align-items:center;gap:32px;font-size:14px;color:var(--graphite-soft)}
.nav a{transition:color .2s}
.nav a:hover,.nav a.active{color:var(--brand-blue)}
.hdr-phone{display:none;font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:500;color:var(--graphite-deep)}
.hdr-phone:hover{color:var(--brand-blue)}
.burger{display:inline-flex;width:40px;height:40px;border:1px solid var(--border);border-radius:6px;background:transparent;align-items:center;justify-content:center;cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:var(--graphite-deep);position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--graphite-deep)}
.burger span::before{top:-6px}.burger span::after{top:6px}
.mnav{display:none;border-top:1px solid var(--border);background:var(--bg)}
.mnav.open{display:block}
.mnav ul{list-style:none;max-width:1400px;margin:0 auto;padding:8px 32px}
.mnav a{display:block;padding:14px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--graphite-soft)}
.mnav li:last-child a{border-bottom:0}
@media(min-width:640px){.brand-text{display:flex}.brand img{height:64px}}
@media(min-width:768px){.nav{display:flex}.burger{display:none}}
@media(min-width:1024px){.hdr-phone{display:block}}

/* Section/label */
.lbl{display:flex;align-items:center;gap:12px;font-family:'JetBrains Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--brand-blue)}
.lbl .ln{height:1px;width:40px;background:rgba(47,109,240,.6)}
.lbl .sub{color:var(--graphite-soft)}

/* Page header */
.phdr{border-bottom:1px solid var(--border);background:rgba(228,232,238,.4)}
.phdr-in{max-width:1400px;margin:0 auto;padding:64px 32px}
.phdr h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,5vw,64px);font-weight:600;letter-spacing:-.02em;color:var(--graphite-deep);margin-top:24px;line-height:1.05}
.phdr p{margin-top:24px;max-width:640px;font-size:18px;line-height:1.6;color:var(--graphite-soft)}

/* Hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg) 0%,rgba(228,232,238,.5) 100%)}
.hero .blob1,.hero .blob2,.hero .grid{position:absolute;pointer-events:none}
.hero .grid{inset:0;opacity:.4}
.hero .blob1{right:-128px;top:0;width:480px;height:480px;border-radius:50%;background:rgba(47,109,240,.10);filter:blur(60px)}
.hero .blob2{left:-80px;bottom:0;width:320px;height:320px;border-radius:50%;background:rgba(240,138,62,.10);filter:blur(60px)}
.hero-in{position:relative;max-width:1400px;margin:0 auto;padding:80px 32px;display:grid;gap:48px;grid-template-columns:1fr}
@media(min-width:1024px){.hero-in{grid-template-columns:8fr 4fr;padding:128px 32px}}
.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,6vw,80px);font-weight:600;line-height:1.05;letter-spacing:-.02em;color:var(--graphite-deep);margin-top:24px}
.hero h1 .soft{color:var(--graphite-soft)}
.hero h1 .underline{position:relative;display:inline-block}
.hero h1 .underline::after{content:"";position:absolute;left:0;bottom:-8px;height:4px;width:100%;background:var(--brand-orange)}
.hero h1 .dot{color:var(--brand-blue)}
.hero .lead{margin-top:32px;max-width:640px;font-size:18px;line-height:1.6;color:var(--graphite-soft)}
.cta-row{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--graphite-deep);color:#fff}
.btn-primary:hover{background:var(--brand-blue)}
.btn-outline{background:var(--bg);color:var(--graphite-deep);border-color:rgba(20,26,36,.2)}
.btn-outline:hover{border-color:var(--brand-blue);color:var(--brand-blue)}
.btn-orange{background:var(--brand-orange);color:var(--graphite-deep)}
.btn-orange:hover{background:#fff}
.spec{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:24px;box-shadow:var(--shadow)}
.spec-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:16px}
.spec-top .tag{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--steel)}
.spec-top .dot{width:8px;height:8px;border-radius:50%;background:var(--brand-orange)}
.spec dl{margin-top:20px;display:flex;flex-direction:column;gap:16px}
.spec .row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;border-bottom:1px dashed var(--border)}
.spec .row:last-child{border-bottom:0;padding-bottom:0}
.spec dt{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--steel)}
.spec dd{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--graphite-deep)}
.spec .status{margin-top:24px;border-radius:6px;background:var(--graphite-deep);color:#fff;padding:16px}
.spec .status .k{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:rgba(228,232,238,.7)}
.spec .status .v{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:14px}
.spec .status .pulse{width:8px;height:8px;border-radius:50%;background:var(--brand-orange);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* Generic section */
.sec{border-bottom:1px solid var(--border);background:var(--bg)}
.sec.alt{background:rgba(228,232,238,.3)}
.sec.dark{background:var(--graphite-deep);color:#fff;position:relative;overflow:hidden}
.sec.dark .lbl{color:var(--brand-orange)}
.sec.dark .lbl .ln{background:rgba(240,138,62,.7)}
.sec.dark .lbl .sub{color:rgba(228,232,238,.7)}
.sec.dark .grid-bg{position:absolute;inset:0;opacity:.07;pointer-events:none}
.sec.dark .gradient{position:absolute;right:0;top:0;height:100%;width:50%;background:linear-gradient(to left,rgba(47,109,240,.15),transparent);pointer-events:none}
.sec .in{max-width:1400px;margin:0 auto;padding:80px 32px;position:relative}
.split{display:grid;gap:48px;grid-template-columns:1fr}
@media(min-width:1024px){.split{grid-template-columns:7fr 5fr}.split.rev{grid-template-columns:6fr 6fr}.split.s73{grid-template-columns:7fr 5fr}}
.split h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,3.5vw,40px);font-weight:600;letter-spacing:-.02em;color:var(--graphite-deep)}
.split p{color:var(--graphite-soft);margin-top:16px;line-height:1.7}
.sec.dark .split h2,.sec.dark h1{color:#fff}
.sec.dark .split p,.sec.dark .lead{color:rgba(228,232,238,.8)}
.fig{overflow:hidden;border-radius:8px;border:1px solid var(--border)}
.sec.dark .fig{border-color:rgba(255,255,255,.1)}
.fig img{aspect-ratio:16/10;width:100%;object-fit:cover}
.fig.tall img{aspect-ratio:4/5}
.fig.box img{aspect-ratio:4/3}
.figcap{background:var(--graphite-deep);color:rgba(228,232,238,.7);padding:12px 20px;font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.2em}
.lnk{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:500;color:var(--brand-blue)}
.lnk:hover{text-decoration:underline}

/* Cards/lists */
.card-box{margin-top:24px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:24px}
.card-box .k{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--steel)}
.card-box ul{margin-top:16px;list-style:none;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--graphite-deep)}
.tile-grid{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}
@media(min-width:640px){.tile-grid.c2{grid-template-columns:1fr 1fr}}
.tile{background:var(--card);padding:32px;transition:background .2s}
.tile:hover{background:var(--bg)}
.tile .n{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--steel)}
.tile h3{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;color:var(--graphite-deep);margin-top:20px}
.tile p{margin-top:12px;font-size:14px;color:var(--graphite-soft);line-height:1.6}
.list-rows{list-style:none;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--border);display:flex;flex-direction:column;gap:1px}
.list-rows li{background:var(--card);padding:24px;display:grid;grid-template-columns:1fr;gap:8px;transition:background .2s}
.list-rows li:hover{background:rgba(228,232,238,.6)}
@media(min-width:640px){.list-rows li{grid-template-columns:4fr 8fr;gap:24px}}
.list-rows .num{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--brand-blue);margin-right:16px}
.list-rows h3{display:inline;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;color:var(--graphite-deep)}
.list-rows p{color:var(--graphite-soft)}

/* Steps */
.steps{list-style:none;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--border);display:flex;flex-direction:column;gap:1px}
.steps li{background:var(--card);padding:24px;display:grid;grid-template-columns:auto 1fr;gap:16px}
@media(min-width:640px){.steps li{grid-template-columns:48px 200px 1fr;align-items:start}}
.steps .n{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--brand-blue)}
.steps h3{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:var(--graphite-deep)}
.steps p{font-size:14px;color:var(--graphite-soft);grid-column:1/-1}
@media(min-width:640px){.steps p{grid-column:3}}

/* Stats */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:8px;overflow:hidden;margin-top:16px}
.stats .cell{background:var(--card);padding:20px}
.stats .v{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:600;color:var(--brand-orange)}
.stats .k{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--steel);margin-top:4px}

/* Contacts */
.cgrid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}
@media(min-width:640px){.cgrid{grid-template-columns:1fr 1fr}}
.cgrid .cell{background:var(--card);padding:32px}
.cgrid dt{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--steel)}
.cgrid dd{margin-top:12px}
.cgrid dd a,.cgrid dd span{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;color:var(--graphite-deep)}
.cgrid dd a:hover{color:var(--brand-blue)}
.req{margin-top:40px;border:1px solid var(--border);background:rgba(228,232,238,.4);border-radius:8px;padding:32px}
.req .k{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--steel)}
.req .v{margin-top:12px;color:var(--graphite-deep)}

/* Footer */
.ftr{background:var(--graphite-deep);color:rgba(228,232,238,.7)}
.ftr-in{max-width:1400px;margin:0 auto;padding:64px 32px;display:grid;gap:40px;grid-template-columns:1fr}
@media(min-width:640px){.ftr-in{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.ftr-in{grid-template-columns:2fr 1fr 1fr}}
.ftr .brand-row{display:flex;align-items:center;gap:16px}
.ftr .brand-row img{height:64px;width:auto}
.ftr .brand-row span{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;color:#fff}
.ftr .tag{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:rgba(228,232,238,.5)}
.ftr h4{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.2em;color:rgba(228,232,238,.5)}
.ftr .col p,.ftr .col a,.ftr .col div{font-size:14px;margin-top:8px;display:block}
.ftr .col a:hover{color:#fff}
.ftr .small{margin-top:16px;max-width:380px;font-size:14px}
.ftr-bot{border-top:1px solid rgba(255,255,255,.1)}
.ftr-bot div{max-width:1400px;margin:0 auto;padding:20px 32px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:rgba(228,232,238,.5)}
@media(min-width:640px){.ftr-bot div{flex-direction:row;justify-content:space-between;align-items:center}}