:root {
  --ink: #03070d;
  --navy: #03101f;
  --navy-2: #071a31;
  --blue: #158cff;
  --blue-bright: #25a7ff;
  --ice: #eaf5ff;
  --white: #f7fbff;
  --muted: #9caebe;
  --line: rgba(191, 220, 245, .17);
  --panel: rgba(8, 24, 43, .78);
  --display: "Barlow Condensed", sans-serif;
  --body: "Manrope", sans-serif;
  --ease: cubic-bezier(.22, 1, .36, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; overflow-x: hidden; color: var(--white); background: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.6; }
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
::selection { color: #fff; background: var(--blue); }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 10000; background: #fff; color: #000; padding: .75rem 1rem; }
.skip-link:focus { top: 1rem; }

.noise { position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: .045; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E"); }
.cursor-dot, .cursor-ring { position: fixed; left: 0; top: 0; z-index: 9999; border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); }
.cursor-dot { width: 6px; height: 6px; background: var(--blue-bright); }
.cursor-ring { width: 34px; height: 34px; border: 1px solid rgba(37,167,255,.65); transition: width .25s, height .25s, border-color .25s; }
.cursor-ring.is-hover { width: 54px; height: 54px; border-color: #fff; }

.loader { position: fixed; inset: 0; z-index: 10001; display: grid; place-content: center; justify-items: center; gap: 1.6rem; background: var(--navy); }
.loader-mark { display: flex; align-items: baseline; font-family: var(--display); font-size: 5rem; font-style: italic; line-height: 1; letter-spacing: -.08em; }
.loader-mark strong { color: var(--blue); }
.loader-line { width: 180px; height: 1px; overflow: hidden; background: rgba(255,255,255,.15); }
.loader-line i { display: block; width: 100%; height: 100%; background: var(--blue); transform: scaleX(0); transform-origin: left; }
.loader p { margin: 0; color: var(--muted); font-size: .67rem; letter-spacing: .22em; text-transform: uppercase; }

.site-header { position: fixed; z-index: 1000; top: 0; left: 0; display: grid; grid-template-columns: 190px 1fr auto; align-items: center; width: 100%; min-height: 88px; padding: 0 clamp(1.25rem,4vw,4.5rem); border-bottom: 1px solid rgba(255,255,255,.11); transition: background .4s, min-height .4s, backdrop-filter .4s; }
.site-header.is-scrolled { min-height: 70px; background: rgba(3,10,19,.78); backdrop-filter: blur(18px); }
.brand { position: relative; z-index: 1002; display: block; width: 112px; }
.brand img { width: 100%; height: 55px; object-fit: contain; filter: drop-shadow(0 0 13px rgba(21,140,255,.22)); }
.desktop-nav { display: flex; justify-content: center; gap: clamp(1.3rem,3vw,3.2rem); }
.nav-link { position: relative; color: #c3d2df; font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.nav-link::after { content: ""; position: absolute; left: 0; bottom: -.65rem; width: 100%; height: 1px; background: var(--blue); transform: scaleX(0); transform-origin: right; transition: transform .45s var(--ease); }
.nav-link:hover::after, .nav-link.is-active::after { transform: scaleX(1); transform-origin: left; }
.nav-link.is-active { color: #fff; }
.header-actions { display:flex; align-items:center; gap:.75rem; }
.header-instagram { display:inline-flex; align-items:center; gap:.55rem; color:#c3d2df; font-size:.64rem; font-weight:700; letter-spacing:.06em; transition:color .3s; }
.header-instagram svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; }
.header-instagram .ig-dot { fill:currentColor; stroke:none; }
.header-instagram:hover { color:var(--blue-bright); }
.header-cta, .primary-btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.8rem; min-height: 52px; padding: 0 1.25rem 0 1.45rem; border: 1px solid rgba(255,255,255,.34); border-radius: 99px; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; transition: color .35s, background .35s, border-color .35s; }
.header-cta i, .primary-btn i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--blue); font-style: normal; transition: transform .35s var(--ease); }
.header-cta:hover, .primary-btn:hover { background: #fff; color: var(--navy); border-color: #fff; }
.header-cta:hover i, .primary-btn:hover i { color: #fff; transform: rotate(45deg); }
.menu-toggle, .mobile-menu { display: none; }

.hero { position: relative; min-height: 100svh; overflow: hidden; background: radial-gradient(circle at 76% 42%, rgba(21,140,255,.2), transparent 31%), linear-gradient(116deg,#02060c 0%,#06172b 62%,#03101f 100%); }
.hero::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(2,6,12,.88) 0%, rgba(2,6,12,.25) 50%, rgba(2,6,12,.06) 73%), linear-gradient(0deg, rgba(2,6,12,.65) 0%, transparent 30%); pointer-events: none; }
.hero-grid { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size: 84px 84px; mask-image: linear-gradient(to right,transparent 6%,#000 70%,transparent); }
.hero-orbit { position: absolute; right: -12vw; top: 5%; width: 68vw; aspect-ratio: 1; border: 1px solid rgba(73,167,255,.18); border-radius: 50%; }
.hero-orbit::before, .hero-orbit::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(73,167,255,.12); }
.hero-orbit::before { inset: 12%; }.hero-orbit::after { inset: 28%; }
.orbit-two { right: 10%; top: 20%; width: 36vw; border-style: dashed; opacity: .7; }
.hero-copy { position: relative; z-index: 4; width: 58%; padding: clamp(9rem,17vh,12.5rem) 0 7rem clamp(1.25rem,5vw,6rem); }
.hero-kicker { overflow: hidden; margin-bottom: clamp(1.4rem,3vh,2.4rem); }
.hero-kicker span { display: inline-flex; align-items: center; gap: .8rem; color: #c3d2df; font-size: .73rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.hero-kicker i { width: 32px; height: 1px; background: var(--blue); }
.hero-title { position: relative; margin: 0; font-family: var(--display); font-size: clamp(4.6rem,9.3vw,10.2rem); font-weight: 800; line-height: .76; letter-spacing: -.045em; text-transform: uppercase; }
.title-row { display: block; overflow: hidden; padding-bottom: .08em; }
.title-row em { display: block; font-style: italic; }
.title-row.outline em { color: transparent; -webkit-text-stroke: 1px rgba(240,248,255,.9); }
.title-last { display: flex; align-items: baseline; gap: 1.5rem; }
.title-last b { color: var(--blue); font-size: .18em; font-style: normal; letter-spacing: .03em; }
.hero-subtitle { margin: 1.2rem 0 0; color: var(--blue-bright); font: 700 clamp(1.05rem,1.55vw,1.65rem) var(--display); letter-spacing: .18em; text-transform: uppercase; }
.hero-bottom { display: flex; align-items: center; gap: clamp(1.5rem,3vw,3.5rem); max-width: 760px; margin-top: clamp(2rem,5vh,4rem); }
.hero-bottom p { max-width: 380px; margin: 0; color: #b6c5d3; font-size: .95rem; line-height: 1.75; }
.primary-btn { flex: 0 0 auto; min-height: 62px; padding-inline: 1.7rem 1rem; background: var(--blue); border-color: var(--blue); color: #fff; }
.primary-btn i { background: #fff; color: var(--navy); }

.hero-carousel { position: absolute; z-index: 3; top: 13%; right: 0; width: 54%; height: 72%; perspective: 1300px; }
.carousel-stage { position: relative; width: 100%; height: calc(100% - 72px); transform-style: preserve-3d; }
.gear-slide { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; transform: translate3d(15%,0,-180px) rotateY(-14deg); pointer-events: none; transform-style: preserve-3d; }
.gear-slide.is-active { opacity: 1; pointer-events: auto; }
.gear-slide img { width: min(96%, 900px); max-height: 100%; object-fit: contain; filter: drop-shadow(0 38px 38px rgba(0,0,0,.58)); mix-blend-mode: screen; }
.part-label { position: absolute; display: flex; align-items: center; gap: .55rem; padding: .45rem .7rem; border: 1px solid rgba(255,255,255,.24); background: rgba(3,16,31,.55); backdrop-filter: blur(12px); color: #c6d5e1; font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; }
.part-label span { color: var(--blue-bright); }.label-a { top: 19%; right: 5%; }.label-b { bottom: 23%; left: 9%; }
.part-label::before { content: ""; width: 22px; height: 1px; background: rgba(255,255,255,.45); }
.carousel-hud { position: absolute; right: 7%; bottom: 0; left: 12%; display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 1.2rem; border-top: 1px solid rgba(255,255,255,.18); padding-top: 1rem; }
.carousel-count { display: flex; align-items: center; gap: .6rem; color: var(--muted); font: 600 .7rem var(--body); }
.carousel-count span:first-child { color: #fff; }.carousel-count i { width: 45px; height: 1px; background: var(--line); }
.carousel-hud strong { font: 700 1.3rem var(--display); letter-spacing: .08em; text-transform: uppercase; }
.carousel-actions { display: flex; gap: .5rem; }
.carousel-actions button, .testimonial-controls button { display: grid; place-items: center; width: 42px; height: 42px; cursor: pointer; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: transparent; transition: .3s; }
.carousel-actions button:hover, .testimonial-controls button:hover { background: var(--blue); border-color: var(--blue); }
.scroll-cue { position: absolute; z-index: 5; left: 1.7rem; bottom: 5.2rem; display: flex; flex-direction: column; align-items: center; gap: .6rem; }
.scroll-cue span { font-size: .58rem; letter-spacing: .2em; text-transform: uppercase; writing-mode: vertical-rl; }.scroll-cue i { width: 1px; height: 46px; overflow: hidden; background: rgba(255,255,255,.25); }
.scroll-cue i::after { content: ""; display: block; width: 100%; height: 48%; background: var(--blue); animation: scrollLine 1.8s infinite ease-in-out; }
@keyframes scrollLine { 0%{transform:translateY(-120%)} 100%{transform:translateY(240%)} }
.hero-meta { position: absolute; z-index: 5; right: clamp(1.25rem,4vw,4.5rem); bottom: 1.4rem; display: flex; gap: 2rem; color: #7f95a9; font-size: .61rem; letter-spacing: .14em; text-transform: uppercase; }

.signal-crossing { position:relative; z-index:10; height:clamp(205px,16vw,280px); margin:0; overflow:hidden; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); background:radial-gradient(circle at 50% 50%,rgba(21,140,255,.13),transparent 46%),#02060c; pointer-events:none; }
.signal-crossing::before { content:"FAIXA DE PRECISÃO / Q7"; position:absolute; left:clamp(1.25rem,5vw,6rem); top:1.4rem; color:#607388; font-size:.55rem; font-weight:800; letter-spacing:.24em; }
.signal-strip { position:absolute; left:-5%; top:50%; width:110%; overflow:hidden; padding:1rem 0; background:var(--blue); color:#fff; box-shadow:0 12px 35px rgba(0,0,0,.28); }
.signal-a { z-index:2; transform:translateY(-50%) rotate(-3.2deg) scale(1.03); }
.signal-b { z-index:1; background:#fff; color:var(--navy); transform:translateY(-50%) rotate(3.2deg) scale(1.03); }
.marquee-track { display: flex; width: max-content; align-items: center; gap: 1.7rem; animation: marquee 24s linear infinite; }
.marquee-track span { font: italic 700 clamp(1.25rem,2vw,1.8rem) var(--display); letter-spacing: .05em; text-transform: uppercase; white-space:nowrap; }.marquee-track i { font-style: normal; font-size: .7rem; }
.marquee-reverse { animation-direction:reverse; animation-duration:28s; }
@keyframes marquee { to { transform: translateX(-50%); } }

.section-pad { padding: clamp(6.5rem,11vw,10.5rem) clamp(1.25rem,6vw,7.5rem); }
.section-tag { color: var(--blue-bright); font-size: .67rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.eyebrow { margin: 0 0 1.1rem; color: #8298ab; font-size: .68rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.split-heading { margin: 0; font-family: var(--display); font-size: clamp(3.2rem,6.5vw,7.7rem); font-weight: 700; line-height: .92; letter-spacing: -.035em; text-transform: uppercase; }
.about { position: relative; display: grid; grid-template-columns: .65fr 1.5fr 1fr; gap: 4rem 5vw; background: var(--ice); color: var(--navy); }
.about .section-tag { grid-column: 1; }.about-heading { grid-column: 2 / 4; max-width: 1150px; }.about-heading .eyebrow { color: #526d85; }
.about-media { position: relative; grid-column: 1 / 3; min-height: 540px; overflow: hidden; background: radial-gradient(circle at center,rgba(21,140,255,.25),transparent 55%),#071422; }
.about-media > img { position: absolute; z-index: 2; inset: -8% -5%; width: 110%; height: 116%; object-fit: contain; mix-blend-mode: screen; filter: saturate(.7) hue-rotate(165deg); }
.about-media > img.mechanic-photo { inset:-6% 0; width:100%; height:112%; object-fit:cover; object-position:center; mix-blend-mode:normal; filter:saturate(.78) contrast(1.1); }
.about-media::after { content:""; position:absolute; z-index:2; inset:0; background:linear-gradient(90deg,rgba(3,16,31,.08),transparent 58%),linear-gradient(0deg,rgba(3,16,31,.82),transparent 46%); pointer-events:none; }
.blueprint { position: absolute; inset: 0; opacity: .48; background-image: linear-gradient(rgba(80,169,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(80,169,255,.13) 1px,transparent 1px); background-size: 42px 42px; }
.blueprint-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(75,173,255,.55); border-radius: 50%; transform: translate(-50%,-50%); }.ring-a { width: 56%; aspect-ratio: 1; }.ring-b { width: 32%; aspect-ratio: 1; border-style: dashed; }.blueprint-cross { position: absolute; inset: 12%; background: linear-gradient(90deg,transparent 49.9%,rgba(75,173,255,.5) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(75,173,255,.5) 50%,transparent 50.1%); }
.media-index { position: absolute; z-index: 3; left: 1.2rem; bottom: 1rem; color: #8ec9ff; font-size: .62rem; letter-spacing: .18em; }
.about-copy { grid-column: 3; align-self: end; padding-bottom: 1rem; }.about-copy p { margin: 0 0 1.5rem; color: #40596f; line-height: 1.85; }.about-copy p:first-child { color: var(--navy); font-size: 1.08rem; font-weight: 600; }
.text-link { display: inline-flex; align-items: center; gap: 1rem; margin-top: 1rem; padding-bottom: .45rem; border-bottom: 1px solid var(--navy); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.text-link i { font-style: normal; }
.stats-row { grid-column: 1 / 4; display: grid; grid-template-columns: repeat(3,1fr); margin-top: 2rem; border-top: 1px solid rgba(3,16,31,.2); }
.stat-card { min-height: 170px; padding: 2rem; border-right: 1px solid rgba(3,16,31,.2); }.stat-card:last-child { border: 0; }.stat-card strong { display: block; color: var(--blue); font: 800 4.5rem/1 var(--display); }.stat-card p { max-width: 230px; margin: .5rem 0 0; color: #50677b; font-size: .8rem; }

.conversion-benefits { display:grid; grid-template-columns:1fr 1fr; background:#03080f; }
.conversion-card { position:relative; min-height:650px; overflow:hidden; padding:clamp(3rem,6vw,6.5rem); border-top:1px solid var(--line); border-right:1px solid var(--line); isolation:isolate; }
.conversion-card::before { content:""; position:absolute; z-index:-2; inset:0; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,#000,transparent 85%); }
.conversion-number { position:absolute; top:2rem; right:2rem; color:rgba(255,255,255,.35); font:600 .65rem var(--body); letter-spacing:.18em; }
.conversion-copy { position:relative; z-index:3; max-width:540px; }
.conversion-copy h2 { margin:0; font:800 clamp(4.2rem,7.2vw,8.2rem)/.78 var(--display); letter-spacing:-.045em; text-transform:uppercase; }
.conversion-copy h2 em { color:transparent; font-style:italic; -webkit-text-stroke:1px rgba(255,255,255,.9); }
.conversion-copy p { max-width:420px; margin:2rem 0; color:#9fb1c0; font-size:.86rem; }
.conversion-copy > a { display:inline-flex; gap:1rem; align-items:center; padding-bottom:.5rem; border-bottom:1px solid rgba(255,255,255,.55); font-size:.68rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.conversion-copy > a i { color:var(--blue-bright); font-style:normal; }
.towing-card { background:radial-gradient(circle at 78% 75%,rgba(21,140,255,.25),transparent 32%),linear-gradient(135deg,#061629,#02070d); }
.towing-card small { position:absolute; z-index:4; left:clamp(3rem,6vw,6.5rem); bottom:2rem; color:#73899b; font-size:.62rem; }
.tow-illustration { position:absolute; z-index:1; right:-2%; bottom:2.5rem; width:min(58%,500px); color:var(--blue); filter:drop-shadow(0 20px 30px rgba(0,0,0,.35)); }
.tow-illustration svg { width:100%; overflow:visible; fill:var(--blue); stroke:#82c8ff; stroke-width:2; }
.tow-illustration .tow-line { fill:none; stroke:#fff; stroke-width:3; }
.tow-illustration circle { fill:#03080f; stroke:#fff; stroke-width:4; }
.tow-phone { position:absolute; right:5%; top:-42%; display:grid; place-items:center; width:100px; height:170px; border:5px solid #d7ecff; border-radius:16px; background:linear-gradient(150deg,#c52331,#73111d); color:#fff; font:900 2.6rem var(--display); transform:rotate(8deg); box-shadow:0 20px 40px rgba(0,0,0,.35); }
.payment-card { background:radial-gradient(circle at 78% 82%,rgba(21,140,255,.34),transparent 35%),var(--blue); }
.payment-card .eyebrow,.payment-card .conversion-copy p { color:rgba(255,255,255,.78); }
.payment-card .conversion-copy h2 strong { color:#fff; font-size:1.18em; }
.payment-methods { position:absolute; z-index:3; right:clamp(2rem,5vw,5rem); bottom:4.5rem; left:clamp(3rem,6vw,6.5rem); display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; }
.payment-methods span { display:grid; place-items:center; min-width:72px; min-height:42px; padding:.4rem .75rem; border:1px solid rgba(255,255,255,.45); border-radius:7px; background:rgba(255,255,255,.94); color:#07111d; font:800 .72rem var(--body); box-shadow:0 12px 25px rgba(0,0,0,.12); }
.card-orbit { position:absolute; z-index:-1; right:-14%; bottom:-26%; width:65%; aspect-ratio:1; border:1px solid rgba(255,255,255,.28); border-radius:50%; }
.card-orbit::before,.card-orbit::after { content:""; position:absolute; inset:18%; border:1px dashed rgba(255,255,255,.25); border-radius:50%; }.card-orbit::after { inset:38%; border-style:solid; }

.words-stage { position: relative; overflow: hidden; padding: 9vw 0; background: #02060b; }
.words-stage::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%,rgba(21,140,255,.12),transparent 38%); }
.word-row { position: relative; width: max-content; font: italic 900 clamp(6.5rem,18vw,20rem)/.73 var(--display); letter-spacing: -.045em; text-transform: uppercase; white-space: nowrap; }
.word-row.outline-text { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.72); }.word-left { left: -6vw; }.word-right { left: 15vw; }

.services { position: relative; overflow: hidden; background: #040a12; }
.services-intro { display: grid; grid-template-columns: .6fr 1.65fr .75fr; gap: 3rem; align-items: end; margin-bottom: 6rem; }.services-intro > p { color: var(--muted); font-size: .86rem; }
.service-track-wrap { position: relative; }
.service-track { display: flex; gap: 1.4rem; width: max-content; padding-right: 8vw; }
.service-card { position: relative; width: min(72vw, 720px); min-height: 650px; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(145deg,#081625,#03080f); }
.service-num { position: absolute; z-index: 3; top: 1.5rem; left: 1.6rem; font: 600 .7rem var(--body); letter-spacing: .15em; }
.service-visual { position: relative; height: 58%; overflow: hidden; background: radial-gradient(circle at center,rgba(21,140,255,.22),transparent 56%); }.service-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,#07111d 0%,transparent 58%); }
.service-visual img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: screen; transition: transform 1s var(--ease); }.service-card:hover img { transform: scale(1.06) rotate(-2deg); }
.service-visual.mechanic-service img { object-fit:cover; object-position:center; mix-blend-mode:normal; filter:saturate(.72) contrast(1.08); }
.service-content { position: relative; z-index: 2; padding: 1rem 2.2rem 2.5rem; }.service-content > span { color: var(--blue-bright); font-size: .63rem; letter-spacing: .16em; text-transform: uppercase; }.service-content h3 { margin: .7rem 0; font: 700 clamp(2.2rem,4vw,3.7rem)/.95 var(--display); text-transform: uppercase; }.service-content p { max-width: 520px; color: var(--muted); font-size: .84rem; }.service-content a { display: inline-flex; gap: 1rem; align-items: center; margin-top: .7rem; font-size: .67rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.service-content a i { color: var(--blue); font-style: normal; }

.process { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; background: var(--ice); color: var(--navy); }.process-sticky { align-self: start; position: sticky; top: 120px; }.process-sticky .eyebrow { margin-top: 3rem; color: #526d85; }.process-sticky > p:last-child { max-width: 410px; color: #536b80; }.process-list { border-top: 1px solid rgba(3,16,31,.23); }
.process-item { display: grid; grid-template-columns: 52px 1fr 40px; gap: 1.2rem; align-items: start; padding: 2.2rem 0; border-bottom: 1px solid rgba(3,16,31,.23); }.process-item > span { color: var(--blue); font: 700 .8rem var(--body); }.process-item h3 { margin: 0 0 .45rem; font: 700 clamp(2rem,4vw,3.1rem)/1 var(--display); text-transform: uppercase; }.process-item p { max-width: 520px; margin: 0; color: #5b7184; font-size: .86rem; }.process-item > i { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(3,16,31,.27); border-radius: 50%; color: var(--blue); font-style: normal; }

.benefits { display: grid; grid-template-columns: 1fr 1fr; min-height: 820px; background: var(--blue); }.benefit-main { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; overflow: hidden; padding: 8vw 6vw; background: radial-gradient(circle at 20% 80%,rgba(255,255,255,.18),transparent 33%),var(--blue); }.benefit-main::before { content:"Q7"; position:absolute; right:-.1em; bottom:-.3em; color:rgba(255,255,255,.08); font:900 30rem/1 var(--display); }.benefit-main .eyebrow { color: rgba(255,255,255,.76); }.benefit-main h2 { position:relative; margin: 0 0 3rem; font: 800 clamp(4rem,7.5vw,8.5rem)/.82 var(--display); letter-spacing:-.035em; text-transform:uppercase; }.benefit-main h2 em { color:transparent; font-style:italic; -webkit-text-stroke:1px #fff; }.primary-btn.light { position:relative; background:#fff; border-color:#fff; color:var(--navy); }.primary-btn.light i { background:var(--navy); color:#fff; }
.benefit-grid { display:grid; grid-template-columns:1fr 1fr; background:#06111e; }.benefit-grid article { display:flex; flex-direction:column; justify-content:flex-end; min-height:410px; padding:3rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:background .4s; }.benefit-grid article:hover { background:#0a2038; }.benefit-grid span { color:var(--blue-bright); font-size:.7rem; letter-spacing:.14em; }.benefit-grid h3 { margin:auto 0 .7rem; font:700 2.2rem/1 var(--display); text-transform:uppercase; }.benefit-grid p { margin:0; color:var(--muted); font-size:.82rem; }

.testimonials { background:#03080f; }.testimonial-head { display:grid; grid-template-columns:1fr auto; align-items:end; gap:2rem; margin:3rem 0 4rem; }.testimonial-head > div:first-child { max-width:960px; }.testimonial-controls { display:flex; gap:.7rem; padding-bottom:.5rem; }.testimonial-viewport { overflow:hidden; }.testimonial-track { display:flex; gap:1.5rem; }.testimonial { flex:0 0 min(74vw,850px); margin:0; padding:clamp(2rem,4vw,4rem); border:1px solid var(--line); background:linear-gradient(135deg,rgba(21,140,255,.11),rgba(255,255,255,.02)); opacity:.38; transform:scale(.94); transition:opacity .5s,transform .5s; }.testimonial.is-active { opacity:1; transform:scale(1); }.testimonial > span { display:block; height:2.7rem; color:var(--blue); font:700 6rem/.8 Georgia,serif; }.testimonial > p { max-width:720px; margin:2rem 0 3rem; font:500 clamp(1.7rem,3vw,2.7rem)/1.28 var(--display); }.testimonial footer { display:flex; flex-direction:column; }.testimonial footer strong { font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; }.testimonial footer small { color:var(--muted); }

.location { display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:center; background:var(--ice); color:var(--navy); }.location-info .eyebrow { margin-top:3rem; color:#526d85; }.address-block { margin:3rem 0 2rem; padding-left:1.2rem; border-left:2px solid var(--blue); }.address-block span { color:var(--blue); font-size:.65rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }.address-block p { margin:.6rem 0 0; font:600 1.1rem/1.7 var(--body); }.location-links { display:flex; flex-direction:column; }.location-links a { display:flex; justify-content:space-between; padding:1rem 0; border-bottom:1px solid rgba(3,16,31,.2); font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.location-links i { color:var(--blue); font-style:normal; }
.map-card { position:relative; min-height:620px; overflow:hidden; background:#07182a; }.map-grid { position:absolute; inset:0; opacity:.25; background-image:linear-gradient(rgba(78,168,255,.23) 1px,transparent 1px),linear-gradient(90deg,rgba(78,168,255,.23) 1px,transparent 1px); background-size:60px 60px; transform:rotate(12deg) scale(1.3); }.map-road { position:absolute; height:22px; border-top:1px solid rgba(94,184,255,.5); border-bottom:1px solid rgba(94,184,255,.5); background:rgba(21,140,255,.06); transform-origin:left; }.road-a { width:130%; left:-10%; top:30%; transform:rotate(23deg); }.road-b { width:120%; left:-10%; top:70%; transform:rotate(-18deg); }.road-c { width:100%; left:42%; top:0; transform:rotate(83deg); }.map-pin { position:absolute; left:50%; top:46%; display:grid; place-items:center; width:70px; height:70px; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:var(--blue); color:#fff; font:800 1.7rem var(--display); transform:translate(-50%,-50%); box-shadow:0 0 0 17px rgba(21,140,255,.13),0 0 0 40px rgba(21,140,255,.05); }.map-pin i { position:absolute; width:1px; height:180px; top:70px; background:linear-gradient(var(--blue),transparent); }.map-caption { position:absolute; left:2rem; right:2rem; bottom:2rem; display:flex; justify-content:space-between; padding-top:1rem; border-top:1px solid rgba(255,255,255,.25); color:#fff; }.map-caption span { font-size:.64rem; letter-spacing:.17em; text-transform:uppercase; }.map-caption strong { font:700 1.3rem var(--display); text-transform:uppercase; }

.final-cta { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:760px; overflow:hidden; padding:7rem 1.5rem; text-align:center; background:radial-gradient(circle at 50% 60%,rgba(21,140,255,.23),transparent 33%),#02060c; }.cta-orbit { position:absolute; width:min(70vw,760px); aspect-ratio:1; border:1px solid rgba(41,157,255,.2); border-radius:50%; animation:orbit 18s linear infinite; }.cta-orbit::before,.cta-orbit::after { content:""; position:absolute; border-radius:50%; border:1px dashed rgba(41,157,255,.18); }.cta-orbit::before { inset:14%; }.cta-orbit::after { inset:32%; }.cta-orbit::after { border-style:solid; }.cta-orbit::before { animation:orbit 12s linear reverse infinite; }
@keyframes orbit { to { transform:rotate(360deg); } }
.final-cta .eyebrow,.final-cta h2,.mega-link,.final-cta small { position:relative; z-index:2; }.final-cta h2 { margin:1rem 0 3rem; font:800 clamp(4rem,9vw,10rem)/.83 var(--display); letter-spacing:-.04em; text-transform:uppercase; }.final-cta h2 em { color:transparent; font-style:italic; -webkit-text-stroke:1px #fff; }.mega-link { display:inline-flex; align-items:center; gap:2rem; padding:1.2rem 1.35rem 1.2rem 2rem; border-radius:99px; background:var(--blue); font-size:.76rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.mega-link i { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#fff; color:var(--navy); font-style:normal; }.final-cta small { margin-top:1.2rem; color:#71879a; }

.site-footer { display:grid; grid-template-columns:1.5fr .6fr .9fr; gap:4rem; padding:5rem clamp(1.25rem,6vw,7.5rem) 1.6rem; border-top:1px solid var(--line); background:#02060c; }.footer-brand img { width:150px; height:100px; object-fit:contain; }.footer-brand p { max-width:310px; color:var(--muted); font-size:.83rem; }.footer-nav,.footer-contact { display:flex; flex-direction:column; gap:.55rem; }.footer-nav > span,.footer-contact > span { margin-bottom:.8rem; color:var(--blue-bright); font-size:.62rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }.footer-nav a,.footer-contact a,.footer-contact p { margin:0; color:#b6c7d5; font-size:.82rem; }.footer-nav a:hover,.footer-contact a:hover { color:#fff; }.footer-instagram { margin-top:.45rem !important; color:var(--blue-bright) !important; }.footer-bottom { grid-column:1 / 4; display:flex; justify-content:space-between; margin-top:3rem; padding-top:1.4rem; border-top:1px solid var(--line); color:#65798b; font-size:.67rem; }.footer-bottom p { margin:0; }
.floating-whatsapp { position:fixed; z-index:500; right:1.3rem; bottom:1.3rem; display:flex; align-items:center; gap:.7rem; min-height:50px; padding:0 .9rem; border:1px solid rgba(255,255,255,.22); border-radius:99px; background:rgba(8,28,31,.87); backdrop-filter:blur(12px); box-shadow:0 15px 40px rgba(0,0,0,.25); font-size:.66rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.floating-whatsapp svg { width:22px; fill:#4ee279; }
.back-to-top { position:fixed; z-index:500; left:1.3rem; bottom:1.3rem; display:flex; align-items:center; gap:.7rem; min-height:54px; padding:0 .8rem 0 1rem; border:1px solid rgba(95,184,255,.38); border-radius:99px; background:rgba(3,16,31,.88); backdrop-filter:blur(12px); box-shadow:0 15px 40px rgba(0,0,0,.25); opacity:0; visibility:hidden; transform:translateY(18px); transition:opacity .35s,visibility .35s,transform .45s var(--ease),border-color .3s; }
.back-to-top.is-visible { opacity:1; visibility:visible; transform:translateY(0); }
.back-to-top:hover { border-color:var(--blue-bright); }
.back-to-top span { font-size:.62rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.back-to-top svg { width:54px; height:28px; overflow:visible; }
.back-to-top .car-body { fill:var(--blue); stroke:#91ceff; stroke-width:1; }
.back-to-top .car-window { fill:var(--navy); }
.back-to-top circle { fill:var(--ink); stroke:#fff; stroke-width:2; transform-box:fill-box; transform-origin:center; }
.back-to-top .speed-line { fill:none; stroke:var(--blue-bright); stroke-width:2; stroke-linecap:round; }
.back-to-top i { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#fff; color:var(--navy); font-style:normal; }
.back-to-top:hover svg { animation:carDrive .65s var(--ease); }
.back-to-top:hover circle { animation:wheelSpin .65s linear; }
@keyframes carDrive { 45%{transform:translateX(5px)} 100%{transform:translateX(0)} }
@keyframes wheelSpin { to{transform:rotate(360deg)} }

@media (max-width: 1100px) {
  .site-header { grid-template-columns: 140px 1fr auto; }.desktop-nav { gap:1.2rem; }.header-instagram span { display:none; }.header-cta span { display:none; }.header-cta { gap:0; padding:.55rem; border:0; }
  .hero-copy { width:65%; }.hero-carousel { width:58%; opacity:.82; }.hero-title { font-size:clamp(4.6rem,10vw,8rem); }.part-label { display:none; }
  .about { grid-template-columns:1fr 1fr; }.about .section-tag { grid-column:1; }.about-heading { grid-column:1 / 3; }.about-media { grid-column:1 / 3; }.about-copy { grid-column:1 / 3; max-width:700px; }.stats-row { grid-column:1 / 3; }
  .services-intro { grid-template-columns:.5fr 1.5fr; }.services-intro > p { grid-column:2; }
  .benefits { grid-template-columns:1fr; }.benefit-main { min-height:620px; }
  .conversion-benefits { grid-template-columns:1fr; }.conversion-card { min-height:610px; }
  .location { gap:4vw; }
}

@media (max-width: 780px) {
  .cursor-dot,.cursor-ring { display:none; }.noise { opacity:.03; }
  .site-header { min-height:70px; grid-template-columns:1fr auto; padding:0 1.1rem; }.brand { width:88px; }.brand img { height:48px; }.desktop-nav,.header-actions { display:none; }
  .menu-toggle { position:relative; z-index:1002; display:flex; flex-direction:column; justify-content:center; gap:6px; width:44px; height:44px; padding:0 9px; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:transparent; }.menu-toggle span { display:block; width:100%; height:1px; background:#fff; transition:.35s var(--ease); }.menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.5px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .mobile-menu { position:fixed; z-index:1001; inset:0; display:block; visibility:hidden; opacity:0; background:#04111f; clip-path:circle(0 at calc(100% - 42px) 36px); transition:clip-path .7s var(--ease),opacity .2s,visibility .7s; }.mobile-menu.is-open { visibility:visible; opacity:1; clip-path:circle(145% at calc(100% - 42px) 36px); }.mobile-menu-inner { display:flex; flex-direction:column; justify-content:center; min-height:100%; padding:6rem 1.5rem 2rem; }.mobile-menu-inner > a:not(.mobile-contact) { display:flex; align-items:baseline; justify-content:space-between; padding:.5rem 0; border-bottom:1px solid var(--line); font:700 3.2rem/1 var(--display); text-transform:uppercase; }.mobile-menu-inner a i { color:var(--blue); font:600 .65rem var(--body); }.mobile-contact { margin-top:2rem; color:var(--blue-bright); font-size:.8rem; font-weight:700; letter-spacing:.1em; }
  .hero { min-height:920px; }.hero::after { background:linear-gradient(0deg,#02060c 5%,transparent 50%),linear-gradient(90deg,rgba(2,6,12,.76),transparent); }.hero-grid { background-size:52px 52px; }.hero-copy { width:100%; padding:7.5rem 1.25rem 0; }.hero-title { font-size:clamp(4.2rem,20vw,7.7rem); line-height:.79; }.title-row.outline em { -webkit-text-stroke:.8px rgba(240,248,255,.9); }.hero-bottom { display:block; margin-top:1.7rem; }.hero-bottom p { max-width:90%; font-size:.83rem; }.hero-bottom .primary-btn { margin-top:1.3rem; }.hero-carousel { top:49%; right:-15%; width:118%; height:43%; }.carousel-stage { height:calc(100% - 55px); }.gear-slide img { width:100%; }.carousel-hud { right:15%; left:20%; grid-template-columns:85px 1fr auto; }.carousel-actions button { width:37px; height:37px; }.scroll-cue,.hero-meta { display:none; }.hero-orbit { top:41%; right:-45%; width:130vw; }
  .hero-subtitle { margin-top:.85rem; font-size:1rem; letter-spacing:.13em; }
  .signal-crossing { height:175px; margin:0; }.signal-crossing::before { top:.85rem; }.signal-strip { padding:.72rem 0; }.signal-a { transform:translateY(-50%) rotate(-5deg) scale(1.08); }.signal-b { transform:translateY(-50%) rotate(5deg) scale(1.08); }.marquee-track span { font-size:1.1rem; }.section-pad { padding:6.5rem 1.25rem; }.split-heading { font-size:clamp(3.1rem,15vw,5.1rem); }
  .about { display:block; }.about-heading { margin:2.2rem 0 3.5rem; }.about-media { min-height:390px; margin:0 -1.25rem; }.about-copy { margin-top:2.5rem; }.stats-row { grid-template-columns:1fr; margin-top:4rem; }.stat-card { min-height:130px; border-right:0; border-bottom:1px solid rgba(3,16,31,.2); }.stat-card strong { font-size:3.8rem; }
  .words-stage { padding:22vw 0; }.word-row { font-size:25vw; }
  .conversion-card { min-height:590px; padding:5rem 1.25rem 3rem; }.conversion-copy h2 { font-size:19vw; }.conversion-copy p { max-width:90%; }.tow-illustration { right:-13%; bottom:4rem; width:78%; opacity:.75; }.tow-phone { width:72px; height:122px; top:-34%; font-size:2rem; }.towing-card small { left:1.25rem; }.payment-methods { right:1.25rem; bottom:2.3rem; left:1.25rem; gap:.45rem; }.payment-methods span { min-width:60px; min-height:36px; padding:.3rem .55rem; font-size:.6rem; }
  .services-intro { display:block; }.services-intro .section-tag { margin-bottom:2rem; }.services-intro > p { margin-top:1.5rem; }.service-track { display:grid; width:100%; padding-right:0; }.service-card { width:100%; min-height:580px; }.service-visual { height:52%; }.service-content { padding:1rem 1.3rem 2rem; }
  .process { display:block; }.process-sticky { position:relative; top:auto; margin-bottom:3rem; }.process-sticky .eyebrow { margin-top:2rem; }.process-item { grid-template-columns:35px 1fr; }.process-item > i { display:none; }
  .benefit-main { min-height:590px; padding:6rem 1.25rem; }.benefit-main h2 { font-size:17vw; }.benefit-main::before { font-size:22rem; }.benefit-grid { grid-template-columns:1fr; }.benefit-grid article { min-height:260px; padding:2rem 1.25rem; border-right:0; }.benefit-grid h3 { margin:auto 0 .7rem; }
  .testimonial-head { display:block; }.testimonial-controls { margin-top:1.5rem; }.testimonial { flex-basis:88vw; }.testimonial > p { font-size:1.65rem; }
  .location { display:block; }.map-card { display:block; min-height:460px; margin:4rem -1.25rem -6.5rem; }.final-cta { min-height:650px; }.final-cta h2 { font-size:16vw; }.cta-orbit { width:115vw; }
  .site-footer { grid-template-columns:1fr 1fr; gap:3rem 1.5rem; padding:4rem 1.25rem 1.4rem; }.footer-brand { grid-column:1 / 3; }.footer-bottom { grid-column:1 / 3; display:block; }.footer-bottom a { display:block; margin-top:.5rem; }
  .floating-whatsapp span { display:none; }.floating-whatsapp { width:54px; justify-content:center; padding:0; background:#0e6832; }.floating-whatsapp svg { fill:#fff; }
  .back-to-top { min-width:54px; width:54px; justify-content:center; padding:0; }.back-to-top span,.back-to-top i { display:none; }.back-to-top svg { width:42px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }.loader,.cursor-dot,.cursor-ring { display:none !important; }
}