@font-face { font-family: "Praia Sans"; src: url('../fonts/geist-latin.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }

:root {
  --bg: #f7f8fb;
  --bg-soft: #eef1f6;
  --surface: rgba(255,255,255,.78);
  --surface-solid: #fff;
  --surface-2: #f0f3f8;
  --text: #0d1b32;
  --muted: #607087;
  --line: rgba(13,27,50,.11);
  --brand: #0868e8;
  --brand-2: #04aeea;
  --orange: #ff9418;
  --green: #1dbb75;
  --deep: #071326;
  --shadow: 0 28px 90px rgba(28,56,102,.13);
  --ease: cubic-bezier(.2,.75,.25,1);
  --header-h: 76px;
  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #07101f;
  --bg-soft: #0b1729;
  --surface: rgba(14,28,48,.72);
  --surface-solid: #0e1b2f;
  --surface-2: #11223a;
  --text: #f5f8ff;
  --muted: #9aacbf;
  --line: rgba(203,220,244,.12);
  --deep: #020814;
  --shadow: 0 32px 100px rgba(0,0,0,.32);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: "Praia Sans", system-ui, sans-serif; transition: background-color .55s var(--ease), color .55s var(--ease); }
body.is-locked { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
p { line-height: 1.72; }
::selection { background: rgba(8,104,232,.24); }
:focus-visible { outline: 3px solid rgba(8,104,232,.4); outline-offset: 4px; }

.skip-link { position: fixed; left: 16px; top: -60px; z-index: 1000; padding: 12px 18px; background: var(--text); color: var(--bg); border-radius: 99px; transition: top .2s; }
.skip-link:focus { top: 14px; }
.noise { position: fixed; inset: 0; pointer-events: none; z-index: 100; opacity: .035; background-image: radial-gradient(circle at 18% 22%,currentColor .45px,transparent .7px),radial-gradient(circle at 71% 64%,currentColor .35px,transparent .65px); background-size: 7px 9px,11px 13px; }
.scroll-progress { position: fixed; inset: 0 0 auto; height: 2px; z-index: 200; }
.scroll-progress span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,var(--brand),var(--brand-2),var(--orange)); transform: scaleX(0); transform-origin: left; }

.site-header { position: fixed; z-index: 90; inset: 0 0 auto; height: var(--header-h); display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(18px,4vw,68px); border-bottom: 1px solid transparent; transition: background .35s, border-color .35s, transform .35s; }
.site-header.is-scrolled { background: color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%); border-color: var(--line); }
.brand { width:64px; height:64px; display:grid; place-items:center; position:relative; z-index:3; }
.brand img { width:100%; height:100%; object-fit:contain; border-radius:0; filter:saturate(1.08) contrast(1.06); }
.desktop-nav { display: none; align-items: center; gap: clamp(20px,2.5vw,40px); }
.desktop-nav a { position: relative; font-size: 14px; color: var(--muted); transition: color .25s; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 1px; background: var(--brand); transition: right .3s var(--ease); }
.desktop-nav a:hover { color: var(--text); }
.desktop-nav a:hover::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 8px; }
.theme-toggle { width: 44px; height: 44px; border: 1px solid var(--line); background: var(--surface); border-radius: 50%; cursor: pointer; display: grid; place-items: center; position: relative; overflow: hidden; }
.theme-toggle span { position: absolute; font-size: 18px; transition: transform .45s var(--ease),opacity .3s; }
.theme-moon { transform: translateY(34px) rotate(90deg); opacity: 0; }
[data-theme="dark"] .theme-sun { transform: translateY(-34px) rotate(-90deg); opacity: 0; }
[data-theme="dark"] .theme-moon { transform: none; opacity: 1; }
.menu-toggle { width: 44px; height: 44px; border: 0; background: transparent; display: grid; place-content: center; gap: 6px; cursor: pointer; }
.menu-toggle span { display: block; width: 23px; height: 2px; background: var(--text); border-radius: 2px; transition: transform .35s var(--ease); }
.menu-toggle.is-active span:first-child { transform: translateY(4px) rotate(45deg); }
.menu-toggle.is-active span:last-child { transform: translateY(-4px) rotate(-45deg); }
.desktop-login { display: none !important; }
.mobile-menu { position: fixed; z-index: 85; inset: 0; background: color-mix(in srgb,var(--bg) 96%,transparent); backdrop-filter: blur(20px); visibility: hidden; opacity: 0; transition: opacity .35s, visibility .35s; padding: 110px 22px 30px; }
.mobile-menu.is-open { visibility: visible; opacity: 1; }
.mobile-menu nav { display: grid; gap: 4px; }
.mobile-menu nav > a:not(.button) { font: 700 clamp(28px,8vw,48px)/1.25 "Praia Sans",sans-serif; padding: 9px 0; letter-spacing: -.04em; transform: translateY(20px); opacity: 0; transition: transform .35s,opacity .35s; }
.mobile-menu.is-open nav > a { transform: none; opacity: 1; }
.mobile-menu .button { margin-top: 22px; justify-content: space-between; }

.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 15px; padding: 0 24px; border: 1px solid transparent; border-radius: 15px; font-weight: 700; cursor: pointer; transition: transform .25s var(--ease), box-shadow .25s, background .25s, color .25s; position: relative; overflow: hidden; }
.button::before { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg,transparent 20%,rgba(255,255,255,.25),transparent 70%); transform: translateX(-130%); transition: transform .65s; }
.button:hover::before { transform: translateX(130%); }
.button:hover { transform: translateY(-2px); }
.button-primary { background: linear-gradient(135deg,#0868e8,#084cc4); color: #fff; box-shadow: 0 15px 36px rgba(8,104,232,.28); }
.button-primary:hover { box-shadow: 0 20px 45px rgba(8,104,232,.38); }
.button-light { background: #fff; color: #071326; box-shadow: 0 18px 40px rgba(0,0,0,.16); border: 0; }
.button-ghost { background: var(--surface); border-color: var(--line); }
.button-link { padding-inline: 6px; color: var(--text); }
.button-outline-light { color: #fff; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.06); }
.button-small { min-height: 44px; border-radius: 13px; padding-inline: 20px; font-size: 14px; }
.play-dot { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 10px; }

.hero { min-height: 100svh; padding: calc(var(--header-h) + 50px) 20px 80px; position: relative; isolation: isolate; display: grid; align-items: center; overflow: clip; }
#hero-webgl { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -3; opacity: .72; }
.hero-grid { position: absolute; inset: 0; z-index: -4; background-image: linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom,transparent 0,#000 22%,transparent 95%); opacity: .32; }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(3px); z-index: -2; opacity: .7; }
.hero-orb-a { width: 360px; height: 360px; right: -180px; top: 12%; background: radial-gradient(circle at 35% 30%,rgba(0,200,255,.34),rgba(8,104,232,.05) 70%); }
.hero-orb-b { width: 300px; height: 300px; left: -180px; bottom: 5%; background: radial-gradient(circle,rgba(255,148,24,.18),transparent 67%); }
.hero-copy { max-width: 680px; position: relative; z-index: 3; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: .15em; font: 700 11px/1 "Praia Sans",sans-serif; color: var(--brand); }
.eyebrow span { width: 27px; height: 1px; background: currentColor; position: relative; }
.eyebrow span::after { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentColor; position: absolute; right: 0; top: -1.5px; }
.eyebrow.light { color: #5ed4ff; }
.hero-title { font: 800 clamp(45px,12.2vw,84px)/.98 "Praia Sans",sans-serif; letter-spacing: -.065em; margin: 22px 0 25px; max-width: 820px; }
.hero-title .line { display: block; }
.accent-text { color: transparent; background: linear-gradient(115deg,var(--brand) 5%,#19baf2 48%,var(--orange) 110%); background-clip: text; -webkit-background-clip: text; }
.hero-lead { max-width: 620px; margin: 0; color: var(--muted); font-size: clamp(16px,2vw,19px); }
.hero-actions { display: flex; flex-direction: column; align-items: stretch; gap: 6px; margin-top: 31px; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 13px 18px; margin-top: 24px; color: var(--muted); font-size: 12px; }
.hero-trust span { display: inline-flex; align-items: center; gap: 7px; }
.hero-trust i { width: 19px; height: 19px; display: grid; place-items: center; background: rgba(29,187,117,.12); color: var(--green); border-radius: 50%; font-style: normal; font-size: 10px; }
.hero-visual { position: relative; margin-top: 52px; height: 570px; display: grid; place-items: center; perspective: 1200px; }
.phone-stage { width: min(100%,390px); height: 100%; position: relative; transform-style: preserve-3d; }
.phone-shell { width: 294px; height: 575px; padding: 9px; position: absolute; left: 50%; top: 0; transform: translateX(-50%) rotateY(-7deg) rotateX(3deg); border-radius: 43px; background: linear-gradient(150deg,#25364d,#050a11 40%,#26374f); box-shadow: 0 45px 80px rgba(1,11,28,.33),inset 0 0 0 1px rgba(255,255,255,.16); }
.phone-screen { height: 100%; border-radius: 35px; overflow: hidden; background: #f8fafc; color: #12213a; padding: 41px 14px 15px; }
.phone-top { position: absolute; z-index: 5; top: 14px; left: 50%; width: 88px; height: 25px; transform: translateX(-50%); border-radius: 20px; background: #060b13; }
.phone-top span { width: 6px; height: 6px; position: absolute; right: 14px; top: 9px; border-radius: 50%; background: #173962; }
.app-head { display: grid; grid-template-columns: 37px 1fr auto; gap: 9px; align-items: center; }
.app-head img { border-radius: 10px; }
.app-head div { display: grid; gap: 3px; }.app-head b { font-size: 12px; }.app-head span { color: #7a899d; font-size: 9px; }.app-head i { color: #8694a7; font-style: normal; }
.app-progress { height: 5px; background: #e4eaf1; border-radius: 4px; margin: 17px 0; overflow: hidden; }.app-progress span { display: block; height: 100%; width: var(--value); background: linear-gradient(90deg,#0770eb,#18baf0); border-radius: inherit; }
.app-section-label { display: flex; gap: 8px; align-items: center; font-weight: 700; font-size: 11px; margin-bottom: 10px; }.app-section-label span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; background: #e7f2ff; color: #0870e6; font-size: 9px; }
.vehicle-card { border: 1px solid #dce5ef; background: #fff; border-radius: 14px; padding: 12px; }
.vehicle-shape { height: 105px; position: relative; overflow: hidden; }
.vehicle-shape::before { content: ""; position: absolute; left: 19%; bottom: 25px; width: 62%; height: 29px; border-radius: 10px 15px 5px 6px; background: linear-gradient(135deg,#e8eef4,#c9d6e3); border: 2px solid #8799ad; }
.vehicle-shape .cab { position: absolute; left: 56%; bottom: 52px; width: 30%; height: 35px; border-radius: 17px 13px 0 0; background: #d7e1eb; border: 2px solid #8799ad; transform: skewX(9deg); }
.vehicle-shape .bed { position: absolute; left: 17%; bottom: 52px; width: 43%; height: 7px; background: #8799ad; border-radius: 3px; }
.vehicle-shape .wheel { position: absolute; bottom: 13px; width: 24px; height: 24px; border: 6px solid #26384c; background: #b8c5d3; border-radius: 50%; }.vehicle-shape .wheel.one { left: 28%; }.vehicle-shape .wheel.two { right: 20%; }
.vehicle-shape .damage { position: absolute; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: #ff9418; color: #fff; font-size: 10px; box-shadow: 0 3px 10px rgba(255,148,24,.4); }.vehicle-shape .damage.one { left: 43%; top: 28px; }.vehicle-shape .damage.two { right: 15%; bottom: 45px; }.vehicle-shape .damage.three { left: 24%; top: 46px; }
.damage-legend { display: flex; justify-content: center; gap: 18px; color: #687b91; font-size: 8px; }.damage-legend span { display: flex; align-items: center; gap: 5px; }.damage-legend i { width: 6px; height: 6px; border-radius: 50%; background: #ff9418; }.damage-legend span:nth-child(2) i { background: #0868e8; }
.check-row { display: grid; grid-template-columns: 31px 1fr auto; gap: 9px; align-items: center; padding: 11px 5px; border-bottom: 1px solid #e8edf3; }.check-row > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; background: #e6f7ef; color: #18a665; font-size: 12px; }.check-row div { display: grid; gap: 3px; }.check-row b { font-size: 10px; }.check-row small { color: #8492a4; font-size: 8px; }.check-row strong { color: #18a665; font-size: 10px; }
.app-continue { width: 100%; height: 43px; margin-top: 13px; border: 0; border-radius: 12px; background: linear-gradient(135deg,#0868e8,#04aeea); color: #fff; display: flex; justify-content: center; align-items: center; gap: 20px; font-size: 11px; font-weight: 700; }
.float-chip { position: absolute; z-index: 5; padding: 10px 13px; background: color-mix(in srgb,var(--surface-solid) 90%,transparent); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); backdrop-filter: blur(15px); font-size: 10px; color: var(--text); }
.chip-online { top: 55px; left: -6px; display: flex; align-items: center; gap: 7px; }.chip-online span { width: 8px; height: 8px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(29,187,117,.12); }
.chip-proof { right: -3px; top: 180px; display: grid; }.chip-proof b { font: 800 25px/1 "Praia Sans"; color: var(--brand); }.chip-proof small,.chip-pdf small { color: var(--muted); }
.chip-pdf { left: -2px; bottom: 80px; display: flex; align-items: center; gap: 8px; }.chip-pdf span { padding: 6px; background: #ff4e55; border-radius: 6px; color: white; font-weight: 700; }
.scroll-cue { display: none; position: absolute; z-index: 3; bottom: 26px; left: clamp(25px,4vw,68px); align-items: center; gap: 10px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .14em; transform: rotate(-90deg); transform-origin: left; }.scroll-cue span { width: 50px; height: 1px; overflow: hidden; background: var(--line); }.scroll-cue span::after { content: ""; display: block; width: 40%; height: 100%; background: var(--brand); animation: cue 1.7s infinite var(--ease); }
@keyframes cue { from { transform: translateX(-100%); } to { transform: translateX(250%); } }

.signal-bar { border-block: 1px solid var(--line); overflow: hidden; background: var(--surface); }
.marquee { width: 100%; overflow: hidden; }.marquee-track { width: max-content; display: flex; align-items: center; gap: 24px; padding: 17px 0; animation: marquee 28s linear infinite; }.marquee-track span { font: 600 12px/1 "Praia Sans"; text-transform: uppercase; letter-spacing: .09em; color: var(--muted); }.marquee-track i { color: var(--orange); font-style: normal; }
@keyframes marquee { to { transform: translateX(-50%); } }

.section { padding: 100px 20px; position: relative; }
.section-heading { max-width: 740px; margin-bottom: 48px; }.section-heading.centered { margin-inline: auto; text-align: center; }.section-heading.centered .eyebrow { justify-content: center; }
.section-heading h2,.experience-copy h2,.security-copy h2,.faq-heading h2,.audience-copy h2 { font: 750 clamp(38px,9vw,67px)/1.03 "Praia Sans",sans-serif; letter-spacing: -.055em; margin: 20px 0; }.split-title em { font-style: normal; color: var(--brand); }.section-heading > p,.faq-heading > p,.audience-copy > p,.security-copy > p { color: var(--muted); max-width: 630px; margin: 0; font-size: 16px; }
.benefit-grid { display: grid; gap: 15px; perspective: 1000px; }
.benefit-card { min-height: 310px; padding: 28px; position: relative; overflow: hidden; border: 1px solid var(--line); background: var(--surface); border-radius: 24px; box-shadow: 0 20px 60px rgba(22,48,89,.06); transform-style: preserve-3d; transition: border-color .3s,background .3s; }
.benefit-card.featured { background: linear-gradient(150deg,rgba(8,104,232,.11),var(--surface) 58%); }
.benefit-card .card-number { position: absolute; right: 25px; top: 24px; color: var(--muted); font: 600 11px/1 "Praia Sans"; letter-spacing: .12em; }
.icon-box { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 17px; color: #fff; font-size: 26px; background: linear-gradient(145deg,var(--brand),var(--brand-2)); box-shadow: 0 12px 30px rgba(8,104,232,.25); }
.benefit-card h3 { font: 700 24px/1.1 "Praia Sans"; letter-spacing: -.03em; margin: 52px 0 13px; }.benefit-card p { color: var(--muted); margin: 0; font-size: 15px; }.card-glow { position: absolute; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle,rgba(8,104,232,.16),transparent 70%); left: var(--glow-x,50%); top: var(--glow-y,50%); transform: translate(-50%,-50%); pointer-events: none; opacity: 0; transition: opacity .3s; }.benefit-card:hover .card-glow { opacity: 1; }

.experience { position: relative; height: 440vh; background: #061224; color: #fff; }
.experience-sticky { position: sticky; top: 0; height: 100svh; overflow: hidden; display: grid; align-items: center; padding: 88px 20px 35px; }
.experience-sticky::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 68% 50%,rgba(8,104,232,.2),transparent 35%),linear-gradient(120deg,transparent 0 50%,rgba(4,174,234,.05)); }
.experience-copy { position: relative; z-index: 2; align-self: start; }.experience-copy h2 { font-size: clamp(37px,8vw,65px); margin-bottom: 12px; }.experience-copy h2 em { color: #46c8ff; }.experience-copy p { color: #9fb1c9; margin: 0; }.step-index { margin-top: 20px; display: flex; align-items: center; gap: 12px; color: #fff; }.step-index span { font: 700 18px/1 "Praia Sans"; }.step-index i { display: block; width: 55px; height: 1px; background: #2e425f; position: relative; overflow: hidden; }.step-index i::after { content: ""; display: block; width: 25%; height: 100%; background: #55d1ff; transform: translateX(var(--step-x,0)); }.step-index small { color: #667c98; }
.experience-phone-wrap { position: relative; z-index: 2; justify-self: center; align-self: end; width: 280px; height: 510px; display: grid; place-items: center; }.experience-ring { position: absolute; width: 480px; height: 480px; border: 1px solid rgba(83,205,255,.16); border-radius: 50%; }.experience-ring::before,.experience-ring::after { content: ""; position: absolute; inset: 13%; border: inherit; border-radius: 50%; }.experience-ring::after { inset: 28%; }
.experience-phone { position: relative; width: 265px; height: 510px; border-radius: 39px; padding: 8px; background: linear-gradient(145deg,#34475e,#04080e 43%,#30435a); box-shadow: 0 50px 100px rgba(0,0,0,.48); }.experience-phone .phone-top { top: 12px; }.demo-screen { height: 100%; border-radius: 32px; background: #f7f9fc; color: #0c1d35; overflow: hidden; position: relative; padding: 48px 17px 18px; }.demo-slide { position: absolute; inset: 47px 17px 18px; opacity: 0; transform: translateY(25px); pointer-events: none; }.demo-slide.active { opacity: 1; transform: none; }.demo-kicker { color: #0870e6; font-size: 8px; letter-spacing: .12em; font-weight: 800; }.demo-slide h3 { margin: 8px 0 20px; font: 750 20px/1.1 "Praia Sans"; letter-spacing: -.04em; }.demo-field { padding: 12px; margin-bottom: 8px; display: grid; grid-template-columns: 1fr auto; border: 1px solid #e1e8f0; background: #fff; border-radius: 11px; }.demo-field small { grid-column: 1/3; color: #8090a3; font-size: 8px; }.demo-field strong { font-size: 11px; margin-top: 4px; }.demo-field span { color: #1bb26e; }
.route-mini { display: grid; grid-template-columns: 12px 1fr; gap: 0 8px; margin-top: 17px; }.route-mini > i { color: #0c77e8; font-style: normal; font-size: 8px; z-index: 1; }.route-mini > span { position: absolute; width: 1px; height: 34px; margin: 6px 0 0 3px; background: #c6d1dd; }.route-mini div { display: grid; margin-bottom: 10px; }.route-mini small { color: #8a98aa; font-size: 7px; }.route-mini b { font-size: 9px; }
.photo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.photo-grid span { aspect-ratio: 1.14; display: flex; justify-content: space-between; align-items: end; padding: 9px; color: white; font-size: 8px; border-radius: 11px; background: linear-gradient(145deg,#426c94,#13293f); position: relative; overflow: hidden; }.photo-grid span::before { content: ""; position: absolute; width: 70px; height: 28px; right: -10px; top: 16px; background: #829eb7; border-radius: 50% 20%; transform: rotate(-12deg); opacity: .65; }.photo-grid i { width: 16px; height: 16px; display: grid; place-items: center; border-radius: 50%; background: #1bb26e; font-style: normal; z-index: 2; }.demo-note { margin-top: 12px; padding: 10px; background: #eaf4ff; color: #417097; border-radius: 8px; font-size: 8px; }.demo-vehicle { margin-bottom: 14px; }.demo-vehicle .vehicle-shape { height: 130px; }.segmented { display: flex; background: #e8eef4; padding: 3px; border-radius: 9px; font-size: 7px; }.segmented span { flex: 1; text-align: center; padding: 7px 3px; }.segmented .active { background: #fff; color: #0870e6; border-radius: 7px; box-shadow: 0 3px 9px rgba(0,0,0,.08); }
.signature-pad { height: 145px; border: 1px dashed #aac0d4; background: #fff; border-radius: 12px; display: grid; place-items: center; align-content: center; }.signature-pad span { font: italic 28px/1 cursive; color: #244c73; transform: rotate(-6deg); }.signature-pad small { color: #8a99aa; font-size: 8px; margin-top: 15px; }.complete-badge { margin-top: 13px; padding: 12px; display: flex; gap: 10px; align-items: center; border-radius: 11px; background: #e8f8f1; }.complete-badge > i { width: 30px; height: 30px; display: grid; place-items: center; color: #fff; background: #1caf6c; border-radius: 50%; font-style: normal; }.complete-badge div { display: grid; gap: 3px; }.complete-badge strong { font-size: 9px; }.complete-badge small { color: #648073; font-size: 7px; }
.experience-steps { display: none; }

.feature-bento { display: grid; gap: 14px; }
.bento-card { min-height: 280px; padding: 28px; border-radius: 25px; border: 1px solid var(--line); background: var(--surface); position: relative; overflow: hidden; }.bento-card h3 { font: 700 25px/1.12 "Praia Sans"; letter-spacing: -.035em; margin: 16px 0 10px; }.bento-card p { margin: 0; color: var(--muted); font-size: 14px; }.feature-tag { font: 700 9px/1 "Praia Sans"; letter-spacing: .14em; color: var(--brand); }
.offline-card { background: linear-gradient(145deg,var(--surface),rgba(8,104,232,.07)); }.inline-status { display: inline-flex; gap: 8px; align-items: center; margin-top: 28px; padding: 9px 11px; border: 1px solid var(--line); background: var(--surface-solid); border-radius: 10px; color: var(--muted); font-size: 10px; }.inline-status i { width: 7px; height: 7px; background: var(--orange); border-radius: 50%; box-shadow: 0 0 0 4px rgba(255,148,24,.12); }
.signal-visual { position: absolute; right: -30px; bottom: -20px; width: 200px; height: 180px; display: flex; align-items: end; gap: 7px; opacity: .9; }.signal-visual > span { width: 15px; border-radius: 6px 6px 0 0; background: linear-gradient(#25bcf1,#0868e8); }.signal-visual > span:nth-child(1){height:28px}.signal-visual > span:nth-child(2){height:52px}.signal-visual > span:nth-child(3){height:76px;opacity:.4}.signal-visual > span:nth-child(4){height:100px;opacity:.16}.signal-visual > i { position: absolute; right: 80px; top: 16px; font-style: normal; color: var(--orange); font-size: 28px; }.signal-visual b { position: absolute; right: 0; bottom: 0; width: 80px; height: 80px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--brand); font-size: 11px; box-shadow: 0 15px 35px rgba(8,104,232,.3); }.sync-path { position: absolute; width: 130px; height: 70px; right: 28px; bottom: 38px; border: 1px dashed var(--brand); border-left: 0; border-bottom: 0; border-radius: 0 60px 0 0; opacity: .45; }
.stacked-photos { position: absolute; bottom: -20px; right: 20px; width: 170px; height: 130px; }.stacked-photos span { position: absolute; width: 110px; height: 110px; border: 5px solid var(--surface-solid); border-radius: 18px; background: linear-gradient(145deg,#3e799e,#102b4d); box-shadow: 0 15px 30px rgba(0,0,0,.12); transform: rotate(-10deg); }.stacked-photos span:nth-child(2) { left: 33px; transform: rotate(4deg); background: linear-gradient(145deg,#7f9bae,#263a4f); }.stacked-photos span:nth-child(3) { left: 70px; top: 35px; width: 55px; height: 55px; display: grid; place-items: center; background: var(--brand); color: #fff; font-weight: 800; border-radius: 50%; transform: none; }
.dark-card { background: #07162a; color: #fff; }.dark-card p { color: #99aec4; }.dark-card .feature-tag { color: #63d5ff; }.pdf-paper { position: absolute; right: 24px; bottom: -25px; width: 120px; height: 155px; padding: 20px 15px; background: #fff; color: #182940; border-radius: 13px; transform: rotate(7deg); box-shadow: 0 20px 40px #0005; }.pdf-paper b { display: inline-block; background: #ff5057; color: white; border-radius: 5px; padding: 5px; font-size: 9px; }.pdf-paper span { display: block; height: 5px; margin-top: 13px; background: #dbe3ec; border-radius: 3px; }.pdf-paper span:nth-child(3){width:70%}.pdf-paper span:nth-child(4){width:85%}
.search-mock { margin-top: 30px; padding: 11px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); background: var(--surface-solid); border-radius: 12px; }.search-mock i { color: var(--text); font-style: normal; font-size: 11px; }.search-mock b { margin-left: auto; color: var(--green); font-size: 8px; }.share-card { min-height: 310px; }.share-visual { position: absolute; bottom: 30px; left: 28px; right: 28px; display: flex; align-items: center; }.link-pill { position: absolute; bottom: 55px; left: 0; right: 0; padding: 12px; border-radius: 11px; background: var(--surface-solid); border: 1px solid var(--line); font-size: 9px; color: var(--muted); }.link-pill b { color: var(--text); }.share-visual > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 800; }.share-visual .share-lock { background: var(--surface-solid); color: var(--brand); border: 1px solid var(--brand); }.share-visual .share-check { background: var(--green); }.share-visual > i { flex: 1; height: 1px; background: linear-gradient(90deg,var(--brand),var(--green)); opacity: .5; }
.palette-mock { position: absolute; right: 25px; bottom: 22px; display: flex; }.palette-mock span { width: 48px; height: 48px; margin-left: -10px; border: 4px solid var(--surface-solid); border-radius: 50%; background: #0868e8; }.palette-mock span:nth-child(2){background:#04aeea}.palette-mock span:nth-child(3){background:#ff9418}.palette-mock span:nth-child(4){background:#11243e}.avatar-row { display: flex; position: absolute; bottom: 25px; left: 28px; }.avatar-row span { width: 43px; height: 43px; margin-right: -8px; display: grid; place-items: center; border: 3px solid var(--surface-solid); border-radius: 50%; color: #fff; background: #0868e8; font-size: 11px; font-weight: 800; }.avatar-row span:nth-child(2){background:#04aeea}.avatar-row span:nth-child(3){background:#ff9418}.avatar-row span:nth-child(4){background:#14263d}

.motion-showcase { padding-top: 20px; }.motion-frame { min-height: 600px; border-radius: 28px; overflow: hidden; position: relative; background: #051329; color: #fff; box-shadow: var(--shadow); }.motion-frame > img { position: absolute; inset: -5%; width: 110%; height: 110%; object-fit: cover; will-change: transform; }.motion-shade { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 20%,rgba(1,8,20,.12) 45%,rgba(1,8,20,.92) 100%),linear-gradient(90deg,rgba(1,8,20,.42),transparent 68%); }.motion-copy { position: absolute; z-index: 2; left: 26px; right: 26px; bottom: 32px; }.motion-copy > span { color: #69d7ff; font: 700 9px/1 "Praia Sans",sans-serif; letter-spacing: .14em; }.motion-copy h2 { max-width: 700px; margin: 13px 0 10px; font: 750 clamp(35px,8vw,67px)/1 "Praia Sans",sans-serif; letter-spacing: -.055em; }.motion-copy p { max-width: 470px; margin: 0; color: #b4c8dc; font-size: 14px; }.motion-hud { position: absolute; z-index: 2; top: 24px; left: 24px; right: 24px; display: flex; align-items: center; gap: 8px; color: #d9eaff; font-size: 8px; letter-spacing: .12em; }.motion-hud span { color: #fff; }.motion-hud i { width: 7px; height: 7px; background: #ff4e55; border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,78,85,.15); }.motion-hud small { margin-left: auto; opacity: .7; }

.audience-panel { border-radius: 30px; padding: 42px 26px; background: linear-gradient(135deg,#061326,#0b2a4a 55%,#064aa2); color: #fff; overflow: hidden; position: relative; min-height: 670px; display: grid; }.audience-panel::after { content: ""; position: absolute; width: 600px; height: 600px; right: -300px; bottom: -280px; border-radius: 50%; background: radial-gradient(circle,rgba(32,197,255,.25),transparent 67%); }.audience-copy { z-index: 2; }.audience-copy h2 { font-size: clamp(38px,8vw,65px); }.audience-copy h2 em { color: #55d3ff; }.audience-copy > p { color: #adbed0; }.audience-copy .button { margin-top: 25px; }.audience-orbit { position: relative; align-self: end; justify-self: center; width: 330px; height: 330px; display: grid; place-items: center; z-index: 1; }.audience-orbit > img { width: 94px; height: 94px; border-radius: 24px; box-shadow: 0 15px 40px rgba(0,0,0,.3); animation: float 4s ease-in-out infinite; }.orbit { position: absolute; inset: 15%; border: 1px solid rgba(126,211,255,.2); border-radius: 50%; animation: orbitSpin 18s linear infinite; }.orbit-two { inset: 0; animation-duration: 26s; animation-direction: reverse; }.orbit-three { inset: -15%; animation-duration: 34s; }.orbit span { position: absolute; padding: 7px 10px; border-radius: 99px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.13); backdrop-filter: blur(8px); color: #ccecff; font-size: 8px; animation: orbitSpin 18s linear infinite reverse; }.orbit span:first-child{left:4%;top:14%}.orbit span:nth-child(2){right:0;bottom:20%}.orbit span:nth-child(3){left:20%;bottom:-8%}
@keyframes orbitSpin { to { transform: rotate(360deg); } } @keyframes float { 50% { transform: translateY(-10px) rotate(1deg); } }

.process { overflow: hidden; }.process-line { display: none; }.process-grid { display: grid; gap: 35px; }.process-grid article { padding-left: 25px; border-left: 1px solid var(--line); }.process-grid article > span { display: block; color: var(--brand); font: 700 11px/1 "Praia Sans"; letter-spacing: .13em; }.process-grid h3 { font: 700 23px/1.15 "Praia Sans"; letter-spacing: -.03em; margin: 13px 0 8px; }.process-grid p { color: var(--muted); margin: 0; font-size: 14px; }

.security { min-height: 850px; position: relative; padding: 100px 20px; background: #040d1b; color: #fff; overflow: hidden; }.security::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 26% 50%,rgba(8,104,232,.22),transparent 30%); }.security-canvas-wrap { position: absolute; inset: 0; opacity: .46; }.security-canvas-wrap canvas { width: 100%; height: 100%; }.security-inner { position: relative; z-index: 2; display: grid; gap: 70px; max-width: 1200px; margin: auto; }.security-visual { min-height: 390px; display: grid; place-items: center; position: relative; }.shield-rings { width: 170px; height: 170px; display: grid; place-items: center; border: 1px solid rgba(88,208,255,.16); border-radius: 50%; position: relative; }.shield-rings span { position: absolute; inset: -38%; border: 1px solid rgba(88,208,255,.11); border-radius: 50%; }.shield-rings span:nth-child(2){inset:-78%}.shield-rings span:nth-child(3){inset:-118%}.shield-rings b { width: 95px; height: 110px; display: grid; place-items: center; border: 1px solid rgba(98,221,255,.55); color: #61d5ff; background: linear-gradient(145deg,rgba(8,104,232,.2),rgba(1,10,20,.8)); clip-path: polygon(50% 0,93% 17%,84% 73%,50% 100%,16% 73%,7% 17%); font-size: 34px; text-shadow: 0 0 20px #2bc3ff; }.secure-chip { position: absolute; padding: 9px 12px; border: 1px solid rgba(255,255,255,.13); background: rgba(9,27,48,.75); border-radius: 10px; color: #a8bdd3; font-size: 9px; backdrop-filter: blur(9px); }.secure-chip.one{left:0;top:17%}.secure-chip.two{right:0;top:43%}.secure-chip.three{left:7%;bottom:8%}
.security-copy h2 { font-size: clamp(38px,8vw,66px); }.security-copy h2 em { color: #5ad4ff; }.security-copy > p { color: #9fb2c8; }.security-copy ul { list-style: none; margin: 30px 0 0; padding: 0; display: grid; gap: 20px; }.security-copy li { display: grid; grid-template-columns: 33px 1fr; gap: 12px; color: #a4b6ca; font-size: 14px; line-height: 1.5; }.security-copy li i { width: 31px; height: 31px; display: grid; place-items: center; color: #62d9ff; border: 1px solid rgba(98,217,255,.3); border-radius: 10px; font-style: normal; }.security-copy li span { display: grid; gap: 3px; }.security-copy li b { color: #fff; font-size: 15px; }

.faq { display: grid; gap: 45px; }.faq-heading h2 em { color: var(--brand); }.accordion { border-top: 1px solid var(--line); }.accordion article { border-bottom: 1px solid var(--line); }.accordion button { width: 100%; padding: 22px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; text-align: left; border: 0; background: transparent; cursor: pointer; font: 650 17px/1.3 "Praia Sans"; }.accordion button i { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-style: normal; font-size: 18px; transition: transform .35s,background .35s,color .35s; }.accordion button[aria-expanded="true"] i { transform: rotate(45deg); background: var(--brand); color: #fff; }.accordion article > div { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--ease); }.accordion article > div > p { overflow: hidden; margin: 0; color: var(--muted); font-size: 14px; }.accordion button[aria-expanded="true"] + div { grid-template-rows: 1fr; }.accordion button[aria-expanded="true"] + div > p { padding-bottom: 22px; }

.final-cta { min-height: 720px; padding: 100px 20px; display: grid; place-items: center; position: relative; overflow: hidden; background: linear-gradient(145deg,#0756cb,#0b79ed 55%,#06aee9); color: #fff; text-align: center; }.final-cta::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%,transparent 0 20%,rgba(0,21,77,.2) 70%); }.final-cta canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .55; }.cta-rings { position: absolute; width: min(760px,100vw); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }.cta-rings span { position: absolute; inset: 15%; border: inherit; border-radius: inherit; }.cta-rings span:nth-child(2){inset:30%}.cta-rings span:nth-child(3){inset:43%}.final-cta-inner { max-width: 880px; position: relative; z-index: 2; }.final-cta-inner > img { width: 80px; height: 80px; margin: 0 auto 20px; border-radius: 24px; box-shadow: 0 18px 40px rgba(0,0,0,.25); }.final-cta .eyebrow { justify-content: center; }.final-cta h2 { font: 800 clamp(48px,12vw,95px)/.9 "Praia Sans"; letter-spacing: -.07em; margin: 26px 0; }.final-cta h2 em { font-style: normal; color: #ffe2a5; }.final-cta p { max-width: 650px; margin: auto; color: #d8edff; font-size: 16px; }.cta-actions { margin-top: 31px; display: flex; flex-direction: column; gap: 10px; align-items: stretch; }

.site-footer { padding: 64px 20px 25px; background: var(--deep); color: #e8f0fb; }.footer-top { display: grid; gap: 22px; padding-bottom: 35px; border-bottom: 1px solid rgba(255,255,255,.1); }.footer-brand small { color: var(--orange); }.footer-top > p { max-width: 430px; margin: 0; color: #8ca2bb; font-size: 14px; }.footer-email { display: flex; justify-content: space-between; align-items: center; color: #fff; border-bottom: 1px solid rgba(255,255,255,.16); padding-bottom: 12px; font-weight: 600; }.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 38px 22px; padding: 40px 0; }.footer-links div { display: grid; align-content: start; gap: 13px; }.footer-links strong { margin-bottom: 4px; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: .13em; }.footer-links a,.footer-links button { width: fit-content; color: #849bb5; font-size: 13px; border: 0; padding: 0; background: transparent; cursor: pointer; text-align: left; transition: color .2s; }.footer-links a:hover,.footer-links button:hover { color: #fff; }.footer-bottom { display: grid; gap: 10px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); color: #6f849c; font-size: 11px; line-height: 1.5; }.footer-bottom a { color: #b9cee5; text-decoration: underline; text-underline-offset: 3px; }

.contact-modal { position: fixed; z-index: 300; inset: 0; display: grid; place-items: end center; visibility: hidden; }.contact-modal.is-open { visibility: visible; }.modal-backdrop { position: absolute; inset: 0; border: 0; background: rgba(1,8,17,.65); backdrop-filter: blur(9px); opacity: 0; transition: opacity .35s; }.contact-modal.is-open .modal-backdrop { opacity: 1; }.contact-modal section { position: relative; width: min(100%,560px); padding: 35px 20px calc(24px + env(safe-area-inset-bottom)); border-radius: 28px 28px 0 0; background: var(--surface-solid); transform: translateY(100%); transition: transform .5s var(--ease); }.contact-modal.is-open section { transform: none; }.modal-close { position: absolute; right: 17px; top: 17px; width: 37px; height: 37px; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; font-size: 23px; }.modal-kicker { color: var(--brand); font-weight: 700; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }.contact-modal h2 { margin: 12px 45px 10px 0; font: 750 30px/1.05 "Praia Sans"; letter-spacing: -.04em; }.contact-modal section > p { margin: 0 0 20px; color: var(--muted); font-size: 13px; }.contact-options { display: grid; gap: 9px; }.contact-options a { padding: 12px; display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); transition: border-color .25s,transform .25s; }.contact-options a:hover { border-color: var(--brand); transform: translateX(3px); }.contact-options .avatar { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 50%; background: #24c56d; color: #fff; font-weight: 800; }.contact-options div { display: grid; gap: 3px; }.contact-options strong { font-size: 14px; }.contact-options small,.contact-note { color: var(--muted); font-size: 10px; }.contact-options i { font-style: normal; }.contact-note { display: block; margin-top: 16px; line-height: 1.5; }
.whatsapp-dock { position: fixed; z-index: 80; right: 16px; bottom: calc(17px + env(safe-area-inset-bottom)); }.wa-trigger { width: 58px; height: 58px; border: 0; border-radius: 50%; background: #22c568; color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 14px 35px rgba(21,173,91,.35); position: relative; }.wa-trigger::before { content: ""; position: absolute; inset: -6px; border: 1px solid rgba(34,197,104,.35); border-radius: 50%; animation: waPulse 2.3s infinite; }.wa-symbol { font-size: 24px; transform: rotate(-12deg); }.wa-trigger i { position: absolute; top: 3px; right: 3px; width: 11px; height: 11px; border: 2px solid var(--bg); background: #ff4e55; border-radius: 50%; }.wa-menu { position: absolute; right: 0; bottom: 70px; width: 260px; padding: 15px; background: var(--surface-solid); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); transform: translateY(15px) scale(.95); transform-origin: bottom right; opacity: 0; pointer-events: none; transition: transform .3s var(--ease),opacity .3s; }.wa-menu.is-open { transform: none; opacity: 1; pointer-events: auto; }.wa-menu > span { display: block; margin-bottom: 10px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }.wa-menu a { padding: 9px; display: flex; align-items: center; gap: 10px; border-radius: 11px; }.wa-menu a:hover { background: var(--surface-2); }.wa-menu a > b { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #22c568; }.wa-menu a > span { display: grid; gap: 2px; }.wa-menu strong { font-size: 12px; }.wa-menu small { color: var(--muted); font-size: 9px; }
@keyframes waPulse { 70%,100% { transform: scale(1.25); opacity: 0; } }
.back-to-top { position: fixed; z-index: 75; right: 21px; bottom: calc(89px + env(safe-area-inset-bottom)); width: 48px; height: 48px; border: 0; border-radius: 50%; color: var(--text); background: conic-gradient(var(--brand) var(--top-deg,0deg),var(--line) 0); box-shadow: 0 10px 30px rgba(0,0,0,.12); display: grid; place-items: center; cursor: pointer; transform: translateY(20px) scale(.8); opacity: 0; pointer-events: none; transition: transform .35s var(--ease),opacity .35s; }.back-to-top::before { content:""; position:absolute; inset:2px; border-radius:50%; background:var(--surface-solid); }.back-to-top.is-visible { transform: none; opacity: 1; pointer-events: auto; }.back-to-top > span { position:relative; z-index:1; font-size: 18px; }
.lgpd-banner { position: fixed; z-index: 250; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); display: grid; gap: 13px; padding: 16px; border: 1px solid var(--line); background: color-mix(in srgb,var(--surface-solid) 94%,transparent); backdrop-filter: blur(18px); border-radius: 17px; box-shadow: var(--shadow); transform: translateY(calc(100% + 35px)); opacity: 0; transition: transform .5s var(--ease),opacity .35s; }.lgpd-banner.is-visible { transform: none; opacity: 1; }.lgpd-banner strong { font-size: 12px; }.lgpd-banner p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }.lgpd-banner a { color: var(--brand); text-decoration: underline; }.lgpd-banner button { min-height: 40px; border: 0; border-radius: 10px; background: var(--text); color: var(--bg); font-weight: 700; font-size: 11px; cursor: pointer; }
.noscript { position: fixed; z-index: 500; left: 10px; right: 10px; bottom: 10px; padding: 14px; border-radius: 12px; background: #fff1c7; color: #4a3700; font-size: 12px; }

/* Legal pages */
.legal-page { padding-top: var(--header-h); }.legal-hero { padding: 80px 20px 55px; border-bottom: 1px solid var(--line); background: linear-gradient(145deg,var(--bg),var(--bg-soft)); }.legal-hero > div,.legal-content { max-width: 850px; margin: auto; }.legal-hero h1 { margin: 20px 0 15px; font: 800 clamp(42px,9vw,72px)/1 "Praia Sans"; letter-spacing: -.06em; }.legal-hero p { color: var(--muted); margin: 0; }.legal-content { padding: 60px 20px 100px; }.legal-content h2 { margin: 42px 0 12px; font: 700 25px/1.2 "Praia Sans"; letter-spacing: -.03em; }.legal-content h2:first-child { margin-top: 0; }.legal-content h3 { margin-top: 25px; font-size: 17px; }.legal-content p,.legal-content li { color: var(--muted); line-height: 1.75; font-size: 15px; }.legal-content ul { padding-left: 20px; }.legal-content a { color: var(--brand); text-decoration: underline; }.legal-note { padding: 18px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 14px; }

@media (min-width: 700px) {
  .hero { padding-inline: 6vw; }.hero-actions,.cta-actions { flex-direction: row; align-items: center; }.hero-actions .button-primary { min-width: 210px; }.benefit-grid { grid-template-columns: repeat(2,1fr); }.benefit-card:last-child { grid-column: 1/-1; }.feature-bento { grid-template-columns: repeat(2,1fr); }.bento-card.wide { grid-column: 1/-1; }.audience-panel { padding: 65px 55px; }.footer-top { grid-template-columns: 1fr 1.2fr; align-items: end; }.footer-brand { grid-row: 1/3; }.footer-email { max-width: 340px; }.footer-links { grid-template-columns: repeat(3,1fr); }.footer-bottom { grid-template-columns: 1fr 1fr; }.lgpd-banner { left: 24px; right: auto; width: 430px; grid-template-columns: 1fr auto; align-items: center; }.lgpd-banner button { padding-inline: 15px; }.contact-modal { place-items: center; }.contact-modal section { border-radius: 28px; padding: 38px; }.process-grid { grid-template-columns: 1fr 1fr; }.security { min-height: 780px; }.security-inner { grid-template-columns: .9fr 1.1fr; align-items: center; }.faq { grid-template-columns: .75fr 1.25fr; }.site-footer { padding-inline: 6vw; }.section,.security { padding-inline: 6vw; }
}

@media (min-width: 1024px) {
  :root { --header-h: 84px; }.site-header { padding-inline: 4vw; }.desktop-nav { display: flex; }.menu-toggle { display: none; }.desktop-login { display: inline-flex !important; }.hero { grid-template-columns: minmax(0,1.05fr) minmax(400px,.95fr); gap: 4vw; padding: calc(var(--header-h) + 35px) 5vw 55px; }.hero-copy { padding-left: 2.5vw; }.hero-title { font-size: clamp(60px,6.1vw,98px); }.hero-visual { height: 650px; margin-top: 0; }.phone-stage { transform: scale(1.08); }.scroll-cue { display: flex; }.section { padding: 140px 6vw; }.benefits,.features,.process,.faq { max-width: 1440px; margin-inline: auto; }.section-heading { margin-bottom: 70px; }.benefit-grid { grid-template-columns: repeat(3,1fr); }.benefit-card { min-height: 390px; padding: 35px; }.benefit-card:last-child { grid-column: auto; }.benefit-card h3 { margin-top: 100px; }.experience-sticky { grid-template-columns: 1fr 420px 1fr; gap: 40px; padding: 80px 6vw 25px; }.experience-copy { align-self: center; max-width: 450px; }.experience-phone-wrap { align-self: center; width: 390px; height: 630px; }.experience-phone { width: 310px; height: 600px; border-radius: 46px; }.demo-screen { border-radius: 38px; padding-inline: 22px; }.demo-slide { inset-inline: 22px; }.experience-ring { width: 670px; height: 670px; }.experience-steps { display: grid; align-self: center; gap: 27px; }.experience-steps article { opacity: .26; transform: translateX(25px); transition: opacity .45s,transform .45s; }.experience-steps article.active { opacity: 1; transform: none; }.experience-steps span { color: #59d2ff; font: 700 10px/1 "Praia Sans"; letter-spacing: .14em; }.experience-steps h3 { margin: 7px 0 3px; font: 650 17px/1.2 "Praia Sans"; }.experience-steps p { color: #89a0ba; margin: 0; font-size: 12px; }.feature-bento { grid-template-columns: repeat(4,1fr); grid-auto-rows: 320px; }.bento-card { min-height: 0; padding: 34px; }.bento-card.wide { grid-column: span 2; }.share-card { min-height: 0; }.audience-panel { min-height: 620px; grid-template-columns: 1fr 1fr; align-items: center; padding: 80px 8vw; }.audience-orbit { width: 480px; height: 480px; }.audience-orbit > img { width: 130px; height: 130px; }.process { padding-bottom: 170px; }.process-grid { grid-template-columns: repeat(4,1fr); gap: 45px; }.process-grid article { padding: 30px 0 0; border-left: 0; border-top: 1px solid var(--line); }.process-line { display: block; height: 1px; background: var(--line); position: absolute; left: 6vw; right: 6vw; bottom: 282px; }.process-line span { display: block; width: 0; height: 2px; background: linear-gradient(90deg,var(--brand),var(--brand-2)); }.security { padding-block: 150px; }.security-visual { min-height: 600px; }.shield-rings { width: 230px; height: 230px; }.shield-rings b { width: 125px; height: 145px; }.secure-chip { font-size: 11px; padding: 11px 14px; }.final-cta { min-height: 880px; }.site-footer { padding: 80px 6vw 30px; }.footer-top { grid-template-columns: 1fr 1fr 1fr; }.footer-brand { grid-row: auto; }.footer-top > p { justify-self: center; }.footer-email { justify-self: end; width: 100%; }.footer-links { max-width: 650px; margin-left: auto; }.contact-modal section { width: 560px; }.whatsapp-dock { right: 28px; bottom: 28px; }.back-to-top { right: 33px; bottom: 102px; }
}

@media (min-width: 1380px) { .site-header { padding-inline: 5vw; }.hero { padding-inline: 7vw; }.phone-stage { transform: scale(1.18); }.feature-bento { grid-auto-rows: 340px; } }

@media (hover: hover) and (pointer: fine) { .tilt-card { will-change: transform; }.magnetic { will-change: transform; } }

@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; }
  #hero-webgl,.security-canvas-wrap,#cta-canvas { display: none; }
  .reveal,.split-title { opacity: 1 !important; transform: none !important; }
}

@media (max-width: 360px) { .hero { padding-inline: 15px; }.hero-title { font-size: 41px; }.phone-stage { transform: scale(.9); }.hero-visual { margin-inline: -16px; }.section { padding-inline: 15px; }.float-chip { font-size: 9px; } }

::view-transition-old(root),::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
::view-transition-new(root) { animation: theme-grow .72s var(--ease); clip-path: circle(0 at var(--theme-x,90%) var(--theme-y,42px)); }
@keyframes theme-grow { to { clip-path: circle(150vmax at var(--theme-x,90%) var(--theme-y,42px)); } }

/* Visual system v2 — responsive repairs and richer motion */
.hero-visual { height: 600px; margin-top: 42px; overflow: visible; }
.phone-stage { --pointer-rx: 0deg; --pointer-ry: 0deg; --pointer-x: 0px; --pointer-y: 0px; width: min(100%,360px); transform: none; transition: transform .45s var(--ease); }
.phone-stage::before { content:""; position:absolute; inset:8% -8% 4%; border-radius:50%; background:radial-gradient(circle,rgba(28,169,242,.2),transparent 66%); filter:blur(20px); animation:stagePulse 4s ease-in-out infinite; }
.phone-stage::after { content:""; position:absolute; width:330px; height:330px; left:50%; top:23%; translate:-50% 0; border:1px solid color-mix(in srgb,var(--brand) 20%,transparent); border-radius:50%; animation:stageOrbit 18s linear infinite; }
.phone-shell { width:286px; height:560px; transform:translateX(-50%) translate(var(--pointer-x),var(--pointer-y)) rotateY(calc(-4deg + var(--pointer-ry))) rotateX(calc(2deg + var(--pointer-rx))); transition:transform .35s var(--ease); animation:phoneBreathe 5s ease-in-out infinite; z-index:2; }
.phone-screen::after { content:""; position:absolute; left:14px; right:14px; top:43px; height:1px; background:linear-gradient(90deg,transparent,rgba(28,174,238,.45),transparent); box-shadow:0 0 15px rgba(28,174,238,.55); animation:screenScan 5s ease-in-out infinite; pointer-events:none; }
.float-chip { z-index:6; max-width:112px; white-space:nowrap; overflow:visible; transform:translateZ(65px); box-shadow:0 18px 45px rgba(3,17,39,.18); }
.chip-online { left:2px; top:66px; }
.chip-proof { right:1px; top:178px; min-width:94px; }
.chip-pdf { left:4px; bottom:74px; max-width:118px; }
.chip-pdf small { overflow:hidden; text-overflow:ellipsis; }
.vehicle-photo-card { padding:8px 9px 9px; }
.vehicle-inspection { position:relative; height:116px; display:grid; place-items:center; border-radius:10px; overflow:hidden; background:linear-gradient(180deg,#f8fafc,#edf2f7); }
.vehicle-inspection img { width:100%; height:100%; object-fit:contain; filter:contrast(1.04); }
.damage-pin { position:absolute; width:20px; height:20px; display:grid; place-items:center; border:2px solid #fff; border-radius:50%; color:#fff; background:#ff8b18; font:800 8px/1 "Praia Sans"; box-shadow:0 5px 14px rgba(255,139,24,.45); animation:pinPulse 2.2s ease-out infinite; }
.damage-pin.pin-door { left:53%; top:48%; }.damage-pin.pin-bumper { right:8%; top:43%; animation-delay:.8s; }
.damage-legend { padding-top:5px; }

.icon-box { position:relative; overflow:hidden; }
.icon-box::after { content:""; position:absolute; width:80px; height:16px; background:rgba(255,255,255,.22); transform:rotate(-35deg); animation:iconShine 4s ease-in-out infinite; }
.icon-evidence > span { width:24px; height:27px; border:2px solid #fff; border-radius:5px; position:relative; }
.icon-evidence > span::before { content:""; position:absolute; width:11px; height:6px; left:5px; top:7px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg); }
.icon-evidence > span::after { content:""; position:absolute; width:9px; height:3px; left:6px; bottom:-6px; border-radius:3px; background:#fff; }
.icon-speed > span { width:27px; height:27px; border:2px solid #fff; border-radius:50%; position:relative; border-bottom-color:transparent; }
.icon-speed > span::before { content:""; position:absolute; width:12px; height:2px; left:11px; top:12px; background:#fff; transform:rotate(-38deg); transform-origin:left; border-radius:3px; }
.icon-speed > span::after { content:""; position:absolute; width:5px; height:5px; left:9px; top:10px; background:#fff; border-radius:50%; }
.icon-report > span { width:23px; height:29px; border:2px solid #fff; border-radius:4px; position:relative; }
.icon-report > span::before { content:""; position:absolute; left:5px; right:5px; top:8px; height:2px; background:#fff; box-shadow:0 6px 0 #fff,0 12px 0 #fff; }

.experience { height:420vh; }
.experience-sticky { padding:84px 18px 20px; grid-template-rows:auto 1fr; align-items:start; gap:10px; }
.experience-copy { align-self:start; }
.experience-copy h2 { font-size:clamp(31px,8vw,42px); margin:12px 0 7px; }
.experience-copy p { font-size:12px; line-height:1.5; }
.step-index { margin-top:10px; }
.experience-phone-wrap { width:260px; height:465px; align-self:end; justify-self:center; }
.experience-ring { width:420px; height:420px; animation:ringDrift 12s linear infinite; }
.experience-phone { width:244px; height:465px; border-radius:37px; transform-style:preserve-3d; }
.demo-screen { border-radius:30px; padding:45px 15px 16px; }
.demo-slide { inset:45px 15px 16px; transform:translateY(20px) scale(.985); transition:opacity .35s var(--ease),transform .45s var(--ease); }
.demo-slide.active { transform:none; }
.demo-slide-head { display:flex; align-items:center; justify-content:space-between; }
.demo-progress { color:#8291a5; font-size:7px; font-weight:700; }
.demo-slide h3 { margin:7px 0 13px; font-size:17px; }
.demo-field { padding:9px 10px; margin-bottom:7px; display:grid; grid-template-columns:1fr auto; align-items:center; }
.demo-field > div { display:grid; gap:2px; min-width:0; }.demo-field small { grid-column:auto; font-size:7px; }.demo-field strong { margin-top:0; font-size:10px; white-space:nowrap; }
.demo-route { margin-top:11px; padding:10px; border-radius:10px; background:#edf5fd; position:relative; }
.demo-route::before { content:""; position:absolute; width:1px; height:31px; left:15px; top:19px; background:linear-gradient(#0d7ceb,#3dc9ef); }
.demo-route > div { display:grid; grid-template-columns:12px 1fr; gap:7px; align-items:start; position:relative; }.demo-route > div + div { margin-top:8px; }
.demo-route i { width:7px; height:7px; margin-top:3px; border:2px solid #fff; border-radius:50%; background:#0d7ceb; box-shadow:0 0 0 2px #0d7ceb; z-index:1; }.demo-route .route-destination { border-radius:2px; background:#19b9de; box-shadow:0 0 0 2px #19b9de; }
.demo-route span { display:grid; min-width:0; }.demo-route small { color:#8193a8; font-size:6px; }.demo-route b { margin-top:2px; font-size:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.photo-grid { gap:7px; }.photo-grid span { aspect-ratio:1.18; border-radius:9px; background:linear-gradient(145deg,#3a6f9a,#122e4b); isolation:isolate; }.photo-grid span::after { content:""; position:absolute; inset:auto -15px -18px 14px; height:45px; border-radius:50%; background:linear-gradient(145deg,#7fa1b9,#35516b); transform:rotate(-8deg); z-index:-1; }.photo-grid b { font-size:7px; z-index:2; }.photo-grid i { font-size:8px; }
.demo-note { display:flex; align-items:center; gap:8px; padding:9px; }.demo-note > i { width:27px; height:22px; border:2px solid #2487df; border-radius:5px; position:relative; }.demo-note > i::before { content:""; position:absolute; width:7px; height:7px; left:7px; top:5px; border:2px solid #2487df; border-radius:50%; }.demo-note > span { display:grid; gap:1px; }.demo-note b { font-size:8px; }.demo-note small { color:#6d87a0; font-size:6px; }
.demo-vehicle { padding:7px; margin-bottom:8px; }.demo-vehicle .vehicle-inspection { height:111px; }.demo-vehicle .damage-pin { width:17px; height:17px; font-size:7px; }.demo-vehicle .damage-legend { padding-top:3px; }
.inspection-status { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; }.inspection-status span { padding:7px 2px; display:grid; justify-items:center; gap:3px; border-radius:7px; background:#edf2f7; color:#53677e; font-size:6px; }.inspection-status i { width:15px; height:15px; display:grid; place-items:center; border-radius:50%; background:#dff6eb; color:#15965d; font-style:normal; font-size:7px; }.inspection-status span:last-child i { background:#fff0df; color:#e87c0d; }
.signature-pad { height:125px; }.signature-pad span { font-size:24px; }.complete-badge { padding:9px; }.complete-badge > i { width:26px; height:26px; }.complete-badge strong { font-size:8px; }.complete-badge small { font-size:6px; }

.feature-bento { grid-auto-flow:dense; }
.bento-card { transition:transform .45s var(--ease),border-color .3s,box-shadow .45s; }
.bento-card::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.14),transparent 72%); transform:translateX(-120%); transition:transform .85s var(--ease); pointer-events:none; }
.bento-card:hover { transform:translateY(-7px); border-color:color-mix(in srgb,var(--brand) 30%,var(--line)); box-shadow:0 28px 70px rgba(15,55,105,.13); }.bento-card:hover::before { transform:translateX(120%); }

.motion-frame { min-height:560px; }.motion-frame > img { object-position:68% center; }.motion-shade { background:linear-gradient(180deg,rgba(1,8,20,.02),rgba(1,8,20,.1) 38%,rgba(1,8,20,.94) 100%),linear-gradient(90deg,rgba(1,8,20,.72),transparent 72%); }
.motion-hud i { animation:livePulse 1.8s ease-out infinite; }

.audience-orbit { overflow:visible; }.orbit-brand { width:112px; height:112px; padding:9px; display:grid; place-items:center; border-radius:30px; background:#fff; border:1px solid rgba(255,255,255,.85); box-shadow:0 0 0 12px rgba(255,255,255,.08),0 20px 55px rgba(0,0,0,.38),0 0 50px rgba(47,196,255,.28); animation:brandFloat 4s ease-in-out infinite; z-index:2; }.orbit-brand img { width:100%; height:100%; object-fit:contain; filter:saturate(1.15) contrast(1.12); }.audience-orbit > img { display:none; }

.security-visual { min-height:390px; isolation:isolate; }
.security-scan { position:absolute; inset:8%; border-radius:50%; background:repeating-radial-gradient(circle,rgba(73,197,255,.08) 0 1px,transparent 2px 34px); mask-image:radial-gradient(circle,#000,transparent 70%); animation:securityScan 6s linear infinite; }
.shield-rings { width:182px; height:182px; background:radial-gradient(circle,rgba(32,168,239,.17),rgba(2,12,26,.92) 62%); box-shadow:0 0 90px rgba(22,151,229,.22); }
.shield-rings > span { animation:ringSpin 16s linear infinite; border-style:dashed; }.shield-rings > span:nth-child(2){animation-direction:reverse;animation-duration:23s}.shield-rings > span:nth-child(3){animation-duration:31s}
.shield-rings b { position:relative; background:linear-gradient(145deg,rgba(10,110,221,.48),rgba(1,13,29,.94)); box-shadow:inset 0 0 25px rgba(70,203,255,.15),0 0 28px rgba(56,196,255,.18); }
.shield-rings b > i { position:absolute; width:30px; height:25px; left:50%; top:50%; translate:-50% -25%; border:3px solid #63d9ff; border-radius:6px; }
.shield-rings b > i::before { content:""; position:absolute; width:18px; height:16px; left:3px; top:-16px; border:3px solid #63d9ff; border-bottom:0; border-radius:12px 12px 0 0; }.shield-rings b > i::after { content:""; position:absolute; width:4px; height:9px; left:10px; top:6px; border-radius:4px; background:#63d9ff; }
.secure-chip { min-width:132px; display:flex; align-items:center; gap:8px; color:#d7e5f5; border-color:rgba(91,210,255,.22); background:rgba(8,28,52,.88); box-shadow:0 12px 35px rgba(0,0,0,.25); }
.secure-chip > i { width:23px; height:23px; display:grid; place-items:center; border-radius:7px; background:rgba(76,203,255,.12); color:#63d9ff; font-style:normal; font-size:7px; }.secure-chip > span { white-space:nowrap; }
.secure-chip.one{left:0;top:15%}.secure-chip.two{right:0;top:45%}.secure-chip.three{left:7%;bottom:9%}

.cta-logo { width:104px; height:104px; margin:0 auto 22px; padding:9px; display:grid; place-items:center; border-radius:30px; background:#fff; box-shadow:0 0 0 12px rgba(255,255,255,.09),0 20px 50px rgba(0,25,75,.28),0 0 65px rgba(132,226,255,.28); animation:ctaLogoFloat 4s ease-in-out infinite; }.cta-logo img { width:100%; height:100%; object-fit:contain; filter:saturate(1.2) contrast(1.12); }.final-cta-inner > img { display:none; }

.site-footer { position:relative; overflow:hidden; padding:72px 20px 88px; background:#030b17; }.footer-glow { position:absolute; width:620px; height:620px; left:-310px; top:-330px; border-radius:50%; background:radial-gradient(circle,rgba(10,111,232,.25),transparent 68%); pointer-events:none; }.footer-main { position:relative; z-index:1; display:grid; gap:48px; padding-bottom:55px; }.footer-intro { display:grid; align-content:start; }.footer-logo { display:grid; place-items:center; width:fit-content; }.footer-logo > span { width:108px; height:108px; padding:8px; display:grid; place-items:center; border-radius:27px; background:#fff; box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 0 8px rgba(255,255,255,.045); }.footer-logo img { width:100%; height:100%; object-fit:contain; filter:saturate(1.1) contrast(1.06); }.footer-intro h2 { margin:34px 0 16px; font:750 clamp(30px,7vw,48px)/1.02 "Praia Sans"; letter-spacing:-.05em; }.footer-intro h2 em { color:#58d1ff; font-style:normal; }.footer-intro p { max-width:540px; margin:0; color:#8297af; font-size:14px; }.footer-system { width:fit-content; margin-top:24px; padding:13px 16px; display:flex; align-items:center; gap:28px; border:1px solid rgba(255,255,255,.14); border-radius:12px; color:#fff; font-size:12px; font-weight:700; transition:background .25s,transform .25s; }.footer-system:hover { background:rgba(255,255,255,.08); transform:translateY(-2px); }
.footer-nav { display:grid; grid-template-columns:1fr 1fr; gap:28px; }.footer-nav > div { display:grid; align-content:start; gap:13px; }.footer-nav strong,.footer-contact > span { margin-bottom:4px; color:#d9e7f7; font-size:9px; letter-spacing:.15em; text-transform:uppercase; }.footer-nav a,.footer-nav button { width:fit-content; padding:0; border:0; background:transparent; color:#8095ad; text-align:left; font-size:12px; cursor:pointer; transition:color .25s,transform .25s; }.footer-nav a:hover,.footer-nav button:hover { color:#fff; transform:translateX(3px); }
.footer-contact { display:grid; align-content:start; }.footer-contact > span { margin-bottom:12px; }.footer-contact a { position:relative; padding:14px 36px 14px 0; display:grid; gap:4px; border-top:1px solid rgba(255,255,255,.1); }.footer-contact small { color:#6f849c; font-size:9px; }.footer-contact strong { color:#e7f0fa; font-size:13px; word-break:break-word; }.footer-contact i { position:absolute; right:3px; top:50%; translate:0 -50%; font-style:normal; color:#5bcfff; }.footer-bottom { position:relative; z-index:1; padding-top:22px; display:grid; gap:10px; border-top:1px solid rgba(255,255,255,.1); color:#61758c; font-size:10px; line-height:1.5; }.footer-bottom > span { min-width:0; }.footer-company-id { display:block; margin-top:2px; color:inherit; font-size:inherit; }

@keyframes stagePulse { 50%{transform:scale(1.08);opacity:.75} }
@keyframes stageOrbit { to{transform:rotate(360deg)} }
@keyframes phoneBreathe { 50%{margin-top:-7px} }
@keyframes screenScan { 0%,15%{transform:translateY(0);opacity:0} 30%{opacity:1} 70%{opacity:.6} 85%,100%{transform:translateY(450px);opacity:0} }
@keyframes pinPulse { 0%{box-shadow:0 0 0 0 rgba(255,139,24,.46)} 70%,100%{box-shadow:0 0 0 10px rgba(255,139,24,0)} }
@keyframes iconShine { 0%,45%{translate:-80px 0} 70%,100%{translate:80px 0} }
@keyframes ringDrift { to{transform:rotate(360deg)} }
@keyframes livePulse { 70%,100%{box-shadow:0 0 0 9px rgba(255,78,85,0)} }
@keyframes brandFloat { 50%{transform:translateY(-9px) rotate(1deg)} }
@keyframes securityScan { to{transform:rotate(360deg)} }
@keyframes ringSpin { to{transform:rotate(360deg)} }
@keyframes ctaLogoFloat { 50%{transform:translateY(-8px);box-shadow:0 0 0 16px rgba(255,255,255,.06),0 28px 60px rgba(0,25,75,.34),0 0 80px rgba(132,226,255,.38)} }

@media (min-width:700px) {
  .phone-stage { width:430px; }.phone-shell { width:300px;height:585px }.chip-online{left:18px}.chip-proof{right:15px}.chip-pdf{left:16px}
  .feature-bento { grid-template-columns:repeat(2,minmax(0,1fr)); }.bento-card.wide { grid-column:1/-1; }
  .motion-copy { left:50px;bottom:48px }.motion-hud{top:34px;left:38px;right:38px}
  .site-footer { padding-bottom:24px }.footer-main { grid-template-columns:1.15fr .85fr; }.footer-contact { grid-column:1/-1; grid-template-columns:repeat(3,1fr); gap:16px; }.footer-contact > span { grid-column:1/-1; }.footer-bottom { grid-template-columns:1fr 1fr; }.footer-company-id { display:inline;margin:0 }.footer-company-id::before { content:" · " }
}

@media (min-width:1024px) {
  .brand { width:72px;height:72px }.hero-visual { height:650px;margin-top:0 }.phone-stage { width:460px;transform:none }.phone-shell { width:310px;height:605px }.chip-online{left:26px;top:68px}.chip-proof{right:22px;top:186px}.chip-pdf{left:24px;bottom:74px}
  .experience-sticky { grid-template-columns:minmax(300px,1fr) 380px minmax(270px,1fr);grid-template-rows:1fr;gap:36px;padding:84px 6vw 28px;align-items:center }.experience-copy{align-self:center;max-width:450px}.experience-copy h2{font-size:clamp(43px,4.5vw,66px);margin:18px 0 12px}.experience-copy p{font-size:14px}.step-index{margin-top:20px}.experience-phone-wrap{width:370px;height:610px;align-self:center}.experience-phone{width:300px;height:570px;border-radius:45px}.demo-screen{border-radius:37px;padding:50px 21px 20px}.demo-slide{inset:51px 21px 20px}.demo-slide h3{font-size:20px;margin:9px 0 18px}.demo-field{padding:12px}.demo-field small{font-size:8px}.demo-field strong{font-size:11px}.demo-route{padding:12px}.demo-route small{font-size:7px}.demo-route b{font-size:9px}.photo-grid{gap:9px}.demo-note{margin-top:13px;padding:11px}.demo-vehicle .vehicle-inspection{height:135px}.signature-pad{height:145px}.experience-ring{width:650px;height:650px}.experience-steps{display:grid}
  .feature-bento { grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:330px;gap:16px }.feature-bento .bento-card{grid-column:span 4}.feature-bento .offline-card.wide{grid-column:span 7}.feature-bento .bento-card:nth-child(2){grid-column:span 5}.feature-bento .share-card.wide{grid-column:span 4}.feature-bento .bento-card:nth-child(6),.feature-bento .bento-card:nth-child(7){grid-column:span 6}
  .motion-frame{min-height:680px}.motion-frame>img{object-position:center}.motion-copy{left:70px;bottom:65px}
  .audience-orbit{width:480px;height:480px}.orbit-brand{width:148px;height:148px;padding:12px;border-radius:40px}
  .security-visual{min-height:620px}.shield-rings{width:240px;height:240px}.shield-rings b{width:132px;height:154px}.secure-chip{font-size:11px;min-width:156px;padding:11px 14px}.secure-chip.one{left:1%;top:17%}.secure-chip.two{right:0;top:45%}.secure-chip.three{left:9%;bottom:10%}
  .site-footer{padding:90px 6vw 30px}.footer-main{grid-template-columns:1.25fr .8fr .8fr;gap:6vw;padding-bottom:70px}.footer-logo>span{width:132px;height:132px;padding:10px;border-radius:32px}.footer-contact{grid-column:auto;display:grid;grid-template-columns:1fr;gap:0}.footer-contact>span{grid-column:auto}.footer-intro h2{font-size:47px}.footer-bottom{align-items:center}.footer-bottom span:last-child{text-align:right}
}

@media (min-width:1380px) { .phone-stage{width:490px}.phone-shell{width:322px;height:625px}.feature-bento{grid-auto-rows:350px} }

@media (max-width:480px) {
  .hero { padding-inline:18px;padding-bottom:55px }.hero-title{font-size:clamp(40px,12vw,52px)}.hero-lead{font-size:15px}.hero-visual{height:590px;margin-inline:-4px}.phone-stage{width:350px}.chip-online{left:10px}.chip-proof{right:12px}.chip-pdf{left:12px}.float-chip{font-size:9px}
  .experience-copy .eyebrow{font-size:9px}.experience-copy p{max-width:260px}.experience-ring{width:390px;height:390px}.experience-phone-wrap{height:460px}
  .motion-frame{min-height:610px}.motion-frame>img{object-position:72% center}.motion-shade{background:linear-gradient(180deg,rgba(1,8,20,.06),rgba(1,8,20,.12) 35%,rgba(1,8,20,.96) 76%),linear-gradient(90deg,rgba(1,8,20,.35),transparent)}.motion-copy{bottom:32px}.motion-copy h2{font-size:38px}.motion-hud small{display:none}
  .audience-panel{min-height:720px}.audience-orbit{width:300px;height:300px}.orbit-brand{width:104px;height:104px}
  .security{padding-top:76px}.security-inner{gap:34px}.security-visual{min-height:350px}.secure-chip{min-width:120px;padding:8px;font-size:8px}.secure-chip.one{left:0}.secure-chip.two{right:0}.secure-chip.three{left:5%}
  .final-cta{padding-inline:18px}.cta-logo{width:94px;height:94px}.cta-actions .button{width:100%}
  .footer-nav{gap:18px}.footer-contact strong{font-size:12px}
}

@media (max-width:360px) { .phone-stage{width:324px}.phone-shell{width:270px;height:540px}.hero-visual{height:565px}.chip-online{left:0}.chip-proof{right:0}.chip-pdf{left:2px}.experience-phone{width:228px;height:442px}.experience-phone-wrap{width:240px;height:440px}.demo-slide{inset-inline:13px}.experience-copy h2{font-size:29px}.secure-chip{min-width:110px}.site-footer{padding-inline:16px} }

@media (prefers-reduced-motion:reduce) { .phone-stage::before,.phone-stage::after,.phone-shell,.phone-screen::after,.damage-pin,.icon-box::after,.experience-ring,.motion-hud i,.orbit-brand,.security-scan,.shield-rings>span,.cta-logo{animation:none!important}.bento-card:hover{transform:none} }

/* Interaction and social proof refinements */
.app-head { grid-template-columns:42px minmax(0,1fr) auto; }
.app-brand-mark { width:40px; height:40px; padding:4px; display:grid; place-items:center; border:1px solid #d9e5f1; border-radius:12px; background:#fff; box-shadow:0 7px 16px rgba(20,55,94,.12); overflow:hidden; }
.app-brand-mark img { width:100%; height:100%; object-fit:contain; border-radius:0; filter:saturate(1.08) contrast(1.08); }

.customization-card,.team-card { isolation:isolate; }
.brand-preview,.team-preview { position:absolute; z-index:2; left:24px; right:24px; bottom:22px; border:1px solid var(--line); border-radius:16px; background:color-mix(in srgb,var(--surface-solid) 92%,transparent); box-shadow:0 16px 38px rgba(15,55,105,.1); overflow:hidden; }
.brand-preview { padding:13px; }
.brand-preview-head { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:9px; }
.brand-preview-head > span { width:38px; height:38px; padding:4px; display:grid; place-items:center; border-radius:11px; background:#fff; border:1px solid rgba(8,104,232,.12); }
.brand-preview-head img { width:100%; height:100%; object-fit:contain; }
.brand-preview-head div { display:grid; min-width:0; gap:2px; }
.brand-preview-head b { overflow:hidden; color:var(--text); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.brand-preview-head small { color:var(--muted); font-size:7px; }
.brand-preview-head i { width:19px; height:19px; display:grid; place-items:center; border-radius:50%; background:rgba(29,187,117,.13); color:#18a665; font-size:8px; font-style:normal; }
.brand-preview-line { height:4px; margin:10px 0; border-radius:9px; background:linear-gradient(90deg,#0868e8 0 58%,#04aeea 58% 78%,#ff9418 78%); }
.brand-swatches { display:flex; align-items:center; }
.brand-swatches span { width:18px; height:18px; margin-right:-3px; border:2px solid var(--surface-solid); border-radius:50%; background:#0868e8; }
.brand-swatches span:nth-child(2){background:#04aeea}.brand-swatches span:nth-child(3){background:#ff9418}.brand-swatches small{margin-left:auto;color:var(--muted);font-size:7px}
.team-preview { padding:5px 12px; }
.team-preview > div { display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:8px; padding:7px 0; border-bottom:1px solid var(--line); }
.team-preview > div:last-child { border-bottom:0; }
.team-preview > div > b { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:linear-gradient(145deg,#0868e8,#04aeea); color:#fff; font-size:7px; }
.team-preview > div:nth-child(2) > b{background:linear-gradient(145deg,#04aeea,#37c7ae)}.team-preview > div:nth-child(3) > b{background:linear-gradient(145deg,#ff9418,#ff6b35)}
.team-preview span { display:grid; gap:1px; min-width:0; }.team-preview strong{overflow:hidden;color:var(--text);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.team-preview small{color:var(--muted);font-size:6px}.team-preview i{padding:4px 6px;border-radius:99px;background:rgba(8,104,232,.09);color:var(--brand);font-size:6px;font-style:normal;font-weight:750}

.social-proof { position:relative; max-width:none; overflow:hidden; background:linear-gradient(180deg,var(--bg),var(--bg-soft)); }
.social-proof::before { content:""; position:absolute; width:620px; height:620px; right:-260px; top:-280px; border-radius:50%; background:radial-gradient(circle,rgba(33,140,255,.17),transparent 68%); pointer-events:none; }
.social-proof-head { position:relative; z-index:2; max-width:1280px; margin:0 auto 48px; display:flex; align-items:end; justify-content:space-between; gap:24px; }
.social-proof-head h2 { margin:18px 0 0; font:750 clamp(38px,7vw,67px)/1.02 "Praia Sans"; letter-spacing:-.055em; }.social-proof-head h2 em{color:var(--brand);font-style:normal}
.testimonial-controls { display:flex; gap:8px; flex:none; }.testimonial-controls button { width:48px; height:48px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:var(--surface-solid); color:var(--text); cursor:pointer; font-size:19px; box-shadow:0 10px 28px rgba(17,56,101,.08); transition:transform .25s,background .25s,color .25s; }.testimonial-controls button:hover{transform:translateY(-3px);background:var(--brand);color:#fff}
.testimonial-viewport { position:relative; z-index:2; max-width:1280px; margin:auto; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; }.testimonial-viewport::-webkit-scrollbar{display:none}
.testimonial-track { width:max-content; display:flex; gap:22px; padding:6px 4px 22px; }
.testimonial-phone { --wa-wall:#efeae2; --wa-pattern:rgba(87,98,91,.07); --wa-in:#fff; --wa-out:#d9fdd3; flex:0 0 clamp(292px,27vw,348px); height:618px; display:grid; grid-template-rows:24px 58px 1fr 48px 48px; overflow:hidden; scroll-snap-align:start; border:7px solid #101820; border-radius:34px; background:#f7f8fa; color:#111b21; box-shadow:0 32px 68px rgba(12,33,61,.18),inset 0 0 0 1px rgba(255,255,255,.2); transform:translateZ(0); }
[data-theme="dark"] .testimonial-phone { --wa-wall:#0b141a; --wa-pattern:rgba(255,255,255,.045); --wa-in:#202c33; --wa-out:#005c4b; color:#e9edef; border-color:#03070a; background:#111b21; box-shadow:0 35px 78px rgba(0,0,0,.38); }
.wa-status { padding:0 16px; display:flex; align-items:center; justify-content:space-between; background:#f7f8fa; color:#202c33; font-size:8px; font-weight:750; letter-spacing:.04em; }.wa-status span:last-child{font-size:7px}[data-theme="dark"] .wa-status{background:#111b21;color:#e9edef}
.wa-chat-head { padding:8px 10px; display:grid; grid-template-columns:38px 1fr 20px 16px; align-items:center; gap:8px; background:#008069; color:#fff; }.wa-chat-head > b { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(145deg,#61d7f0,#0868e8); font-size:12px; }.wa-chat-head > span{display:grid;gap:2px}.wa-chat-head strong{font-size:11px}.wa-chat-head small{font-size:7px;opacity:.78}.wa-chat-head i{font-size:15px;font-style:normal}[data-theme="dark"] .wa-chat-head{background:#202c33}
.wa-chat-body { position:relative; padding:17px 11px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; overflow:hidden; background-color:var(--wa-wall); background-image:radial-gradient(circle at 12px 12px,transparent 0 5px,var(--wa-pattern) 5.5px 6.5px,transparent 7px),linear-gradient(45deg,transparent 46%,var(--wa-pattern) 47% 49%,transparent 50%),linear-gradient(-45deg,transparent 46%,var(--wa-pattern) 47% 49%,transparent 50%); background-size:54px 54px,72px 72px,72px 72px; }
.wa-day { align-self:center; padding:5px 9px; border-radius:7px; background:rgba(255,255,255,.78); color:#54656f; box-shadow:0 1px 1px rgba(0,0,0,.08); font-size:6px; font-weight:700; }.wa-message { position:relative; z-index:1; max-width:88%; margin:0; padding:8px 9px 15px; border-radius:9px; background:var(--wa-in); color:inherit; box-shadow:0 1px 1px rgba(0,0,0,.11); font:500 9px/1.45 system-ui,sans-serif; }.wa-message.outgoing{align-self:flex-end;background:var(--wa-out)}.wa-message small{position:absolute;right:7px;bottom:4px;color:#667781;font-size:5px}.wa-message.outgoing small{color:#4f7466}.wa-message.testimonial-message{max-width:94%;padding:11px 11px 18px;font-size:10px;font-weight:650;line-height:1.5}
.wa-compose { padding:7px 9px; display:grid; grid-template-columns:20px 1fr 31px; align-items:center; gap:6px; background:var(--wa-wall); }.wa-compose > i{font-size:16px;font-style:normal;color:#667781}.wa-compose > span{padding:8px 11px;border-radius:19px;background:var(--wa-in);color:#87949b;font-size:8px}.wa-compose > b{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#00a884;color:#fff;font-size:10px}
.testimonial-phone footer { padding:8px 12px; display:grid; align-content:center; gap:2px; border-top:1px solid rgba(15,35,55,.08); background:var(--surface-solid); color:var(--text); }.testimonial-phone footer span{font-size:9px;font-weight:750}.testimonial-phone footer small{color:var(--muted);font-size:6px;text-transform:uppercase;letter-spacing:.08em}
.testimonial-dots { position:relative; z-index:2; max-width:1280px; margin:15px auto 0; display:flex; justify-content:center; gap:7px; }.testimonial-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:color-mix(in srgb,var(--muted) 30%,transparent);cursor:pointer;transition:width .3s,background .3s}.testimonial-dots button.active{width:28px;background:var(--brand)}
.testimonial-disclaimer { position:relative; z-index:2; margin:15px auto 0; max-width:1280px; color:var(--muted); text-align:center; font-size:9px; }

.shield-rings { border:0; background:radial-gradient(circle,rgba(35,170,241,.18),rgba(2,12,26,.92) 62%); box-shadow:0 0 0 1px rgba(89,210,255,.16),0 0 100px rgba(22,151,229,.25); }
.shield-rings b.security-emblem { position:relative; width:142px; height:138px; z-index:2; overflow:visible; display:grid; place-items:center; border:1px solid rgba(104,220,255,.72); border-radius:56px 56px 42px 42px; clip-path:none; background:linear-gradient(145deg,rgba(17,118,224,.88),rgba(4,29,66,.96)); box-shadow:inset 0 0 0 8px rgba(73,200,255,.06),inset 0 -28px 42px rgba(0,10,30,.25),0 22px 55px rgba(0,0,0,.32),0 0 38px rgba(66,202,255,.25); }
.shield-rings b.security-emblem::before { content:""; position:absolute; inset:11px; z-index:0; border:1px solid rgba(127,226,255,.28); border-radius:46px 46px 33px 33px; }
.shield-rings b.security-emblem::after { content:""; position:absolute; z-index:-1; width:38px; height:38px; left:50%; bottom:-13px; translate:-50% 0; rotate:45deg; border-right:1px solid rgba(104,220,255,.68); border-bottom:1px solid rgba(104,220,255,.68); border-radius:0 0 8px 0; background:linear-gradient(135deg,#0a4d9c,#061d42); box-shadow:10px 10px 30px rgba(0,0,0,.18); }
.shield-rings b.security-emblem > i.security-lock { position:relative; z-index:2; width:48px; height:40px; left:auto; top:9px; translate:none; display:block; border:4px solid #7ce1ff; border-radius:10px; box-shadow:0 0 22px rgba(84,214,255,.35),inset 0 0 16px rgba(72,205,255,.1); }
.shield-rings b.security-emblem > i.security-lock::before { content:""; position:absolute; width:28px; height:25px; left:6px; top:-28px; border:4px solid #7ce1ff; border-bottom:0; border-radius:17px 17px 0 0; }
.shield-rings b.security-emblem > i.security-lock::after { content:""; position:absolute; width:6px; height:13px; left:17px; top:10px; border-radius:5px; background:#7ce1ff; box-shadow:0 0 12px rgba(124,225,255,.65); }

.wa-trigger { background:#19b95f; }.wa-symbol { width:35px; height:35px; display:block; transform:none; filter:drop-shadow(0 3px 7px rgba(0,0,0,.15)); }

@media (min-width:700px) {
  .brand-preview,.team-preview{left:28px;right:28px}
  .social-proof-head,.testimonial-viewport,.testimonial-dots,.testimonial-disclaimer{max-width:1280px}
}

@media (min-width:1024px) {
  .customization-card,.team-card{padding-bottom:175px}
  .social-proof{padding-block:145px}
  .testimonial-phone{flex-basis:342px}
}

@media (max-width:699px) {
  .social-proof{padding-inline:20px}.social-proof-head{display:block;margin-bottom:32px}.testimonial-controls{justify-content:flex-end;margin-top:20px}.testimonial-controls button{width:42px;height:42px}.testimonial-viewport{margin-right:-20px}.testimonial-track{gap:14px;padding-right:20px}.testimonial-phone{flex-basis:min(306px,calc(100vw - 62px));height:586px}.testimonial-disclaimer{text-align:left;font-size:8px}.wa-chat-body{padding-top:13px}.customization-card,.team-card{min-height:350px;padding-bottom:164px}.brand-preview,.team-preview{left:22px;right:22px}.shield-rings b.security-emblem{width:116px;height:114px;border-radius:47px 47px 35px 35px}.shield-rings b.security-emblem>i.security-lock{scale:.82}.shield-rings b.security-emblem::after{width:32px;height:32px;bottom:-11px}
}

@media (prefers-reduced-motion:reduce) { .testimonial-viewport{scroll-behavior:auto}.testimonial-controls button:hover{transform:none} }

/* Scroll journey, real evidence, rescue interlude and security rebuild */
.experience { height: 360vh; height: 360svh; }
.demo-slide { transition: none; will-change: opacity,transform; backface-visibility: hidden; }
.evidence-gallery { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:5px; }
.evidence-gallery figure { position:relative; grid-column:span 2; aspect-ratio:1.25; min-width:0; margin:0; overflow:hidden; border:1px solid #dce6ef; border-radius:8px; background:#fff; box-shadow:0 4px 12px rgba(20,48,77,.07); }
.evidence-gallery figure:nth-child(n+4) { grid-column:span 3; aspect-ratio:1.7; }
.evidence-gallery img { width:100%; height:100%; padding:3px; display:block; object-fit:contain; background:#fff; }
.evidence-gallery figcaption { position:absolute; z-index:2; left:3px; right:3px; bottom:3px; min-height:15px; padding:3px 4px; display:flex; align-items:center; justify-content:space-between; gap:3px; border-radius:5px; color:#fff; background:linear-gradient(90deg,rgba(4,18,35,.9),rgba(4,18,35,.52)); font:700 5.5px/1 "Praia Sans",sans-serif; letter-spacing:.02em; }
.evidence-gallery figcaption i { width:11px; height:11px; display:grid; place-items:center; border-radius:50%; background:#20b973; color:#fff; font:700 6px/1 sans-serif; font-style:normal; }
.evidence-note { margin-top:7px; padding:7px 8px; }
.evidence-note > i { width:22px; height:18px; flex:0 0 auto; }
.evidence-note > i::before { width:6px; height:6px; left:5px; top:4px; }

:root {
  --rescue-sky-a:#68d1ff;
  --rescue-sky-b:#e6f8ff;
  --rescue-hill-a:#75acc2;
  --rescue-hill-b:#39778d;
  --rescue-road:#1f2b35;
  --rescue-line:#f4f6f8;
  --rescue-ui:rgba(255,255,255,.78);
  --rescue-ui-text:#12324a;
}
[data-theme="dark"] {
  --rescue-sky-a:#020817;
  --rescue-sky-b:#0b2341;
  --rescue-hill-a:#102c41;
  --rescue-hill-b:#071521;
  --rescue-road:#060b12;
  --rescue-line:#a9c0d0;
  --rescue-ui:rgba(5,17,31,.78);
  --rescue-ui-text:#d7edff;
}
.rescue-story { position:relative; padding:108px 0 82px; overflow:clip; border-block:1px solid var(--line); background:linear-gradient(180deg,var(--bg),var(--bg-soft) 48%,var(--bg)); color:var(--text); }
.rescue-story::before { content:""; position:absolute; width:70vw; height:70vw; left:-34vw; top:-48vw; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--brand) 13%,transparent),transparent 68%); pointer-events:none; }
.rescue-story-head { position:relative; z-index:2; max-width:1280px; margin:0 auto 46px; padding:0 6vw; }
.rescue-story-head > span { color:var(--brand); font:750 9px/1 "Praia Sans",sans-serif; letter-spacing:.16em; }
.rescue-story-head h2 { max-width:920px; margin:17px 0 17px; font:780 clamp(43px,6.6vw,82px)/.98 "Praia Sans",sans-serif; letter-spacing:-.06em; }
.rescue-story-head h2 em { color:var(--brand); font-style:normal; }
.rescue-story-head p { max-width:620px; margin:0; color:var(--muted); font-size:15px; line-height:1.65; }
.rescue-scroll-track { position:relative; height:260vh; height:260svh; }
.rescue-stage { position:sticky; top:var(--header-h); height:clamp(430px,calc(100svh - var(--header-h)),650px); overflow:hidden; isolation:isolate; background:linear-gradient(180deg,var(--rescue-sky-a),var(--rescue-sky-b)); box-shadow:0 32px 75px rgba(12,50,88,.14); transition:background .55s var(--ease); }
.rescue-atmosphere,.rescue-horizon,.rescue-road { position:absolute; inset:0; pointer-events:none; }
.rescue-atmosphere { z-index:0; background:linear-gradient(105deg,rgba(255,255,255,.16),transparent 43%); }
.rescue-atmosphere::before { content:""; position:absolute; left:-4%; right:-4%; top:29%; height:76px; opacity:.46; background:radial-gradient(ellipse at 14% 62%,rgba(255,255,255,.72) 0 5%,transparent 5.4%),radial-gradient(ellipse at 19% 48%,rgba(255,255,255,.58) 0 7%,transparent 7.5%),radial-gradient(ellipse at 69% 45%,rgba(255,255,255,.52) 0 5%,transparent 5.5%),radial-gradient(ellipse at 74% 60%,rgba(255,255,255,.68) 0 7%,transparent 7.5%); filter:blur(2px); transition:opacity .5s; }
.rescue-atmosphere::after { content:""; position:absolute; width:190px; height:38px; left:13%; top:30%; border-radius:99px; background:rgba(255,255,255,.42); filter:blur(12px); opacity:.72; transition:opacity .5s; }
.rescue-atmosphere > span { position:absolute; inset:0; opacity:0; background-image:radial-gradient(circle at 8% 18%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 21% 42%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 38% 14%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 57% 31%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 76% 12%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 91% 38%,#fff 0 1px,transparent 1.5px); transition:opacity .5s; }
.rescue-clouds { position:absolute; z-index:2; inset:0 -12%; opacity:.34; overflow:hidden; pointer-events:none; mix-blend-mode:screen; will-change:transform; transition:opacity .5s; }
.rescue-clouds > span { position:absolute; width:38vw; height:26px; border-radius:50%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.58) 28% 70%,transparent); filter:blur(12px); animation:cloudSail 18s ease-in-out infinite alternate; }
.rescue-clouds > span:first-child { left:5%; top:31%; }.rescue-clouds > span:nth-child(2) { left:46%; top:18%; width:27vw; opacity:.62; animation-delay:-6s; }.rescue-clouds > span:nth-child(3) { right:1%; top:38%; width:32vw; opacity:.54; animation-delay:-11s; }
.rescue-sun,.rescue-moon { position:absolute; right:10vw; top:48px; width:72px; height:72px; border-radius:50%; transition:opacity .5s,transform .7s var(--ease); }
.rescue-sun { background:#fff7bf; box-shadow:0 0 0 18px rgba(255,244,164,.14),0 0 90px rgba(255,214,84,.48); }
.rescue-moon { opacity:0; background:#dcecff; box-shadow:0 0 0 14px rgba(174,216,255,.08),0 0 75px rgba(93,167,255,.24); transform:translateY(12px); }
[data-theme="dark"] .rescue-atmosphere::after { opacity:0; }
[data-theme="dark"] .rescue-atmosphere::before { opacity:.08; }
[data-theme="dark"] .rescue-atmosphere > span { opacity:.82; }
[data-theme="dark"] .rescue-clouds { opacity:.12; }
[data-theme="dark"] .rescue-sun { opacity:0; transform:translateY(12px); }
[data-theme="dark"] .rescue-moon { opacity:1; transform:none; }
.rescue-horizon { z-index:1; inset:-3% -4% 94px; overflow:hidden; background-image:linear-gradient(180deg,rgba(105,199,234,.04),transparent 44%,rgba(26,67,43,.12)),url('../images/rescue-landscape.webp'); background-size:cover; background-position:center 54%; filter:saturate(.96) contrast(1.025); will-change:transform,filter; transition:filter .6s var(--ease); }
.rescue-horizon::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(224,247,255,.06),transparent 45%,rgba(22,58,35,.11) 82%,rgba(12,34,22,.24)); pointer-events:none; }
.rescue-horizon::after { content:""; position:absolute; left:0; right:0; bottom:0; height:22%; background:linear-gradient(180deg,transparent,rgba(15,44,25,.22)); pointer-events:none; }
[data-theme="dark"] .rescue-horizon { background-image:linear-gradient(180deg,rgba(6,20,46,.03),transparent 48%,rgba(2,12,21,.12)),url('../images/rescue-landscape-night.webp'); filter:brightness(.94) saturate(.92) contrast(1.045); }
[data-theme="dark"] .rescue-horizon::before { background:linear-gradient(180deg,rgba(1,8,20,.03),rgba(2,12,25,.06) 58%,rgba(1,8,14,.2)); }
[data-theme="dark"] .rescue-horizon::after { background:linear-gradient(180deg,transparent,rgba(1,7,12,.16)); }
.rescue-km-marker { position:absolute; z-index:4; right:8.5%; bottom:139px; width:34px; height:58px; padding-top:7px; display:grid; justify-items:center; align-content:start; border:2px solid rgba(255,255,255,.82); border-radius:7px 7px 3px 3px; color:#fff; background:linear-gradient(180deg,#1676cd,#06498f); box-shadow:0 8px 15px rgba(0,0,0,.18); font-style:normal; }
.rescue-km-marker small { font:750 6px/1 "Praia Sans",sans-serif; letter-spacing:.1em; }.rescue-km-marker b { margin-top:5px; font:800 14px/1 "Praia Sans",sans-serif; }
.rescue-roadside { position:absolute; z-index:2; left:0; right:0; bottom:104px; height:68px; pointer-events:none; opacity:.92; }
.rescue-roadside::before { content:""; position:absolute; left:-2%; right:-2%; bottom:22px; height:7px; border-radius:3px; background:linear-gradient(180deg,#cbd4da,#68747d 58%,#3e4950); box-shadow:0 5px 7px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.78); }
.rescue-roadside::after { content:""; position:absolute; inset:auto 0 0; height:36px; background:repeating-linear-gradient(90deg,transparent 0 113px,#68737a 113px 118px,transparent 118px 177px); opacity:.92; }
.rescue-roadside > span { position:absolute; z-index:2; left:0; right:0; bottom:25px; height:3px; background:repeating-linear-gradient(90deg,transparent 0 75px,#fff5b6 75px 87px,transparent 87px 174px); filter:drop-shadow(0 0 3px rgba(255,216,96,.55)); }
.rescue-roadside > i { position:absolute; left:0; right:0; bottom:-5px; height:25px; background:repeating-linear-gradient(77deg,transparent 0 8px,rgba(37,91,55,.38) 8px 10px,transparent 10px 17px),linear-gradient(180deg,rgba(29,61,38,.32),transparent); }
.rescue-road { z-index:3; top:auto; height:128px; bottom:0; background:radial-gradient(circle at 14% 23%,rgba(255,255,255,.05) 0 .8px,transparent 1px),radial-gradient(circle at 71% 62%,rgba(255,255,255,.035) 0 .7px,transparent .9px),repeating-linear-gradient(102deg,rgba(255,255,255,.018) 0 2px,transparent 2px 11px),linear-gradient(180deg,color-mix(in srgb,var(--rescue-road) 76%,#fff),var(--rescue-road) 24%); background-size:13px 17px,19px 23px,auto,auto; transition:background .5s; }
.rescue-road::before { content:""; position:absolute; left:0; right:0; top:0; height:4px; background:rgba(255,255,255,.2); box-shadow:0 -5px 18px rgba(0,0,0,.12); }
.rescue-road::after { content:""; position:absolute; left:0; right:0; top:22px; height:2px; background:rgba(255,255,255,.64); box-shadow:0 1px rgba(0,0,0,.16); }
.rescue-road > span { position:absolute; left:-5%; right:-5%; top:68%; height:5px; background:repeating-linear-gradient(90deg,var(--rescue-line) 0 72px,transparent 72px 122px); opacity:.78; transform:skewX(-18deg); }
.rescue-road > i { position:absolute; left:-4%; right:-4%; top:18px; height:9px; background:repeating-linear-gradient(90deg,transparent 0 84px,rgba(255,210,92,.88) 84px 91px,transparent 91px 168px); filter:drop-shadow(0 0 4px rgba(255,194,45,.42)); opacity:.48; }
.rescue-telemetry { position:absolute; z-index:12; top:19px; left:6vw; right:6vw; display:flex; gap:8px; }
.rescue-telemetry > span { padding:9px 12px; display:flex; align-items:center; gap:8px; border:1px solid rgba(255,255,255,.32); border-radius:99px; color:var(--rescue-ui-text); background:var(--rescue-ui); backdrop-filter:blur(12px); box-shadow:0 8px 24px rgba(8,35,60,.08); font:700 9px/1 "Praia Sans",sans-serif; opacity:.46; transform:translateY(3px); transition:opacity .3s,transform .3s,background .5s,color .5s; }
.rescue-telemetry i { width:21px; height:21px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--brand); font:750 7px/1 "Praia Sans",sans-serif; font-style:normal; }
.rescue-telemetry > span.active { opacity:1; transform:none; }
.rescue-scroll-hint { position:absolute; z-index:12; top:28px; right:6vw; display:flex; align-items:center; gap:8px; color:var(--rescue-ui-text); font:750 8px/1 "Praia Sans",sans-serif; letter-spacing:.13em; text-transform:uppercase; transition:opacity .3s,transform .3s; }
.rescue-scroll-hint i { width:24px; height:24px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.42); border-radius:50%; background:var(--rescue-ui); font-style:normal; animation:rescueHint 1.5s ease-in-out infinite; }
.rescue-stage:not([data-phase="call"]) .rescue-scroll-hint { opacity:0; transform:translateY(-4px); }
.scene-car,.scene-truck { position:absolute; z-index:8; left:0; height:auto; will-change:transform; }
.scene-car { z-index:9; isolation:isolate; width:clamp(190px,17vw,260px); aspect-ratio:1100/348; bottom:54px; transform:translate3d(16vw,0,0); filter:drop-shadow(0 10px 8px rgba(0,0,0,.2)); }
.scene-truck { width:clamp(360px,31vw,480px); aspect-ratio:1100/350; bottom:42px; transform:translate3d(-520px,0,0); filter:drop-shadow(0 15px 11px rgba(0,0,0,.27)); }
.scene-car::after { content:""; position:absolute; z-index:0; left:7%; right:5%; bottom:-1px; height:7px; border-radius:50%; background:rgba(2,8,12,.62); filter:blur(4px); opacity:var(--deck-contact,0); transform:translateY(1px) scaleX(.96); transition:opacity .16s linear; }
.scene-car img,.scene-truck img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; pointer-events:none; user-select:none; }
[data-theme="dark"] .scene-car img { filter:brightness(1.12) contrast(1.04); }
[data-theme="dark"] .scene-truck img { filter:brightness(.94) contrast(1.08) saturate(.96); }
.truck-beacon-glow { position:absolute; z-index:-1; left:72.5%; top:-2%; width:7%; aspect-ratio:1; border-radius:50%; background:#ff9c2d; filter:blur(8px); box-shadow:0 0 24px 10px rgba(255,143,27,.48); animation:beaconFlash 1.1s steps(2,end) infinite; }
.winch-line { position:absolute; z-index:7; left:0; bottom:104px; width:0; height:2px; border-radius:99px; background:linear-gradient(90deg,#dbe8ee,#688195); opacity:0; transform-origin:left center; will-change:left,bottom,width,opacity,transform; box-shadow:0 1px 2px rgba(0,0,0,.3); }
.winch-line > i { position:absolute; left:-5px; top:-4px; width:9px; height:9px; border:2px solid #dce7ed; border-radius:50%; }
.rescue-meter { position:absolute; z-index:13; left:6vw; right:6vw; bottom:18px; height:2px; overflow:hidden; background:rgba(255,255,255,.18); }
.rescue-meter > span { display:block; width:100%; height:100%; background:linear-gradient(90deg,#56d7ff,#0871e8,#ff9919); transform:scaleX(0); transform-origin:left; will-change:transform; }
.rescue-story-foot { max-width:1280px; margin:26px auto 0; padding:0 6vw; display:flex; align-items:center; gap:14px; color:var(--muted); font:700 9px/1 "Praia Sans",sans-serif; letter-spacing:.11em; text-transform:uppercase; }
.rescue-story-foot i { flex:1; height:1px; background:linear-gradient(90deg,var(--line),var(--brand),var(--line)); opacity:.7; }
@keyframes beaconFlash { 50% { opacity:.42; box-shadow:0 0 0 8px rgba(255,153,25,0),0 0 8px rgba(255,153,25,.35); } }
@keyframes rescueHint { 50% { transform:translateY(3px); } }
@keyframes cloudSail { to { translate:42px 3px; opacity:.72; } }

.testimonial-phone { grid-template-rows:24px 58px 1fr 48px 43px; }
.wa-chat-body { background-color:var(--wa-wall); background-image:url('../images/whatsapp-background-light.webp'); background-repeat:repeat-y; background-position:center top; background-size:100% auto; }
[data-theme="dark"] .wa-chat-body { background-image:url('../images/whatsapp-background-dark.webp'); }
[data-theme="dark"] .wa-chat-body::before { content:""; position:absolute; z-index:0; inset:0; background:rgba(5,13,19,.46); pointer-events:none; }
.wa-day { position:relative; z-index:1; }
.testimonial-phone footer { display:flex; align-items:center; padding-inline:13px; }
.testimonial-phone footer span { font-size:9px; }

.security { background:radial-gradient(circle at 24% 48%,rgba(8,104,232,.25),transparent 31%),linear-gradient(145deg,#020916,#06162a 58%,#031020); }
.security-visual { min-height:500px; }
.shield-rings { width:clamp(238px,32vw,330px); height:clamp(238px,32vw,330px); border-color:rgba(82,207,255,.22); background:radial-gradient(circle,rgba(21,151,234,.18),rgba(2,11,25,.88) 62%,transparent 63%); box-shadow:0 0 0 1px rgba(94,211,255,.08),0 0 120px rgba(20,145,229,.27); }
.shield-rings > b.security-art { position:relative; z-index:3; width:82%; height:82%; padding:0; display:block; overflow:hidden; border:1px solid rgba(104,218,255,.38); border-radius:34%; clip-path:none; background:#04132b; box-shadow:0 26px 70px rgba(0,0,0,.45),0 0 42px rgba(49,190,255,.23); color:inherit; text-shadow:none; animation:securityHover 5s ease-in-out infinite; }
.security-art img { width:100%; height:100%; display:block; object-fit:cover; transform:scale(1.035); filter:saturate(1.08) contrast(1.05); }
.security-art::before { content:""; position:absolute; z-index:2; inset:0; border-radius:inherit; background:linear-gradient(115deg,transparent 20%,rgba(116,228,255,.28) 45%,transparent 67%); transform:translateX(-130%); animation:securitySweep 4.8s ease-in-out infinite; pointer-events:none; }
.security-art::after { content:""; position:absolute; z-index:3; inset:8px; border:1px solid rgba(151,235,255,.14); border-radius:31%; pointer-events:none; }
.shield-rings > b.security-art > i { position:absolute; z-index:4; width:auto; height:1px; left:10%; right:10%; top:14%; translate:none; border:0; border-radius:99px; background:#69e2ff; box-shadow:0 0 9px #4ccfff,0 0 24px rgba(73,208,255,.8); animation:securityBeam 3.4s ease-in-out infinite; }
.shield-rings > b.security-art > i::before,.shield-rings > b.security-art > i::after { content:none; }
.security-scan { inset:0; background:conic-gradient(from 0deg,transparent 0 72%,rgba(54,198,255,.16) 83%,transparent 91%),repeating-radial-gradient(circle,rgba(73,197,255,.08) 0 1px,transparent 2px 38px); }
.secure-chip { z-index:6; }
@keyframes securityHover { 50% { transform:translateY(-9px) scale(1.018); box-shadow:0 36px 85px rgba(0,0,0,.5),0 0 65px rgba(49,190,255,.34); } }
@keyframes securitySweep { 45%,100% { transform:translateX(130%); } }
@keyframes securityBeam { 0%,100% { top:16%; opacity:0; } 14%,84% { opacity:1; } 72% { top:82%; } }

@media (min-width:700px) {
  .rescue-story-head,.rescue-story-foot { padding-inline:7vw; }
  .rescue-telemetry { left:7vw; right:7vw; }
  .rescue-scroll-hint { right:7vw; }
  .rescue-meter { left:7vw; right:7vw; }
  .evidence-gallery { gap:7px; }
  .evidence-gallery figcaption { min-height:18px; padding:4px 5px; font-size:6.5px; }
}

@media (max-width:699px) {
  .experience { height:340vh; height:340svh; }
  .experience-copy h2 { margin-bottom:12px; }
  .audience { padding-inline:16px; }
  .audience-panel { min-height:auto; padding:44px 20px 52px; grid-template-columns:minmax(0,1fr); gap:48px; }
  .audience-copy { width:100%; min-width:0; }
  .audience-copy h2 { max-width:100%; margin:18px 0; font-size:clamp(31px,9.6vw,42px); line-height:1.02; letter-spacing:-.048em; text-wrap:balance; }
  .audience-copy > p { font-size:13px; line-height:1.65; }
  .audience-copy .button { width:100%; max-width:100%; min-width:0; min-height:56px; margin-top:23px; padding:12px; gap:9px; white-space:normal; text-align:center; font-size:11.5px; line-height:1.25; }
  .audience-copy .button span { flex:0 0 auto; }
  .audience-orbit { width:min(250px,68vw); height:min(250px,68vw); }
  .audience-orbit .orbit-three { inset:-7%; }
  .orbit-brand { width:96px; height:96px; padding:8px; border-radius:27px; }
  .evidence-gallery { gap:4px; }
  .evidence-gallery figure { border-radius:7px; }
  .evidence-note { margin-top:6px; }
  .rescue-story { padding:76px 0 62px; }
  .rescue-story-head { margin-bottom:34px; padding-inline:20px; }
  .rescue-story-head h2 { margin-block:14px; font-size:clamp(39px,12vw,54px); }
  .rescue-story-head p { font-size:13px; }
  .rescue-scroll-track { height:290vh; height:290svh; }
  .rescue-stage { --rescue-mobile-road-h:clamp(176px,22.5svh,196px); height:calc(100svh - var(--header-h)); min-height:520px; max-height:none; }
  .rescue-sun,.rescue-moon { right:24px; top:55px; width:52px; height:52px; }
  .rescue-clouds { inset:0 -38%; opacity:.2; }
  .rescue-clouds > span { width:72vw; }
  .rescue-horizon { inset:-2.5% -12% calc(var(--rescue-mobile-road-h) - 30px); background-size:auto 100%; background-position:49% center; }
  .rescue-km-marker { display:none; }
  .rescue-roadside { bottom:calc(var(--rescue-mobile-road-h) - 31px); height:58px; }
  .rescue-roadside::after { background:repeating-linear-gradient(90deg,transparent 0 72px,#68737a 72px 76px,transparent 76px 116px); }
  .rescue-roadside > span { background:repeating-linear-gradient(90deg,transparent 0 48px,#fff5b6 48px 57px,transparent 57px 114px); }
  .rescue-road { height:var(--rescue-mobile-road-h); }
  .rescue-road > span { top:62%; height:4px; background-size:auto; }
  .rescue-telemetry { left:14px; right:68px; top:14px; }
  .rescue-telemetry > span { display:none; width:max-content; padding:8px 10px; font-size:8px; }
  .rescue-stage[data-phase="call"] .rescue-telemetry [data-rescue-phase="call"],
  .rescue-stage[data-phase="recovery"] .rescue-telemetry [data-rescue-phase="recovery"],
  .rescue-stage[data-phase="destination"] .rescue-telemetry [data-rescue-phase="destination"] { display:flex; }
  .rescue-scroll-hint { top:16px; right:14px; gap:0; font-size:0; }
  .scene-car { width:clamp(104px,31vw,140px); bottom:calc(var(--rescue-mobile-road-h) - 72px); }
  .scene-truck { width:clamp(196px,58vw,260px); bottom:calc(var(--rescue-mobile-road-h) - 80px); }
  .rescue-viewport-active .back-to-top { opacity:0; pointer-events:none; transform:translateX(80px) scale(.8); }
  .winch-line { bottom:218px; }
  .rescue-meter { left:18px; right:18px; bottom:14px; }
  .rescue-story-foot { padding-inline:20px; gap:8px; font-size:6.5px; letter-spacing:.07em; }
  .rescue-story-foot i { min-width:14px; }
  .security-visual { min-height:460px; }
  .shield-rings { width:224px; height:224px; }
  .secure-chip.one { left:0; top:8%; }.secure-chip.two { right:0; top:48%; }.secure-chip.three { left:3%; bottom:4%; }
  .testimonial-phone { height:574px; }
}

@media (max-width:360px) {
  .audience { padding-inline:12px; }.audience-panel { padding:40px 17px 48px; }.audience-copy h2 { font-size:30px; }.audience-copy .button { padding-inline:9px; font-size:10.5px; }.audience-orbit { width:min(230px,68vw); height:min(230px,68vw); }
  .rescue-story-head { padding-inline:16px; }.rescue-story-head h2 { font-size:39px; }.rescue-scroll-track { height:300vh; height:300svh; }.rescue-story-foot { padding-inline:16px; }.rescue-story-foot span { white-space:nowrap; }
  .shield-rings { width:205px; height:205px; }.security-visual { min-height:430px; }.secure-chip { min-width:105px; font-size:7px; padding:7px 8px; }.secure-chip > i { width:20px; height:20px; }
}

@media (prefers-reduced-motion:reduce) {
  .rescue-scroll-track { height:auto; }
  .rescue-stage { position:relative; top:auto; }
  .truck-beacon-glow,.rescue-scroll-hint i,.rescue-clouds>span,.security-art,.security-art::before,.security-art > i { animation:none!important; }
  .scene-car,.scene-truck,.winch-line,.rescue-meter > span { will-change:auto; }
}