*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',Arial,sans-serif;color:#0f1720;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
:root{
  --dark:#08111f;--teal:#67e0d3;--teal-2:#42c7c4;--muted:#5b6777;--light:#f6f8fb;
  --card:#ffffff;--shadow:0 18px 45px rgba(8,17,31,.16);--radius:24px;--border:rgba(255,255,255,.14)
}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:16px;top:16px;background:#fff;color:#000;padding:10px 14px;border-radius:10px;z-index:999}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,17,31,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px}
.brand{display:flex;align-items:center;gap:14px;color:#fff;font-weight:700}
.brand img{width:52px;height:52px;object-fit:contain;border-radius:16px;background:transparent;box-shadow:none;mix-blend-mode:screen}
.nav{display:flex;gap:28px;color:rgba(255,255,255,.92);font-weight:600}
.mobile-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:1.1rem;padding:8px 12px;border-radius:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#07202a;font-weight:800;box-shadow:0 12px 30px rgba(103,224,211,.28);transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(103,224,211,.36)}
.btn-sm{min-height:44px;padding:0 20px}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.24);box-shadow:none}
.btn-ghost:hover{background:rgba(255,255,255,.08)}
.hero{position:relative;overflow:hidden;background:var(--dark);color:#fff}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(circle at 20% 20%, rgba(103,224,211,.16), transparent 28%),
  radial-gradient(circle at 80% 20%, rgba(103,224,211,.12), transparent 20%),
  linear-gradient(180deg, rgba(8,17,31,.50), rgba(8,17,31,.86)),
  url('logo.jpeg') center/contain no-repeat;
  opacity:.88;transform:scale(1.12)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(8,17,31,.95) 0%, rgba(8,17,31,.74) 46%, rgba(8,17,31,.64) 100%)}
.particles{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px, transparent 1px);background-size:32px 32px;opacity:.22;animation:particleDrift 18s linear infinite}
@keyframes particleDrift{from{transform:translateY(0)}to{transform:translateY(32px)}}
.hero-grid{position:relative;z-index:2;min-height:780px;display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;padding:82px 0 64px}
.eyebrow,.section-tag{display:inline-block;margin:0 0 16px;color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}
.hero h1{margin:0 0 18px;font-size:clamp(2.7rem,5vw,5rem);line-height:.97;max-width:720px}
.lead{margin:0;max-width:660px;font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,.84)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.fact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.fact-box{padding:18px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid var(--border);backdrop-filter:blur(8px)}
.fact-box strong{display:block;margin-bottom:8px}
.fact-box span{color:rgba(255,255,255,.72);font-size:.94rem}

.hero-visual{display:flex;justify-content:center}
.visual-card{width:min(520px,100%);border-radius:32px;padding:28px;background:rgba(255,255,255,.06);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.logo-stage{position:relative;width:100%;max-width:310px;margin:0 auto 18px;aspect-ratio:1/1;display:grid;place-items:center}
.hero-logo{width:100%;height:100%;object-fit:contain;background:transparent;padding:0;border-radius:0;filter:drop-shadow(0 14px 35px rgba(0,0,0,.30));mix-blend-mode:screen}
.target-glow{position:absolute;inset:10%;background:radial-gradient(circle, rgba(103,224,211,.28), rgba(103,224,211,0) 62%);filter:blur(12px);animation:targetGlow 3.2s ease-in-out infinite}
.target-shine{position:absolute;top:26%;left:50%;width:180px;height:18px;transform:translateX(-50%) rotate(-12deg);background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.78), rgba(255,255,255,0));filter:blur(10px);animation:targetShine 3.8s ease-in-out infinite}
@keyframes targetGlow{0%,100%{opacity:.45;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}
@keyframes targetShine{0%,100%{opacity:.1}50%{opacity:.6}}
.pulse-ring{position:absolute;inset:7%;border:1px solid rgba(103,224,211,.22);border-radius:50%;animation:pulse 4.6s infinite ease-out}
.pulse-2{animation-delay:1.2s}.pulse-3{animation-delay:2.4s}
@keyframes pulse{0%{transform:scale(.84);opacity:0}20%{opacity:.55}100%{transform:scale(1.18);opacity:0}}

.road-animation{position:relative;width:100%;height:235px;margin:4px auto 14px;overflow:hidden;border-radius:22px;background:
linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
linear-gradient(180deg, rgba(8,17,31,.18), rgba(8,17,31,.48))}
.road-perspective{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:76%;height:210%;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0));clip-path:polygon(43% 0,57% 0,100% 100%,0 100%)}
.road-edge{position:absolute;bottom:-8px;width:4px;height:245px;background:linear-gradient(to bottom, rgba(255,255,255,.24), rgba(255,255,255,0));filter:blur(.4px)}
.edge-left{left:31%;transform:rotate(-13deg)}
.edge-right{right:31%;transform:rotate(13deg)}
.road-line{position:absolute;bottom:-8px;border-radius:999px;filter:blur(.2px)}
.road-line.center{left:50%;transform:translateX(-50%);width:10px;height:255px;background:repeating-linear-gradient(to bottom, rgba(255,255,255,.94) 0 16px, transparent 16px 34px);opacity:.96;animation:roadFlow 1.02s linear infinite}
.road-line.left{left:42%;transform:translateX(-50%);width:4px;height:255px;background:repeating-linear-gradient(to bottom, rgba(255,255,255,.32) 0 12px, transparent 12px 28px);opacity:.35;animation:roadFlow 1.20s linear infinite}
.road-line.right{left:58%;transform:translateX(-50%);width:4px;height:255px;background:repeating-linear-gradient(to bottom, rgba(255,255,255,.32) 0 12px, transparent 12px 28px);opacity:.35;animation:roadFlow 1.16s linear infinite}
@keyframes roadFlow{from{transform:translateX(-50%) translateY(-40px)}to{transform:translateX(-50%) translateY(40px)}}

.mist{position:absolute;border-radius:999px;filter:blur(22px);background:rgba(255,255,255,.08);animation:fogMove 8s ease-in-out infinite}
.mist-a{width:180px;height:40px;left:8%;bottom:26px}
.mist-b{width:120px;height:30px;right:14%;bottom:76px;animation-delay:1.3s}
.mist-c{width:140px;height:34px;left:18%;bottom:112px;animation-delay:2.2s}
@keyframes fogMove{0%,100%{transform:translateX(0);opacity:.2}50%{transform:translateX(26px);opacity:.48}}

.beam{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:310px;height:178px;background:radial-gradient(ellipse at center, rgba(103,224,211,.34) 0%, rgba(103,224,211,.16) 40%, rgba(103,224,211,0) 76%);filter:blur(12px);animation:conePulse 2.4s ease-in-out infinite}
.beam-soft{width:390px;height:210px;opacity:.5;filter:blur(20px);animation-delay:.5s}
.beam-reflection{position:absolute;left:50%;top:86px;width:170px;height:20px;background:linear-gradient(90deg, rgba(103,224,211,0), rgba(255,255,255,.76), rgba(103,224,211,0));filter:blur(12px);transform:translateX(-50%);animation:flareMove 2.4s ease-in-out infinite}
@keyframes conePulse{0%,100%{opacity:.56;transform:translateX(-50%) scale(.92)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
@keyframes flareMove{0%,100%{opacity:.16}50%{opacity:.72}}

.rear-car{position:absolute;left:50%;bottom:10px;width:170px;height:124px;transform:translateX(-50%);animation:rearDrive 5.2s cubic-bezier(.42,.02,.2,1) infinite}
.car-body{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:130px;height:52px;background:linear-gradient(180deg, #2d3340 0%, #171c26 100%);border-radius:22px 22px 16px 16px;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.car-window{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);width:74px;height:22px;background:linear-gradient(180deg, rgba(197,216,230,.55), rgba(46,56,70,.45));border-radius:12px}
.car-roof{position:absolute;left:50%;bottom:66px;transform:translateX(-50%);width:50px;height:10px;background:#202632;border-radius:10px}
.tail-light{position:absolute;bottom:44px;width:18px;height:7px;background:#ff5f6d;border-radius:9px;box-shadow:0 0 10px rgba(255,95,109,.8)}
.left-tail{left:24px}
.right-tail{right:24px}
.tail-glow{position:absolute;bottom:38px;width:34px;height:24px;background:radial-gradient(circle, rgba(255,95,109,.36), rgba(255,95,109,0) 72%);filter:blur(8px)}
.left-glow{left:15px}
.right-glow{right:15px}
.car-shadow{position:absolute;left:50%;bottom:18px;width:128px;height:22px;transform:translateX(-50%);background:radial-gradient(ellipse at center, rgba(0,0,0,.54) 0%, rgba(0,0,0,0) 72%);filter:blur(7px);animation:shadowShrink 5.2s cubic-bezier(.42,.02,.2,1) infinite}
.road-spray{position:absolute;left:50%;transform:translateX(-50%);background:linear-gradient(180deg, rgba(103,224,211,.22), rgba(103,224,211,0));filter:blur(12px);opacity:0;animation:trailStretch 5.2s cubic-bezier(.42,.02,.2,1) infinite}
.spray-1{bottom:52px;width:62px;height:110px}
.spray-2{bottom:46px;width:34px;height:86px;animation-delay:.1s}

@keyframes rearDrive{
  0%{bottom:10px;transform:translateX(-50%) scale(1.18);opacity:1}
  26%{bottom:32px;transform:translateX(-50%) scale(1.00)}
  54%{bottom:80px;transform:translateX(-50%) scale(.68)}
  80%{bottom:135px;transform:translateX(-50%) scale(.34);opacity:.95}
  100%{bottom:176px;transform:translateX(-50%) scale(.12);opacity:0}
}
@keyframes shadowShrink{
  0%{transform:translateX(-50%) scale(1);opacity:.44}
  60%{transform:translateX(-50%) scale(.58);opacity:.24}
  100%{transform:translateX(-50%) scale(.12);opacity:0}
}
@keyframes trailStretch{
  0%{opacity:0;height:14px}
  18%{opacity:.72;height:44px}
  56%{opacity:.86;height:106px}
  100%{opacity:0;height:156px}
}

.visual-text h2{margin:0 0 10px;font-size:1.5rem}
.visual-text p{margin:0;color:rgba(255,255,255,.82);line-height:1.75}

.service-strip{background:#0d1626;color:#fff;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 0}
.strip-grid div{text-align:center;padding:8px 10px;font-weight:700;color:rgba(255,255,255,.92)}

.section{padding:92px 0}
.section-light{background:var(--light)}
.section h2,.page-title{margin:0 0 28px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.04}
.page-intro{max-width:780px;color:var(--muted);font-size:1.08rem;line-height:1.8}
.card-grid{display:grid;gap:22px}
.card-grid.three{grid-template-columns:repeat(3,1fr)}
.card-grid.five{grid-template-columns:repeat(5,1fr)}
.card,.feature-card,.form-wrap,.team-card,.about-card{background:var(--card);border-radius:var(--radius);box-shadow:0 18px 40px rgba(15,23,32,.08);border:1px solid rgba(15,23,32,.06)}
.card,.feature-card{padding:28px}
.card h3,.feature-card h3,.team-card h3,.about-card h3{margin:0 0 12px;font-size:1.16rem}
.card p,.feature-card p,.contact-lead,.team-card p,.about-card p{margin:0;color:var(--muted);line-height:1.78}

.team-preview{background:#fff}
.team-grid,.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.team-card,.about-card{padding:20px;text-align:center}
.team-card img,.about-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;margin-bottom:16px}
.team-card p,.about-card span{color:#4d5968;font-weight:600}
.team-link-wrap{margin-top:26px}

.contact-section{background:radial-gradient(circle at 15% 10%, rgba(103,224,211,.10), transparent 22%),linear-gradient(180deg,#0c1422,#08111f);color:#fff}
.contact-grid{display:grid;grid-template-columns:1fr .96fr;gap:30px;align-items:start}
.contact-lead{color:rgba(255,255,255,.84);max-width:650px}
.contact-box{margin-top:28px;padding:24px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);line-height:1.85}
.whatsapp-btn{display:inline-flex;margin-top:18px;padding:12px 18px;border-radius:999px;background:#25D366;color:#062810;font-weight:800}

.form-wrap{padding:28px;background:#fff}
.form-success{display:none;margin-bottom:16px;padding:14px 16px;border-radius:14px;background:#e8fff6;color:#0e5a37;font-weight:700;border:1px solid #b7f0d6}
.form-success.show{display:block}
.contact-form label{display:block;color:#0f1720;font-weight:700;margin-bottom:14px}
.contact-form input,.contact-form textarea{width:100%;margin-top:8px;border:1px solid #d7dde7;border-radius:14px;padding:14px 16px;font:inherit;color:#0f1720;background:#fff;transition:border-color .2s ease, box-shadow .2s ease}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--teal-2);box-shadow:0 0 0 4px rgba(103,224,211,.15)}
.contact-form button{cursor:pointer}

.site-footer{background:#060b12;color:rgba(255,255,255,.88);padding:28px 0}
.footer-wrap{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.footer-links{display:flex;gap:18px}

.legal,.legal-page{font-family:'Inter',Arial,sans-serif;color:#0f1720;background:#fff}
.legal .page,.legal-page .legal-main{width:min(1180px,calc(100% - 32px));margin:0 auto}
.legal .page{padding:80px 0}
.legal h1{margin-top:0}
.legal p,.legal li{color:#536172;line-height:1.8}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease, transform .75s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.delay-1{transition-delay:.12s}
.delay-2{transition-delay:.24s}

@media (max-width:1080px){
  .hero-grid,.contact-grid,.card-grid.three,.card-grid.five,.strip-grid,.team-grid,.about-grid{grid-template-columns:1fr 1fr}
  .hero-grid{min-height:auto}
}
@media (max-width:760px){
  .mobile-toggle{display:inline-flex}
  .nav{display:none;position:absolute;top:82px;left:0;right:0;background:rgba(8,17,31,.98);padding:20px;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav.open{display:flex}
  .desktop-cta{display:none}
  .hero-grid,.contact-grid,.card-grid.three,.card-grid.five,.strip-grid,.fact-row,.team-grid,.about-grid{grid-template-columns:1fr}
  .section{padding:72px 0}
  .hero-grid{padding:60px 0}
  .brand span{font-size:.95rem}
  .hero h1{max-width:100%}
  .rear-car{width:138px;height:108px;animation-duration:4.7s}
  .road-animation{height:210px}
}