/* SIA Autos — main stylesheet */
:root{--red:#E4231F;--black:#111;--white:#fff;--off:#F7F5F2;--gray:#6E6E6E;--line:#E7E4DF;--r:4px}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font:400 16px/1.65 Inter,system-ui,sans-serif;color:var(--black);background:#fff}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;line-height:1.2}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}h2{font-size:clamp(1.6rem,3vw,2.3rem)}h3{font-size:1.15rem}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:auto;padding:0 24px}.sec{padding:80px 0}.off{background:var(--off)}.dark{background:var(--black);color:#fff}
.c{text-align:center}.eyebrow{color:var(--red);font:700 .72rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.muted{color:var(--gray)}.lead{max-width:620px;margin:12px auto 0;color:var(--gray)}.dark .lead,.hero .lead{color:#ccc}
.btn{display:inline-block;padding:13px 24px;border-radius:var(--r);font:600 .9rem Inter,sans-serif;border:1.5px solid var(--red);background:var(--red);color:#fff;cursor:pointer;transition:.2s}
.btn:hover{background:#c41b17;border-color:#c41b17}.btn.k{background:var(--black);border-color:var(--black)}.btn.o{background:transparent;border-color:#fff}.btn.o:hover{background:#fff;color:var(--black)}.btn.od{background:transparent;color:var(--black);border-color:var(--black)}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.c .btns{justify-content:center}
/* header */
header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .2s}header.sc{box-shadow:0 2px 14px rgba(0,0,0,.09)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}.nav img{height:52px}
.nav ul{display:flex;gap:26px;list-style:none;align-items:center;padding:0}.nav li a{font:600 .86rem Inter;padding:6px 0}.nav li a:hover,.nav li a.on{color:var(--red)}.nav .btn{color:#fff;padding:10px 18px}.nav .btn:hover{color:#fff}
.burger{display:none;background:0;border:0;width:40px;height:40px;cursor:pointer}.burger span{display:block;height:2px;background:var(--black);margin:7px 8px;transition:.2s}
/* hero */
.hero{background:linear-gradient(100deg,#0c0c0c 35%,#3a0a0a);color:#fff;padding:90px 0;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-140px;top:-90px;width:520px;height:520px;border-radius:50%;border:70px solid rgba(228,35,31,.16)}
.hero .wrap{position:relative;z-index:1}.hero p.lead{margin-left:0;max-width:560px;font-size:1.05rem}.hero h1{max-width:680px}
.hero.big{padding:130px 0;background:linear-gradient(100deg,rgba(12,12,12,.93) 35%,rgba(70,8,8,.6)),url(../images/hero-home.jpg) center/cover}
.hero.ctr{text-align:center;padding-bottom:140px}.hero.ctr .lead{margin:14px auto 0}
/* marquee */
.strip{background:var(--off);padding:26px 0;border-bottom:1px solid var(--line);overflow:hidden}.strip small{display:block;text-align:center;letter-spacing:.14em;font-size:.72rem;color:var(--gray);margin-bottom:14px}
.mq{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.track{display:flex;width:max-content;animation:mq 38s linear infinite}.mq:hover .track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.badge{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:40px;padding:7px 18px 7px 8px;margin-right:14px;font:600 .85rem Inter;white-space:nowrap;transition:.2s}.badge:hover{border-color:var(--red);color:var(--red)}
.ini{width:26px;height:26px;border-radius:50%;background:var(--black);color:#fff;display:grid;place-items:center;font:700 .75rem 'Playfair Display',serif;overflow:hidden}.ini img{width:100%;height:100%;object-fit:contain;background:#fff}
/* grids & cards */
.g{display:grid;gap:24px}.g2{grid-template-columns:1fr 1fr;align-items:center;gap:56px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.2s}a.card:hover{border-color:var(--red)}.card h3{margin:8px 0 6px;font-family:Inter;font-size:1.02rem}.card p{color:var(--gray);font-size:.92rem}
.ico{width:40px;height:40px;border-radius:50%;background:#fde8e7;color:var(--red);display:grid;place-items:center;font:700 1rem 'Playfair Display',serif}
.ph{border-radius:var(--r);width:100%;object-fit:cover}.sv{padding:0;overflow:hidden}.sv img{height:190px;width:100%;object-fit:cover}.sv div{padding:24px}
.ticks{list-style:none;padding:0;margin-top:14px}.ticks li{padding:4px 0 4px 26px;position:relative;font-size:.92rem}.ticks li:before{content:"✓";color:var(--red);font-weight:700;position:absolute;left:0}
.banner{background:var(--red);color:#fff;text-align:center;padding:56px 0}.banner h2{margin-bottom:6px}.banner .btn.k:hover{background:#000}.banner .btn.o:hover{color:var(--red)}
.steps{counter-reset:s}.step{text-align:center}.step:before{counter-increment:s;content:"0" counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--black);color:#fff;margin:0 auto 12px;font:700 .9rem 'Playfair Display',serif}.step p{color:var(--gray);font-size:.88rem}
.g5{grid-template-columns:repeat(5,1fr)}
.tag{display:inline-block;background:var(--black);color:#fff;font:700 .7rem Inter;border-radius:3px;padding:2px 9px}
.quote{font:italic 700 1.5rem/1.5 'Playfair Display',serif;max-width:760px;margin:12px auto}.stars{color:var(--red);letter-spacing:4px}
.pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.pills button{background:0;border:0;border-bottom:2px solid transparent;padding:8px 14px;font:600 .88rem Inter;color:var(--gray);cursor:pointer}.pills button.on{color:var(--red);border-color:var(--red)}
.proj{position:relative;display:block}.proj .im{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r)}.proj img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s}.proj .im img+img{opacity:0}.proj:hover .im img+img{opacity:1}.proj:hover .im .tag{opacity:0}
.proj .tag{position:absolute;top:10px;left:10px;z-index:2;transition:.3s}.proj h3{margin-top:12px}.proj[hidden]{display:none}
.stat b{font:700 2rem 'Playfair Display',serif;margin-right:26px}.stat span{font-size:.72rem;letter-spacing:.1em;color:var(--gray)}
.faq{max-width:720px;margin:30px auto 0}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font:700 1.05rem 'Playfair Display',serif;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--red)}details[open] summary:after{content:"–"}details p{color:var(--gray);margin-top:8px}
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 8px;text-align:center;font:600 .86rem Inter;transition:.2s}.tile:hover{border-color:var(--red);color:var(--red)}.tile .ini{margin:0 auto 8px;width:38px;height:38px}
.certs{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;font:600 1rem 'Playfair Display',serif;color:var(--gray)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gal img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
/* contact */
.cc{margin-top:-70px;position:relative;z-index:2}.cc .card{text-align:center;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.1)}.cc .ico{margin:0 auto}
form label{display:block;font:700 .7rem Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin:16px 0 6px}
input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:var(--r);font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--red);outline-offset:-1px}
.err{color:var(--red);font-size:.8rem;min-height:1em}.bad{border-color:var(--red)}.r2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.drop{border:2px dashed var(--line);border-radius:var(--r);padding:22px;text-align:center;color:var(--gray);cursor:pointer}.drop.hv{border-color:var(--red);background:#fff5f5}
.ok{display:none;background:#eaf7ee;border:1px solid #b9e3c5;padding:14px;border-radius:var(--r);margin-top:16px}
.side h3{margin:22px 0 6px}.side p{color:var(--gray)}.side a:hover{color:var(--red)}
.map iframe{width:100%;height:380px;border:0;display:block}
/* footer */
footer{background:var(--black);color:#ccc;padding:60px 0 0;font-size:.9rem}footer img{height:54px;margin-bottom:14px}footer h4{color:#fff;font:700 .9rem Inter;margin-bottom:12px}footer ul{list-style:none;padding:0}footer li{padding:3px 0}footer a:hover{color:#fff}
.soc{display:flex;gap:8px;margin-top:14px}.soc a{width:34px;height:34px;border:1px solid #444;border-radius:50%;display:grid;place-items:center;font:700 .7rem Inter}.soc a:hover{background:var(--red);border-color:var(--red);color:#fff}
.copy{border-top:1px solid #2a2a2a;margin-top:40px;padding:20px 0;text-align:center;font-size:.8rem;color:#888}
.wa{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;z-index:60;box-shadow:0 4px 14px rgba(0,0,0,.25)}.wa svg{width:30px;fill:#fff}
.crumb{font-size:.82rem;color:#bbb;margin-bottom:12px}.crumb a:hover{color:#fff}
.bnav{display:flex;justify-content:space-between;margin-top:40px;font-weight:600}.bnav a:hover{color:var(--red)}
@media(max-width:1200px){.g5{grid-template-columns:repeat(3,1fr)}.tiles{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){.burger{display:block}.nav ul{position:fixed;inset:76px 0 0 0;background:#fff;flex-direction:column;justify-content:center;gap:22px;transform:translateX(100%);transition:.3s}.nav ul.open{transform:none}.nav li a{font-size:1.1rem}
.g2,.g3,.g4{grid-template-columns:1fr}.g2{gap:30px}.sec{padding:50px 0}.tiles{grid-template-columns:repeat(3,1fr)}.gal{grid-template-columns:1fr 1fr}.cc{margin-top:-50px}.g4.cc{grid-template-columns:1fr 1fr}.hero{padding:60px 0}.hero.ctr{padding-bottom:100px}.hero.big{padding:80px 0}.r2{grid-template-columns:1fr}.g5{grid-template-columns:1fr 1fr}.g4.f{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.tiles{grid-template-columns:1fr 1fr}.g4.cc,.g4.f{grid-template-columns:1fr}.quote{font-size:1.15rem}.badge{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.track{animation:none}}

/* real brand logos — every logo is contained in a fixed box, never stretched or overflowing */
.badge .ini{width:auto}.badge .ini:has(img){width:56px;height:30px;border-radius:0;background:none;overflow:visible}
.ini:has(img){display:flex;align-items:center;justify-content:center}.ini img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:none}
.tile .ini:has(img){width:100%;max-width:110px;height:52px;margin:0 auto 12px;border-radius:0;background:none}
.blogo{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:4px;padding:12px 22px;margin-bottom:22px;width:220px;height:84px}.blogo img{max-width:100%;max-height:100%;object-fit:contain}
.badge:has(img){padding:7px 18px 7px 14px}

/* marquee: logos only, larger and enhanced */
.strip{padding:34px 0}.strip .track{animation-duration:50s}
.strip .badge{margin-right:22px;padding:0 30px;height:92px;min-width:150px;justify-content:center;border-radius:14px;border:1px solid var(--line);background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}
.strip .badge img{height:60px;width:auto;max-width:130px;object-fit:contain;transition:transform .25s}
.strip .badge:hover{transform:translateY(-3px);border-color:var(--red);box-shadow:0 8px 20px rgba(0,0,0,.12)}.strip .badge:hover img{transform:scale(1.08)}.badge .nm{font:700 1rem Inter}
@media(max-width:600px){.strip .badge{height:72px;min-width:112px;padding:0 20px}.strip .badge img{height:44px;max-width:96px}}
/* google reviews */
.rate{margin-top:12px;font-size:1.05rem;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.g-logo b{font:700 1.3rem 'Product Sans',Inter,sans-serif}
.rv .rvh{display:flex;gap:12px;align-items:center;margin-bottom:10px}.av{width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:700}.rv p{margin-top:8px;color:#444;font-size:.94rem}
.btns.c{justify-content:center}

.ini img,.blogo img,.strip .badge img{image-rendering:auto}.strip .badge img{height:64px;max-width:150px}.strip .badge{min-width:170px}