:root{--bg:#0c0c0e;--card:#131316;--orange:#e8441a;--gold:#f5a623;--white:#f0ede8;--muted:#a0a0b0;--green:#27c97a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;-webkit-text-size-adjust:100%}
main{max-width:1120px;margin:0 auto;padding:88px 20px 64px}.nav{position:sticky;top:0;z-index:10;background:#0c0c0ee6;backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #212126}.logo{font-family:'Bebas Neue';font-size:34px;letter-spacing:1px}.orange{color:var(--orange)}
h1,h2,h3{font-family:'Bebas Neue';letter-spacing:.8px;margin:.2em 0}.hero{text-align:center;padding:14px 8px}.hero h1{font-size:70px;line-height:.96}.hero p{max-width:760px;margin:8px auto 20px;color:var(--muted);font-size:18px;line-height:1.45}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{border:0;border-radius:14px;padding:12px 18px;font-weight:700;cursor:pointer;min-height:44px;line-height:1.1}.btn-orange{background:var(--orange);color:white}.btn-dark{background:var(--card);color:var(--white);border:1px solid #2a2a31}.btn-gold{background:var(--gold)}.btn-green{background:var(--green)}
.proof-row{display:flex;gap:12px;justify-content:center;margin-top:18px;color:var(--muted);flex-wrap:wrap}.live-pill{margin:18px auto 0;display:inline-flex;align-items:center;gap:8px;background:var(--card);padding:10px 16px;border-radius:999px;border:1px solid #2a2a31}.dot{width:10px;height:10px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 1.5s infinite}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:40px 0}.stats div{background:var(--card);border-radius:14px;padding:18px;text-align:center}.stats strong{font-family:'Bebas Neue';font-size:44px;color:var(--orange);display:block}.stats span{font-size:12px;color:var(--muted)}
.email-banner{background:var(--card);padding:24px;border-radius:16px;border-top:3px solid var(--orange);border-bottom:3px solid var(--orange);text-align:center}.inline-form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.inline-form input{min-width:280px}
input,select,textarea{width:100%;background:#0f0f14;border:1px solid #2d2d36;color:var(--white);padding:12px;border-radius:12px;min-height:44px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:linear-gradient(180deg,#15161d,#111219);padding:18px;border-radius:16px;border:1px solid #2a2d37;transition:.2s;box-shadow:0 8px 24px rgba(0,0,0,.18)}.how .card:hover,.trust .card:hover,.testimonials .card:hover{border-color:var(--orange);transform:translateY(-2px)}.num{font-size:46px;color:#ffffff1f;font-family:'Bebas Neue'}
.mechanic-banner{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;background:var(--card);border:1px solid var(--gold);border-radius:16px;padding:20px}.tag{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:6px 10px;border-radius:999px}.tiers{display:grid;gap:8px}.tier{padding:10px;border-radius:10px}.tier.gold{border:1px solid var(--gold)}.tier.blue{border:1px solid #5292ff}.tier.green{border:1px solid var(--green)}.tier.orange{border:1px solid var(--orange)}
.stars{color:var(--gold)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#2a2a36;margin:8px 0}
.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:99}.hidden{display:none}.overlay{position:absolute;inset:0;background:#0009}.modal-card{position:relative;background:var(--card);border:1px solid #2d2d36;border-radius:20px;max-width:560px;width:92%;padding:20px;z-index:1}.close{position:absolute;right:12px;top:12px;background:none;color:white;border:0;font-size:20px;cursor:pointer}.badge{background:#2f1a13;color:#ff9e80;padding:6px 10px;border-radius:999px;font-size:12px}
.tabs{display:flex;gap:8px;margin:12px 0}.tab{flex:1;background:#0f0f14;border:1px solid #2c2c35;color:#c6c6d2;border-radius:10px;padding:10px;cursor:pointer}.tab.active{background:var(--orange);color:white}
#signupForm{display:grid;gap:10px}#success ul{color:var(--muted)} .otp-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.smr-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,18px);opacity:0;z-index:140;background:#121319;border:1px solid #2f3140;color:#f0f2f9;padding:10px 14px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.35);transition:all .24s ease;max-width:min(92vw,520px);font-size:14px;text-align:center}
.smr-toast.show{opacity:1;transform:translate(-50%,0)}
.smr-toast.ok{border-color:#2a9f60;background:#122018}
.smr-toast.error{border-color:#9f3a3a;background:#261515}
section{margin:32px 0}.reveal{opacity:0;transform:translateY(20px);transition:all .5s}.reveal.show{opacity:1;transform:none}
@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}
.mobile-cta{display:none}
@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.mechanic-banner{grid-template-columns:1fr}.hero h1{font-size:50px}.hero p{font-size:16px}.otp-row{grid-template-columns:1fr}.cta-row .btn{width:100%}.mobile-cta{display:block;position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,#0c0c0ef0 35%,#0c0c0e)}.mobile-cta .btn{width:100%}main{padding-bottom:120px}}
@media (max-width:560px){.nav{padding:10px 12px}.logo{font-size:28px}.hero{padding:10px 4px}.hero h1{font-size:40px;line-height:1}.hero p{font-size:15px;line-height:1.4}.proof-row{font-size:13px}.stats{gap:8px;margin:28px 0}.stats div{padding:14px}.stats strong{font-size:32px}section{margin:24px 0}}
