:root{
  --bg:#030813;
  --bg2:#06111f;
  --card:rgba(12,24,43,.74);
  --card2:rgba(15,30,52,.9);
  --line:rgba(82,166,255,.25);
  --line2:rgba(255,255,255,.12);
  --text:#f4f8ff;
  --muted:#aebbd0;
  --blue:#15a8ff;
  --blue2:#006dff;
  --green:#16d267;
  --gold:#f2b84b;
  --violet:#bd79ff;
  --radius:24px;
  --shadow:0 26px 80px rgba(0,0,0,.42);
  --glow:0 0 28px rgba(21,168,255,.44);
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:
    radial-gradient(circle at 10% 5%, rgba(21,168,255,.18), transparent 28rem),
    radial-gradient(circle at 90% 10%, rgba(0,109,255,.18), transparent 32rem),
    linear-gradient(180deg,#030813 0%,#06111f 44%,#030813 100%);
  overflow-x:hidden;
}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.container{width:min(1160px,calc(100% - 32px));margin-inline:auto;position:relative;z-index:1}
.section{padding:72px 0;position:relative}
.section-dark{position:relative;background:linear-gradient(180deg,rgba(3,8,19,.75),rgba(6,17,31,.9))}
.section-soft{background:linear-gradient(180deg,rgba(6,17,31,.34),rgba(10,20,36,.6));border-block:1px solid rgba(82,166,255,.08)}

.site-header{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 24px));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);background:rgba(2,9,19,.62);backdrop-filter:blur(22px);border-radius:22px;box-shadow:0 18px 60px rgba(0,0,0,.32)}
.brand{display:flex;align-items:center;gap:9px;min-width:0}
.brand__mark{width:44px;height:34px;color:var(--blue);filter:drop-shadow(0 0 10px rgba(21,168,255,.75));flex:0 0 auto}
.brand__text{display:flex;flex-direction:column;line-height:1;letter-spacing:.02em;text-transform:uppercase}
.brand__text b{font-size:13px}.brand__text em{font-style:normal;color:var(--blue);font-weight:800;font-size:18px}
.header-actions{display:flex;align-items:center;gap:10px}
.city-pill,.header-call{display:none;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:999px;padding:10px 14px;font-size:13px;color:#e6eefb}
.city-pill span{color:#c485ff}.header-call{color:#fff;transition:.25s}.header-call:hover{border-color:rgba(21,168,255,.55);box-shadow:var(--glow)}
.menu-toggle{width:48px;height:44px;border:0;background:transparent;display:grid;place-content:center;gap:6px;cursor:pointer;padding:0}
.menu-toggle span{display:block;width:28px;height:3px;border-radius:99px;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.35);transition:.25s}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.site-nav{position:fixed;inset:74px 12px auto;display:grid;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(2,9,19,.92);backdrop-filter:blur(20px);opacity:0;transform:translateY(-12px);pointer-events:none;transition:.25s}
.site-nav.open{opacity:1;transform:translateY(0);pointer-events:auto}
.site-nav a{padding:13px 14px;border-radius:14px;color:#d8e7ff;background:rgba(255,255,255,.06);transition:.25s}.site-nav a:hover{color:#fff;background:rgba(21,168,255,.14)}

.hero{padding:94px 0 34px;min-height:100svh;overflow:hidden}
.hero__bg-glow{position:absolute;inset:-20% -10% auto;height:90%;background:radial-gradient(circle at 72% 40%,rgba(21,168,255,.32),transparent 28rem),radial-gradient(circle at 25% 22%,rgba(0,109,255,.18),transparent 24rem);filter:blur(12px);opacity:.9}
.hero__grid{display:grid;gap:22px;align-items:center}
.hero__content{z-index:4;padding:16px 0 0}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#bcd7ff;font-weight:750;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.eyebrow span{width:26px;height:2px;background:linear-gradient(90deg,var(--blue),transparent);box-shadow:0 0 10px var(--blue)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,10vw,78px);line-height:.98;letter-spacing:-.055em;margin-bottom:16px;text-shadow:0 0 36px rgba(21,168,255,.16)}h1 span{color:var(--blue);text-shadow:0 0 24px rgba(21,168,255,.65)}
h2{font-size:clamp(30px,7vw,54px);line-height:1.03;letter-spacing:-.045em;margin-bottom:14px}.hero__lead{font-size:clamp(19px,5vw,29px);line-height:1.15;font-weight:850;margin-bottom:10px}.hero__sub,.section-head p,.final-cta p{color:var(--muted);line-height:1.6}.hero__sub{font-size:16px;max-width:560px;margin-bottom:20px}.hero__note{font-size:12px;color:#8da4c1;margin:12px 0 0;line-height:1.45}.hero__buttons{display:grid;gap:12px;max-width:380px}
.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:15px 22px;border-radius:15px;border:1px solid rgba(255,255,255,.12);font-weight:850;color:#fff;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s}.btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.btn::after{content:"";position:absolute;inset:-80% auto auto -40%;width:44%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:rotate(18deg);animation:shine 4.5s linear infinite;z-index:-1}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 14px 40px rgba(0,109,255,.42),0 0 30px rgba(21,168,255,.35);animation:buttonPulse 3.2s ease-in-out infinite}.btn-whatsapp{background:linear-gradient(135deg,#0ebf57,#19e077);box-shadow:0 0 0 1px rgba(255,255,255,.13) inset,0 14px 38px rgba(18,210,103,.26),0 0 26px rgba(18,210,103,.32)}.btn-outline{width:100%;min-height:49px;background:rgba(0,109,255,.11);border-color:rgba(21,168,255,.45);box-shadow:inset 0 0 22px rgba(21,168,255,.12)}.btn-ghost{background:rgba(255,255,255,.06);color:#cfe2ff}.wa-icon{font-size:20px}.card-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:#dff2ff;font-weight:800;transition:.25s}.card-link::after{content:"›";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(21,168,255,.13);border:1px solid rgba(21,168,255,.36);box-shadow:0 0 18px rgba(21,168,255,.2);transition:.25s}.card-link:hover{color:#fff}.card-link:hover::after{transform:translateX(4px);background:rgba(21,168,255,.26)}
@keyframes shine{0%{left:-70%}55%,100%{left:130%}}@keyframes buttonPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 14px 40px rgba(0,109,255,.42),0 0 28px rgba(21,168,255,.34)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 18px 54px rgba(0,109,255,.58),0 0 45px rgba(21,168,255,.54)}}

.hero-stage{position:relative;width:min(100%,620px);margin:0 auto -6px;border-radius:28px;overflow:visible;filter:drop-shadow(0 35px 80px rgba(0,0,0,.42))}.hero-stage__image{border-radius:28px;mask-image:linear-gradient(180deg,#000 70%,rgba(0,0,0,.9));width:100%;height:auto}.hero-stage::before{content:"";position:absolute;inset:20% 2% 3%;background:radial-gradient(circle at 66% 73%,rgba(21,168,255,.22),transparent 17%),radial-gradient(circle at 89% 69%,rgba(21,168,255,.18),transparent 14%);filter:blur(16px);z-index:1;pointer-events:none}.hero-wheel{position:absolute;z-index:3;border-radius:50%;aspect-ratio:1;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.95) 0 8deg,rgba(5,14,27,.75) 8deg 18deg,rgba(21,168,255,.5) 18deg 24deg,rgba(7,16,30,.82) 24deg 36deg);box-shadow:0 0 18px rgba(21,168,255,.45),inset 0 0 20px rgba(0,0,0,.75);mix-blend-mode:screen;opacity:.42;animation:spinWheel .68s linear infinite}.hero-wheel::after{content:"";position:absolute;inset:26%;border-radius:50%;background:rgba(5,14,27,.9);box-shadow:inset 0 0 10px rgba(255,255,255,.22)}.hero-wheel--front{width:9.4%;left:59.2%;top:68.8%}.hero-wheel--rear{width:7.4%;left:84.8%;top:67.8%;opacity:.34}.hero-light{position:absolute;z-index:3;width:11%;height:4.8%;border-radius:999px;background:radial-gradient(circle,rgba(214,244,255,.95),rgba(21,168,255,.72) 38%,transparent 70%);filter:blur(4px);opacity:.75;mix-blend-mode:screen;animation:blinkLight 2.15s ease-in-out infinite}.hero-light--left{left:19.7%;top:62%;transform:rotate(-11deg)}.hero-light--right{left:47.4%;top:60.6%;transform:rotate(-7deg);animation-delay:.12s}.hero-trail{position:absolute;z-index:2;right:4%;bottom:18%;width:62%;height:18%;border-bottom:3px solid rgba(21,168,255,.56);border-radius:50%;filter:blur(1px);opacity:.75;animation:trailMove 3s ease-in-out infinite}@keyframes spinWheel{to{transform:rotate(360deg)}}@keyframes blinkLight{0%,100%{opacity:.42;filter:blur(5px)}42%,58%{opacity:1;filter:blur(2px);box-shadow:0 0 42px rgba(21,168,255,.85)}}@keyframes trailMove{0%,100%{transform:translateX(0);opacity:.35}50%{transform:translateX(10px);opacity:.85}}
.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.trust-chip{min-height:64px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;background:rgba(12,24,43,.7);border:1px solid rgba(82,166,255,.22);box-shadow:inset 0 0 22px rgba(21,168,255,.06);color:#d9eaff;font-weight:750;font-size:13px}.trust-chip span{color:var(--blue);filter:drop-shadow(0 0 8px var(--blue))}
.section-head{max-width:760px;margin-bottom:28px}.section-head.center{text-align:center;margin-inline:auto}.section-head p{margin-bottom:0}.budget-grid,.models-grid,.features-grid,.proof-grid{display:grid;gap:16px}.budget-card,.model-card,.feature-card,.proof-card,.quiz,.final-cta__box,.faq-list details,.service-item,.step{background:linear-gradient(180deg,rgba(18,32,56,.86),rgba(8,18,33,.72));border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 70px rgba(0,0,0,.24),inset 0 0 26px rgba(21,168,255,.045);border-radius:var(--radius)}.budget-card{min-height:210px;padding:24px;display:flex;flex-direction:column;transition:.28s}.budget-card:hover,.model-card:hover,.feature-card:hover,.proof-card:hover,.video-card:hover{transform:translateY(-6px);border-color:rgba(21,168,255,.36);box-shadow:0 24px 80px rgba(0,0,0,.34),0 0 34px rgba(21,168,255,.14)}.budget-card h3,.model-card h3,.feature-card h3{font-size:22px;margin:12px 0 8px;letter-spacing:-.02em}.budget-card p,.model-card p,.feature-card p,.proof-card p{color:#b9c7da;line-height:1.55;margin-bottom:18px}.budget-card__icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:26px;font-weight:900;border:1px solid currentColor;background:rgba(255,255,255,.06)}.blue{color:var(--blue);box-shadow:0 0 24px rgba(21,168,255,.25)}.gold{color:var(--gold);box-shadow:0 0 24px rgba(242,184,75,.2)}.violet{color:var(--violet);box-shadow:0 0 24px rgba(189,121,255,.2)}
.models-grid{grid-template-columns:1fr}.model-card{position:relative;padding:18px;overflow:hidden;transition:.28s}.model-card::before{content:"";position:absolute;inset:20px;background:radial-gradient(circle at 50% 20%,rgba(21,168,255,.24),transparent 42%);filter:blur(22px);opacity:.75}.model-card__visual{position:relative;z-index:1;height:180px;display:grid;place-items:center}.model-card__visual img{max-height:175px;width:auto;object-fit:contain;filter:drop-shadow(0 26px 34px rgba(0,0,0,.46)) drop-shadow(0 0 22px rgba(21,168,255,.12));animation:carFloat 5s ease-in-out infinite}.model-card:nth-child(2) .model-card__visual img{animation-delay:.7s}.model-card:nth-child(3) .model-card__visual img{animation-delay:1.3s}.model-card h3,.model-card p,.model-card .btn{position:relative;z-index:1}@keyframes carFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.steps{display:grid;gap:12px;counter-reset:step}.step{position:relative;display:flex;align-items:center;gap:14px;padding:16px}.step b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 0 24px rgba(21,168,255,.5);flex:0 0 auto}.step span{font-weight:800;color:#e7f2ff}.features-grid{grid-template-columns:1fr 1fr}.feature-card{padding:20px;transition:.28s}.feature-card span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:var(--blue);font-size:24px;background:rgba(21,168,255,.09);border:1px solid rgba(21,168,255,.22);box-shadow:0 0 20px rgba(21,168,255,.12)}.feature-card h3{font-size:17px}.feature-card p{font-size:14px;margin-bottom:0}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-item{display:flex;align-items:center;gap:10px;padding:14px;font-weight:750;color:#dceaff;min-height:70px}.service-item span{font-size:24px}.proof-grid{grid-template-columns:1fr}.proof-card{overflow:hidden;transition:.28s}.proof-card img{width:100%;height:310px;object-fit:cover}.proof-card div{padding:18px}.proof-card b{font-size:22px}.video-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.video-card{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);transition:.28s}.video-card img{width:100%;height:210px;object-fit:cover}.video-card span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(21,168,255,.82);box-shadow:0 0 34px rgba(21,168,255,.68);backdrop-filter:blur(10px)}
.quiz-wrap{display:grid;gap:22px}.quiz-copy h2{max-width:640px}.quiz-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.quiz-benefits span{padding:10px 12px;border-radius:999px;background:rgba(21,168,255,.09);border:1px solid rgba(21,168,255,.2);color:#d9ecff;font-weight:750}.quiz{padding:20px}.quiz-progress{height:8px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-bottom:20px}.quiz-progress span{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--blue),var(--green));box-shadow:0 0 18px rgba(21,168,255,.8);transition:.35s}.quiz-step{display:none}.quiz-step.active{display:grid;gap:10px}.quiz-step h3{font-size:24px;margin-bottom:8px}.quiz-step label{display:flex;align-items:center;gap:10px;min-height:50px;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:.22s}.quiz-step label:hover{border-color:rgba(21,168,255,.35);background:rgba(21,168,255,.1)}.quiz-step input[type="radio"]{accent-color:var(--blue);width:18px;height:18px}.text-field{width:100%;min-height:54px;padding:0 16px;border-radius:15px;color:#fff;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);outline:0;transition:.22s}.text-field:focus{border-color:rgba(21,168,255,.65);box-shadow:0 0 0 4px rgba(21,168,255,.12)}.text-field::placeholder{color:#8494aa}.quiz-hint{color:#91a5bf;font-size:13px;margin:0}.quiz-actions{display:grid;gap:10px;margin-top:18px}.quiz-actions #quizSubmit{display:none}.quiz.is-last #quizNext{display:none}.quiz.is-last #quizSubmit{display:inline-flex}.quiz.is-first #quizPrev{display:none}
.faq-list{display:grid;gap:10px;padding:8px;background:rgba(255,255,255,.03)}.faq-list details{padding:0;overflow:hidden}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 18px;cursor:pointer;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"›";font-size:30px;color:var(--blue);transition:.25s}.faq-list details[open] summary::after{transform:rotate(90deg)}.faq-list details p{margin:0;padding:0 18px 18px;color:#b7c8df;line-height:1.6}.final-cta{padding:52px 0}.final-cta__box{padding:24px;display:grid;gap:20px;overflow:hidden;position:relative}.final-cta__box::after{content:"";position:absolute;right:-120px;bottom:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(21,168,255,.24),transparent 65%)}.final-cta h2{font-size:clamp(28px,7vw,44px);max-width:700px}.final-cta__actions{display:grid;gap:12px;position:relative;z-index:1}.footer{padding:28px 0 108px;background:#020611;border-top:1px solid rgba(255,255,255,.09);color:#aebbd0}.footer__grid{display:grid;gap:10px}.footer b{color:#fff}.footer p{margin:8px 0 0}.footer a{color:#fff;font-weight:850}.footer span{display:block;margin-top:6px}.floating-actions{position:fixed;right:14px;bottom:14px;z-index:40;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(320px,calc(100vw - 28px))}.floating-action{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border-radius:14px;color:#fff;font-size:13px;font-weight:900;letter-spacing:.01em;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 34px rgba(0,0,0,.32);backdrop-filter:blur(12px);transition:transform .22s ease,box-shadow .22s ease;overflow:hidden}.floating-action:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.4)}.floating-action::after{content:"";position:absolute;inset:-70% auto auto -45%;width:42%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:rotate(18deg);animation:shine 4.5s linear infinite}.floating-action--call{background:linear-gradient(135deg,#1a78ff,#3cb4ff)}.floating-action--max{background:linear-gradient(135deg,#6d5cff,#17d5ff)}.floating-action--telegram{background:linear-gradient(135deg,#229ed9,#0b7ed8)}.floating-action--wa{background:linear-gradient(135deg,#0ebf57,#19e077)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:none}

@media (min-width: 640px){.hero__buttons{grid-template-columns:1fr 1fr;max-width:720px}.trust-row{grid-template-columns:repeat(4,1fr)}.models-grid{grid-template-columns:repeat(3,1fr)}.model-card__visual{height:160px}.model-card__visual img{max-height:150px}.budget-grid{grid-template-columns:repeat(3,1fr)}.proof-grid{grid-template-columns:repeat(3,1fr)}.proof-card img{height:260px}.quiz-actions{grid-template-columns:auto 1fr}.quiz-actions .btn-primary,.quiz-actions .btn-whatsapp{justify-self:end}.floating-actions{right:22px;bottom:22px;width:auto;display:flex;flex-direction:column;min-width:150px}.floating-action{min-height:44px;padding-inline:16px}.footer{padding-bottom:32px}.footer__grid{grid-template-columns:1fr auto;align-items:center}}
@media (min-width: 768px){.header-call,.city-pill{display:flex}.hero{padding-top:116px}.hero__grid{grid-template-columns:.9fr 1.1fr;gap:24px}.hero__content{padding-top:0}.hero-stage{width:100%;max-width:660px}.service-list{grid-template-columns:repeat(4,1fr)}.video-strip{grid-template-columns:repeat(4,1fr)}.video-card img{height:190px}.features-grid{grid-template-columns:repeat(3,1fr)}.quiz-wrap{grid-template-columns:.85fr 1.15fr;align-items:start}.final-cta__box{grid-template-columns:1fr auto;align-items:center}.final-cta__actions{min-width:290px}}
@media (min-width: 1024px){.menu-toggle{display:none}.site-nav{position:static;display:flex;gap:4px;padding:0;border:0;background:transparent;backdrop-filter:none;opacity:1;transform:none;pointer-events:auto}.site-nav a{font-size:14px;background:transparent}.site-header{padding:12px 14px}.hero{padding-top:126px}.hero__grid{grid-template-columns:.78fr 1.22fr}.hero-stage{max-width:720px}.trust-row{margin-top:-36px}.section{padding:92px 0}.proof-card img{height:330px}.model-card__visual{height:205px}.model-card__visual img{max-height:190px}.steps{grid-template-columns:repeat(6,1fr);gap:0}.step{border-radius:0;justify-content:center;text-align:center;flex-direction:column;padding:18px 12px}.step:first-child{border-radius:24px 0 0 24px}.step:last-child{border-radius:0 24px 24px 0}.step:not(:last-child)::after{content:"";position:absolute;top:39px;right:-8px;width:16px;height:2px;background:linear-gradient(90deg,rgba(21,168,255,.45),rgba(255,255,255,.14));z-index:2}.features-grid{grid-template-columns:repeat(6,1fr)}.feature-card{padding:18px}.feature-card h3{font-size:15px}.feature-card p{font-size:13px}.service-list{grid-template-columns:repeat(7,1fr)}.service-item{flex-direction:column;text-align:center;justify-content:center;min-height:120px}.faq-list{grid-template-columns:1fr 1fr}.budget-card{min-height:230px}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* === Update: exact hero animation, desktop fit, stories video reviews === */
.hero-wheel{
  z-index:4;
  aspect-ratio:auto;
  border-radius:50%;
  overflow:hidden;
  background:transparent!important;
  box-shadow:0 0 18px rgba(21,168,255,.22);
  mix-blend-mode:normal;
  opacity:.92;
  animation:none!important;
  pointer-events:none;
  will-change:auto;
}
.hero-wheel::before{
  content:"";
  position:absolute;
  inset:-18%;
  background-image:var(--wheel-img);
  background-size:cover;
  background-position:center;
  filter:contrast(1.08) saturate(1.08) drop-shadow(0 0 6px rgba(21,168,255,.18));
  animation:realWheelSpin .62s linear infinite;
  transform-origin:50% 50%;
  will-change:transform;
}
.hero-wheel::after{
  content:"";
  position:absolute;
  inset:24%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(0,0,0,.08) 42%,transparent 72%);
  box-shadow:none;
  opacity:.45;
}
.hero-wheel--front{
  --wheel-img:url('../assets/images/hero-wheel-front.png');
  width:10.15%;
  height:10.98%;
  left:59.15%;
  top:65.62%;
}
.hero-wheel--rear{
  --wheel-img:url('../assets/images/hero-wheel-rear.png');
  width:6.25%;
  height:9.96%;
  left:83.22%;
  top:63.05%;
  opacity:.84;
}
@keyframes realWheelSpin{to{transform:rotate(360deg)}}
.hero-light{
  z-index:5;
  mix-blend-mode:screen;
  pointer-events:none;
  transform-origin:center;
  animation:headlightBlink 2.35s ease-in-out infinite;
}
.hero-light::before,
.hero-light::after{
  content:"";
  position:absolute;
  inset:-55% -42%;
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(242,252,255,.96) 0 18%,rgba(74,207,255,.86) 24%,rgba(21,168,255,.42) 48%,transparent 72%);
  filter:blur(2px);
}
.hero-light::after{
  inset:-90% -120%;
  background:linear-gradient(90deg,transparent,rgba(96,212,255,.62),transparent);
  filter:blur(8px);
}
.hero-light--left{left:19.7%;top:60.02%;width:9.9%;height:3.7%;transform:rotate(-13deg)}
.hero-light--right{left:47.35%;top:58.42%;width:13.6%;height:4.25%;transform:rotate(-8deg);animation-delay:.12s}
@keyframes headlightBlink{
  0%,100%{opacity:.44;filter:blur(3px) brightness(1)}
  40%,58%{opacity:1;filter:blur(1px) brightness(1.32)}
  72%{opacity:.62;filter:blur(4px) brightness(.95)}
}
.hero-trail{z-index:2}

.review-stories{display:flex;align-items:flex-start;gap:16px;margin:0 0 22px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none}.review-stories::-webkit-scrollbar{display:none}
.story-bubble{appearance:none;border:0;background:transparent;color:#fff;display:grid;justify-items:center;gap:8px;min-width:86px;cursor:pointer;padding:0;transition:transform .25s}.story-bubble:hover{transform:translateY(-4px)}
.story-bubble__ring{position:relative;width:78px;height:78px;border-radius:50%;padding:3px;background:conic-gradient(from 180deg,var(--blue),#7d5cff,var(--green),var(--blue));box-shadow:0 0 22px rgba(21,168,255,.32);animation:storyGlow 3s ease-in-out infinite}.story-bubble__ring::after{content:"▶";position:absolute;right:-3px;bottom:1px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue2));border:2px solid #071326;font-size:11px;box-shadow:0 0 16px rgba(21,168,255,.6)}
.story-bubble img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #071326}.story-bubble b{font-size:13px;color:#dfeeff;max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes storyGlow{0%,100%{box-shadow:0 0 18px rgba(21,168,255,.28)}50%{box-shadow:0 0 34px rgba(21,168,255,.55)}}
.video-card{appearance:none;padding:0;color:#fff;text-align:left;cursor:pointer}.video-card:not(button){cursor:default}
.video-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .25s ease}.video-modal.open{opacity:1;pointer-events:auto}.video-modal__backdrop{position:absolute;inset:0;background:rgba(0,5,14,.78);backdrop-filter:blur(12px)}
.video-modal__dialog{position:relative;width:min(420px,100%);border-radius:28px;padding:12px;background:linear-gradient(180deg,rgba(18,32,56,.96),rgba(5,14,27,.96));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 45px rgba(21,168,255,.18);transform:translateY(12px) scale(.98);transition:transform .25s ease}.video-modal.open .video-modal__dialog{transform:none}.video-modal__close{position:absolute;right:-8px;top:-8px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(4,13,26,.94);color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 0 24px rgba(21,168,255,.25);z-index:2}.video-modal__head{display:flex;align-items:center;gap:8px;padding:8px 42px 12px 8px}.video-modal__dot{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(22,210,103,.8)}.video-modal video{width:100%;max-height:78dvh;display:block;border-radius:20px;background:#000;object-fit:contain}
body.modal-open{overflow:hidden}

@media (min-width:1024px){
  .hero{min-height:100svh;height:100svh;padding:82px 0 18px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
  .hero__grid{grid-template-columns:.74fr 1.26fr;gap:12px;align-items:center}
  .hero-stage{max-width:min(680px,54vw);margin:0 auto -18px}
  .hero__content .eyebrow{margin-bottom:10px}
  h1{font-size:clamp(50px,5.6vw,72px);margin-bottom:12px}
  .hero__lead{font-size:clamp(22px,2.1vw,28px);margin-bottom:8px}
  .hero__sub{font-size:15px;margin-bottom:14px;max-width:520px}.hero__note{font-size:11px;margin-top:8px}
  .hero__buttons{gap:10px;max-width:650px}.btn{min-height:52px;padding:13px 20px}.trust-row{margin-top:-8px;gap:8px}.trust-chip{min-height:56px;padding:10px 12px}
}
@media (min-width:1280px){.hero-stage{max-width:min(720px,56vw)}.hero{padding-top:86px}}
@media (max-height:760px) and (min-width:1024px){.site-header{top:8px;padding:8px 12px}.hero{padding-top:72px}.hero-stage{max-width:min(600px,50vw)}h1{font-size:clamp(44px,4.8vw,62px)}.hero__sub{display:none}.hero__note{display:none}.trust-chip{min-height:50px;font-size:12px}.btn{min-height:48px}.hero__lead{font-size:22px}}
@media (min-width:640px){.review-stories{justify-content:center}.story-bubble__ring{width:86px;height:86px}.story-bubble{min-width:96px}.story-bubble b{font-size:14px;max-width:96px}}
@media (prefers-reduced-motion:reduce){.hero-wheel::before,.story-bubble__ring{animation:none!important}}

/* === V3: hero stories, seamless hero, no car overlays, contract trust === */
.hero-wheel,
.hero-light,
.hero-trail{display:none!important;animation:none!important}

.hero{
  isolation:isolate;
  min-height:100svh;
  padding:78px 0 30px;
  background:
    radial-gradient(circle at 70% 17%,rgba(21,168,255,.28),transparent 24rem),
    radial-gradient(circle at 22% 34%,rgba(0,109,255,.16),transparent 22rem),
    linear-gradient(180deg,#020815 0%,#06111f 58%,#030813 100%);
}
.hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:180px;
  background:linear-gradient(180deg,transparent 0%,rgba(3,8,19,.42) 36%,#030813 100%);
  pointer-events:none;
  z-index:0;
}
.hero__bg-glow{opacity:.7}
.hero__grid{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
}
.hero-stage{
  order:1;
  width:calc(100% + 32px);
  max-width:none;
  margin:0 -16px -46px;
  border-radius:0;
  overflow:visible;
  filter:drop-shadow(0 28px 72px rgba(0,0,0,.38));
}
.hero-stage__image{
  width:100%;
  border-radius:0!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0 69%,rgba(0,0,0,.88) 82%,rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(180deg,#000 0 69%,rgba(0,0,0,.88) 82%,rgba(0,0,0,0) 100%);
}
.hero-stage::before{
  inset:45% -12% 0;
  background:radial-gradient(circle at 52% 45%,rgba(21,168,255,.22),transparent 31%),radial-gradient(circle at 76% 38%,rgba(0,109,255,.2),transparent 28%);
  filter:blur(22px);
}
.hero__content{
  order:2;
  z-index:5;
  position:relative;
  padding:0;
  margin-top:0;
  text-shadow:0 2px 18px rgba(0,0,0,.55);
}
.hero__content::before{
  content:"";
  position:absolute;
  inset:-42px -16px -18px;
  z-index:-1;
  background:linear-gradient(180deg,rgba(3,8,19,0) 0%,rgba(3,8,19,.62) 30%,rgba(3,8,19,.78) 100%);
  pointer-events:none;
}
.hero__sub{max-width:620px}
.hero-stories{
  margin:13px 0 8px;
  padding:0 2px 4px;
  gap:10px;
  justify-content:flex-start;
}
.hero-stories .story-bubble{
  min-width:60px;
  gap:4px;
}
.hero-stories .story-bubble__ring{
  width:52px;
  height:52px;
  padding:2px;
  box-shadow:0 0 16px rgba(21,168,255,.28);
}
.hero-stories .story-bubble__ring::after{
  width:19px;
  height:19px;
  right:-2px;
  bottom:-1px;
  font-size:8px;
  border-width:2px;
}
.hero-stories .story-bubble img{border-width:2px}
.hero-stories .story-bubble b{
  font-size:11px;
  max-width:62px;
}
.trust-row{
  position:relative;
  z-index:4;
  grid-template-columns:1fr;
  margin-top:12px;
}
.trust-chip{backdrop-filter:blur(14px)}

@media (min-width:520px){
  .hero-stories .story-bubble__ring{width:58px;height:58px}
  .hero-stories .story-bubble{min-width:68px}
  .hero-stories .story-bubble b{font-size:12px;max-width:68px}
}

@media (min-width:640px){
  .trust-row{grid-template-columns:repeat(5,1fr)}
  .hero-stories{justify-content:flex-start}
  .hero-stories .story-bubble__ring{width:60px;height:60px}
  .hero-stories .story-bubble{min-width:72px}
  .hero-stories .story-bubble b{font-size:12px;max-width:72px}
}

@media (min-width:768px){
  .hero{
    padding:108px 0 38px;
  }
  .hero__grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:12px;
    align-items:center;
  }
  .hero__content{order:1;margin-top:0}
  .hero__content::before{
    inset:-54px -70px -36px -22px;
    background:radial-gradient(ellipse at 40% 50%,rgba(3,8,19,.78),rgba(3,8,19,.42) 54%,transparent 76%);
  }
  .hero-stage{
    order:2;
    width:100%;
    max-width:none;
    margin:0 -20px 0 0;
  }
  .hero-stage__image{
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.05) 0%,#000 14%,#000 86%,rgba(0,0,0,.62) 100%);
    mask-image:linear-gradient(90deg,rgba(0,0,0,.05) 0%,#000 14%,#000 86%,rgba(0,0,0,.62) 100%);
  }
  .service-list{grid-template-columns:repeat(4,1fr)}
}

@media (min-width:1024px){
  .hero{
    min-height:100svh;
    height:100svh;
    padding:76px 0 14px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
  }
  .hero__grid{
    grid-template-columns:.76fr 1.24fr;
    gap:4px;
  }
  .hero-stage{
    max-width:min(760px,58vw);
    margin:0 -8px 0 0;
  }
  .hero__lead{font-size:clamp(21px,2vw,27px)}
  .hero__sub{font-size:14px;margin-bottom:12px}
  .hero__note{font-size:10.5px;margin-top:6px}
  .hero__buttons{gap:10px;max-width:650px}
  .hero-stories{margin:10px 0 4px;gap:11px;overflow:visible}
  .hero-stories .story-bubble__ring{width:56px;height:56px}
  .hero-stories .story-bubble{min-width:66px}
  .trust-row{grid-template-columns:repeat(5,1fr);margin-top:6px;gap:8px}
  .trust-chip{min-height:50px;padding:9px 10px;font-size:12px}
  .service-list{grid-template-columns:repeat(8,1fr)}
  .service-item{min-height:116px}
}

@media (min-width:1280px){
  .hero-stage{max-width:min(820px,59vw)}
  .hero{padding-top:78px}
}

@media (max-height:760px) and (min-width:1024px){
  .hero{padding-top:68px;padding-bottom:10px}
  .hero-stage{max-width:min(650px,52vw)}
  .hero-stories .story-bubble__ring{width:48px;height:48px}
  .hero-stories .story-bubble{min-width:58px}
  .hero-stories .story-bubble b{font-size:10px}
  .hero__sub{display:block;font-size:13px;margin-bottom:8px}
  .hero__note{display:none}
  .trust-chip{min-height:44px;font-size:11px}
  .btn{min-height:46px}
}


/* === v3.1: only crop hero image so offer is visible sooner, structure unchanged === */
@media (max-width: 767px){
  .hero-stage{
    height:360px;
    margin:0 -16px -26px;
    overflow:hidden;
  }
  .hero-stage__image{
    height:100%;
    object-fit:cover;
    object-position:center 39%;
  }
  .hero__content::before{
    inset:-28px -16px -18px;
  }
}

@media (max-width: 420px){
  .hero-stage{
    height:332px;
    margin:0 -16px -20px;
  }
  .hero-stage__image{
    object-position:center 38%;
  }
}


/* === v3.8 FINAL: исправление от чистой v3.1.
   Главное отличие: картинку НЕ переводим в background и НЕ прячем.
   Используем исходный img, расширяем его за границы блока и делаем fade/blur по краям.
   Так не будет эффекта "сжатой картинки" на mobile и прямоугольника на desktop. */

.wa-icon{display:none!important}
.hero-wheel,.hero-light,.hero-trail{display:none!important;animation:none!important}

/* Аккуратные значки вместо emoji */
.service-item{gap:12px}
.service-item span{
  display:grid!important;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:14px;
  color:var(--blue);
  font-size:18px!important;
  font-weight:900;
  line-height:1;
  background:rgba(21,168,255,.09);
  border:1px solid rgba(21,168,255,.22);
  box-shadow:0 0 20px rgba(21,168,255,.12);
}

/* Общая hero-подложка того же цвета, чтобы fade картинки растворялся в ней */
.hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  background:
    radial-gradient(circle at 74% 18%,rgba(21,168,255,.20),transparent 24rem),
    radial-gradient(circle at 20% 31%,rgba(0,109,255,.12),transparent 22rem),
    linear-gradient(180deg,#020815 0%,#06111f 58%,#030813 100%)!important;
}

.hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:230px;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,8,19,0) 0%,rgba(3,8,19,.18) 30%,rgba(3,8,19,.62) 70%,#030813 100%)!important;
}

.hero__bg-glow{opacity:.58!important;filter:blur(18px)!important}
.hero .container,.hero__grid,.hero__content,.trust-row{position:relative;z-index:2}

.hero-stage{
  position:relative!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  isolation:isolate;
  pointer-events:none;
}

.hero-stage::before,
.hero-stage::after{
  content:""!important;
  position:absolute;
  pointer-events:none;
  z-index:3;
}

.hero-stage__image{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:brightness(.78) saturate(1.06) contrast(1.04)!important;
  will-change:auto;
}

/* MOBILE: исходная картинка в ширину, НЕ сужаем. Только высотой подрезаем и плавно растворяем низ */
@media (max-width:767px){
  .hero{
    padding-top:78px!important;
    padding-bottom:30px!important;
  }

  .hero__grid{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
  }

  .hero-stage{
    order:1!important;
    width:calc(100% + 32px)!important;
    max-width:none!important;
    height:336px!important;
    margin:0 -16px -44px!important;
    overflow:hidden!important;
  }

  .hero-stage__image{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center 39%!important;
    transform:none!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 64%,rgba(0,0,0,.95) 72%,rgba(0,0,0,.52) 87%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 64%,rgba(0,0,0,.95) 72%,rgba(0,0,0,.52) 87%,transparent 100%)!important;
  }

  /* blur-подложка на самой границе картинки и текста */
  .hero-stage::before{
    left:-10%!important;
    right:-10%!important;
    bottom:-34px!important;
    height:132px!important;
    background:linear-gradient(180deg,rgba(3,8,19,0) 0%,rgba(3,8,19,.42) 36%,rgba(3,8,19,.96) 100%)!important;
    filter:blur(18px)!important;
  }

  .hero-stage::after{
    left:-8%!important;
    right:-8%!important;
    bottom:-20px!important;
    height:112px!important;
    background:radial-gradient(ellipse at 50% 0%,rgba(21,168,255,.10),transparent 52%)!important;
    filter:blur(18px)!important;
  }

  .hero__content{
    order:2!important;
    margin-top:0!important;
    padding-top:0!important;
    text-align:center!important;
    text-shadow:0 2px 18px rgba(0,0,0,.58);
    z-index:5!important;
  }

  .hero__content::before{
    content:""!important;
    position:absolute!important;
    inset:-48px -18px -20px!important;
    z-index:-1!important;
    pointer-events:none!important;
    background:
      radial-gradient(ellipse at 50% 0%,rgba(3,8,19,.04) 0%,rgba(3,8,19,.36) 38%,rgba(3,8,19,.88) 76%,rgba(3,8,19,.98) 100%)!important;
    filter:blur(16px)!important;
  }

  /* Центрирование мобильных заголовков и подзаголовков */
  .hero .eyebrow,
  .section-head .eyebrow{justify-content:center!important}

  .hero__sub,
  .section-head p,
  .quiz-copy p,
  .final-cta__box p{margin-left:auto!important;margin-right:auto!important}

  .section-head,
  .quiz-copy,
  .final-cta__box{text-align:center!important}

  .hero__buttons,
  .hero-stories,
  .quiz-actions,
  .final-cta__actions{justify-content:center!important}

  .hero__buttons{max-width:none!important}
  .hero-stories{justify-content:center!important}
  .hero__note{text-align:center!important}
}

@media (max-width:420px){
  .hero-stage{
    height:318px!important;
    margin:0 -16px -38px!important;
  }
  .hero-stage__image{
    object-position:center 38.5%!important;
  }
}

/* TABLET / DESKTOP: картинка остается реальным img, но заходит под текст и растворяется по краям */
@media (min-width:768px){
  .hero{
    padding-top:108px!important;
    padding-bottom:38px!important;
  }

  .hero__grid{
    display:grid!important;
    grid-template-columns:.9fr 1.1fr!important;
    gap:0!important;
    align-items:center!important;
  }

  .hero__content{
    order:1!important;
    text-align:left!important;
    z-index:5!important;
  }

  .hero__content::before{
    content:""!important;
    position:absolute!important;
    inset:-60px -130px -40px -22px!important;
    z-index:-1!important;
    pointer-events:none!important;
    background:
      radial-gradient(ellipse at 38% 50%,rgba(3,8,19,.96) 0%,rgba(3,8,19,.78) 34%,rgba(3,8,19,.42) 61%,transparent 86%)!important;
    filter:blur(20px)!important;
  }

  .hero-stage{
    order:2!important;
    width:126%!important;
    max-width:none!important;
    height:auto!important;
    margin:0 -18% 0 -18%!important;
    overflow:visible!important;
    z-index:1!important;
  }

  .hero-stage__image{
    width:118%!important;
    max-width:none!important;
    height:auto!important;
    margin-left:-12%!important;
    object-fit:contain!important;
    transform:none!important;
    -webkit-mask-image:
      radial-gradient(ellipse 68% 62% at 60% 53%,#000 0%,#000 56%,rgba(0,0,0,.82) 71%,rgba(0,0,0,.34) 86%,transparent 100%)!important;
    mask-image:
      radial-gradient(ellipse 68% 62% at 60% 53%,#000 0%,#000 56%,rgba(0,0,0,.82) 71%,rgba(0,0,0,.34) 86%,transparent 100%)!important;
  }

  .hero-stage::before{
    top:-32px!important;
    bottom:-42px!important;
    left:-96px!important;
    width:230px!important;
    background:linear-gradient(90deg,rgba(3,8,19,.98) 0%,rgba(3,8,19,.68) 38%,rgba(3,8,19,.22) 72%,transparent 100%)!important;
    filter:blur(24px)!important;
  }

  .hero-stage::after{
    inset:-44px -62px -66px -150px!important;
    background:
      linear-gradient(90deg,rgba(3,8,19,.88) 0%,rgba(3,8,19,.44) 18%,transparent 43%),
      linear-gradient(180deg,rgba(3,8,19,.32) 0%,transparent 20%,transparent 70%,rgba(3,8,19,.66) 100%),
      linear-gradient(270deg,rgba(3,8,19,.38) 0%,transparent 16%)!important;
    filter:blur(24px)!important;
  }
}

@media (min-width:1024px){
  .hero{
    min-height:100svh!important;
    height:100svh!important;
    padding-top:78px!important;
    padding-bottom:14px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  .hero__grid{
    grid-template-columns:.76fr 1.24fr!important;
    gap:0!important;
  }

  .hero-stage{
    width:132%!important;
    max-width:min(980px,68vw)!important;
    margin:0 -20% 0 -20%!important;
  }

  .hero-stage__image{
    width:122%!important;
    margin-left:-14%!important;
  }

  .hero-stage::before{
    left:-132px!important;
    width:280px!important;
  }

  .hero-stage::after{
    inset:-54px -82px -82px -180px!important;
  }

  .hero__lead{font-size:clamp(21px,2vw,27px)}
  .hero__sub{font-size:14px;margin-bottom:12px}
  .hero__note{font-size:10.5px;margin-top:6px}
  .hero__buttons{gap:10px;max-width:650px}
  .hero-stories{margin:10px 0 4px;gap:11px;overflow:visible}
  .hero-stories .story-bubble__ring{width:56px;height:56px}
  .hero-stories .story-bubble{min-width:66px}
  .trust-row{grid-template-columns:repeat(5,1fr);margin-top:6px;gap:8px}
  .trust-chip{min-height:50px;padding:9px 10px;font-size:12px}
  .service-list{grid-template-columns:repeat(8,1fr)}
  .service-item{min-height:116px}
}

@media (min-width:1280px){
  .hero-stage{
    max-width:min(1080px,70vw)!important;
    margin-right:-18%!important;
  }
}

@media (max-height:760px) and (min-width:1024px){
  .hero{padding-top:68px!important;padding-bottom:10px!important}
  .hero-stage{max-width:min(840px,62vw)!important}
  .hero-stories .story-bubble__ring{width:48px;height:48px}
  .hero-stories .story-bubble{min-width:58px}
  .hero-stories .story-bubble b{font-size:10px}
  .hero__sub{display:block;font-size:13px;margin-bottom:8px}
  .hero__note{display:none}
  .trust-chip{min-height:44px;font-size:11px}
  .btn{min-height:46px}
}

@media (min-width:1024px){
  .service-item span{
    width:48px;
    height:48px;
    flex-basis:48px;
    font-size:20px!important;
    border-radius:16px;
  }
}


/* === v3.8.1: desktop right-edge seam fix === */
@media (min-width:1024px){
  .hero-stage{
    width:138%!important;
    max-width:min(1040px,71vw)!important;
    margin:0 -24% 0 -18%!important;
  }

  .hero-stage__image{
    width:126%!important;
    margin-left:-12%!important;
    -webkit-mask-image:
      radial-gradient(ellipse 74% 66% at 58% 53%, #000 0%, #000 61%, rgba(0,0,0,.90) 76%, rgba(0,0,0,.58) 89%, transparent 100%)!important;
    mask-image:
      radial-gradient(ellipse 74% 66% at 58% 53%, #000 0%, #000 61%, rgba(0,0,0,.90) 76%, rgba(0,0,0,.58) 89%, transparent 100%)!important;
  }

  .hero-stage::after{
    inset:-58px -170px -88px -180px!important;
    background:
      linear-gradient(90deg, rgba(3,8,19,.88) 0%, rgba(3,8,19,.40) 18%, transparent 42%),
      linear-gradient(270deg, rgba(3,8,19,.96) 0%, rgba(3,8,19,.62) 10%, rgba(3,8,19,.18) 22%, transparent 34%),
      linear-gradient(180deg, rgba(3,8,19,.28) 0%, transparent 18%, transparent 70%, rgba(3,8,19,.68) 100%)!important;
    filter:blur(30px)!important;
  }
}

@media (min-width:1280px){
  .hero-stage{
    max-width:min(1120px,72vw)!important;
    margin-right:-22%!important;
  }
  .hero-stage::after{
    inset:-58px -190px -92px -180px!important;
  }
}


/* === v3.8.3: mobile top blur added, bottom blur preserved === */
@media (max-width:767px){
  .hero-stage::after{
    left:-8%!important;
    right:-8%!important;
    bottom:-20px!important;
    top:-18px!important;
    height:auto!important;
    background:
      radial-gradient(ellipse at 50% 100%, rgba(21,168,255,.10), transparent 52%),
      radial-gradient(ellipse at 50% 0%, rgba(21,168,255,.10), transparent 52%)!important;
    filter:blur(18px)!important;
  }
}


/* === v3.8.4: desktop bottom hero-to-next-section blend fix, no layout changes === */
@media (min-width:1024px){
  .hero::after{
    bottom:-54px!important;
    height:320px!important;
    background:
      radial-gradient(ellipse at 50% 0%, rgba(21,168,255,.10) 0%, transparent 48%),
      linear-gradient(180deg,
        rgba(3,8,19,0) 0%,
        rgba(3,8,19,.08) 24%,
        rgba(3,8,19,.28) 48%,
        rgba(3,8,19,.60) 72%,
        rgba(3,8,19,.92) 100%)!important;
    filter:blur(28px)!important;
  }

  .hero-stage::after{
    inset:-58px -190px -122px -180px!important;
    background:
      linear-gradient(90deg, rgba(3,8,19,.88) 0%, rgba(3,8,19,.40) 18%, transparent 42%),
      linear-gradient(270deg, rgba(3,8,19,.96) 0%, rgba(3,8,19,.62) 10%, rgba(3,8,19,.18) 22%, transparent 34%),
      linear-gradient(180deg, rgba(3,8,19,.20) 0%, transparent 16%, rgba(3,8,19,.08) 54%, rgba(3,8,19,.82) 88%, rgba(3,8,19,.96) 100%)!important;
    filter:blur(34px)!important;
  }
}

@media (min-width:1280px){
  .hero::after{
    bottom:-58px!important;
    height:336px!important;
  }
  .hero-stage::after{
    inset:-58px -210px -132px -180px!important;
  }
}








/* === v3.9.3: exact user PNGs inserted directly, no crop === */
.model-card__visual img[src*="toyota-rav4"],
.model-card__visual img[src*="toyota-raize"]{
  width:auto;
  max-width:100%;
  object-fit:contain;
  transform:none!important;
}


/* === v3.9.4: full clean RAV4/Raize PNGs, no crop + animation preserved === */
.model-card__visual img[src*="toyota-rav4"],
.model-card__visual img[src*="toyota-raize"]{
  width:auto!important;
  max-width:100%!important;
  max-height:190px!important;
  object-fit:contain!important;
  animation:none!important;
}
.models-grid .model-card:nth-child(5) .model-card__visual,
.models-grid .model-card:nth-child(6) .model-card__visual{
  animation:carFloat 5s ease-in-out infinite;
}
.models-grid .model-card:nth-child(6) .model-card__visual{animation-delay:1.3s}
@media (min-width:640px){
  .model-card__visual img[src*="toyota-rav4"],
  .model-card__visual img[src*="toyota-raize"]{max-height:150px!important}
}
@media (min-width:1024px){
  .model-card__visual img[src*="toyota-rav4"],
  .model-card__visual img[src*="toyota-raize"]{max-height:190px!important}
}


/* === v3.9.5: Japan/Korea/China flags, MAX/Telegram buttons, installment section === */
.hero-flags{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-left:7px;
  color:inherit!important;
  text-shadow:none!important;
  vertical-align:middle;
}
.hero-flags i{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  font-style:normal;
  font-size:21px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 0 20px rgba(21,168,255,.18);
  animation:flagFloat 3.2s ease-in-out infinite;
}
.hero-flags i:nth-child(2){animation-delay:.18s}
.hero-flags i:nth-child(3){animation-delay:.36s}
@keyframes flagFloat{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-4px) rotate(-3deg)}
}

.btn-max{
  background:linear-gradient(135deg,#6d5cff,#17d5ff);
  box-shadow:0 0 0 1px rgba(255,255,255,.13) inset,0 14px 38px rgba(81,102,255,.28),0 0 28px rgba(23,213,255,.28);
}
.btn-telegram{
  background:linear-gradient(135deg,#229ed9,#0b7ed8);
  box-shadow:0 0 0 1px rgba(255,255,255,.13) inset,0 14px 38px rgba(34,158,217,.26),0 0 26px rgba(34,158,217,.34);
}
.btn-max::before,
.btn-telegram::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.86);
  box-shadow:0 0 16px rgba(255,255,255,.45);
}

.section-installment{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(21,168,255,.16),transparent 25rem),
    radial-gradient(circle at 22% 78%,rgba(109,92,255,.13),transparent 22rem);
}
.installment-card{
  position:relative;
  display:grid;
  gap:24px;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(21,168,255,.24);
  background:linear-gradient(135deg,rgba(8,24,43,.92),rgba(5,14,27,.78));
  box-shadow:0 24px 70px rgba(0,0,0,.26), inset 0 0 42px rgba(21,168,255,.06);
  overflow:hidden;
}
.installment-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    linear-gradient(90deg,rgba(21,168,255,.18),transparent 42%,rgba(25,224,119,.12)),
    radial-gradient(circle at 72% 44%,rgba(21,168,255,.20),transparent 30%);
  pointer-events:none;
}
.installment-copy,
.installment-expert{position:relative;z-index:1}
.installment-copy h2{
  font-size:clamp(30px,7vw,54px);
  line-height:1.03;
  letter-spacing:-.045em;
  margin-bottom:14px;
}
.installment-copy p{
  color:var(--muted);
  line-height:1.6;
  max-width:680px;
}
.installment-terms{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:18px 0 20px;
}
.installment-terms div{
  min-height:86px;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 0 24px rgba(21,168,255,.07);
}
.installment-terms b{
  display:block;
  font-size:clamp(28px,7vw,44px);
  line-height:1;
  color:#fff;
  text-shadow:0 0 24px rgba(21,168,255,.35);
}
.installment-terms span{
  display:block;
  margin-top:7px;
  color:#b7c8df;
  font-weight:750;
}
.installment-actions{
  display:grid;
  gap:12px;
}
.installment-expert{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:12px;
}
.installment-photo{
  position:relative;
  width:min(260px,74vw);
  aspect-ratio:4/5;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(21,168,255,.30);
  box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 32px rgba(21,168,255,.18);
  animation:expertFloat 5.2s ease-in-out infinite;
}
.installment-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(3,8,19,.48) 100%);
}
.installment-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.installment-expert__label{
  display:grid;
  gap:4px;
  justify-items:center;
  padding:12px 16px;
  border-radius:18px;
  background:rgba(3,8,19,.68);
  border:1px solid rgba(21,168,255,.24);
  box-shadow:0 0 28px rgba(21,168,255,.12);
  text-align:center;
}
.installment-expert__label b{font-size:18px}
.installment-expert__label span{color:#b7c8df;font-weight:800}
@keyframes expertFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-9px)}
}

@media (max-width:767px){
  h1{font-size:clamp(32px,8.7vw,44px)}
  .hero-flags{
    display:flex;
    justify-content:center;
    margin:10px 0 0;
  }
  .hero-flags i{width:31px;height:31px;font-size:19px}
  .hero__buttons{max-width:none}
  .section-installment .eyebrow{justify-content:center}
  .installment-copy{text-align:center}
  .installment-copy p{margin-left:auto;margin-right:auto}
  .installment-actions{justify-content:center}
  .installment-actions .btn{width:100%}
}

@media (min-width:640px){
  .hero__buttons{
    grid-template-columns:1fr 1fr;
    max-width:720px;
  }
  .installment-terms{
    grid-template-columns:repeat(3,1fr);
  }
  .installment-actions{
    grid-template-columns:1fr 1fr;
    max-width:600px;
  }
}

@media (min-width:1024px){
  .installment-card{
    grid-template-columns:1.25fr .75fr;
    align-items:center;
    padding:34px;
  }
  .installment-photo{
    width:min(300px,24vw);
  }
  .final-cta__actions{
    grid-template-columns:1fr 1fr;
  }
}


/* v3.9.7 hero buttons + compact floating actions */
.hero__buttons{max-width:540px}
.btn-write-toggle{background:rgba(12,24,43,.58);border:1px solid rgba(91,165,255,.22);box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.03);color:#e8f3ff}
.btn-write-toggle svg{transition:transform .25s ease}
.btn-write-toggle.open svg{transform:rotate(180deg)}
.hero-write-menu{display:grid;gap:10px;max-width:540px;margin-top:12px}
.hero-write-menu[hidden]{display:none !important}
.hero-write-menu .btn{min-height:50px;font-size:15px;border-color:rgba(255,255,255,.1)}
.btn-soft{backdrop-filter:blur(10px);opacity:.9}
.hero-write-menu .btn-whatsapp{background:linear-gradient(135deg,rgba(14,191,87,.78),rgba(25,224,119,.82));box-shadow:0 8px 26px rgba(18,210,103,.18),0 0 18px rgba(18,210,103,.12)}
.hero-write-menu .btn-max{background:linear-gradient(135deg,rgba(109,92,255,.78),rgba(23,213,255,.8));box-shadow:0 8px 26px rgba(81,102,255,.16),0 0 18px rgba(23,213,255,.12)}
.hero-write-menu .btn-telegram{background:linear-gradient(135deg,rgba(34,158,217,.78),rgba(11,126,216,.82));box-shadow:0 8px 26px rgba(34,158,217,.16),0 0 18px rgba(34,158,217,.12)}
.floating-actions{right:12px;bottom:12px;width:auto;display:grid;grid-template-columns:repeat(2,54px);gap:8px}
.floating-action{width:54px;height:54px;min-height:54px;padding:0;border-radius:999px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.04em;box-shadow:0 10px 28px rgba(0,0,0,.34)}
.floating-action::after{display:none}
@media (min-width:640px){.hero-write-menu{grid-template-columns:repeat(3,1fr)}.floating-actions{right:18px;bottom:18px;grid-template-columns:1fr;gap:10px}.floating-action{width:58px;height:58px;min-height:58px}}

@media (min-width:640px){.floating-actions{display:flex;flex-direction:column;min-width:unset;width:auto}.floating-action{padding-inline:0}}


/* v3.11 savings badges in client cards */
.saving-badge{display:inline-flex;align-items:center;justify-content:center;margin-top:2px;padding:10px 14px;border-radius:14px;border:1px solid rgba(25,224,119,.38);background:linear-gradient(135deg,rgba(14,191,87,.16),rgba(21,168,255,.12));color:#dfffee;font-size:15px;font-weight:900;box-shadow:inset 0 0 22px rgba(25,224,119,.07),0 0 22px rgba(25,224,119,.10)}
.proof-card div{display:flex;flex-direction:column;align-items:flex-start}
.proof-card .saving-badge{margin-top:auto}


/* v3.13 mobile hero compact: image and structure unchanged */
@media (max-width:767px){
  .hero{padding-bottom:18px!important}
  .hero-stage{margin-bottom:-72px!important}
  .hero__content>.eyebrow{margin-bottom:8px!important}
  .hero h1{margin-bottom:10px!important}
  .hero-flags{margin-top:6px!important}
  .hero__lead{margin-bottom:6px!important}
  .hero__sub{margin-bottom:12px!important;line-height:1.48!important}
  .hero__buttons{gap:8px!important}
  .hero__buttons .btn{min-height:52px!important;padding-top:12px!important;padding-bottom:12px!important}
  .hero-write-menu{margin-top:8px!important}
  .hero-stories{margin-top:8px!important}
}
@media (max-width:420px){
  .hero-stage{margin-bottom:-66px!important}
}


/* === v3.14: hero saving badge + section CTA buttons === */
.hero__lead-benefit{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.hero__lead-benefit>span{display:inline}
.hero-saving-badge{margin:0;font-size:clamp(15px,3.8vw,20px);padding:9px 14px;white-space:nowrap;vertical-align:middle;animation:heroSavingGlow 3.2s ease-in-out infinite}
@keyframes heroSavingGlow{0%,100%{box-shadow:inset 0 0 22px rgba(25,224,119,.07),0 0 18px rgba(25,224,119,.10)}50%{box-shadow:inset 0 0 28px rgba(25,224,119,.11),0 0 30px rgba(25,224,119,.22)}}
.section-cta{display:flex;justify-content:center;margin-top:28px}
.section-cta .btn{width:min(100%,360px)}
@media(max-width:767px){.hero__lead-benefit{justify-content:center}.hero-saving-badge{font-size:15px;padding:8px 12px}.section-cta{margin-top:22px}.section-cta .btn{width:100%}}


/* === v3.15: mobile hero first-screen fit, image untouched === */
@media (max-width:767px){
  .hero-stage{margin-bottom:-108px!important}
  .hero__content>.eyebrow{margin-bottom:5px!important}
  .hero h1{margin-bottom:7px!important;line-height:.95!important}
  .hero-flags{margin-top:3px!important}
  .hero__lead-benefit{gap:5px 8px!important;margin-bottom:5px!important}
  .hero__lead{margin-bottom:4px!important;line-height:1.08!important}
  .hero-saving-badge{font-size:13px!important;padding:6px 10px!important}
  .hero__sub{margin-bottom:8px!important;line-height:1.34!important;font-size:14px!important}
  .hero__buttons{gap:7px!important}
  .hero__buttons .btn{min-height:48px!important;padding-top:10px!important;padding-bottom:10px!important}
}
@media (max-width:420px){
  .hero-stage{margin-bottom:-104px!important}
  .hero h1{font-size:clamp(30px,8.2vw,38px)!important}
}


/* === v3.16: mobile hero visual alignment only — structure untouched === */
@media (max-width:767px){
  /* The image stays the same; only its viewport is aligned and blended. */
  .hero-stage{
    height:310px!important;
    margin:0 -16px -20px!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .hero-stage__image{
    height:100%!important;
    width:100%!important;
    object-fit:cover!important;
    object-position:center 43%!important;
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72) 0%,#000 10%,#000 78%,rgba(0,0,0,.92) 88%,rgba(0,0,0,0) 100%)!important;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.72) 0%,#000 10%,#000 78%,rgba(0,0,0,.92) 88%,rgba(0,0,0,0) 100%)!important;
  }
  .hero-stage::after{
    content:"";
    position:absolute;
    left:-8%;right:-8%;top:-18px;
    height:82px;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(180deg,#06111f 0%,rgba(6,17,31,.88) 24%,rgba(6,17,31,.34) 62%,transparent 100%);
    filter:blur(10px);
  }
  .hero__content{
    margin-top:0!important;
  }
  .hero__content::before{
    inset:-24px -16px -18px!important;
    background:linear-gradient(180deg,rgba(3,8,19,0) 0%,rgba(3,8,19,.56) 26%,rgba(3,8,19,.82) 100%)!important;
  }
  .hero h1{
    margin-bottom:7px!important;
    line-height:.96!important;
  }
  .hero-flags{
    display:flex!important;
    width:max-content;
    margin:12px auto 13px!important;
    justify-content:center!important;
    gap:8px!important;
  }
  .hero-flags i{
    width:32px!important;
    height:32px!important;
    font-size:19px!important;
  }
  .hero__lead-benefit{
    margin-top:0!important;
  }
}
@media (max-width:420px){
  .hero-stage{
    height:304px!important;
    margin-bottom:-18px!important;
  }
  .hero-stage__image{object-position:center 44%!important}
}


/* === v3.17: match approved 15:55 mobile hero composition === */
.hero-flags-break{display:none}
@media (max-width:767px){
  /* Keep the existing hero structure; only correct mobile composition. */
  .hero-stage{
    height:326px!important;
    margin:0 -16px -54px!important;
    overflow:hidden!important;
  }
  .hero-stage__image{
    object-fit:cover!important;
    object-position:center 42%!important;
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.48) 0%,#000 8%,#000 76%,rgba(0,0,0,.95) 86%,rgba(0,0,0,0) 100%)!important;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.48) 0%,#000 8%,#000 76%,rgba(0,0,0,.95) 86%,rgba(0,0,0,0) 100%)!important;
  }
  .hero-stage::after{
    top:-28px!important;
    height:104px!important;
    background:linear-gradient(180deg,#06111f 0%,rgba(6,17,31,.78) 30%,rgba(6,17,31,.22) 70%,transparent 100%)!important;
    filter:blur(14px)!important;
  }
  .hero__content{
    margin-top:0!important;
    padding-top:0!important;
  }
  .hero__content>.eyebrow{margin-bottom:7px!important}
  .hero h1{
    margin:0 0 10px!important;
    line-height:.98!important;
  }
  .hero-flags-break{
    display:block!important;
    height:0!important;
  }
  .hero-flags{
    display:inline-flex!important;
    width:auto!important;
    margin:13px auto 14px!important;
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    vertical-align:top!important;
    line-height:1!important;
    gap:9px!important;
  }
  .hero-flags i{
    width:34px!important;
    height:34px!important;
    font-size:20px!important;
  }
  .hero__lead-benefit{
    margin-top:0!important;
    margin-bottom:8px!important;
    gap:7px!important;
  }
  .hero__lead-benefit>span{display:block!important;width:100%!important}
  .hero-saving-badge{margin-inline:auto!important}
  .hero__sub{margin-bottom:10px!important}
  .hero__buttons{gap:8px!important}

  /* Approved reference uses a small vertical contact rail. */
  .floating-actions{
    right:10px!important;
    bottom:82px!important;
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    width:auto!important;
    gap:8px!important;
  }
  .floating-action{
    width:52px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:11px!important;
  }
}
@media (max-width:420px){
  .hero-stage{height:320px!important;margin-bottom:-50px!important}
  .hero-stage__image{object-position:center 43%!important}
  .hero h1{font-size:clamp(31px,8.4vw,39px)!important}
}


/* === v3.18 FINAL: approved mobile hero only === */
@media (max-width:767px){
  /* Smoothly merge the top of the real hero image into the dark page background. */
  .hero-stage{
    margin-top:-10px!important;
    isolation:isolate!important;
  }
  .hero-stage__image{
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.48) 5%,#000 15%,#000 77%,rgba(0,0,0,.95) 87%,rgba(0,0,0,0) 100%)!important;
    mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.48) 5%,#000 15%,#000 77%,rgba(0,0,0,.95) 87%,rgba(0,0,0,0) 100%)!important;
  }
  .hero-stage::after{
    content:""!important;
    position:absolute!important;
    z-index:4!important;
    pointer-events:none!important;
    left:-10%!important;
    right:-10%!important;
    top:-30px!important;
    height:138px!important;
    background:linear-gradient(180deg,#06111f 0%,rgba(6,17,31,.96) 18%,rgba(6,17,31,.72) 45%,rgba(6,17,31,.24) 75%,transparent 100%)!important;
    filter:blur(16px)!important;
  }

  /* Keep the three country flags exactly centered between the two title parts. */
  .hero-flags-break{
    display:block!important;
    width:100%!important;
    height:0!important;
  }
  .hero-flags{
    display:flex!important;
    position:static!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:max-content!important;
    max-width:100%!important;
    margin:14px auto 15px!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    line-height:1!important;
  }
  .hero-flags i{
    flex:0 0 auto!important;
  }

  /* Preserve the approved vertical contact rail on the right. */
  .floating-actions{
    right:10px!important;
    bottom:82px!important;
    display:flex!important;
    flex-direction:column!important;
    width:auto!important;
    gap:8px!important;
  }
}


/* === v3.19: exact mobile spacing between title, flags and offer === */
@media (max-width:767px){
  .hero-title-break{display:none!important}
  .hero h1{line-height:.98!important;margin-bottom:8px!important}
  .hero-flags{
    margin:9px auto 5px!important;
    transform:none!important;
  }
}
@media (max-width:420px){
  .hero-flags{margin:8px auto 4px!important}
}


/* === v3.20: reveal plate 102, brighter mobile car, WhatsApp icon === */
.floating-wa-icon{width:27px;height:27px;fill:#fff;display:block;filter:drop-shadow(0 0 8px rgba(255,255,255,.25))}
@media (max-width:767px){
  /* Reduce text overlap over the lower part of the car so the 102 plate remains visible. */
  .hero-stage{margin-bottom:-12px!important}
  .hero-stage__image{filter:brightness(1.13) contrast(1.04) saturate(1.06)!important}
  .floating-action--wa{font-size:0!important}
  .floating-action--wa .floating-wa-icon{width:28px!important;height:28px!important}
}
@media (max-width:420px){
  .hero-stage{margin-bottom:-8px!important}
}


/* Release: legal links and consent */
.privacy-consent{display:flex!important;align-items:flex-start!important;gap:10px!important;margin-top:14px!important;padding:12px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.1)!important;color:#b9c7da!important;font-size:12px!important;line-height:1.45!important}
.privacy-consent input{width:18px!important;height:18px!important;flex:0 0 18px!important;margin-top:1px!important;accent-color:#15a8ff!important}
.privacy-consent a,.footer-legal a{color:#bfe4ff;text-decoration:underline;text-underline-offset:3px}
.footer-legal{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px}
.legal-page{min-height:100vh;padding:110px 0 64px;background:#030813;color:#dbe9fa}
.legal-card{max-width:920px;margin:auto;padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(18,32,56,.88),rgba(8,18,33,.76));border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 70px rgba(0,0,0,.25)}
.legal-card h1{font-size:clamp(32px,7vw,54px);line-height:1.05}.legal-card h2{font-size:24px;margin-top:32px}.legal-card p,.legal-card li{color:#b9c7da;line-height:1.7}.legal-card a{color:#79cfff}.legal-note{padding:14px 16px;border-radius:14px;background:rgba(242,184,75,.08);border:1px solid rgba(242,184,75,.28);color:#f5d594!important}.error-page{display:grid;place-items:center;min-height:100vh;padding:24px;text-align:center;background:#030813}.error-page .legal-card{max-width:680px}