@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Orbitron:wght@600;700&display=swap');
:root{--bg:#05090d;--panel:#0b1117;--panel2:#101820;--line:#26323d;--text:#f1f6fa;--muted:#8b9aa7;--blue:#0877ff;--cyan:#19b6ff;--gold:#d7a62c;--green:#32c48d;--red:#ef5b55;--shadow:0 18px 55px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 50% 0,#0b1822,transparent 35%),var(--bg);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{max-width:100%}svg{width:18px;height:18px}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(38,50,61,.75);background:rgba(5,9,13,.9);backdrop-filter:blur(14px)}.nav{min-height:68px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:9px;font:700 17px Orbitron}.brand-mark{width:32px;height:32px;display:grid;place-items:center;color:var(--cyan);background:linear-gradient(145deg,#10243a,#07101a);border:1px solid #1f4f82;clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%)}.main-nav{display:flex;gap:23px;margin:auto;font-size:9px;font-weight:700}.main-nav a:hover,.main-nav a.active{color:var(--cyan)}.button{min-height:41px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:5px;font-size:9px;font-weight:800;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.button-blue{color:#fff;background:linear-gradient(135deg,#1688ff,#075cdb);box-shadow:0 9px 22px rgba(8,119,255,.22)}.button-outline{border:1px solid #3d5668;background:transparent;color:#fff}.button-gold{color:#111;background:linear-gradient(135deg,#e7bf51,#bb8618)}.menu{display:none;width:39px;height:39px;place-items:center;border:1px solid var(--line);background:transparent}.hero{min-height:540px;background:linear-gradient(90deg,rgba(3,7,10,.97),rgba(3,7,10,.72) 45%,rgba(3,7,10,.08)),url("assets/auto-hero.png") center/cover}.hero-copy{max-width:520px;padding:95px 0 110px}.eyebrow,.kicker{color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1,.page-title,h2,h3{font-family:Manrope,sans-serif}.hero h1{margin:18px 0;font-size:55px;line-height:1.08}.hero h1 span{color:#2695ff}.hero p{max-width:430px;color:#a9b5bf;font-size:12px;line-height:1.8}.hero-actions{display:flex;gap:10px;margin-top:26px}.feature-strip{padding:18px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-strip article{display:flex;gap:10px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:rgba(14,22,29,.86)}.feature-strip b,.feature-strip small{display:block;font-size:8px}.feature-strip small{margin-top:3px;color:var(--muted)}.icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--cyan);background:#0d2031;border:1px solid #153c61}.section{padding:62px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head h2{margin:4px 0;font-size:27px}.section-head a{color:var(--cyan);font-size:8px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.service{padding:19px;text-align:center;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#0d151c,#090e13)}.service h3{margin:11px 0 0;font-size:11px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.package{position:relative;min-height:290px;padding:24px;overflow:hidden;border:1px solid #385166;border-radius:9px;background:linear-gradient(150deg,#0e171f,#070c10)}.package.premium{border-color:var(--gold);box-shadow:0 0 30px rgba(215,166,44,.08)}.package h3{margin:0;font-size:18px}.package .price{font:800 28px Manrope;margin:12px 0}.package p,.package li{color:var(--muted);font-size:8px;line-height:1.8}.package img{position:absolute;right:-25px;bottom:15px;width:58%;height:130px;object-fit:contain}.detail-banner{min-height:210px;padding:30px;display:flex;align-items:center;justify-content:space-between;border:1px solid #4b3b1d;border-radius:10px;background:linear-gradient(90deg,#15130e 0 55%,transparent),url("assets/auto-hero.png") right/55% 100% no-repeat}.detail-banner h2{font-size:27px}.transform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.transform{position:relative;height:180px;overflow:hidden;border-radius:8px}.transform img{width:100%;height:100%;object-fit:cover}.transform span{position:absolute;padding:5px 8px;border-radius:4px;background:rgba(0,0,0,.72);font-size:7px}.transform span:first-child{top:8px;left:8px}.transform span:last-child{right:8px;bottom:8px}.page-hero{padding:43px 0 30px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#070c11,#0b1218)}.crumbs{color:var(--muted);font-size:8px}.page-title{margin:10px 0 4px;font-size:35px}.page-sub{color:var(--muted);font-size:9px}.panel{border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#0d141a,#080d11);box-shadow:var(--shadow)}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:18px}.steps span{padding:12px;text-align:center;border-bottom:2px solid var(--line);font-size:8px}.steps span.active{color:var(--cyan);border-color:var(--blue)}.booking-layout{display:grid;grid-template-columns:1fr 300px;gap:17px}.form-panel{padding:22px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.field label{display:block;margin-bottom:6px;color:#aab5bd;font-size:8px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:5px;color:#fff;background:#080d11;outline:0}.wide{grid-column:1/-1}.vehicle-card{padding:20px}.vehicle-card img{width:100%;height:180px;object-fit:contain}.recommend{padding:20px;margin-top:14px;border:1px solid #17385a;border-radius:8px;background:#091522}.diagnosis-layout{display:grid;grid-template-columns:360px 1fr;gap:17px}.diagnosis-form{padding:22px}.ai-visual{min-height:360px;display:grid;place-items:center;background:radial-gradient(circle,#0b4070 0,#07111a 45%,#05090d 70%)}.ai-core{width:160px;height:160px;display:grid;place-items:center;border:1px solid #1287e8;border-radius:50%;color:var(--cyan);box-shadow:0 0 45px rgba(25,182,255,.22),inset 0 0 35px rgba(25,182,255,.16);font:700 42px Orbitron}.result{padding:22px;margin-top:14px}.result-grid{display:grid;grid-template-columns:1fr repeat(3,130px);gap:12px}.scanner{display:grid;grid-template-columns:300px 1fr;gap:16px}.upload{min-height:310px;display:grid;place-items:center;text-align:center;border:1px dashed #526878;border-radius:8px;background:#091017}.scan-result{display:grid;grid-template-columns:200px 1fr;gap:15px;padding:20px}.scan-car{position:relative;height:340px;display:grid;place-items:center;border-radius:8px;background:#0c141a}.scan-car img{width:100%;transform:rotate(90deg)}.damage-list{display:grid;gap:9px}.damage{display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:7px}.damage b,.damage small{display:block;font-size:8px}.damage small{color:var(--muted)}.detailing-hero{min-height:420px;display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #4d3d1d;border-radius:10px;background:linear-gradient(90deg,#16130c,transparent),url("assets/auto-hero.png") right/65% 100% no-repeat}.detailing-copy{padding:40px}.detailing-copy h1{color:#e5bb48}.detail-tabs{display:flex;gap:8px}.detail-tabs button{padding:9px 18px;border:0;border-radius:4px;background:#0e151a;color:#fff}.detail-tabs button.active{color:#111;background:var(--gold)}.feature-list{display:grid;gap:10px;margin-top:18px}.feature-list article{padding:13px;border:1px solid #42371d;border-radius:6px;background:rgba(12,12,9,.7)}.feature-list h3{margin:0;font-size:12px}.feature-list p{margin:4px 0;color:#b3aa92;font-size:8px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan{padding:25px;text-align:center}.plan.popular{border-color:var(--gold)}.plan h3{font-size:17px}.plan strong{display:block;font-size:28px}.plan ul{text-align:left;color:var(--muted);font-size:8px;line-height:2}.tracking{display:grid;grid-template-columns:1fr 320px;gap:16px}.timeline{padding:22px}.track-step{position:relative;padding:0 0 25px 32px;color:var(--muted);font-size:9px}.track-step:before{content:"";position:absolute;left:5px;top:2px;width:12px;height:12px;border-radius:50%;background:#25323b}.track-step:after{content:"";position:absolute;left:10px;top:15px;width:2px;height:calc(100% - 12px);background:#25323b}.track-step.done:before{background:var(--green)}.track-step.current:before{background:var(--blue)}.track-step:last-child:after{display:none}.fleet-grid,.planner-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fleet-grid img{width:100%;height:260px;object-fit:cover;border-radius:8px}.health{width:120px;height:120px;display:grid;place-items:center;margin:20px auto;border-radius:50%;background:conic-gradient(var(--green) 87%,#26343d 0)}.health span{width:90px;height:90px;display:grid;place-items:center;border-radius:50%;background:#080d11;font-size:24px}.schedule{display:grid;gap:10px}.schedule article{display:flex;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:7px}.contact-card{padding:23px}.contact-card article{display:flex;gap:10px;margin:18px 0;color:var(--muted);font-size:9px}footer{border-top:1px solid var(--line);background:#070c10}.footer-grid{padding:42px 0;display:grid;grid-template-columns:1.4fr repeat(3,.8fr) 1fr;gap:28px}.footer-grid p,.footer-grid a{display:block;color:var(--muted);font-size:8px;line-height:1.8}.footer-grid h3{font-size:12px}.footer-grid a{margin:7px 0}.footer-bottom{padding:14px 0;border-top:1px solid var(--line);text-align:center;color:#65717a;font-size:7px}.toast{position:fixed;right:20px;bottom:20px;z-index:50;padding:12px 16px;border-radius:6px;background:#0c79f5;color:#fff;font-size:9px;opacity:0;transform:translateY(15px);transition:.2s}.toast.show{opacity:1;transform:none}.item-hidden{display:none!important}
@media(max-width:900px){.main-nav{position:absolute;top:68px;left:16px;right:16px;display:none;flex-direction:column;padding:18px;background:#091017;box-shadow:var(--shadow)}.main-nav.open{display:flex}.menu{display:grid}.nav>.button{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}.package-grid,.transform-grid{grid-template-columns:1fr 1fr}.booking-layout,.diagnosis-layout,.scanner,.detailing-hero,.tracking,.fleet-grid,.planner-grid,.contact-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero h1{font-size:41px}.feature-strip,.service-grid,.package-grid,.transform-grid,.plan-grid,.form-grid,.result-grid{grid-template-columns:1fr}.scan-result{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.steps{overflow:auto}.steps span{min-width:110px}.detail-banner{background:linear-gradient(90deg,#15130e,rgba(21,19,14,.75)),url("assets/auto-hero.png") center/cover}}