@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Rajdhani:wght@600;700&display=swap');
:root{--bg:#090a0c;--panel:#111319;--line:#282c35;--text:#f5f5f3;--muted:#9297a3;--orange:#ff6a1a;--orange2:#ff8b3d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Barlow,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}.nav{height:78px;display:flex;align-items:center;gap:38px;padding:0 max(5vw,28px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:#090a0cf2;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:Rajdhani;font-size:25px;font-weight:700}.brand img{width:32px;height:32px;border-radius:8px}.nav nav{display:flex;gap:30px;flex:1}.nav nav a,footer a{color:var(--muted);text-decoration:none}.nav nav a:hover,footer a:hover{color:#fff}.nav-actions{display:flex;gap:10px}.primary,.secondary,.ghost{border-radius:8px;padding:11px 18px;border:1px solid transparent;color:#fff;background:transparent}.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 10px 30px #ff6a1a25}.secondary{border-color:#424750;background:#14171d}.ghost{color:#c9cbd0}.large{padding:15px 23px;font-weight:600}.hero{min-height:700px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;padding:90px max(6vw,30px);background:radial-gradient(circle at 77% 40%,#ff6a1a15,transparent 30%),linear-gradient(135deg,#090a0c,#0d0f13)}.eyebrow,.section-heading>span,.safety>div>span{font-size:12px;letter-spacing:.19em;color:#ff934f;font-weight:700}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:10px;box-shadow:0 0 15px var(--orange)}h1,h2{font-family:Rajdhani;margin:18px 0;line-height:.96;letter-spacing:-.03em}h1{font-size:clamp(58px,6.2vw,98px)}h1 em{color:var(--orange);font-style:normal}.hero-copy>p{max-width:650px;font-size:20px;line-height:1.65;color:#a7abb4}.hero-actions{display:flex;gap:12px;margin:34px 0}.trust{display:flex;gap:24px;flex-wrap:wrap;color:#8f949f;font-size:14px}.trust span::first-letter{color:var(--orange)}.dash-card{background:linear-gradient(145deg,#171a20,#0f1116);border:1px solid #343943;border-radius:18px;padding:24px;box-shadow:0 28px 80px #0009,0 0 50px #ff6a1a0b;transform:perspective(1000px) rotateY(-3deg)}.dash-top,.vehicle,.scan>div{display:flex;justify-content:space-between;align-items:center}.dash-top{font-size:11px;letter-spacing:.15em;color:#7f8490}.dash-top i{font-style:normal;color:#59d48d;background:#163825;padding:6px 9px;border-radius:20px}.vehicle{padding:30px 0;border-bottom:1px solid var(--line)}.vehicle div:first-child{display:grid;gap:5px}.vehicle small,.feature span{color:var(--orange)}.vehicle strong{font-family:Rajdhani;font-size:30px}.vehicle span,.scan small{color:#747985}.score{width:74px;height:74px;border:5px solid var(--orange);border-left-color:#3b302b;border-radius:50%;display:grid;place-content:center;text-align:center}.score b{font-size:24px}.score span{font-size:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0}.metrics article{display:grid;gap:4px;padding:14px;background:#0c0e12;border:1px solid #242832;border-radius:9px}.metrics span{font-size:11px;color:#777d88}.metrics b{font-size:20px}.metrics i{font-size:11px;color:#61cf91;font-style:normal}.scan{padding:16px;background:#0c0e12;border-radius:9px}.scan div span,.scan div b{font-size:12px}.scan div b{color:#61cf91}.bar{height:4px;background:#292d35;margin:12px 0}.bar i{display:block;width:100%;height:100%;background:var(--orange);box-shadow:0 0 10px var(--orange)}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(6vw,30px);border-block:1px solid var(--line);background:#0d0f12}.stats div{padding:30px;border-right:1px solid var(--line);display:grid;gap:5px}.stats b{font-family:Rajdhani;font-size:22px}.stats span{color:var(--muted);font-size:13px}.section{padding:110px max(6vw,30px)}.section-heading{max-width:760px}.section-heading h2,.safety h2{font-size:clamp(46px,5vw,72px)}.section-heading p,.safety p{color:var(--muted);font-size:18px;line-height:1.6}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px}.feature{min-height:240px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:.25s}.feature:hover{transform:translateY(-5px);border-color:#765035}.feature.featured{grid-column:span 2;background:linear-gradient(135deg,#17191f,#1a1512)}.icon{width:42px;height:42px;display:grid;place-items:center;background:#ff6a1a18;color:var(--orange);border:1px solid #ff6a1a45;border-radius:9px;font-size:20px}.feature h3,.workflow h3{font-family:Rajdhani;font-size:25px;margin:22px 0 8px}.feature p,.workflow p{color:var(--muted);line-height:1.55}.feature span{display:block;margin-top:25px;font-size:12px}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#0d0f12}.workflow ol{list-style:none;margin:0;padding:0}.workflow li{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.workflow li>b{font-family:Rajdhani;color:var(--orange);font-size:18px}.workflow h3,.workflow p{margin:0 0 7px}.safety{margin:0 max(6vw,30px) 100px;padding:55px;display:flex;align-items:end;justify-content:space-between;gap:30px;background:radial-gradient(circle at 80% 0,#ff6a1a26,transparent 40%),#15171c;border:1px solid #3d332d;border-radius:18px}.safety>div{max-width:800px}footer{padding:50px max(6vw,30px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:25px;color:var(--muted)}footer div{display:flex;justify-content:end;gap:25px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}dialog{width:min(480px,calc(100% - 30px));border:1px solid #3a3f49;border-radius:16px;background:#111319;color:#fff;padding:28px;box-shadow:0 35px 100px #000d}dialog::backdrop{background:#050608c9;backdrop-filter:blur(7px)}.close{position:absolute;right:14px;top:10px;border:0;background:none;color:#9ca1ab;font-size:28px}.auth-brand{display:flex;gap:14px;align-items:center}.auth-brand img{width:45px;border-radius:10px}.auth-brand div{display:grid}.auth-brand b{font-family:Rajdhani;font-size:25px}.auth-brand span,label{color:#9297a3;font-size:13px}.tabs{display:grid;grid-template-columns:1fr 1fr;margin:26px 0;border-bottom:1px solid var(--line)}.tabs button{padding:12px;border:0;background:none;color:#868b95}.tabs .active{color:#fff;border-bottom:2px solid var(--orange)}form{display:grid;gap:15px}label{display:grid;gap:7px}input{width:100%;padding:13px;border:1px solid #353a44;border-radius:7px;background:#090b0e;color:#fff;outline:none}input:focus{border-color:var(--orange)}.check{grid-template-columns:auto 1fr;align-items:start}.check input{width:auto}.full{width:100%;margin-top:5px}#auth-status{min-height:20px;color:#ff8d62;font-size:13px}.garage-list{display:grid;gap:10px;margin:25px 0}.garage-list article{display:flex;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:9px;background:#0b0d10}.garage-list article div{display:grid;gap:3px}.garage-list small{color:var(--orange)}.garage-list span,.garage-list i{font-size:12px;color:#7e838d;font-style:normal}.empty{padding:40px;text-align:center;border:1px dashed #3b4049;border-radius:9px;display:grid;gap:8px}.empty span{color:var(--muted);font-size:13px}.garage-actions{display:flex;justify-content:flex-end;gap:10px}
@media(max-width:900px){.nav nav{display:none}.nav{gap:12px}.nav-actions{margin-left:auto}.nav-actions .ghost{display:none}.hero,.workflow{grid-template-columns:1fr}.hero{padding-top:65px}.dash-card{transform:none}.features{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.safety{align-items:start;flex-direction:column}footer{grid-template-columns:1fr}footer div{justify-content:start}}@media(max-width:600px){.nav{padding:0 18px}.nav .primary{padding:10px}.hero,.section{padding-inline:20px}.hero{min-height:auto}.hero-actions{flex-direction:column}.dash-card{padding:16px}.metrics{grid-template-columns:1fr}.features{grid-template-columns:1fr}.feature.featured{grid-column:auto}.stats{grid-template-columns:1fr 1fr;padding:0}.stats div{padding:20px}.safety{margin-inline:20px;padding:30px}footer{padding-inline:20px}}