/* ═══════════════════════════════════════════════════════════════
   PETROCAR MOBILITY — styles.css
   1. Fontes   2. Tokens   3. Base   4. Chrome
   5. Hero     6. Seções   7. Componentes   8. Motion/Responsivo
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. FONTES (self-hosted) ───────────────────────────────── */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/manrope-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/manrope-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/manrope-latin-ext-800-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/manrope-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/space-grotesk-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/space-grotesk-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/space-grotesk-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/space-grotesk-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/space-grotesk-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/space-grotesk-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── 2. TOKENS ─────────────────────────────────────────────── */
:root{
  --ink:#070B0F;
  --night:#0C1319;
  --steel:#131C24;
  --steel-2:#1A252F;
  --deep:#0A3D91;
  --deep-2:#0C4FB4;
  --electric:#009FE3;
  --electric-2:#5CD0FF;
  --paper:#F4F7FA;
  --paper-2:#E8EFF4;
  --graphite:#23272A;
  --muted:#69757E;

  --on-dark:rgba(255,255,255,.72);
  --on-dark-soft:rgba(255,255,255,.52);
  --hair-dark:rgba(255,255,255,.11);
  --hair-light:rgba(12,19,25,.11);

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:44px; --s8:60px; --s9:80px; --s10:112px;

  --max:1240px;
  --pad:clamp(20px,5vw,64px);
  --sec-y:clamp(84px,10.5vw,152px);
  --r-sm:12px; --r-md:18px; --r-lg:26px; --r-xl:34px;

  --f-disp:"Space Grotesk","Manrope",system-ui,sans-serif;
  --f-body:"Manrope",system-ui,-apple-system,sans-serif;

  --e-out:cubic-bezier(.22,.75,.18,1);
  --e-soft:cubic-bezier(.33,1,.68,1);

  --brand-bg:linear-gradient(165deg,var(--electric) 0%,#0C7FD6 38%,var(--deep-2) 72%,var(--deep) 100%);
}

/* ── 3. BASE ───────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html:focus-within{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--f-body);font-size:16px;line-height:1.6;font-weight:450;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
}
body.is-locked{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul{margin:0;padding:0;list-style:none}
::selection{background:var(--electric);color:#fff}
:focus-visible{outline:2px solid var(--electric-2);outline-offset:3px;border-radius:4px}

/* ícones: viewBox no <symbol> e no <svg> — nunca cortam */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{
  display:block;width:20px;height:20px;flex:none;overflow:visible;
  fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.ic-lg{width:30px;height:30px;stroke-width:1.45}

.skip{position:fixed;top:-100px;left:16px;z-index:200;padding:12px 18px;
  background:#fff;color:var(--deep);border-radius:10px;font-size:13px;font-weight:700}
.skip:focus{top:16px}

.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}

.display{font-family:var(--f-disp);font-weight:600;line-height:1.03;letter-spacing:-.042em}
h1.display{font-size:clamp(2.35rem,5.2vw,4.05rem);line-height:1;letter-spacing:-.048em}
h2.display{font-size:clamp(1.95rem,4.1vw,3.25rem)}
h3{font-family:var(--f-disp);font-size:clamp(1.15rem,1.55vw,1.4rem);line-height:1.2}

.lead{font-size:clamp(1rem,1.2vw,1.13rem);line-height:1.68;max-width:56ch}
.p-lg{font-size:clamp(1.02rem,1.25vw,1.19rem);line-height:1.62;color:var(--graphite)}

/* ── 4. CHROME ─────────────────────────────────────────────── */
.loader{position:fixed;inset:0;z-index:300;display:grid;place-content:center;gap:26px;
  background:var(--brand-bg);transition:opacity .55s var(--e-out),visibility .55s}
.loader.done{opacity:0;visibility:hidden}
.loader-mark img{width:78px;height:78px;animation:pulse 1.5s var(--e-soft) infinite}
.loader-bar{width:132px;height:2px;background:rgba(255,255,255,.24);border-radius:2px;overflow:hidden}
.loader-bar i{display:block;height:100%;width:0;background:#fff;transition:width .3s linear}
@keyframes pulse{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}

.scrollbar{position:fixed;top:0;left:0;right:0;height:2px;z-index:95;pointer-events:none}
.scrollbar i{display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--deep-2),var(--electric),var(--electric-2))}

.hd{
  position:fixed;z-index:90;top:14px;left:50%;transform:translateX(-50%);
  width:min(calc(100% - 24px),var(--max));height:68px;padding:0 12px 0 18px;
  display:flex;align-items:center;gap:var(--s5);
  border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);
  background:rgba(10,40,95,.5);backdrop-filter:blur(20px) saturate(1.4);
  -webkit-backdrop-filter:blur(20px) saturate(1.4);color:#fff;
  transition:transform .45s var(--e-out),background .45s var(--e-out),
             border-color .45s var(--e-out),box-shadow .45s var(--e-out);
}
.hd.sticky{background:rgba(7,28,68,.82);border-color:rgba(255,255,255,.18);
  box-shadow:0 18px 44px rgba(4,20,50,.35)}
.hd.hide{transform:translateX(-50%) translateY(-140%)}
.hd-brand img{width:136px;height:auto}
.hd-nav{display:none;margin-inline:auto;gap:var(--s6);font-size:13.5px;font-weight:600}
.hd-nav a{position:relative;color:rgba(255,255,255,.66);transition:color .3s var(--e-out)}
.hd-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1.5px;
  background:var(--electric-2);transition:right .4s var(--e-out)}
.hd-nav a:hover{color:#fff}
.hd-nav a:hover::after{right:0}
.hd-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.hd-cta{display:none;padding:12px 18px;border-radius:var(--r-sm);
  background:#fff;color:var(--deep);font-size:12.5px;font-weight:800;
  transition:background .3s var(--e-out),color .3s var(--e-out),box-shadow .3s}
.hd-cta:hover{background:var(--electric);color:#fff;box-shadow:0 10px 26px rgba(0,163,232,.34)}
.burger{width:44px;height:44px;display:grid;place-content:center;gap:6px;
  border:1px solid rgba(255,255,255,.16);border-radius:var(--r-sm)}
.burger i{display:block;width:17px;height:1.6px;background:#fff;border-radius:2px;
  transition:transform .38s var(--e-out)}
.burger[aria-expanded="true"] i:first-child{transform:translateY(3.8px) rotate(45deg)}
.burger[aria-expanded="true"] i:last-child{transform:translateY(-3.8px) rotate(-45deg)}
@media (min-width:1024px){.hd-nav{display:flex}.hd-cta{display:inline-flex}.burger{display:none}}

.menu{position:fixed;inset:0;z-index:85;display:flex;flex-direction:column;
  justify-content:center;gap:var(--s8);padding:112px var(--pad) var(--s8);
  background:var(--brand-bg);opacity:0;transition:opacity .4s var(--e-out)}
.menu[hidden]{display:none}
.menu.open{opacity:1}
@media (min-width:1024px){.menu{display:none}}
.menu nav{display:flex;flex-direction:column}
.menu nav a{padding:var(--s5) 0;border-bottom:1px solid var(--hair-dark);color:#fff;
  font-family:var(--f-disp);font-size:clamp(1.7rem,8vw,2.3rem);letter-spacing:-.04em;
  opacity:0;transform:translateY(14px);
  transition:opacity .45s var(--e-out),transform .45s var(--e-out)}
.menu.open nav a{opacity:1;transform:none}
.menu-foot .btn{width:100%}

/* ── 5. HERO ───────────────────────────────────────────────── */
.hero{position:relative;isolation:isolate;padding:clamp(128px,15vh,168px) 0 var(--s7);
  background:var(--brand-bg);color:#fff;overflow:hidden}
.hero-bg,.final-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero-bg i,.final-bg i{position:absolute;display:block}
.glow-a{width:60vw;height:60vw;max-width:820px;max-height:820px;right:-14vw;top:-16vw;
  background:radial-gradient(circle,rgba(255,255,255,.22),transparent 62%);filter:blur(28px)}
.glow-b{width:44vw;height:44vw;max-width:600px;max-height:600px;left:-16vw;bottom:-18vw;
  background:radial-gradient(circle,rgba(6,32,79,.55),transparent 66%);filter:blur(24px)}
.glow-c{width:70vw;height:70vw;max-width:900px;max-height:900px;left:50%;top:44%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.14),transparent 60%);filter:blur(30px)}
.mesh{inset:0;opacity:.5;
  background-image:linear-gradient(var(--hair-dark) 1px,transparent 1px),
                   linear-gradient(90deg,var(--hair-dark) 1px,transparent 1px);
  background-size:88px 88px;
  -webkit-mask-image:radial-gradient(ellipse 70% 62% at 50% 42%,#000,transparent 78%);
          mask-image:radial-gradient(ellipse 70% 62% at 50% 42%,#000,transparent 78%)}

.hero-wrap{display:grid;grid-template-columns:1fr;gap:var(--s9);align-items:center}
.hero h1{margin:0 0 var(--s5)}
.hero .ln{display:block;overflow:hidden}
.hero .ln>span{display:block;transform:translateY(105%);transition:transform .95s var(--e-out)}
.hero.ready .ln>span{transform:none}
.hero.ready .ln:nth-child(2)>span{transition-delay:.09s}
.hero.ready .ln:nth-child(3)>span{transition-delay:.18s}
.hero .lead{color:var(--on-dark)}

.hero-act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s5);margin-top:var(--s7)}
.hero-act>p{max-width:34ch;font-size:12.5px;line-height:1.55;color:var(--on-dark-soft)}
.hero-trust{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s6);
  margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--hair-dark)}
.hero-trust li{display:flex;align-items:center;gap:10px;
  font-size:12.5px;font-weight:600;color:var(--on-dark-soft)}
.hero-trust .ic{width:18px;height:18px;color:var(--electric-2)}

.hero-media{position:relative;padding-bottom:var(--s8)}
.frame{position:relative;margin:0;overflow:hidden;border-radius:var(--r-lg);
  border:1px solid rgba(255,255,255,.13);background:var(--steel);
  box-shadow:0 34px 80px -24px rgba(0,0,0,.6)}
.frame img{width:100%;height:100%;object-fit:cover}
.frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 52%,rgba(4,10,16,.4))}
.frame-main{width:80%;aspect-ratio:4/5}
.frame-main img{object-position:56% 45%}
.frame-sub{position:absolute;right:0;top:29%;width:46%;aspect-ratio:1/1;z-index:2}
.chip{position:absolute;left:0;bottom:0;z-index:3;display:flex;align-items:flex-start;gap:12px;
  width:min(300px,80%);padding:15px 17px;border-radius:var(--r-md);
  background:rgba(255,255,255,.95);color:var(--graphite);box-shadow:0 22px 54px rgba(0,0,0,.34)}
.chip .ic{color:var(--electric);margin-top:2px}
.chip strong{display:block;font-family:var(--f-disp);font-size:15px;letter-spacing:-.02em}
.chip span{display:block;margin-top:3px;font-size:11.5px;line-height:1.45;color:var(--muted)}

.hero-bottom{display:flex;flex-wrap:wrap;gap:var(--s4);justify-content:space-between;
  align-items:center;margin-top:var(--s8);padding-top:var(--s5);
  border-top:1px solid var(--hair-dark);font-size:12.5px;color:var(--on-dark-soft)}
.hero-bottom a{display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:700}
.hero-bottom .ic{width:17px;height:17px;transition:transform .4s var(--e-out)}
.hero-bottom a:hover .ic{transform:translateY(3px)}

/* ── 6. SEÇÕES ─────────────────────────────────────────────── */
.sec{padding-block:var(--sec-y)}
.sec-light{background:var(--paper);color:var(--ink)}
.sec-dark{background:var(--brand-bg);color:#fff}
.sec-deep{background:var(--brand-bg);color:#fff}
.sec-head{max-width:920px;margin-bottom:var(--s9)}
.sec-head-center{margin-inline:auto;text-align:center;max-width:820px}
.sec-sub{margin:var(--s5) auto 0;max-width:58ch;font-size:1.02rem;line-height:1.66;color:var(--on-dark)}

/* problema */
.risk{display:grid;grid-template-columns:1fr;gap:var(--s9);align-items:center}
.risk-copy{max-width:56ch}
.risk-list{margin:var(--s7) 0;border-top:1px solid var(--hair-light)}
.risk-list li{padding:var(--s4) 0;border-bottom:1px solid var(--hair-light);
  font-size:1.02rem;font-weight:600;letter-spacing:-.015em;
  transition:padding-left .4s var(--e-out)}
.risk-list li:hover{padding-left:10px}
.p-strong{margin-bottom:var(--s5);font-family:var(--f-disp);
  font-size:clamp(1.18rem,1.95vw,1.5rem);line-height:1.28;letter-spacing:-.032em;color:var(--deep)}
.risk-media{margin:0}
.risk-media .frame{aspect-ratio:4/5;border-color:rgba(12,19,25,.08);
  box-shadow:0 34px 76px -28px rgba(16,34,50,.34)}
.risk-media .frame img{object-position:center 52%}

/* especialista */
.spec{display:grid;grid-template-columns:1fr;gap:var(--s9);align-items:center}
.spec-media{position:relative;margin:0}
.spec-media .frame{aspect-ratio:4/5}
.spec-media .frame img{object-position:center 42%}
.badge-emblem{position:absolute;right:-14px;bottom:-14px;z-index:3;
  display:grid;place-content:center;width:96px;height:96px;border-radius:50%;
  background:#fff;box-shadow:0 20px 46px rgba(0,0,0,.3);animation:spin 26s linear infinite}
.badge-emblem img{width:64px;height:64px}
@keyframes spin{to{transform:rotate(360deg)}}
.spec-copy>p{margin-top:var(--s5);color:var(--on-dark);line-height:1.72;max-width:54ch}
.spec-copy strong{color:#fff;font-weight:700}
.spec-copy h3{margin-top:var(--s6);font-size:clamp(1.5rem,2.7vw,2.1rem);letter-spacing:-.04em}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:var(--s6)}
.chips li{display:flex;align-items:center;gap:9px;padding:10px 16px;
  border:1px solid rgba(255,255,255,.18);border-radius:999px;
  font-size:12.5px;font-weight:600;transition:background .3s var(--e-out),border-color .3s}
.chips li:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.34)}
.chips .ic{width:18px;height:18px;color:var(--electric-2)}
.spec-copy .btn{margin-top:var(--s7)}

/* proteção */
.plan-grid{display:grid;grid-template-columns:1fr;gap:var(--s3)}
.plan{display:flex;flex-direction:column;min-height:270px;padding:var(--s6) var(--s5);
  border:1px solid rgba(255,255,255,.22);border-radius:var(--r-lg);background:rgba(6,32,79,.28);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:transform .5s var(--e-out),border-color .4s var(--e-out),box-shadow .5s var(--e-out)}
.plan:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.44);
  box-shadow:0 36px 74px -36px rgba(4,16,42,.55)}
.plan-top{background:linear-gradient(160deg,var(--deep-2),var(--deep) 70%,#072C6A);
  border-color:rgba(255,255,255,.3)}
.plan .ic-lg{color:var(--electric-2)}
.plan-top .ic-lg{color:#A8E2FF}
.plan h3{margin:var(--s6) 0 var(--s3);font-size:1.32rem;letter-spacing:-.032em}
.plan>p{font-size:13.8px;line-height:1.6;color:var(--on-dark-soft)}
.plan-top>p{color:rgba(255,255,255,.78)}
.plan-cta{margin-top:auto;padding-top:var(--s6);display:inline-flex;align-items:center;gap:10px;
  font-size:12.5px;font-weight:800;color:#fff}
.plan-cta .ic{width:16px;height:16px;transition:transform .4s var(--e-out)}
.plan:hover .plan-cta .ic{transform:translate(3px,-3px)}

.plans-media{display:grid;grid-template-columns:1fr;gap:var(--s3);margin-top:var(--s5)}
/* proporção idêntica à arte original: nunca corta */
.plans-media figure{margin:0;aspect-ratio:1000/1250;overflow:hidden;border-radius:var(--r-lg);
  border:1px solid rgba(255,255,255,.22);background:var(--deep);
  transition:transform .5s var(--e-out),border-color .4s}
.plans-media figure:hover{transform:translateY(-6px);border-color:rgba(0,163,232,.4)}
.plans-media img{width:100%;height:100%;object-fit:contain;object-position:center}
.center{display:flex;justify-content:center;margin-top:var(--s8)}

/* avaliações */
.reviews{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--sec-y);
  background:#061D3C;color:#fff}
.reviews::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.45;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);
          mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.reviews-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(30px);pointer-events:none}
.reviews-orb-a{width:520px;height:520px;right:-180px;top:2%;background:rgba(0,159,227,.2)}
.reviews-orb-b{width:420px;height:420px;left:-190px;bottom:8%;background:rgba(12,79,180,.26)}
.reviews-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:var(--s7);margin-bottom:var(--s8)}
.eyebrow{display:block;margin-bottom:var(--s4);font-size:11px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:var(--electric-2)}
.reviews-head h2{font-size:clamp(2.5rem,6vw,5.4rem);line-height:.92}
.reviews-head h2 em{font-style:normal;color:var(--electric)}
.reviews-score{display:flex;align-items:center;gap:18px;min-width:280px;padding:18px 22px;
  border:1px solid rgba(255,255,255,.16);border-radius:var(--r-md);
  background:rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.reviews-score-number{font-family:var(--f-disp);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;
  line-height:.9;letter-spacing:-.07em;color:#fff}
.reviews-score>div{display:flex;flex-direction:column;line-height:1.2}
.stars{color:#FFC22D;font-size:17px;letter-spacing:1px;line-height:1}
.reviews-score strong{margin-top:6px;font-size:14px}.reviews-score small{margin-top:5px;color:var(--on-dark-soft);font-size:10px}

.stories{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);align-items:center;
  gap:clamp(36px,7vw,92px)}
.stories-stage{position:relative;min-width:0;overflow:hidden;border-radius:var(--r-xl);
  background:#09366F;box-shadow:0 42px 100px -38px rgba(0,159,227,.7)}
.stories-stage::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.stories-track{display:flex;will-change:transform;transition:transform .8s var(--e-out)}
.story{flex:0 0 100%;margin:0;aspect-ratio:4/5;background:#0A3D91;overflow:hidden}
.story-open{display:block;width:100%;height:100%;padding:0;cursor:zoom-in}
.story img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e-out),filter .6s var(--e-out)}
.story-open:hover img{transform:scale(1.018);filter:saturate(1.05)}
.stories-ui{position:absolute;z-index:3;left:20px;right:20px;bottom:20px;
  display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.stories-count,.stories-controls{display:flex;align-items:center;border:1px solid rgba(255,255,255,.2);
  border-radius:999px;background:rgba(4,23,52,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);pointer-events:auto}
.stories-count{gap:5px;padding:10px 16px;font-family:var(--f-disp)}
.stories-count strong{font-size:18px}.stories-count span{font-size:11px;color:var(--on-dark-soft)}
.stories-controls{padding:4px}
.story-arrow{display:grid;place-content:center;width:42px;height:42px;border-radius:50%;font-size:18px;
  transition:background .3s var(--e-out),transform .3s var(--e-out)}
.story-arrow:hover{background:rgba(255,255,255,.14);transform:scale(1.05)}
.stories-copy{position:relative}
.quote-mark{display:block;height:70px;font-family:Georgia,serif;font-size:7rem;line-height:1;color:var(--electric)}
.stories-copy>p{max-width:19ch;font-family:var(--f-disp);font-size:clamp(1.65rem,3vw,2.45rem);
  line-height:1.17;letter-spacing:-.04em;text-wrap:balance}
.proof-pills{display:flex;flex-wrap:wrap;gap:10px;margin:var(--s6) 0}
.proof-pills span{display:flex;flex-direction:column;padding:13px 16px;border:1px solid rgba(255,255,255,.13);
  border-radius:var(--r-sm);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--on-dark-soft)}
.proof-pills strong{font-family:var(--f-disp);font-size:18px;line-height:1.1;letter-spacing:-.03em;color:#fff}
.stories-copy>small{display:block;margin-top:14px;font-size:10.5px;color:var(--on-dark-soft)}

.google-proof{margin-top:clamp(72px,9vw,120px);padding-top:var(--s7);border-top:1px solid rgba(255,255,255,.12)}
.google-proof-title{display:flex;align-items:center;gap:14px;margin-bottom:var(--s6)}
.google-proof-title>div{display:flex;flex-direction:column}
.google-proof-title strong{font-family:var(--f-disp);font-size:18px;letter-spacing:-.025em}
.google-proof-title small{font-size:11px;color:var(--on-dark-soft)}
.google-g{display:grid;place-content:center;width:40px;height:40px;border-radius:50%;background:#fff;
  font-size:20px;font-weight:800;color:#4285F4}
.review-marquee{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.review-marquee-track{display:flex;width:max-content;gap:16px;padding:4px 0 18px;
  animation:reviews-marquee 44s linear infinite}
.review-marquee:hover .review-marquee-track{animation-play-state:paused}
@keyframes reviews-marquee{to{transform:translateX(calc(-50% - 8px))}}
.google-card{display:flex;flex-direction:column;flex:0 0 360px;min-height:268px;padding:24px;
  border:1px solid rgba(255,255,255,.13);border-radius:var(--r-lg);
  background:rgba(255,255,255,.075);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.google-card header{display:flex;align-items:center;gap:12px}
.google-card header>div{display:flex;flex:1;min-width:0;flex-direction:column}
.google-card header strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.google-card header small{font-size:11px;color:var(--on-dark-soft)}
.avatar{display:grid;place-content:center;width:44px;height:44px;flex:none;border-radius:50%;
  font-size:17px;font-weight:700;color:#fff;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}.avatar-orange{background:#F4511E}.avatar-brown{background:#6D4C41}
.google-badge{display:grid;place-content:center;width:28px;height:28px;border-radius:50%;background:#fff;
  color:#4285F4;font-weight:800}
.google-card>.stars{margin-top:20px;font-size:15px}
.google-card p{margin-top:17px;font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.76)}

.review-lightbox{max-width:min(92vw,620px);max-height:92vh;padding:0;border:0;border-radius:var(--r-lg);
  background:#082857;box-shadow:0 40px 120px rgba(0,0,0,.72);overflow:visible}
.review-lightbox::backdrop{background:rgba(2,9,20,.86);backdrop-filter:blur(10px)}
.review-lightbox img{display:block;max-width:min(92vw,620px);max-height:90vh;border-radius:var(--r-lg)}
.lightbox-close{position:absolute;z-index:2;top:-14px;right:-14px;display:grid;place-content:center;
  width:42px;height:42px;border-radius:50%;background:#fff;color:var(--deep);font-size:26px;
  line-height:1;box-shadow:0 12px 28px rgba(0,0,0,.35)}

/* autoridade */
.trust{display:grid;grid-template-columns:1fr;gap:var(--s9);align-items:center}
.trust-copy>p{margin-top:var(--s5);color:var(--muted);line-height:1.7;max-width:52ch}
.trust-list{margin-top:var(--s7);display:grid;gap:1px;
  background:var(--hair-light);border:1px solid var(--hair-light);
  border-radius:var(--r-lg);overflow:hidden}
.trust-list li{display:flex;gap:16px;padding:var(--s5);background:#fff;
  transition:background .4s var(--e-out)}
.trust-list li:hover{background:var(--paper-2)}
.trust-list .ic{margin-top:2px;color:var(--electric)}
.trust-list strong{display:block;font-family:var(--f-disp);font-size:15.5px;
  font-weight:600;letter-spacing:-.025em}
.trust-list small{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:var(--muted)}
.trust-media{position:relative;padding-bottom:var(--s7)}
.trust-media .frame{border-color:rgba(12,19,25,.08);
  box-shadow:0 34px 76px -30px rgba(16,34,50,.36)}
.frame-a{width:78%;aspect-ratio:4/5}
.frame-a img{object-position:center 46%}
.frame-b{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:1/1;z-index:2;
  border:6px solid var(--paper)!important}
.frame-b img{object-position:center 55%}

.susep{display:grid;gap:var(--s5);align-items:center;margin-top:var(--s10);
  padding:clamp(26px,4vw,44px);border-radius:var(--r-xl);color:#fff;
  background:linear-gradient(128deg,var(--deep) 0%,var(--deep-2) 65%,#0C64BD 100%);
  box-shadow:0 34px 70px -34px rgba(10,61,145,.7)}
.susep-mark{display:grid;place-content:center;width:56px;height:56px;flex:none;
  border-radius:var(--r-md);background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.22)}
.susep-mark .ic{width:26px;height:26px}
.susep-label{display:block;margin-bottom:var(--s3);font-size:11px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.susep-copy h3{font-size:clamp(1.3rem,2.35vw,1.85rem);letter-spacing:-.035em;max-width:30ch}
.susep-copy p{margin-top:11px;font-size:14px;line-height:1.6;
  color:rgba(255,255,255,.78);max-width:52ch}

/* final — centralizado */
.final{position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(96px,12vw,164px) var(--pad);
  background:var(--brand-bg);color:#fff}
.final-inner{position:relative;z-index:2;width:min(100%,880px);margin-inline:auto;
  display:flex;flex-direction:column;align-items:center;text-align:center}
.final-seal{display:grid;place-content:center;width:104px;height:104px;margin-bottom:var(--s6);
  border-radius:50%;background:#fff;box-shadow:0 24px 60px -18px rgba(0,163,232,.6);
  animation:spin 30s linear infinite}
.final-seal img{width:70px;height:70px}
.final h2{margin:0;font-size:clamp(2.05rem,4.7vw,3.5rem);line-height:1.05;letter-spacing:-.048em}
.final h2 em{font-style:normal;color:var(--electric-2)}
.final-lead{margin:var(--s5) auto 0;max-width:58ch;font-size:clamp(1rem,1.2vw,1.1rem);
  line-height:1.7;color:var(--on-dark)}
.final-act{display:flex;justify-content:center;margin-top:var(--s7)}

/* rodapé */
.ft{background:var(--deep);color:#fff}
.ft-inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s5);
  padding-block:var(--s7)}
.ft-word{width:168px;height:auto}
.ft-inner>span{flex:1;min-width:220px;font-size:13px;color:var(--on-dark-soft)}
.ft-emblem{width:44px;height:44px;opacity:.9}

/* ── 7. COMPONENTES ────────────────────────────────────────── */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:54px;padding:0 24px;border-radius:var(--r-sm);
  font-size:13.5px;font-weight:800;letter-spacing:-.012em;
  transition:transform .4s var(--e-out),background .35s var(--e-out),
             color .35s var(--e-out),box-shadow .4s var(--e-out),border-color .35s}
.btn .ic{width:17px;height:17px;stroke-width:1.9}
.btn-pri{background:var(--electric);color:#fff;box-shadow:0 16px 38px -12px rgba(0,163,232,.62)}
.btn-pri:hover{background:#17B4F5;box-shadow:0 22px 48px -12px rgba(0,163,232,.78)}
.btn-white,.btn-light{background:#fff;color:var(--deep);box-shadow:0 16px 38px -16px rgba(0,0,0,.5)}
.btn-white:hover,.btn-light:hover{background:var(--electric);color:#fff}

.link-ar{display:inline-flex;align-items:center;gap:11px;
  font-size:13.5px;font-weight:800;color:var(--deep)}
.link-ar span{position:relative}
.link-ar span::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1.5px;
  background:currentColor;transform:scaleX(0);transform-origin:right;
  transition:transform .45s var(--e-out)}
.link-ar:hover span::after{transform:scaleX(1);transform-origin:left}
.link-ar .ic{width:16px;height:16px;transition:transform .4s var(--e-out)}
.link-ar:hover .ic{transform:translate(3px,-3px)}

/* ── 8. MOTION ─────────────────────────────────────────────── */
[data-anim]{opacity:0;will-change:opacity,transform}
[data-anim="fade"]{transform:translateY(22px)}
[data-anim="lines"]{transform:translateY(26px)}
[data-anim="media"]{transform:translateY(34px) scale(.985)}
[data-anim].in{opacity:1;transform:none;
  transition:opacity .85s var(--e-out),transform .95s var(--e-out)}
[data-delay="1"].in{transition-delay:.08s}
[data-delay="2"].in{transition-delay:.16s}
[data-delay="3"].in{transition-delay:.24s}
[data-delay="4"].in{transition-delay:.32s}
[data-delay="5"].in{transition-delay:.4s}
[data-delay="6"].in{transition-delay:.48s}
[data-par]{will-change:transform}

/* ── RESPONSIVO ────────────────────────────────────────────── */
@media (min-width:600px){
  .plan-grid{grid-template-columns:repeat(2,1fr)}
  .plans-media{grid-template-columns:repeat(3,1fr)}
  .susep{grid-template-columns:auto 1fr;gap:var(--s5) var(--s6)}
}
@media (min-width:1024px){
  .hero-wrap{grid-template-columns:1.02fr 1fr;gap:clamp(48px,5.5vw,88px)}
  .risk{grid-template-columns:1.04fr .96fr;gap:clamp(52px,6vw,96px)}
  .spec{grid-template-columns:.94fr 1.06fr;gap:clamp(52px,6vw,96px)}
  .trust{grid-template-columns:1fr 1fr;gap:clamp(52px,6vw,96px)}
  .plan-grid{grid-template-columns:repeat(4,1fr)}
  .susep{grid-template-columns:auto 1fr auto;gap:var(--s6)}
}
@media (max-width:1023px){
  .spec-media{order:2}
  .hero-media,.trust-media{max-width:620px}
  .risk-media,.spec-media{max-width:560px;margin-inline:0}
  .stories{grid-template-columns:minmax(0,1fr) minmax(250px,.78fr);gap:36px}
}
@media (max-width:599px){
  :root{--sec-y:76px}
  .hd{height:62px;padding-left:14px}
  .hd-brand img{width:112px}
  .hero{padding-top:120px}
  .frame-main{width:86%}
  .frame-sub{top:34%;width:50%}
  .chip{position:relative;left:auto;bottom:auto;width:100%;margin-top:var(--s5)}
  .hero-media{padding-bottom:0}
  .hero-act{align-items:flex-start;flex-direction:column;gap:var(--s4)}
  .hero-act>p{max-width:100%}
  .badge-emblem{width:74px;height:74px;right:-8px;bottom:-8px}
  .badge-emblem img{width:50px;height:50px}
  .final-seal{width:88px;height:88px}
  .final-seal img{width:58px;height:58px}
  .frame-a{width:84%}
  .frame-b{width:50%}
  .btn{width:100%}
  .plan{min-height:0}
  .trust-list li{padding:var(--s5) var(--s4)}
  .reviews-head{align-items:stretch;margin-bottom:var(--s7)}
  .reviews-score{min-width:0;width:100%;justify-content:center}
  .stories{grid-template-columns:1fr;gap:var(--s7)}
  .stories-stage{border-radius:var(--r-lg)}
  .stories-ui{left:12px;right:12px;bottom:12px}
  .stories-copy>p{max-width:100%;font-size:1.65rem}
  .stories-copy>.btn{width:100%}
  .stories-copy>small{text-align:center}
  .google-proof{margin-top:72px}
  .review-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
  .google-card{flex-basis:min(84vw,330px);min-height:260px;padding:21px}
  .review-lightbox{border-radius:var(--r-md)}
  .review-lightbox img{border-radius:var(--r-md)}
  .lightbox-close{top:8px;right:8px}
}

@media (prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important}
  [data-anim]{opacity:1!important;transform:none!important}
  .hero .ln>span{transform:none!important}
  .loader{display:none}
  .review-marquee-track{animation:none}
}