:root{--red:#e8260f;--red-d:#b81a07;--ink:#141414;--soft:#f6f4f3;--bs-link-color:var(--red)}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:"Outfit",system-ui,sans-serif;color:#222}
h1,h2,h3{font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.01em}
a{text-decoration:none}
.btn-red{background:var(--red);color:#fff;font-weight:600;border:0;padding:.6rem 1.4rem}
.btn-red:hover{background:var(--red-d);color:#fff}
.bg-soft{background:var(--soft)}.bg-ink{background:var(--ink)}
.topbar{background:var(--ink);color:#ddd;font-size:.85rem;padding:6px 0}
.topbar i{color:var(--red)}
.navbar{border-bottom:3px solid var(--red)}
.navbar-brand img{height:50px}
.nav-link{font-weight:500;color:var(--ink);padding:.9rem .8rem!important;font-size:.95rem}
.nav-link:hover,.nav-link.active{color:var(--red)}
.dropdown-menu{border:0;border-top:3px solid var(--red);border-radius:0 0 6px 6px;box-shadow:0 14px 30px rgba(0,0,0,.15)}
.dropdown-item{padding:.55rem 1.2rem;font-size:.92rem;transition:.15s}
.dropdown-item:hover,.dropdown-item:focus{background:var(--ink);color:#fff;padding-left:1.6rem}
@media(min-width:992px){.dropdown-menu{margin-top:0;display:block;visibility:hidden;opacity:0;transform:translateY(8px);transition:.2s}.dropdown-menu.show{visibility:visible;opacity:1;transform:none}.nav-item:nth-last-child(-n+2) .dropdown-menu{right:0;left:auto}}
@media(max-width:991px){.offcanvas{max-width:86%}.nav-link{border-bottom:1px solid #eee}.dropdown-menu{border:0;background:var(--soft);box-shadow:none}.dropdown-menu:not(.show){display:none}}
/* slider */
/* page hero */
.phero{background:var(--ink);color:#fff;padding:56px 0;border-bottom:5px solid var(--red)}
.phero h1{font-size:clamp(2.6rem,6vw,4.2rem);text-transform:uppercase}
.phero p{color:#bbb;max-width:620px;margin:0}
.breadcrumb a{color:#ddd}.breadcrumb-item.active{color:var(--red)}.breadcrumb-item+.breadcrumb-item::before{color:#888}
/* shared */
.shead{margin-bottom:30px}.shead small{color:var(--red);font-weight:600;text-transform:uppercase;letter-spacing:.12em}
.shead h2{font-size:clamp(2rem,4.5vw,3rem);margin:0}
.feat{background:#fff;border:1px solid #e8e4e2;border-radius:8px;padding:26px 22px;height:100%;border-bottom:4px solid var(--red)}
.feat i{font-size:2rem;color:var(--red)}.feat h3{font-size:1.5rem;margin:10px 0 6px}.feat p{margin:0;color:#555}
.ccard{display:block;background:#fff;border-radius:8px;padding:24px 18px;color:var(--ink);height:100%;border-bottom:4px solid var(--ink);transition:.2s}
.ccard:hover{border-color:var(--red);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}
.ccard i{font-size:2rem;color:var(--red)}.ccard h3{font-size:1.4rem;margin:8px 0}.ccard span{font-size:.88rem;color:var(--red);font-weight:600}
.step{padding:10px 0}.step b{display:inline-grid;place-items:center;width:44px;height:44px;background:var(--red);color:#fff;border-radius:50%;font-size:1.2rem}
.step h3{font-size:1.4rem;margin:12px 0 4px}.step p{color:#555}
.brands{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px}.brands span{color:#bbb;font:600 1.3rem "Barlow Condensed";text-transform:uppercase;letter-spacing:.08em}
.blk{padding:64px 0}.blk.alt{background:var(--soft)}
.blk h2{font-size:clamp(2rem,4vw,2.8rem)}
.ipanel{background:var(--red);color:#fff;border-radius:8px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:10px 10px 0 var(--ink);text-align:center;padding:20px}
.ipanel i{font-size:3.4rem}.ipanel span{font:700 1.6rem "Barlow Condensed";text-transform:uppercase}
.ticks{list-style:none;padding:0;columns:2;margin:18px 0}.ticks li{padding:3px 0 3px 26px;position:relative;break-inside:avoid}
.ticks li::before{content:"\F26A";font-family:bootstrap-icons;position:absolute;left:0;color:var(--red)}
.note{font-size:.78rem;color:#999}
@media(max-width:575px){.ticks{columns:1}}
.ctab{background:var(--red);color:#fff;padding:60px 0}.ctab h2{font-size:clamp(2rem,4vw,3rem)}.ctab p{max-width:520px;margin:8px auto 22px}
.post{border:1px solid #e8e4e2;border-radius:8px;overflow:hidden;height:100%;background:#fff}
.post .thumb{height:120px;background:linear-gradient(135deg,var(--red),var(--ink));display:grid;place-items:center;color:#fff;font-size:2.6rem}
.post small{color:var(--red);font-weight:600}.post h3{font-size:1.5rem;margin:6px 0}.more{font-weight:600}
.form-control:focus,.form-select:focus{border-color:var(--red);box-shadow:0 0 0 .2rem rgba(232,38,15,.15)}
footer{background:#0b0b0b;color:#aaa;font-size:.92rem}
footer h6{color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}
footer a{color:#aaa}footer a:hover{color:#fff}footer li{margin-bottom:6px}
.flogo{height:48px;background:#fff;padding:4px 10px;border-radius:4px}
.copy{border-top:1px solid #222;font-size:.85rem}
/* slider: full image, no crop, no overlay */
.carousel-item img{width:100%;height:auto;display:block}
.carousel-indicators{position:static;margin:0;padding:12px 0;background:#fff}
.carousel-indicators button{width:34px!important;height:4px!important;background:#ccc!important;border:0!important;opacity:1!important}
.carousel-indicators .active{background:var(--red)!important}
.carousel-control-prev,.carousel-control-next{width:9%;bottom:44px;z-index:3}
.carousel-control-prev-icon,.carousel-control-next-icon{background-color:rgba(20,20,20,.55);border-radius:50%;background-size:50%;width:42px;height:42px}
@media(max-width:575px){.carousel-control-prev-icon,.carousel-control-next-icon{width:30px;height:30px}.carousel-indicators button{width:22px!important}}