/* LAMAS IA — Landing de campanhas v2 (interativa).
   Copy: landing v1. Identidade: paleta Eclipse + Plus Jakarta Sans. Movimento: GSAP + ScrollTrigger + Lenis. */

:root{
  --night:#0B2350;          /* fundo base, derivado do Midnight Navy */
  --navy:#123270;           /* Midnight Navy */
  --navy-2:#173C80;
  --surface:#11306A;
  --card:rgba(255,255,255,.07);
  --line:rgba(200,225,255,.16);
  --line-2:rgba(200,225,255,.26);
  --astral:#2F6FD6;         /* Astral Blue */
  --astral-l:#6CC4FF;       /* Astral iluminado p/ fundo escuro */
  --moon:#C8D5EA;           /* Moonlight Gray */
  --star:#E6E8E6;           /* Stardust White */
  --black:#1B1B1B;          /* Eclipse Black */
  --red:#E07A7F; --amber:#E0B15E; --green:#7FC79A;
  --wa:#25D366;
  --sans:'Plus Jakarta Sans', -apple-system, Helvetica, Arial, sans-serif;
  --w:1200px;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-2:cubic-bezier(.65,0,.35,1);
}

*{box-sizing:border-box;}
[hidden]{display:none !important;}
html{scroll-padding-top:90px;overflow-x:clip;}
html.lenis,html.lenis body{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto !important;}
body{margin:0;background:var(--night);color:var(--star);font-family:var(--sans);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
svg{width:1em;height:1em;flex:none;}
svg use{pointer-events:none;}
p{margin:0;}
:focus-visible{outline:2px solid var(--astral-l);outline-offset:3px;border-radius:8px;}
::selection{background:var(--astral);color:#fff;}
.wrap{max-width:var(--w);margin:0 auto;padding:0 32px;}

h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.08;color:#fff;text-wrap:balance;}
h2{font-size:clamp(36px,4.48vw,62.5px);line-height:1.04;letter-spacing:-.035em;}
h2.big{font-size:clamp(45px,6.27vw,89.5px);}
h3{font-size:23.5px;letter-spacing:-.015em;line-height:1.2;}
.dim{color:var(--astral-l);}
.small{font-size:14.5px;color:rgba(200,213,234,.85);margin-top:18px;}
.body-l{font-size:19px;line-height:1.7;color:var(--moon);max-width:56ch;margin-top:22px;}

/* Tag (pílula de seção, à la Powder) */
.tag{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500;color:var(--star);padding:6px 14px 6px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);margin-bottom:22px;}
.tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--astral-l);box-shadow:0 0 10px var(--astral-l);}

/* Botões */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;font-weight:600;font-size:17px;padding:14px 26px;overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),box-shadow .4s;will-change:transform;}
.btn span{position:relative;z-index:1;}
.btn svg{width:18px;height:18px;position:relative;z-index:1;}
.btn-light{background:var(--star);color:var(--navy);}
.btn-light::before{content:'';position:absolute;inset:0;z-index:0;background:#fff;border-radius:inherit;transform:scale(0);transform-origin:var(--bx,50%) var(--by,50%);transition:transform .55s var(--ease);}
.btn-light:hover::before{transform:scale(2.4);}
.btn-light:hover{box-shadow:0 0 0 6px rgba(230,232,230,.08),0 18px 40px -12px rgba(108,196,255,.45);}
.btn-lg{padding:17px 32px;font-size:18px;}
.btn-sm{padding:11px 20px;font-size:15.5px;}
.btn-block{width:100%;padding:17px 24px;font-size:18px;}
.btn-wa{background:var(--wa);color:#05210f;}
.btn-wa:hover{box-shadow:0 14px 34px -12px rgba(37,211,102,.6);}
.btn-round{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid var(--line-2);color:#fff;transition:background .3s,transform .5s var(--ease);}
.btn-round svg{width:20px;height:20px;transform:rotate(90deg);}
.btn-round:hover{background:rgba(255,255,255,.14);}

/* ---------- Header ---------- */
.hdr{position:fixed;z-index:60;top:14px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 28px));}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 10px 10px 22px;border-radius:999px;border:1px solid transparent;transition:background .4s,border-color .4s,backdrop-filter .4s,padding .4s var(--ease);}
.hdr.is-scrolled .hdr-in{background:rgba(14,42,100,.9);border-color:var(--line);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);}
.logo img{height:26px;width:auto;}
.hdr-nav{display:flex;gap:4px;}
.hdr-nav a{font-size:15.5px;color:rgba(236,242,250,.88);padding:8px 14px;border-radius:999px;transition:color .25s,background .25s;}
.hdr-nav a:hover{color:#fff;background:rgba(255,255,255,.06);}
.hdr-actions{display:flex;align-items:center;gap:8px;}
.hdr-wa{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--star);transition:background .25s,color .25s;}
.hdr-wa svg{width:19px;height:19px;}
.hdr-wa:hover{background:rgba(37,211,102,.14);color:var(--wa);}
.hdr-progress{position:absolute;left:28px;right:28px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--astral-l),transparent);transform-origin:left;transform:scaleX(0);opacity:0;transition:opacity .3s;}
.hdr.is-scrolled .hdr-progress{opacity:1;}

/* ---------- Hero ---------- */
.hero{position:relative;padding:160px 0 0;overflow:hidden;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(47,111,214,.55), transparent 65%),
    linear-gradient(180deg, #123270 0%, #0E2C66 45%, var(--night) 100%);}
.hero-net{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none;}
.hero-glow{position:absolute;left:50%;top:58%;width:1300px;height:700px;transform:translateX(-50%);background:radial-gradient(closest-side, rgba(108,196,255,.28), rgba(47,111,214,.18) 45%, transparent 75%);filter:blur(10px);pointer-events:none;animation:breathe 8s ease-in-out infinite;}
@keyframes breathe{50%{opacity:.65;transform:translateX(-50%) scale(1.06);}}
.hero-woman{position:absolute;right:max(-60px, calc(50% - 880px));top:30px;width:440px;opacity:.34;pointer-events:none;
  -webkit-mask:radial-gradient(60% 46% at 62% 36%,#000 35%,transparent 100%);mask:radial-gradient(60% 46% at 62% 36%,#000 35%,transparent 100%);}
.hero-woman img{width:100%;mix-blend-mode:screen;filter:saturate(.8) hue-rotate(-6deg);}
.hero-copy{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;}
.pill-badge{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--star);padding:5px 6px 5px 5px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line-2);backdrop-filter:blur(8px);transition:background .3s,border-color .3s;}
.pill-badge:hover{background:rgba(255,255,255,.1);border-color:rgba(230,232,230,.28);}
.pb-tag{font-size:13.5px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:var(--star);color:var(--navy);}
.pill-badge i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1);}
.pill-badge i svg{width:13px;height:13px;transition:transform .4s var(--ease);}
.pill-badge:hover i svg{transform:translateX(2px);}
.hero h1{font-size:clamp(45px,7.17vw,103px);line-height:.98;letter-spacing:-.045em;max-width:15ch;margin:28px auto 0;}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em;}
.split .w > span{display:inline-block;will-change:transform;}
.hero-lede{font-size:clamp(18px,1.51vw,20.5px);color:var(--moon);max-width:54ch;margin:26px auto 0;line-height:1.65;}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:34px;}
.motto{margin-top:26px;font-size:13.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(200,213,234,.8);}
.motto span{color:rgba(230,232,230,.75);} .motto em{font-style:normal;color:#fff;}

/* Palco + janela do produto */
.stage{position:relative;z-index:1;max-width:1120px;margin:70px auto 0;padding:0 32px;perspective:1600px;}
.app{position:relative;border-radius:22px;background:linear-gradient(180deg,rgba(28,66,142,.94),rgba(14,42,100,.96));border:1px solid var(--line-2);
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 -30px 120px -40px rgba(108,196,255,.45),0 80px 120px -50px rgba(0,0,0,.8);
  transform-origin:50% 0;overflow:hidden;will-change:transform;}
.app::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(230,232,230,.55),transparent);}
.app-bar{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--moon);}
.dots{display:flex;gap:6px;}
.dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.12);}
.app-title{display:flex;align-items:center;gap:8px;color:var(--star);font-weight:600;}
.app-title img{width:18px;height:18px;}
.app-live{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13.5px;}
.app-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(127,199,154,.6);animation:ping 2s infinite;}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(127,199,154,0);}100%{box-shadow:0 0 0 0 rgba(127,199,154,0);}}
.app-body{display:grid;grid-template-columns:220px 1fr 300px;min-height:440px;}
.side-h{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(168,169,173,.75);margin-bottom:14px;}
.app-side{padding:20px 14px 20px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;}
.queue{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;}
.queue li{display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:12px;transition:background .5s var(--ease),transform .5s var(--ease);}
.queue li i{width:8px;height:8px;border-radius:50%;flex:none;}
.queue b{display:block;font-size:14.5px;font-weight:600;color:var(--star);line-height:1.2;}
.queue small{display:block;font-size:13px;color:var(--moon);}
.q-red i{background:var(--red);box-shadow:0 0 10px var(--red);} .q-amber i{background:var(--amber);} .q-green i{background:var(--green);} .q-blue i{background:var(--astral-l);}
.queue li.is-on{background:rgba(255,255,255,.07);transform:translateX(4px);}
.side-note{margin-top:auto;font-size:13px;color:rgba(200,213,234,.8);padding:10px 10px 0;border-top:1px dashed var(--line);}
.app-films{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;background:#020409;}
.app-films figure{position:relative;margin:0;border-radius:10px;overflow:hidden;background:#000;}
.app-films img{width:100%;height:100%;object-fit:cover;opacity:.92;}
.app-films figcaption{position:absolute;top:10px;left:10px;font-size:12.5px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.75);background:rgba(0,0,0,.5);padding:3px 8px;border-radius:6px;}
.scan{position:absolute;left:0;right:0;top:0;height:28%;background:linear-gradient(180deg,transparent,rgba(108,196,255,.22) 85%,rgba(108,196,255,.9) 100%);border-bottom:1px solid rgba(108,196,255,.9);animation:scan 4.2s var(--ease-2) infinite;mix-blend-mode:screen;}
.scan.d{animation-delay:-2.1s;}
@keyframes scan{0%{transform:translateY(-100%);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{transform:translateY(360%);opacity:0;}}
.films-tags{position:absolute;left:28px;bottom:28px;display:flex;flex-wrap:wrap;gap:8px;}
.ft{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:#fff;padding:7px 12px;border-radius:999px;background:rgba(20,52,118,.72);border:1px solid var(--line-2);backdrop-filter:blur(10px);}
.ft svg{width:14px;height:14px;color:var(--astral-l);}
.app-report{position:relative;padding:20px 20px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px;}
.rp-block{padding:12px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:border-color .5s,background .5s;}
.rp-block small{display:block;font-size:13px;color:var(--moon);margin-bottom:8px;}
.rp-block.is-on{border-color:rgba(108,196,255,.45);background:rgba(108,196,255,.07);}
.ln{display:block;height:6px;border-radius:4px;background:rgba(230,232,230,.14);margin-top:6px;transform-origin:left;}
.w90{width:90%}.w80{width:80%}.w70{width:70%}.w60{width:60%}.w50{width:50%}
.rp-sug{padding:12px;border-radius:12px;background:rgba(47,111,214,.35);border:1px solid rgba(108,196,255,.25);}
.rp-sug p{font-size:13.5px;color:var(--star);font-weight:600;margin-bottom:10px;}
.rp-acts{display:flex;gap:6px;}
.rp-acts span{flex:1;text-align:center;font-size:13px;font-weight:600;padding:7px 4px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--moon);transition:background .35s,color .35s,transform .35s var(--ease);}
.rp-acts .a-ok.is-hit{background:var(--green);color:#06210f;transform:scale(.94);}
.rp-sign{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--moon);padding:10px 12px;border-radius:12px;border:1px dashed var(--line-2);margin-top:auto;transition:color .4s,border-color .4s,background .4s;}
.rp-sign svg{width:22px;height:22px;}
.rp-sign.is-done{color:#fff;border-style:solid;border-color:rgba(127,199,154,.5);background:rgba(127,199,154,.08);}
.cursor{position:absolute;left:60%;top:70%;width:20px;height:20px;pointer-events:none;opacity:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 9-7 2-3 7z' fill='%23fff' stroke='%230A122A' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));}

.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:16px;background:rgba(24,60,134,.72);border:1px solid var(--line-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 60px -25px rgba(0,0,0,.7);}
.float-card b{display:block;font-size:15px;color:#fff;line-height:1.25;}
.float-card small{display:block;font-size:13.5px;color:var(--moon);}
.fc-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--astral);color:#fff;}
.fc-ico svg{width:18px;height:18px;} .fc-ico.g{background:#2f6b45;} .fc-ico.w{background:var(--star);color:var(--navy);}
.fc-1{left:-10px;top:110px;} .fc-2{right:-14px;top:60px;} .fc-3{right:40px;bottom:-26px;}

/* ---------- Frase que acende ---------- */
.lit-sec{position:relative;padding:170px 0 110px;}
.lit-wrap{max-width:1000px;}
.lit{font-size:clamp(31.5px,4.03vw,56px);font-weight:600;line-height:1.18;letter-spacing:-.03em;color:#fff;}
.lit .lw{opacity:.16;transition:opacity .2s linear;}
.lit .lw.hl{color:var(--astral-l);}
.marquee{margin-top:110px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
.mq-track{display:flex;gap:56px;width:max-content;animation:mq 42s linear infinite;}
.marquee:hover .mq-track{animation-play-state:paused;}
.mq{display:inline-flex;align-items:center;gap:12px;font-size:17px;font-weight:500;color:rgba(230,232,230,.6);white-space:nowrap;transition:color .3s;}
.mq:hover{color:#fff;}
.mq svg{width:20px;height:20px;color:var(--astral-l);}
@keyframes mq{to{transform:translateX(-50%);}}

/* ---------- Seções ---------- */
.sec{position:relative;padding:130px 0;}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;}
.sec-head h2{max-width:17ch;}
.sec-sub{max-width:36ch;font-size:17.5px;color:var(--moon);line-height:1.65;padding-bottom:6px;}

/* Spotlight que segue o mouse */
.spot{position:relative;}
.spot::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), rgba(108,196,255,.13), transparent 60%);}
.spot:hover::after{opacity:1;}

/* Slider */
.slider{position:relative;}
.sl-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;
  padding:4px max(32px, calc((100vw - var(--w)) / 2 + 32px)) 10px;scroll-padding:0 max(32px, calc((100vw - var(--w)) / 2 + 32px));}
.sl-track::-webkit-scrollbar{display:none;}
.sl-track.is-drag{cursor:grabbing;scroll-snap-type:none;}
.sl-track.is-drag *{pointer-events:none;user-select:none;}
.card{flex:0 0 min(420px,82vw);scroll-snap-align:start;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--line);padding:12px 12px 30px;transition:border-color .4s,transform .6s var(--ease);}
.card:hover{border-color:var(--line-2);transform:translateY(-4px);}
.card-art{position:relative;height:250px;border-radius:16px;background:radial-gradient(120% 90% at 50% 0%, rgba(47,111,214,.55), rgba(12,38,90,.9) 70%);border:1px solid var(--line);overflow:hidden;margin-bottom:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.card-art::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px;opacity:.5;-webkit-mask:radial-gradient(closest-side,#000,transparent);mask:radial-gradient(closest-side,#000,transparent);}
.card-n{display:block;font-size:13.5px;font-weight:700;letter-spacing:.12em;color:var(--astral-l);margin:0 16px 10px;}
.card h3,.card p{margin-left:16px;margin-right:16px;}
.card p{margin-top:10px;font-size:16px;color:var(--moon);line-height:1.65;}
.art-cap{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:13.5px;font-weight:600;white-space:nowrap;color:var(--star);padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);}
/* card 1 */
.tl{position:relative;width:78%;height:40px;display:flex;justify-content:space-between;align-items:center;}
.tl::before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(230,232,230,.14);}
.tl i{position:relative;width:10px;height:10px;border-radius:50%;background:var(--navy-2);border:2px solid rgba(108,196,255,.6);}
.tl i.end{background:var(--astral-l);box-shadow:0 0 14px var(--astral-l);}
.tl-l,.tl-r{position:absolute;top:-16px;font-size:12.5px;font-weight:700;color:var(--moon);} .tl-l{left:0;} .tl-r{right:0;}
.tl .run{position:absolute;left:0;top:50%;height:2px;width:100%;background:linear-gradient(90deg,var(--astral),var(--astral-l));transform-origin:left;transform:scaleX(0);}
.card.is-in .tl .run{animation:run 2.4s var(--ease) .3s forwards;}
@keyframes run{to{transform:scaleX(1);}}
.big-n{position:relative;text-align:center;margin-top:22px;}
.big-n strong{display:block;font-size:58px;font-weight:700;letter-spacing:-.04em;line-height:1;color:#fff;font-variant-numeric:tabular-nums;}
.big-n span{font-size:14.5px;color:var(--moon);} .big-n b{color:var(--star);}
/* card 2 */
.rings{position:relative;width:150px;height:150px;display:grid;place-items:center;margin-top:-20px;}
.rings i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(108,196,255,.4);animation:ring 3.6s var(--ease) infinite;}
.rings i:nth-child(2){animation-delay:1.2s;} .rings i:nth-child(3){animation-delay:2.4s;}
@keyframes ring{0%{transform:scale(.35);opacity:1;}100%{transform:scale(1.25);opacity:0;}}
.rings span{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:var(--astral);color:#fff;box-shadow:0 0 40px rgba(108,196,255,.45);}
.rings span svg{width:28px;height:28px;}
/* card 3 */
.ml-doc{position:relative;width:62%;padding:16px;border-radius:12px;background:rgba(20,52,118,.9);border:1px solid var(--line-2);margin-top:-24px;}
.ml{display:block;height:7px;border-radius:4px;background:rgba(230,232,230,.18);margin-bottom:8px;transform-origin:left;}
.ml:nth-child(2){width:80%;} .ml:nth-child(3){width:65%;} .ml.s{width:45%;background:rgba(108,196,255,.5);}
.card.is-in .ml{animation:grow 1s var(--ease) both;} .card.is-in .ml:nth-child(2){animation-delay:.15s;} .card.is-in .ml:nth-child(3){animation-delay:.3s;} .card.is-in .ml:nth-child(4){animation-delay:.45s;}
@keyframes grow{from{transform:scaleX(0);}}
.ml-acts{display:flex;gap:5px;margin-top:12px;}
.ml-acts span{flex:1;text-align:center;font-size:12px;font-weight:600;padding:6px 2px;border-radius:6px;background:rgba(255,255,255,.06);color:var(--moon);}
.ml-acts span:first-child{animation:okpulse 3s ease-in-out infinite;}
@keyframes okpulse{0%,60%,100%{background:rgba(255,255,255,.06);color:var(--moon);}70%,90%{background:var(--green);color:#06210f;}}
/* card 4 */
.pgmi{display:flex;gap:10px;margin-top:-24px;}
.pgmi span{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;font-size:24.5px;font-weight:700;color:var(--moon);background:rgba(255,255,255,.04);border:1px solid var(--line-2);animation:pg 4s var(--ease) infinite;}
.pgmi span:nth-child(2){animation-delay:.5s;} .pgmi span:nth-child(3){animation-delay:1s;} .pgmi span:nth-child(4){animation-delay:1.5s;}
@keyframes pg{0%,8%{background:rgba(255,255,255,.04);color:var(--moon);transform:none;}14%,40%{background:var(--astral);color:#fff;transform:translateY(-6px);box-shadow:0 14px 30px -10px rgba(108,196,255,.6);}55%,100%{background:rgba(255,255,255,.04);color:var(--moon);transform:none;}}

.sl-ctrl{display:flex;align-items:center;gap:22px;margin-top:30px;}
.sl-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid var(--line-2);color:#fff;transition:background .3s,opacity .3s;}
.sl-btn:hover{background:rgba(255,255,255,.12);}
.sl-btn:disabled{opacity:.3;cursor:default;}
.sl-btn svg{width:18px;height:18px;}
.sl-bar{flex:1;height:2px;background:var(--line);border-radius:2px;overflow:hidden;}
.sl-bar i{display:block;height:100%;width:30%;background:var(--star);border-radius:2px;transform-origin:left;transition:transform .3s var(--ease),width .3s;}

/* Abas (Como funciona) */
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid var(--line);margin-bottom:22px;}
.tab{position:relative;overflow:hidden;border:0;background:transparent;color:var(--moon);font-size:16px;font-weight:600;padding:14px 16px;border-radius:999px;transition:color .3s;}
.tab:hover{color:#fff;}
.tab.is-on{color:#fff;background:rgba(255,255,255,.07);}
.tab-fill{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--astral-l);transform-origin:left;transform:scaleX(0);}
.tab-t{position:relative;}
.steps-stage{position:relative;height:460px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#0E2A62;}
.ss-bg{position:absolute;inset:0;background:
  radial-gradient(600px 400px at 18% 110%, rgba(47,111,214,.7), transparent 70%),
  radial-gradient(700px 400px at 90% -10%, rgba(108,196,255,.22), transparent 70%);}
.ss-bg::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(230,232,230,.14) 1px,transparent 1px);background-size:22px 22px;-webkit-mask:linear-gradient(180deg,transparent,#000 40%,transparent);mask:linear-gradient(180deg,transparent,#000 40%,transparent);}
.panel{position:absolute;inset:0;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;padding:50px 60px;opacity:0;visibility:hidden;}
.panel.is-on{opacity:1;visibility:visible;}
.pn-win{border-radius:18px;background:rgba(22,56,128,.85);border:1px solid var(--line-2);padding:18px;box-shadow:0 40px 80px -40px rgba(0,0,0,.8);backdrop-filter:blur(10px);}
.pn-h{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--star);padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line);}
.pn-h svg,.pn-h img{width:18px;height:18px;color:var(--astral-l);}
.pn-copy h3{font-size:clamp(29px,2.91vw,40.5px);letter-spacing:-.03em;}
.pn-copy p{margin-top:14px;font-size:18.5px;color:var(--moon);line-height:1.65;max-width:34ch;}
.pacs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.pacs li{display:flex;align-items:center;gap:14px;padding:10px;border-radius:12px;background:rgba(255,255,255,.03);}
.pc-th{width:40px;height:52px;border-radius:6px;background:linear-gradient(135deg,#3a4148,#0b0d10);}
.pacs b{display:block;font-size:15px;color:#fff;} .pacs small{font-size:13.5px;color:var(--moon);}
.pacs em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--moon);}
.pacs em.new{background:var(--astral-l);color:var(--navy);}
.prep{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.prep li{display:flex;align-items:center;gap:12px;font-size:15.5px;color:var(--moon);padding:12px;border-radius:12px;background:rgba(255,255,255,.03);transition:color .4s,background .4s;}
.prep li i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line-2);color:transparent;transition:all .4s var(--ease);}
.prep li i svg{width:13px;height:13px;}
.prep li.done{color:#fff;background:rgba(108,196,255,.08);}
.prep li.done i{background:var(--green);border-color:var(--green);color:#06210f;transform:scale(1.08);}
.decide{padding:6px 4px;}
.decide .ln{height:8px;margin-top:10px;}
.dc-acts{display:flex;gap:8px;margin-top:22px;}
.dc-acts span{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14.5px;font-weight:600;padding:12px 6px;border-radius:12px;background:rgba(255,255,255,.05);color:var(--moon);}
.dc-acts .dc-sign{background:var(--star);color:var(--navy);}
.dc-acts .dc-sign svg{width:18px;height:18px;}

/* Comparação */
.cmp{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;}
.check{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-direction:column;gap:14px;}
.check li{display:flex;gap:14px;align-items:flex-start;font-size:18px;color:var(--star);}
.check svg{width:22px;height:22px;padding:4px;border-radius:50%;background:rgba(108,196,255,.15);color:var(--astral-l);margin-top:1px;}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;}
.pills button{display:inline-flex;align-items:center;gap:8px;font-size:15.5px;font-weight:600;color:var(--moon);padding:10px 16px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);transition:all .35s var(--ease);}
.pills button i{width:8px;height:8px;border-radius:50%;}
.pills button:hover{color:#fff;border-color:rgba(230,232,230,.3);}
.pills button.on{background:var(--star);color:var(--navy);border-color:var(--star);}
.viewer{border-radius:24px;background:#03050C;border:1px solid var(--line-2);overflow:hidden;box-shadow:0 60px 100px -50px rgba(108,196,255,.3);}
.viewer-bar{display:flex;align-items:center;gap:14px;padding:13px 16px;font-size:14.5px;color:var(--moon);border-bottom:1px solid var(--line);}
.films{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;}
.films figure{position:relative;margin:0;border-radius:12px;overflow:hidden;}
.films svg{width:100%;height:auto;display:block;}
.films figcaption{position:absolute;top:10px;left:10px;font-size:13.5px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);padding:4px 10px;border-radius:999px;}
.films figcaption.now{background:var(--star);color:var(--navy);}
.mark{fill:none;stroke-width:2.6;transition:r .8s var(--ease),stroke .5s,opacity .5s;}
.viewer-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--line);font-size:13.5px;color:var(--moon);}
.state-tag{display:inline-flex;align-items:center;gap:8px;font-size:15.5px;font-weight:600;color:#fff;}
.state-tag i{width:10px;height:10px;border-radius:50%;background:#6CC4FF;transition:background .5s;box-shadow:0 0 12px currentColor;}

/* Cards empilhando */
.stack{display:flex;flex-direction:column;gap:24px;}
.sc{position:sticky;top:110px;display:grid;grid-template-columns:1.3fr 1fr;min-height:360px;border-radius:28px;overflow:hidden;border:1px solid var(--line-2);
  background:linear-gradient(135deg,#173C80,#123270 60%);box-shadow:0 -30px 60px -30px rgba(0,0,0,.7);transform-origin:50% 0;}
.sc:nth-child(2){top:130px;background:linear-gradient(135deg,#2456A8,#173C80 60%);}
.sc:nth-child(3){top:150px;background:linear-gradient(135deg,#2F6FD6,#173C80 60%);}
.sc-copy{padding:50px;display:flex;flex-direction:column;justify-content:flex-end;}
.sc-n{font-size:clamp(67px,7.84vw,123px);font-weight:700;letter-spacing:-.06em;line-height:.8;color:rgba(230,232,230,.1);margin-bottom:auto;}
.sc h3{font-size:clamp(29px,2.91vw,42.5px);letter-spacing:-.03em;margin-top:30px;}
.sc p{margin-top:12px;font-size:18.5px;color:rgba(236,242,250,.88);max-width:44ch;line-height:1.65;}
.sc-art{position:relative;display:grid;place-items:center;border-left:1px solid var(--line);
  background:radial-gradient(closest-side,rgba(108,196,255,.25),transparent 75%);}
.sc-art::before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;border:1px dashed rgba(230,232,230,.18);animation:spin 40s linear infinite;}
.sc-art::after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(230,232,230,.1);}
@keyframes spin{to{transform:rotate(360deg);}}
.sc-ic{position:relative;z-index:1;display:grid;place-items:center;width:92px;height:92px;border-radius:26px;background:var(--star);color:var(--navy);box-shadow:0 30px 60px -20px rgba(108,196,255,.6);}
.sc-ic svg{width:40px;height:40px;}
.sc-chips{position:absolute;bottom:34px;display:flex;gap:8px;}
.sc-chips b{font-size:13.5px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line-2);}

/* Confiança */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.tr{border-radius:22px;padding:26px 24px 28px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;transition:border-color .4s,transform .6s var(--ease);}
.tr:hover{border-color:var(--line-2);transform:translateY(-4px);}
.tr-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(108,196,255,.12);color:var(--astral-l);margin-bottom:26px;}
.tr-ic svg{width:21px;height:21px;}
.tr b{font-size:29px;font-weight:700;letter-spacing:-.03em;color:#fff;}
.tr > span:last-child{font-size:15.5px;color:var(--moon);line-height:1.55;}
.quote{position:relative;margin:24px 0 0;border-radius:28px;padding:60px 64px 48px;background:linear-gradient(135deg,rgba(47,111,214,.45),rgba(20,52,118,.6));border:1px solid var(--line-2);overflow:hidden;}
.q-mark{position:absolute;top:-30px;right:40px;font-size:291px;line-height:1;font-weight:700;color:rgba(230,232,230,.06);}
.quote blockquote{position:relative;margin:0;font-size:clamp(21.5px,2.02vw,28px);line-height:1.5;letter-spacing:-.015em;color:#fff;font-weight:500;max-width:56ch;}
.by{display:flex;align-items:center;gap:14px;margin-top:32px;}
.by img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(230,232,230,.2);}
.by b{display:block;font-size:17px;color:#fff;} .by span span{font-size:14.5px;color:var(--moon);}

/* Autor */
.author{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;}
.author-ph{position:relative;}
.ph-frame{border-radius:28px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line-2);background:var(--navy-2);}
.ph-frame img{width:100%;height:115%;object-fit:cover;will-change:transform;}
.since{position:absolute;right:-24px;bottom:34px;display:flex;flex-direction:column;padding:16px 20px;border-radius:18px;background:rgba(24,60,134,.8);border:1px solid var(--line-2);backdrop-filter:blur(14px);}
.since b{font-size:22.5px;color:#fff;letter-spacing:-.02em;} .since span{font-size:14px;color:var(--moon);}
.sig{margin-top:30px;font-size:19px;font-weight:600;color:#fff;}
.sig span{display:block;font-size:15px;font-weight:500;color:var(--moon);margin-top:2px;}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;}
.faq-side{position:sticky;top:120px;}
.ask-card{margin-top:34px;border-radius:22px;padding:24px;background:var(--card);border:1px solid var(--line);}
.ask-card p{font-size:16px;color:var(--moon);margin-bottom:18px;}
.ask-card p b{display:block;font-size:19px;color:#fff;margin-bottom:2px;}
.faq{border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 4px;font-size:20px;font-weight:600;color:#fff;letter-spacing:-.01em;transition:color .3s;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary:hover{color:var(--astral-l);}
.chev{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid var(--line);transition:transform .5s var(--ease),background .3s;}
.chev svg{width:16px;height:16px;}
.faq details[open] .chev{transform:rotate(180deg);background:var(--star);color:var(--navy);}
.ans{overflow:hidden;}
.ans p{padding:0 60px 26px 4px;font-size:18px;color:var(--moon);line-height:1.7;}

/* Demonstração */
.demo-sec{overflow:hidden;padding-bottom:150px;}
.demo-glow{position:absolute;left:50%;bottom:-300px;width:1400px;height:700px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(47,111,214,.75),rgba(108,196,255,.12) 55%,transparent 80%);pointer-events:none;}
.cta{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;}
.cta-list{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:12px;}
.cta-list li{display:flex;gap:12px;align-items:center;font-size:17.5px;color:var(--star);}
.cta-list svg{width:20px;height:20px;color:var(--green);}
.contact-line{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:15.5px;color:var(--moon);}
.contact-line b{color:#fff;}
.contact-line a{color:var(--astral-l);} .contact-line a:hover{text-decoration:underline;}
.form-card{position:relative;border-radius:28px;padding:36px;background:rgba(22,56,128,.75);border:1px solid var(--line-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 60px 120px -40px rgba(0,0,0,.8);}
.form-card::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang,0deg),transparent 0 70%,rgba(108,196,255,.9) 82%,transparent 94%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ang 6s linear infinite;pointer-events:none;}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg;}
@keyframes ang{to{--ang:360deg;}}
.form-card h3{font-size:29px;letter-spacing:-.03em;}
.fc-sub{font-size:16px;color:var(--moon);margin:6px 0 24px;}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;}
.field label{font-size:14.5px;font-weight:600;color:var(--star);}
.field input,.field select{font:inherit;font-size:17.5px;color:#fff;background:rgba(255,255,255,.04);border:1px solid var(--line-2);border-radius:12px;padding:13px 14px;transition:border-color .25s,background .25s,box-shadow .25s;width:100%;}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23A8A9AD' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px;}
.field select option{color:#123270;}
.field input::placeholder{color:rgba(168,169,173,.5);}
.field input:focus,.field select:focus{outline:0;border-color:var(--astral-l);background:rgba(108,196,255,.06);box-shadow:0 0 0 4px rgba(108,196,255,.12);}
.field input.err{border-color:var(--red);}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.hp{position:absolute;left:-9999px;}
.msg{font-size:14px;color:var(--moon);margin-top:12px;text-align:center;}
.msg.bad{color:var(--red);} .msg a{text-decoration:underline;}
.ok-box{text-align:center;padding:40px 10px;}
.ok-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--green);color:#06210f;margin-bottom:18px;}
.ok-ic svg{width:30px;height:30px;}
.ok-box p{color:var(--moon);margin-top:10px;}

/* Rodapé */
footer{border-top:1px solid var(--line);padding:60px 0 120px;}
.foot-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:30px;}
.foot-top img{height:28px;width:auto;}
.foot-motto{font-size:clamp(20px,2.24vw,29px);font-weight:600;letter-spacing:-.02em;color:#fff;}
.foot-motto span{color:rgba(230,232,230,.42);}
.foot-legal{font-size:14px;color:rgba(200,213,234,.85);line-height:1.7;max-width:110ch;}

/* Barra móvel */
.bar{position:fixed;z-index:70;left:12px;right:12px;bottom:12px;display:none;gap:8px;padding:8px;border-radius:999px;background:rgba(14,42,100,.8);border:1px solid var(--line-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateY(140%);transition:transform .5s var(--ease);}
.bar.show{transform:none;}
.bar .btn-light{flex:1;padding:13px 16px;}
.bar .btn-wa{width:48px;padding:0;}

/* Estado inicial das entradas (só quando o JS anima) */
.js-anim .rv,.js-anim .h-in{opacity:0;}

/* ---------- Responsivo ---------- */
@media (max-width:1100px){
  .hdr-nav{display:none;}
  .app-body{grid-template-columns:190px 1fr 260px;}
  .trust{grid-template-columns:1fr 1fr;}
}
@media (max-width:900px){
  .wrap{padding:0 20px;}
  .hero{padding-top:130px;}
  .hero-woman{width:300px;right:-120px;opacity:.25;}
  .stage{padding:0 16px;margin-top:56px;}
  .app-body{grid-template-columns:1fr;min-height:0;}
  .app-side{display:none;}
  .app-films{grid-template-columns:1fr 1fr;aspect-ratio:auto;}
  .app-films figure{aspect-ratio:5/6;}
  .app-report{border-left:0;border-top:1px solid var(--line);}
  .cursor{display:none;}
  .float-card{display:none;}
  .sec{padding:96px 0;}
  .sec-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:40px;}
  .lit-sec{padding:110px 0 80px;}
  .marquee{margin-top:70px;}
  .tabs{border-radius:20px;grid-template-columns:1fr;}
  .tab{border-radius:14px;text-align:left;}
  .steps-stage{height:auto;min-height:560px;}
  .panel{grid-template-columns:1fr;gap:28px;padding:26px 20px;align-content:start;}
  .pn-copy{order:-1;}
  .cmp,.author,.faq-grid,.cta{grid-template-columns:1fr;gap:44px;}
  .faq-side{position:static;}
  .sc{grid-template-columns:1fr;min-height:0;top:90px;}
  .sc:nth-child(2){top:104px;} .sc:nth-child(3){top:118px;}
  .sc-copy{padding:30px 26px 34px;}
  .sc-art{display:none;}
  .sc-n{font-size:71.5px;}
  .quote{padding:44px 26px 32px;}
  .author-ph{max-width:360px;}
  .since{right:12px;}
  .form-card{padding:26px 20px;}
  .row2{grid-template-columns:1fr;gap:0;}
  .bar{display:flex;}
  .ans p{padding-right:10px;}
}
@media (max-width:560px){
  .hdr-in{padding:8px 8px 8px 16px;}
  .hdr .btn-sm{display:none;}
  .hero h1{font-size:clamp(40.5px,11.76vw,58px);}
  .pill-badge{font-size:13.5px;}
  .pill-badge > span:nth-child(2){max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .hero-actions .btn-lg{padding:16px 22px;font-size:17px;}
  .trust{grid-template-columns:1fr;}
  .card-art{height:220px;}
  .pgmi span{width:48px;height:48px;font-size:21.5px;}
  .films-tags{left:24px;bottom:24px;}
  .ft{font-size:12.5px;padding:6px 10px;}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition-duration:.01ms !important;}
  .js-anim .rv,.js-anim .h-in{opacity:1;}
  .lit .lw{opacity:1;}
}

/* ---------- 2026-10-15: mais WhatsApp ---------- */
.sec-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:56px;}
.sec-cta.center{justify-content:center;margin-top:40px;}
.sec-cta.in-col{margin-top:30px;}
.wa-float{position:fixed;z-index:65;right:24px;bottom:24px;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--wa);color:#fff;box-shadow:0 18px 36px -12px rgba(37,211,102,.65);transition:transform .4s var(--ease);}
.wa-float:hover{transform:scale(1.08);}
.wa-float svg{width:30px;height:30px;}
@media (max-width:900px){.wa-float{display:none;}}
@media (max-width:560px){.sec-cta{flex-direction:column;}.sec-cta .btn{width:100%;white-space:normal;text-align:center;}.hero-actions .btn-wa,.hero-actions .btn-light{width:100%;}}

/* ---------- 2026-10-15: seções brancas p/ alternar com o azul ---------- */
.sec.light{background:#fff;color:#33415C;--star:#123270;--moon:#4A5875;--line:rgba(18,50,112,.12);--line-2:rgba(18,50,112,.2);--card:#F3F7FD;}
.sec.light + .sec.light{border-top:1px solid var(--line);}
.light h2,.light h3{color:#0E2A60;}
.light .dim{color:#2F6FD6;}
.light .small{color:#6B7891;}
.light .spot::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), rgba(47,111,214,.08), transparent 60%);}
.light .btn-light{background:#123270;color:#fff;}
.light .btn-light::before{background:#2F6FD6;}
.light .btn-light:hover{box-shadow:0 18px 40px -14px rgba(47,111,214,.55);}
/* comparação */
.light .check li{color:#22304A;}
.light .check svg{background:rgba(47,111,214,.12);color:#2F6FD6;}
.light .pills button{background:#fff;color:#4A5875;}
.light .pills button:hover{color:#123270;border-color:rgba(18,50,112,.35);}
.light .pills button.on{background:#123270;color:#fff;border-color:#123270;}
.light .viewer{box-shadow:0 50px 90px -45px rgba(18,50,112,.45);border-color:rgba(18,50,112,.25);--moon:#C8D5EA;--line:rgba(200,225,255,.16);--star:#E6E8E6;}
/* confiança */
.light .tr{background:#F3F7FD;}
.light .tr:hover{box-shadow:0 24px 40px -28px rgba(18,50,112,.35);}
.light .tr-ic{background:rgba(47,111,214,.12);color:#2F6FD6;}
.light .tr b{color:#0E2A60;}
.light .quote{background:linear-gradient(135deg,#2F6FD6,#123270 70%);border:0;--moon:#C8D5EA;}
.light .q-mark{color:rgba(255,255,255,.12);}
/* perguntas */
.light .ask-card{background:#F3F7FD;}
.light .ask-card p b{color:#0E2A60;}
.light .faq summary{color:#0E2A60;}
.light .faq summary:hover{color:#2F6FD6;}
.light .chev{background:#F3F7FD;color:#123270;}
.light .faq details[open] .chev{background:#123270;color:#fff;}

/* ===== 2026-10-16: saiba mais, comparação real, publicações ===== */
.more-btn{display:inline;font:inherit;font-weight:700;color:var(--astral-l);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.more-btn:hover{color:#fff;}
.pills.legend span{display:inline-flex;align-items:center;gap:8px;font-size:15.5px;font-weight:600;padding:10px 16px;border-radius:999px;border:1px solid rgba(18,50,112,.18);background:#fff;color:#4A5875;}
.pills.legend span i{width:8px;height:8px;border-radius:50%;}
.films.real figure{aspect-ratio:358/680;background:#000;}
.films.real img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;transition:opacity .6s var(--ease);}
.films.real[data-view="cc"] .v-mlo,.films.real[data-view="mlo"] .v-cc{opacity:0;}
.vw-tabs{display:inline-flex;gap:4px;padding:3px;border-radius:999px;border:1px solid var(--line-2);}
.vw-tabs button{font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--moon);background:none;border:0;padding:5px 14px;border-radius:999px;cursor:pointer;transition:all .3s var(--ease);}
.vw-tabs button.on{background:var(--star);color:#0B2350;}
.tr-more{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14.5px;font-weight:700;color:#2F6FD6;background:none;border:0;padding:10px 0 0;cursor:pointer;}
.tr-more svg{width:16px;height:16px;transition:transform .3s var(--ease);}
.tr-more:hover svg{transform:translateX(4px);}
.trust .tr > span:last-of-type{font-size:15.5px;color:#4A5875;line-height:1.55;}
dialog.pubs{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:24px;background:#fff;color:#0E2A60;box-shadow:0 40px 120px -30px rgba(5,15,40,.6);overflow:auto;overscroll-behavior:contain;}
dialog.pubs::backdrop{background:rgba(6,16,40,.6);backdrop-filter:blur(6px);}
.pubs-in{position:relative;padding:44px 40px 40px;}
.pubs-in h3{font-size:clamp(26px,3vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.12;margin:0 40px 28px 0;color:#0E2A60;}
.pubs-in h3 .dim{color:#2F6FD6;display:block;}
.pubs-x{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(18,50,112,.18);background:#fff;color:#0E2A60;font-size:24px;line-height:1;cursor:pointer;}
.pub-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.pub-list li{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:22px 0;border-top:1px solid rgba(18,50,112,.12);}
.pub-y{font-size:20px;font-weight:800;color:#2F6FD6;letter-spacing:-.02em;}
.pub-list h4{font-size:18px;font-weight:700;line-height:1.35;margin:0 0 8px;color:#0E2A60;}
.pub-list p{font-size:15.5px;line-height:1.6;color:#4A5875;margin:0;}
@media (max-width:600px){
  .pubs-in{padding:34px 22px 26px;}
  .pub-list li{grid-template-columns:1fr;gap:6px;}
}

/* ===== 2026-10-28: revisão "Landing page 25.10" (em uso, laudo, módulos, depoimentos, trajetória) ===== */
.light .tag{color:#123270;background:#F3F7FD;}
.light .tag::before{background:#2F6FD6;box-shadow:none;}
.sub-k{display:block;color:var(--star);font-weight:700;margin-bottom:6px;}

/* Em uso hoje */
.inuse{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;}
.inuse-ph{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:1280/760;box-shadow:0 50px 90px -50px rgba(18,50,112,.5);}
.inuse-ph img{width:100%;height:100%;object-fit:cover;}
.big100{font-size:clamp(90px,11vw,160px);font-weight:800;letter-spacing:-.06em;line-height:.9;color:#123270;font-variant-numeric:tabular-nums;}
.inuse-h{font-size:clamp(27px,2.6vw,36px);line-height:1.15;letter-spacing:-.025em;margin-top:14px;}
.inuse-trio{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;}
.inuse-trio figure,.laudo-ph,.mods-ph{margin:0;}
.inuse-trio img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:22px;}
.inuse-trio figcaption,.laudo-ph figcaption,.mods-ph figcaption{font-size:14px;color:var(--moon);margin-top:10px;line-height:1.5;}

/* Faixas de chamada */
.call{position:relative;padding:84px 0;background:linear-gradient(110deg,#123270 0%,#2F6FD6 70%,#6CC4FF 130%);overflow:hidden;}
.call::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:22px 22px;-webkit-mask:linear-gradient(90deg,transparent,#000 60%);mask:linear-gradient(90deg,transparent,#000 60%);pointer-events:none;}
.call-in{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:40px;}
.call h2{font-size:clamp(29px,3.2vw,44px);max-width:22ch;}
.call p{margin-top:14px;font-size:18px;color:rgba(236,242,250,.9);max-width:52ch;}
.call-btns{flex:none;}

/* "Saiba mais" expansível */
details.more{margin-top:18px;border-top:1px solid var(--line);}
details.more summary{list-style:none;display:inline-flex;align-items:center;gap:10px;padding:14px 0 4px;font-size:15.5px;font-weight:700;color:#2F6FD6;cursor:pointer;}
details.more summary::-webkit-details-marker{display:none;}
details.more summary::before{content:'+';display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;font-size:17px;line-height:1;transition:transform .4s var(--ease);}
details.more[open] summary::before{transform:rotate(45deg);}
.more-body{padding:12px 0 6px;display:flex;flex-direction:column;gap:10px;font-size:15.5px;line-height:1.6;color:var(--moon);}
.more-body b{color:var(--star);}
.more-body.cats b{display:block;}
.sec:not(.light) details.more summary{color:var(--astral-l);}

/* Laudo */
.laudo{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start;}
.laudo-ph{margin-top:34px;}
.laudo-ph img{width:100%;border-radius:24px;aspect-ratio:958/584;object-fit:cover;}
.report{border-radius:24px;background:#fff;border:1px solid rgba(18,50,112,.16);box-shadow:0 50px 90px -50px rgba(18,50,112,.5);overflow:hidden;}
.report-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;background:#123270;color:#fff;font-weight:700;font-size:16.5px;}
.report-h small{font-size:13px;font-weight:600;color:#C8D5EA;letter-spacing:.04em;}
.report-l{list-style:none;margin:0;padding:6px 24px;}
.report-l > li{padding:14px 0;border-bottom:1px solid rgba(18,50,112,.1);font-size:16.5px;color:#22304A;}
.report-l details.more{border-top:0;margin-top:2px;}
.report-l details.more summary{padding-top:6px;font-size:14.5px;}
.report-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 24px 20px;background:#F3F7FD;font-size:14.5px;}
.report-f b{color:#123270;margin-right:4px;}
.report-f span{padding:6px 14px;border-radius:999px;border:1px solid rgba(18,50,112,.25);font-weight:600;color:#123270;}
.report-f span.on{background:#123270;color:#fff;border-color:#123270;}
.report-f em{flex-basis:100%;display:flex;align-items:center;gap:8px;justify-content:flex-end;font-style:normal;color:#4A5875;margin-top:6px;}
.report-f em svg{width:20px;height:20px;}

/* Como funciona: fotos nos passos */
.pn-ph{margin:0;padding:0;overflow:hidden;aspect-ratio:3/2;}
.pn-ph img{width:100%;height:100%;object-fit:cover;}

/* Módulos */
.mods-wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:44px;align-items:start;}
.mods{border-top:1px solid var(--line-2);}
.mod{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line);}
.mod-h{padding:14px 0;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--moon);}
.mod h3{font-size:19px;}
.mod h3 span{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--astral-l);margin-bottom:4px;}
.mod p{font-size:15.5px;color:var(--moon);line-height:1.55;}
.mod p.g{color:#fff;font-weight:600;}
.mods-ph{position:sticky;top:120px;}
.mods-ph img{width:100%;border-radius:24px;aspect-ratio:1306/706;object-fit:cover;border:1px solid var(--line-2);}
.para-quem-h{margin-top:120px;}

/* Ciência */
.sci{margin-top:44px;}
.sci > *{max-width:860px;}
.sci h3{font-size:clamp(22px,2vw,27px);}
.sci p{margin-top:14px;font-size:17.5px;color:var(--moon);line-height:1.7;}
.pub-k{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2F6FD6;background:rgba(47,111,214,.1);padding:4px 10px;border-radius:999px;}
.pub-list.traj b{color:#0E2A60;}
.pub-list.traj .pub-y{font-size:17px;}
.pub-list.traj li{grid-template-columns:96px 1fr;}

/* Depoimentos */
.quote blockquote p + p{margin-top:16px;}
.deps-more{margin-top:26px;}
.deps{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:18px;}
.dep{margin:0;padding:28px;border-radius:22px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;}
.dep blockquote{margin:0;font-size:16px;line-height:1.65;color:var(--star);}
.dep blockquote p + p{margin-top:10px;}
.dep .by{margin-top:auto;padding-top:22px;}
.dep .by span span{font-size:13.5px;}

/* Autoria (seção clara) */
.light .sig{color:#0E2A60;}
.light .ph-frame{border-color:rgba(18,50,112,.15);background:#EEF2F8;}
.light .since{--moon:#C8D5EA;}
.author .tr-more{margin-top:18px;}

/* Contato e rodapé */
.contact-line{flex-direction:column;gap:10px;}
.cl-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.copy-btn{font:inherit;font-size:13px;font-weight:700;color:var(--star);background:rgba(255,255,255,.06);border:1px solid var(--line-2);padding:4px 12px;border-radius:999px;cursor:pointer;transition:background .25s;}
.copy-btn:hover{background:rgba(255,255,255,.14);}
.msg a{color:inherit;}
.foot-links{display:flex;gap:22px;margin-top:18px;font-size:14px;font-weight:600;}
.foot-links a{color:#fff;text-decoration:underline;text-underline-offset:3px;}

@media (max-width:1100px){
  .mods-wrap{grid-template-columns:1fr;}
  .mods-ph{position:static;max-width:560px;}
}
@media (max-width:900px){
  .inuse,.laudo{grid-template-columns:1fr;gap:36px;}
  .call{padding:64px 0;}
  .call-in{flex-direction:column;align-items:flex-start;gap:26px;}
  .deps{grid-template-columns:1fr;}
  .para-quem-h{margin-top:84px;}
  .pn-ph{aspect-ratio:16/10;}
}
@media (max-width:640px){
  .mod-h{display:none;}
  .mod{grid-template-columns:1fr;gap:6px;}
  .inuse-trio{gap:12px;}
  .inuse-trio img{border-radius:16px;}
  .report-h,.report-l,.report-f{padding-left:18px;padding-right:18px;}
  .report-h{flex-direction:column;align-items:flex-start;gap:2px;}
  .dep{padding:22px 20px;}
  .call-btns,.call-btns .btn{width:100%;}
}