:root{--o:#E8722C;--b:#9A2F2F;--ch:#55504B;--dk:#1a1a1a;--cd:#2a2a2a;--tx:#ffffff;}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Helvetica,Arial,sans-serif;background:var(--dk);color:var(--tx);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
/* header */
header{position:sticky;top:0;z-index:50;background:rgba(26,26,26,.96);backdrop-filter:blur(6px);border-bottom:1px solid #333}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{font-weight:900;font-size:22px;letter-spacing:.5px}
.logo span{color:var(--o)}
.nav ul{display:flex;gap:22px;list-style:none;margin-left:auto}
.nav ul a{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;opacity:.85}
.nav ul a:hover{opacity:1;color:var(--o)}
.lang{display:flex;border:1px solid #444;border-radius:6px;overflow:hidden;font-size:13px;font-weight:800}
.lang a{padding:6px 10px}
.lang a.on{background:var(--o);color:#fff}
.btn{display:inline-block;background:var(--o);color:#fff;font-weight:800;padding:12px 20px;border-radius:8px;font-size:15px;transition:.15s}
.btn:hover{filter:brightness(1.08)}
.btn.wa{background:#25D366}
.btn.ghost{background:transparent;border:2px solid #fff}
.btn.sm{padding:9px 16px;font-size:14px}
/* hero */
.hero{padding:70px 0 60px;background:linear-gradient(180deg,#1a1a1a 0%,#211d1a 100%)}
.tag{color:var(--o);font-weight:800;letter-spacing:2px;font-size:13px;text-transform:uppercase}
h1{font-size:clamp(34px,6vw,60px);line-height:1.02;font-weight:900;margin:14px 0;text-transform:uppercase}
h1 em{color:var(--b);font-style:normal}
.lead{font-size:19px;opacity:.9;max-width:620px;margin-bottom:26px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.stars{color:var(--o);font-size:20px;letter-spacing:2px}
.hero-rating{margin-top:26px;font-size:14px;opacity:.85}
/* sections */
section{padding:56px 0}
.eyebrow{color:var(--o);font-weight:800;letter-spacing:2px;font-size:13px;text-transform:uppercase}
h2{font-size:clamp(26px,4vw,38px);font-weight:900;text-transform:uppercase;margin:8px 0 22px}
h3{font-size:20px;font-weight:800;margin-bottom:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:var(--cd);border:1px solid #363636;border-radius:12px;padding:22px;transition:.15s}
.card:hover{border-color:var(--o);transform:translateY(-2px)}
.card .ic{width:40px;height:40px;border-radius:8px;background:var(--o);display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:12px;font-size:13px}
.card p{opacity:.8;font-size:15px}
.card a.more{color:var(--o);font-weight:800;font-size:14px;display:inline-block;margin-top:10px}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.why div h3{color:var(--o)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}
.info b{color:var(--o)}
.info p{margin-bottom:10px}
.stat-row{display:flex;flex-wrap:wrap;gap:30px;margin-top:24px}
.stat b{display:block;font-size:30px;color:var(--o);font-weight:900}
.stat span{font-size:13px;opacity:.8;text-transform:uppercase;letter-spacing:1px}
/* faq */
.faq details{background:var(--cd);border:1px solid #363636;border-radius:10px;margin-bottom:10px;padding:4px 6px}
.faq summary{cursor:pointer;font-weight:800;padding:14px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--o);font-size:20px}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 14px 16px;opacity:.85}
/* cta band */
.band{background:var(--o);text-align:center}
.band h2{color:#fff}
.band .btn{background:#1a1a1a}
/* related */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{background:var(--cd);border:1px solid #3a3a3a;border-radius:30px;padding:8px 16px;font-size:14px;font-weight:700}
.chip:hover{border-color:var(--o);color:var(--o)}
/* footer */
footer{background:#141414;border-top:1px solid #2c2c2c;padding:40px 0 110px;font-size:14px;opacity:.9}
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:24px}
footer h4{color:var(--o);text-transform:uppercase;font-size:13px;letter-spacing:1px;margin-bottom:10px}
footer a{opacity:.85} footer a:hover{color:var(--o)}
.copy{border-top:1px solid #2c2c2c;padding-top:16px;opacity:.6;font-size:13px}
/* sticky mobile call */
.sticky{position:fixed;bottom:0;left:0;right:0;display:none;gap:0;z-index:60}
.sticky a{flex:1;text-align:center;padding:15px;font-weight:800;color:#fff}
.sticky .c{background:var(--o)} .sticky .w{background:#25D366}
@media(max-width:760px){
 .nav ul{display:none} .split{grid-template-columns:1fr}
 .sticky{display:flex} .hero{padding:44px 0 40px}
 .nav .btn{display:none}
}