:root{
  --black:#06080b; --black2:#0a0d12; --panel:#0f141b; --line:#1d2732;
  --white:#f4f7fb; --muted:#99a6b4; --blue:#0877ff; --blue2:#00a2ff;
  --yellow:#ffd400; --yellow2:#ffb800; --shadow:0 30px 70px rgba(0,0,0,.38)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f8fa;color:#111820;line-height:1.55}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.top-line{height:3px;background:linear-gradient(90deg,var(--blue),var(--yellow),var(--blue))}
.header{position:sticky;top:0;z-index:100;background:rgba(5,7,10,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center}
.brand-logo{height:66px;width:auto;object-fit:contain}
.nav{display:flex;align-items:center;gap:23px;color:#cbd4df;font-size:13px}
.nav a{transition:.2s}
.nav a:hover{color:#fff}
.nav-button{background:linear-gradient(180deg,#ffe33d,var(--yellow));color:#0b0d10!important;border-radius:999px;padding:11px 17px;font-weight:900;box-shadow:0 8px 28px rgba(255,212,0,.16)}
.menu-toggle{display:none;border:0;background:transparent;padding:8px}
.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0}
.hero{position:relative;overflow:hidden;background:var(--black);color:var(--white);min-height:690px;display:flex;align-items:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(6,8,11,.98) 0%,rgba(6,8,11,.88) 43%,rgba(6,8,11,.35) 100%),radial-gradient(circle at 82% 44%,rgba(0,119,255,.22),transparent 29%),radial-gradient(circle at 15% 20%,rgba(255,212,0,.10),transparent 24%)}
.hero-bg{position:absolute;inset:0;background:linear-gradient(140deg,transparent 0 44%,rgba(0,151,255,.12) 44.1% 44.8%,transparent 44.9% 59%,rgba(255,212,0,.07) 59.1% 59.8%,transparent 59.9%);opacity:.65}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center;padding:90px 0}
.eyebrow{font-size:11px;font-weight:950;letter-spacing:.18em;color:var(--yellow);display:flex;align-items:center;gap:9px}
.eyebrow.dark{color:#9b6500}
.eyebrow-bar{width:30px;height:2px;background:currentColor;display:inline-block}
.hero h1{font-size:clamp(54px,6.4vw,86px);line-height:.92;letter-spacing:-.06em;margin:17px 0 24px;max-width:720px}
.hero h1 span,.section-heading h2 span,.experience-copy h2 span,.review-intro h2 span,.location-copy h2 span{color:var(--yellow)}
.hero-copy>p{max-width:600px;color:#aeb9c5;font-size:18px;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 30px}
.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 19px;border-radius:12px;font-weight:900;font-size:13px;border:1px solid transparent;transition:.2s}
.button:hover{transform:translateY(-2px)}
.button-yellow{background:var(--yellow);color:#111;box-shadow:0 16px 34px rgba(255,212,0,.18)}
.button-outline{border-color:rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.025)}
.button-dark{background:#111820;color:#fff;border-color:#111820}
.button-outline-light{border-color:#dde3e9;background:#fff;color:#111820}
.hero-points{display:flex;gap:24px;flex-wrap:wrap}
.hero-points>div{display:flex;gap:9px;align-items:center}
.point-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:var(--yellow);border:1px solid rgba(255,212,0,.22);background:rgba(255,212,0,.04)}
.hero-points strong{display:block;font-size:12px;color:#e9edf2}
.hero-points small{display:block;font-size:10px;color:#778390}
.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}
.visual-card{width:min(500px,100%);min-height:455px;border-radius:28px;background:linear-gradient(145deg,#12171e,#080b0f);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);overflow:hidden;position:relative}
.visual-top{height:58px;display:flex;align-items:center;gap:8px;padding:0 19px;color:#7f8b99;font-size:10px;letter-spacing:.13em;border-bottom:1px solid rgba(255,255,255,.07)}
.live-dot{width:7px;height:7px;background:#69e18f;border-radius:50%;box-shadow:0 0 0 5px rgba(105,225,143,.08)}
.visual-tag{margin-left:auto;color:#111;background:var(--yellow);padding:6px 8px;border-radius:8px;font-weight:950}
.car-illustration{position:absolute;left:0;right:0;top:58px;bottom:86px;overflow:hidden;background:
 radial-gradient(circle at 50% 45%,rgba(0,151,255,.16),transparent 23%),
 linear-gradient(180deg,rgba(5,8,12,.2),rgba(5,8,12,.85))}
.car-glow{position:absolute;width:65%;height:26%;left:18%;top:45%;filter:blur(28px);background:rgba(0,148,255,.32);border-radius:50%}
.car-roof{position:absolute;width:54%;height:36%;left:24%;top:25%;border:11px solid #172232;border-bottom:0;border-radius:50% 50% 0 0;box-shadow:0 0 0 2px #2e93ff inset}
.car-body{position:absolute;width:78%;height:28%;left:11%;top:47%;background:linear-gradient(180deg,#1b2531,#0a0e13);border:2px solid #2c8eff;border-radius:38% 18% 16% 13% / 45% 35% 28% 20%;box-shadow:0 0 40px rgba(0,134,255,.15)}
.wheel{position:absolute;width:73px;height:73px;border:10px solid #11161c;border-radius:50%;background:#28323c;top:63%;box-shadow:0 0 0 2px #1b8cff}
.wheel:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#06080a;border:2px solid #717d89}
.wheel-left{left:19%}.wheel-right{right:19%}
.headlamp{position:absolute;top:54%;width:24px;height:14px;background:var(--yellow);border-radius:50%;filter:drop-shadow(0 0 12px rgba(255,212,0,.8))}
.lamp-left{left:15%}.lamp-right{right:15%}
.visual-bottom{position:absolute;bottom:0;left:0;right:0;height:87px;padding:17px 19px;display:flex;gap:36px;border-top:1px solid rgba(255,255,255,.07)}
.visual-bottom small{display:block;color:#687583;font-size:8px;letter-spacing:.16em}.visual-bottom strong{display:block;color:#f0f4f8;font-size:12px;margin-top:3px}
.floating-badge{position:absolute;background:#0c1117;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.28);border-radius:16px}
.badge-one{left:-20px;bottom:43px;padding:13px 16px;text-align:center}.badge-one strong{display:block;font-size:27px;color:var(--yellow);line-height:1}.badge-one span{font-size:9px;color:#7f8b97;text-transform:uppercase;letter-spacing:.12em}
.badge-two{right:-15px;top:55px;padding:12px 14px}.badge-two span{display:block;font-weight:950;color:var(--blue2)}.badge-two small{display:block;color:#74808c;font-size:9px;margin-top:2px}
.quick-strip{background:#0c1116;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);color:#fff}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.quick-grid a{padding:21px 18px;border-right:1px solid rgba(255,255,255,.07);position:relative}
.quick-grid a:last-child{border-right:0}.quick-grid span{color:var(--yellow);font-size:10px;font-weight:950;display:block}.quick-grid strong{display:block;font-size:13px;margin-top:6px}.quick-grid small{display:block;color:#778390;font-size:10px;margin-top:2px}
.section{padding:105px 0}.section-heading{max-width:740px;margin-bottom:43px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}
.section-heading h2{font-size:clamp(37px,4.8vw,62px);line-height:1;letter-spacing:-.055em;margin:11px 0 14px}.section-heading p{color:#778391;margin:0}
.services{background:#f7f8fa}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.service-card{min-height:240px;background:#fff;border:1px solid #e4e8ec;border-radius:18px;padding:25px;position:relative;transition:.2s;overflow:hidden}.service-card:before{content:"";position:absolute;right:-35px;top:-40px;width:100px;height:100px;background:rgba(0,119,255,.05);border-radius:50%}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(22,31,42,.08)}
.service-number{position:absolute;top:19px;right:19px;color:#aab3bc;font-size:9px;font-weight:900}.service-icon{width:41px;height:41px;border-radius:11px;display:grid;place-items:center;background:#0e1319;color:var(--yellow);font-size:17px;margin-bottom:30px}.service-card h3{margin:0 0 7px;font-size:18px}.service-card p{margin:0;color:#788491;font-size:13px}
.section-dark{background:var(--black);color:#fff}.experience{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.experience-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:80px;align-items:center}.experience-art{min-height:500px;border-radius:27px;position:relative;overflow:hidden;display:grid;place-items:center;background:
 radial-gradient(circle at 50% 50%,rgba(0,119,255,.18),transparent 31%),
 linear-gradient(145deg,#080b10,#10161d);border:1px solid rgba(255,255,255,.08)}
.experience-art:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 0 49%,rgba(255,212,0,.09) 49.1% 49.7%,transparent 49.8% 100%)}
.experience-logo{width:64%;max-width:400px;position:relative;z-index:2;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4))}
.art-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,140,255,.18)}.ring-a{width:380px;height:380px}.ring-b{width:560px;height:560px;border-color:rgba(255,212,0,.08)}
.experience-copy .eyebrow{margin-bottom:12px}.experience-copy h2{font-size:clamp(40px,4.5vw,61px);line-height:.98;letter-spacing:-.055em;margin:10px 0 22px}.experience-copy p{color:#a0acb8;max-width:600px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.feature-list div{display:flex;align-items:center;gap:9px;color:#dae0e6;font-size:12px}.feature-list span{color:var(--yellow);font-weight:950}
.gallery{background:#fff}.gallery-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;grid-auto-rows:185px;gap:15px}.gallery-box{border-radius:20px;display:grid;place-items:center;background:
 linear-gradient(145deg,rgba(5,8,11,.96),rgba(0,105,225,.25)),
 repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 12px,transparent 12px 24px);border:1px solid #e2e6eb;color:#c3ccd5;position:relative;overflow:hidden}.gallery-box:before{content:"";position:absolute;inset:15px;border:1px solid rgba(255,212,0,.16);border-radius:13px}.gallery-box>div{z-index:1;text-align:center}.gallery-box span{display:block;font-weight:950;font-size:10px;letter-spacing:.15em}.gallery-box small{display:block;color:#7e8994;font-size:9px;margin-top:4px}.gallery-box.large{grid-row:span 2}
.reviews{padding:86px 0}.reviews-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.review-intro h2{font-size:clamp(38px,4.4vw,58px);line-height:.99;letter-spacing:-.055em;margin:12px 0 18px}.review-intro p{color:#9aa5b1;max-width:450px;margin-bottom:28px}
.review-placeholder{background:#0e1319;border:1px solid #1f2a36;border-radius:24px;padding:25px;opacity:0;transform:translateY(15px);transition:.6s ease}.review-placeholder.visible{opacity:1;transform:none}
.google-mark{font-size:42px;font-weight:950;line-height:1;color:#fff}.review-score{margin:7px 0 19px}.review-score strong{display:block;font-size:14px}.review-score span{display:block;color:#7d8995;font-size:11px;margin-top:3px}.review-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-cards article{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#0a0e13}.fake-stars{color:var(--yellow);letter-spacing:.1em}.review-cards p{font-size:12px;color:#9ba6b1;min-height:48px}.review-cards strong{font-size:10px;color:#dce2e7}
.cta-section{background:var(--yellow);padding:58px 0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-section h2{font-size:clamp(34px,4vw,52px);line-height:1;margin:9px 0 10px;letter-spacing:-.05em}.cta-section p{margin:0;color:#5b4e00;font-size:14px}
.location{background:#f7f8fa}.location-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.location-copy h2{font-size:clamp(39px,4.5vw,59px);line-height:1;letter-spacing:-.05em;margin:12px 0 18px}.address{font-size:16px;color:#586571}.hours{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.hours div{background:#fff;border:1px solid #e5e9ed;border-radius:15px;padding:15px}.hours span{display:block;color:#7b8793;font-size:9px;letter-spacing:.14em;font-weight:900}.hours strong{display:block;margin-top:5px;font-size:14px}.location-actions{display:flex;gap:10px;flex-wrap:wrap}.map-wrap{height:440px;border-radius:24px;overflow:hidden;border:1px solid #dde3e8;position:relative;box-shadow:0 25px 60px rgba(21,29,39,.12);background:#d8dde3}.map-wrap iframe{width:100%;height:100%;border:0}.map-overlay{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.95);border-radius:13px;padding:12px 14px;box-shadow:0 10px 25px rgba(15,22,30,.16)}.map-overlay strong{display:block;font-size:12px}.map-overlay span{display:block;color:#77828e;font-size:10px;margin-top:3px}
.footer{background:#05070a;color:#fff;padding:38px 0 17px;border-top:1px solid rgba(255,255,255,.07)}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;align-items:start}.footer-logo{width:130px;height:auto}.footer-main p{color:#77828e;font-size:11px;margin:8px 0 0}.footer-col strong{display:block;color:#f0f3f6;font-size:11px;margin-bottom:8px}.footer-col span,.footer-col a{display:block;color:#7b8793;font-size:10px;margin:5px 0}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.07);margin-top:30px;padding-top:16px;color:#626e7b;font-size:9px}
.floating-whatsapp{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:#fff;font-size:25px;box-shadow:0 18px 40px rgba(34,197,94,.28);z-index:90}
.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.1s}
.service-card,.gallery-box{opacity:0;transform:translateY(12px);transition:.55s ease}.service-card.visible,.gallery-box.visible{opacity:1;transform:none}
@media(max-width:1000px){
  .nav{gap:13px}.nav a{font-size:11px}
  .hero-grid{grid-template-columns:1fr;gap:30px}.hero-visual{min-height:450px}
  .service-grid{grid-template-columns:1fr 1fr}.experience-grid,.reviews-grid,.location-grid{grid-template-columns:1fr 1fr;gap:35px}
  .footer-main{grid-template-columns:1.3fr 1fr 1fr}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,1160px)}.header .nav{position:absolute;display:none;left:14px;right:14px;top:76px;background:#0d1218;border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:10px;flex-direction:column;align-items:stretch;gap:2px;box-shadow:0 25px 60px rgba(0,0,0,.35)}.nav.open{display:flex}.nav a{padding:11px 10px;font-size:12px}.nav-button{text-align:center}.menu-toggle{display:block}.brand-logo{height:57px}
  .hero{min-height:auto}.hero-grid{padding:70px 0}.hero h1{font-size:clamp(51px,16vw,75px)}.hero-copy>p{font-size:16px}.hero-points{display:grid;grid-template-columns:1fr;gap:10px}.visual-card{min-height:405px}.floating-badge{display:none}
  .quick-grid{grid-template-columns:1fr 1fr}.quick-grid a{border-bottom:1px solid rgba(255,255,255,.07)}.quick-grid a:nth-child(2){border-right:0}
  .section{padding:78px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:190px}.experience-grid,.reviews-grid,.location-grid{grid-template-columns:1fr}.experience-art{min-height:390px}.feature-list{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.gallery-box.large{grid-row:span 2}.gallery-box span{font-size:9px}
  .review-cards{grid-template-columns:1fr}.cta-grid{align-items:flex-start;flex-direction:column}.cta-grid .button{width:100%}.hours{grid-template-columns:1fr 1fr}.map-wrap{height:330px}
  .footer-main{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:7px}
}
@media(max-width:460px){
  .quick-grid{grid-template-columns:1fr}.quick-grid a{border-right:0}.gallery-grid{grid-template-columns:1fr}.gallery-box.large{grid-row:auto;height:220px}.hours{grid-template-columns:1fr}
}
