:root{--brand:#e8552b;--brand-dark:#c9431c;--ink:#2b2b33}
html{scroll-behavior:smooth}
body{padding-top:62px;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
section{scroll-margin-top:62px}
.brand{font-weight:800;letter-spacing:.08em;color:var(--brand)!important}
.brand small{color:var(--ink);font-weight:600;font-size:.6em}
.nav-link.active{color:var(--brand)!important;font-weight:600}
.btn-brand{background:var(--brand);color:#fff;border:0}
.btn-brand:hover{background:var(--brand-dark);color:#fff}
.section-title{font-weight:700;margin-bottom:1.5rem}
.section-title::after{content:"";display:block;width:56px;height:4px;background:var(--brand);margin-top:8px}
.text-center.section-title::after{margin-inline:auto}
.hero{min-height:88vh;background:linear-gradient(rgba(60,60,66,.82),rgba(60,60,66,.82)),url(../images/design-hub.jpg) center/cover}
.hero .stat{font-size:2.4rem;font-weight:300}
.feature{border:0;box-shadow:0 2px 14px rgba(0,0,0,.08);transition:transform .2s}
.feature:hover{transform:translateY(-6px)}
.feature i{font-size:2.4rem;color:var(--brand)}
.region{background:#fff;border-left:4px solid var(--brand);padding:.8rem 1rem;border-radius:4px;height:100%}
.region.highlight{background:#fff3ee;border-color:var(--brand-dark)}
.timeline{border-left:3px solid var(--brand);padding-left:1.5rem}
.tl-item{position:relative;margin-bottom:1rem;opacity:0;transform:translateX(-12px);transition:.5s}
.tl-item.show{opacity:1;transform:none}
.tl-item::before{content:"";position:absolute;left:-2.05rem;top:.45rem;width:12px;height:12px;border-radius:50%;background:var(--brand)}
.tl-item b{color:var(--brand)}
.promo{background:#5c5c5f;border-top:10px solid #ff8c42;border-bottom:10px solid #ff8c42}
.promo-slide{padding:3rem 1rem;font-size:1.5rem}
.motor{background:#5c5c5f;color:#fff}
.thumb{height:180px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;transition:transform .3s}
.p-card{border:0;box-shadow:0 2px 14px rgba(0,0,0,.08);overflow:hidden}
.p-card:hover .thumb{transform:scale(1.07)}
.p-wrap{overflow:hidden}
#filters .btn{margin:.2rem}
#filters .btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.accordion-button:not(.collapsed){color:var(--brand);background:#fff3ee}
footer{background:#cfd8d9;font-size:.9rem}
footer a{display:block;color:var(--ink);text-decoration:none;margin-bottom:.25rem}
footer a:hover{color:var(--brand)}
.quote-fab{position:fixed;right:0;top:55%;z-index:1030;background:var(--brand);color:#fff;border:0;padding:.7rem 1rem;border-radius:1.5rem 0 0 1.5rem;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.to-top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;display:none;align-items:center;justify-content:center;text-decoration:none;z-index:1030}
.to-top.show{display:flex}