:root{
  --brand:#7b2d36;
  --ink:#111;
  --bg:#0d0d0d;
  --muted:#b9b9b9;
  --surface:#1a1a1a;
  --ring:#ffe577;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:#eaeaea;background:var(--bg)}
a{color:var(--brand);text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1100px,100%);margin-inline:auto;padding:0 20px}
.btn{display:inline-flex;gap:.5rem;align-items:center;border:none;background:var(--brand);color:#111;font-weight:800;padding:.85rem 1.15rem;border-radius:999px;box-shadow:0 10px 25px rgba(255,204,0,.25);transition:.2s transform;}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent;border:1px solid #333;color:#fff}
.pill{display:inline-block;padding:.35rem .75rem;border-radius:999px;background:#222;border:1px solid #333;color:#ddd;font-size:.8rem}
.site-header{position:sticky;top:0;z-index:50;background:rgba(13,13,13,.9);backdrop-filter:blur(8px);border-bottom:1px solid #1f1f1f}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.6rem}
.brand .logo{width:38px;height:38px;border-radius:6px;border:1px solid #333}
.brand-text{font-weight:800;color:#fafafa;font-size:1rem}
.links a{color:#ddd;margin:0 .6rem}
.nav-cta{display:flex;align-items:center;gap:.5rem}
.call{font-weight:800;color:#fff}
.menu-btn{display:none;background:transparent;border:1px solid #333;border-radius:10px;color:#ddd;padding:.5rem .7rem}
.mobile-nav{display:none;position:absolute;left:0;right:0;top:64px;background:#0f0f0f;border-bottom:1px solid #1e1e1e}
.mobile-nav a{display:block;padding:1rem 20px;border-top:1px solid #1c1c1c;color:#dadada}
@media(max-width:900px){ .links{display:none} .menu-btn{display:inline-flex} }

.info-bar{border-bottom:1px solid #1a1a1a;background:#0f0f0f;color:#d9d9d9}

.hero{position:relative;isolation:isolate}
.hero .media{position:absolute;inset:0;z-index:-1;opacity:.65;background:url('https://images.unsplash.com/photo-1542365887-3e1c39d1a366?q=80&w=2000&auto=format&fit=crop') center/cover no-repeat;filter:grayscale(25%)}
.hero .scrim{position:absolute;inset:0;background:radial-gradient(80% 100% at 50% 10%, rgba(255,204,0,.10), transparent), linear-gradient(180deg, rgba(0,0,0,.22), rgba(13,13,13,.66) 62%)}
.hero-inner{padding:6rem 0 4rem}
.hero h1,.hero h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;margin:.25rem 0;color:#fff}
.hero p{color:#d6d6d6;max-width:55ch}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}

section{padding:3rem 0}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.section-title h2{margin:0;font-size:1.4rem;color:#fff}
.muted{color:var(--muted)}

.grid{display:grid;gap:1.25rem}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.grid.cols-3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}

.card{background:var(--surface);border:1px solid #272727;border-radius:18px;padding:1.1rem}
.card h3{margin:.25rem 0 .35rem}
.icon{width:40px;height:40px;border-radius:12px;background:#222;border:1px solid #2c2c2c;display:grid;place-items:center;color:var(--brand);font-weight:800}

.why .point{display:flex;gap:1rem;align-items:flex-start}
.why .point .icon{min-width:40px}

.brands{display:flex;gap:1.25rem;flex-wrap:wrap}
.brands .brand{padding:.75rem 1rem;border-radius:12px;border:1px dashed #333;color:#ddd}

.testimonial{display:flex;gap:1rem}
.testimonial .avatar{width:40px;height:40px;border-radius:999px;background:#222;border:1px solid #333}

.contact{display:grid;gap:1.25rem;grid-template-columns:1.2fr .8fr}
@media(max-width:900px){.contact{grid-template-columns:1fr}}
form .row{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}
@media(max-width:640px){form .row{grid-template-columns:1fr}}
input,textarea,select{width:100%;background:#121212;border:1px solid #2b2b2b;color:#eee;border-radius:12px;padding:.85rem}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 4px rgba(255,229,119,.07)}

footer{border-top:1px solid #202020;padding:2rem 0;color:#bbb}
.foot{display:grid;gap:1rem;grid-template-columns:1.2fr .8fr}
@media(max-width:900px){.foot{grid-template-columns:1fr}}
.foot small{color:#9a9a9a}

.float-call{position:fixed;inset:auto 16px 16px auto;z-index:60}

.page-heading{padding:2.5rem 0 1.5rem;border-bottom:1px solid #1f1f1f;background:#0f0f0f}
.page-heading h1{margin:0}
.breadcrumbs{font-size:.9rem;color:var(--muted)}
.main{padding-top:1rem}