
/* MZ Garage — 2026 design system */
:root{color-scheme:dark;--bg:#0b0d10;--surface:#14171c;--surface-2:#1c2027;--ink:#f8fafc;--muted:#aeb7c4;--line:#303640;--accent:#ed172a;--accent-deep:#bb1020;--charcoal:#08090c;--charcoal-2:#15181e;--radius:16px;--shadow:0 20px 55px rgba(0,0,0,.25)}
@media(prefers-color-scheme:light){:root{color-scheme:dark;--bg:#0b0d10;--surface:#14171c;--surface-2:#1c2027;--ink:#f8fafc;--muted:#aeb7c4;--line:#303640;--accent:#ed172a;--accent-deep:#bb1020}}
body{background:var(--bg);color:var(--ink);font-family:Archivo,system-ui,sans-serif}h1,h2,h3{letter-spacing:-.035em}p{line-height:1.7}section{scroll-margin-top:90px}
.wrap{width:min(1280px,100% - 3rem)}.site-head{background:rgba(8,10,13,.93);border-color:#272b31;backdrop-filter:blur(18px)}.head-in{min-height:76px}.brand-mark{font-size:1.5rem;padding:.46rem .6rem;border-radius:3px;transform:skew(-8deg)}.brand-name{color:#fff}.brand-name small{color:#aeb7c4}.main-nav a{color:#e9ebef}.lang-toggle{border-color:#444}.lang-toggle a{color:#fff}.lang-toggle a.on{background:#fff;color:#08090c}.nav-toggle{color:#fff}
.winter-strip{background:#a90919}.winter-strip .wrap{padding:.38rem 0}.winter-strip strong{font-size:.8rem}.countdown{background:#fff;color:#a90919}
.hero{min-height:700px;background:#050608}.hero-bg{filter:saturate(.8)}.hero-bg img,.hero-bg video{object-position:center}.hero::after{background:linear-gradient(90deg,rgba(4,6,9,.96) 0%,rgba(4,6,9,.83) 34%,rgba(4,6,9,.38) 70%,rgba(4,6,9,.2)),linear-gradient(0deg,#090b0e,transparent 35%)}.hero-in{min-height:730px;max-width:820px;padding:7rem 0 6rem}.hero-tag{border:0;border-left:3px solid var(--accent);border-radius:0;background:rgba(0,0,0,.55);font-size:.82rem}.hero h1{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.055em;line-height:.96;max-width:820px}.hero h1 .hl{background:none;color:#ff3346}.hero p{max-width:590px;font-size:clamp(1.1rem,2vw,1.28rem)}.hero-ctas{gap:1rem}.btn{border-radius:5px;padding:1rem 1.5rem}.btn-accent{background:#ed172a}.btn-ghost{background:rgba(0,0,0,.35);border-color:#7c858f}.hero-facts{display:flex;gap:1rem 2rem;margin-top:3rem}.hero-facts span{font-size:.82rem}
.stats{background:#101318;border-top:1px solid #292e35;border-bottom:1px solid #292e35}.stats-grid>*{padding:1.9rem 1.4rem}.stats-grid b{font-size:2.5rem}
section{padding:clamp(4.5rem,8vw,7rem) 0}.sec-head{max-width:720px}.sec-head h2{font-size:clamp(2.3rem,5vw,4.2rem)}.sec-head h2::after{height:3px;width:90px}.sec-head p{font-size:1.13rem}.sec-head .kicker{color:#ff4554}
.svc-grid{grid-template-columns:repeat(12,1fr);gap:1rem}.svc{grid-column:span 4;background:#15191f;border:1px solid #30343d;border-radius:10px;box-shadow:none;border-top:0;min-width:0}.svc:nth-child(1),.svc:nth-child(2){grid-column:span 6}.svc figure{aspect-ratio:16/10}.svc:nth-child(1) figure,.svc:nth-child(2) figure{aspect-ratio:16/8}.svc-body{padding:1.6rem;gap:.75rem}.svc-body h3{font-size:1.45rem}.svc-body p{color:#b6bfcb}.svc-num{background:rgba(237,23,42,.12);color:#ff5363}.svc .more{color:#ff596a}.svc-plain{background:linear-gradient(145deg,#20252d,#101318)}.svc-plain p{color:#b6bfcb}.svc-cta{grid-column:span 4}.svc:hover{box-shadow:0 22px 55px rgba(0,0,0,.35);transform:translateY(-5px)}
.winter{background:linear-gradient(115deg,#171a20,#08090d)}.winter figure{transform:none;border:0;border-radius:12px}.winter h2{font-size:clamp(2.3rem,4.6vw,4rem)}.gallery{background:#101318}.mosaic{grid-auto-rows:240px;gap:1rem}.mosaic figure{border-radius:6px}.showcase{background:#0b0d10}.showcase-frame{border-radius:12px;box-shadow:0 0 0 8px #222831}.step{background:#171b22;border-bottom:2px solid var(--accent);border-radius:8px}.why-sec{background:#11151b}.why-item{background:#1b2028;border:1px solid #343b45;border-radius:8px}.why-item p{color:#b8c1cd}.faq-list{max-width:900px}.faq .a{color:#b8c1cd}.contact-sec{background:#0c0e12}.contact-card{background:#191d24;border-color:#353b46}.contact-card p{color:#c0c7d1}footer{background:#07080a}
.svc-hero{background:linear-gradient(115deg,#12151c,#080a0e)}.svc-hero h1{font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.045em}.svc-hero figure{transform:none;border:0;border-radius:12px;box-shadow:0 25px 70px #0008}.svc-hero figure img{aspect-ratio:5/4}.split{gap:4rem}.proof{background:#171b22}.others a{background:#1b2028;border-color:#363c46}.cta-band{background:linear-gradient(110deg,#c80d21,#ef2637)}.cta-band .btn{color:#a80015}
/* bespoke editorial insert */
.mz-editorial{padding:6rem 0;background:#f1f2f3;color:#111}.mz-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.mz-editorial h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.02;text-transform:uppercase}.mz-editorial p{color:#49505b;font-size:1.1rem}.mz-editorial figure{margin:0;overflow:hidden;border-radius:9px}.mz-editorial img{width:100%;height:440px;object-fit:cover}.mz-editorial .kicker{color:#c5091c;font-size:.85rem;font-weight:800;letter-spacing:.18em}.mz-editorial .btn{margin-top:1.2rem}
.mz-trustline{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;font-weight:700}.mz-trustline span::before{content:'✓';color:#ed172a;margin-right:.5rem}
@media(max-width:900px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc,.svc:nth-child(1),.svc:nth-child(2),.svc-cta{grid-column:span 1}.mz-editorial-grid{grid-template-columns:1fr;gap:2rem}.mz-editorial img{height:360px}}
@media(max-width:760px){.main-nav{background:#15191f}.main-nav a{color:#fff}.hero,.hero-in{min-height:650px}.hero-in{padding:5rem 0}.hero h1{font-size:clamp(3rem,11vw,5rem)}.wrap{width:min(1280px,100% - 2rem)}.mobile-bar{background:#0c0e12}}
@media(max-width:540px){.svc-grid{grid-template-columns:1fr}.svc,.svc:nth-child(1),.svc:nth-child(2),.svc-cta{grid-column:span 1}.hero{min-height:610px}.hero-in{min-height:610px}.stats-grid b{font-size:1.8rem}.mosaic{grid-auto-rows:140px}.mz-editorial img{height:270px}}
@media(prefers-reduced-motion:reduce){.svc,.btn,.why-item,.mosaic img{transition:none!important;transform:none!important}}
