/* PWD — Landing Page · estilos */
body{margin:0;background:#F7F6FB;font-family:'Manrope',system-ui,sans-serif;color:#15112B;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
h1,h2,h3,h4{font-family:'Outfit',system-ui,sans-serif}
a{color:#5B3FD9;text-decoration:none}a:hover{color:#2B0A96}
.wrap{width:min(1240px,calc(100% - 64px));margin:0 auto}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-family:'Outfit',sans-serif;font-weight:600;font-size:16px;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.btn-p{background:#764CFF;color:#fff;box-shadow:0 10px 30px -10px rgba(118,76,255,.7)}
.btn-p:hover{background:#6437F5;color:#fff;transform:translateY(-1px)}
.btn-g{border:1px solid rgba(255,255,255,.28);color:#fff}
.btn-g:hover{background:rgba(255,255,255,.08);color:#fff}
.btn-d{border:1px solid #D9D4EC;color:#15112B;background:#fff}
.btn-d:hover{border-color:#764CFF;color:#2B0A96}
.nav a{color:#D7D1F2;font-size:15px;font-weight:500}.nav a:hover{color:#fff}
#pwdHeroSection .nav a{color:#FFFFFF}
.card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(43,10,150,.35);border-color:#CFC3FF}
.seg{min-height:40px;padding:0 16px;border:0;border-radius:999px;font-family:'Outfit',sans-serif;font-weight:600;font-size:14px;cursor:pointer}
@media (max-width:980px){
.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.split{grid-template-columns:minmax(0,1fr);gap:40px}
.nav{display:none !important}
.h1{font-size:48px !important}
.h2{font-size:36px !important}
}
@media (max-width:640px){
.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}
.wrap{width:calc(100% - 32px);margin:0 auto}
.h1{font-size:40px !important}
.h2{font-size:30px !important}
.sec{padding-top:72px !important;padding-bottom:72px !important}
}
/* ================= HERO NOTEBOOK 3D ================= */
.pwd-hero{position:relative;width:100%;height:180vh;background:linear-gradient(180deg,#3426E4 0%,#3B2EEE 45%,#4A3DFA 100%);font-family:'Outfit',system-ui,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pwd-hero a{color:inherit}
.pwd-sticky{position:sticky;top:0;width:100%;height:100vh;min-height:720px;overflow:hidden;
  background:
    radial-gradient(60% 45% at 50% 100%, rgba(170,150,255,.55), transparent 70%),
    radial-gradient(40% 50% at 100% 30%, rgba(120,140,255,.35), transparent 70%),
    radial-gradient(40% 50% at 0% 70%, rgba(140,90,255,.35), transparent 70%),
    linear-gradient(180deg, #3426E4 0%, #3B2EEE 45%, #4A3DFA 100%)}
.pwd-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.28) 1px, transparent 1.2px);
  background-size:22px 22px;
  -webkit-mask-image:radial-gradient(70% 80% at 50% 45%, transparent 45%, #000 100%);
          mask-image:radial-gradient(70% 80% at 50% 45%, transparent 45%, #000 100%);
  opacity:.45}
.pwd-streaks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pwd-header{position:absolute;z-index:30;top:0;left:50%;transform:translateX(-50%);
  width:min(1240px, calc(100% - 64px));height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pwd-logo{display:flex;align-items:center;gap:16px}
.pwd-logo-img{height:38px;width:auto;display:block}
.pwd-logo-mark{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#8E70FF,#6C4DFB);font-weight:700;font-size:17px;letter-spacing:-.02em;
  box-shadow:0 8px 24px -8px rgba(30,10,160,.6), inset 0 1px 0 rgba(255,255,255,.25)}
.pwd-menu{display:flex;align-items:center;gap:38px}
.pwd-menu a{font-size:16px;font-weight:300;color:rgba(255,255,255,.82);transition:color .2s}
.pwd-menu a:hover{color:#fff}
.pwd-menu a.is-active{font-weight:500;color:#fff}
.pwd-cta-nav{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 24px;border-radius:999px;
  font-size:16px;font-weight:400;
  background:linear-gradient(180deg,#8B6DFF,#7456FA);
  box-shadow:0 10px 30px -10px rgba(20,5,140,.7), inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s, filter .2s}
.pwd-cta-nav:hover{transform:translateY(-1px);filter:brightness(1.07)}
.pwd-content{position:absolute;z-index:20;top:132px;left:50%;transform:translateX(-50%);
  width:min(1240px, calc(100% - 64px));text-align:center;will-change:transform,opacity}
.pwd-chip{position:relative;display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 22px;border-radius:999px;
  border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.03);
  font-size:14px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.pwd-chip::before,.pwd-chip::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:44%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)}
.pwd-chip::before{top:-1px}
.pwd-chip::after{bottom:-1px;width:30%}
.pwd-chip i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 10px rgba(255,255,255,.8)}
.pwd-title{margin:34px auto 0;max-width:1320px;font-size:clamp(40px,3.55vw,72px);line-height:1.12;font-weight:600;letter-spacing:-.025em}
.pwd-title .soft{position:relative;white-space:nowrap;
  background:linear-gradient(180deg,#E3DDFF 0%,#BFB3FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pwd-title .underline{position:absolute;left:22%;right:-1%;bottom:-.12em;width:79%;height:.22em;overflow:visible}
.pwd-description{max-width:700px;margin:26px auto 0;font-size:clamp(17px,1.5vw,23px);line-height:1.6;font-weight:300;color:rgba(255,255,255,.84)}
.pwd-buttons{margin-top:36px;display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap}
.pwd-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;height:64px;padding:0 36px;border-radius:14px;
  font-size:19px;font-weight:400;transition:transform .2s, background .2s, filter .2s}
.pwd-button:hover{transform:translateY(-2px)}
.pwd-primary{background:linear-gradient(180deg,#8465FF,#6F52F7);
  box-shadow:0 18px 40px -14px rgba(20,5,140,.75), inset 0 1px 0 rgba(255,255,255,.22)}
.pwd-primary:hover{filter:brightness(1.07)}
.pwd-secondary{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.02)}
.pwd-secondary:hover{background:rgba(255,255,255,.08)}
.pwd-stage{position:absolute;z-index:10;left:50%;bottom:0;transform:translateX(-50%);
  width:min(1320px, 70vw);height:100%;perspective:1800px;perspective-origin:50% 30%;pointer-events:none}
.pwd-glow{position:absolute;left:50%;bottom:-8%;width:110%;height:46%;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(closest-side, rgba(205,190,255,.75), rgba(150,120,255,.35) 45%, transparent 75%);filter:blur(20px)}
.pwd-floor{position:absolute;left:50%;bottom:0;width:120%;height:3px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9) 25%,#fff 50%,rgba(255,255,255,.9) 75%,transparent);filter:blur(1.5px)}
.pwd-lid{position:absolute;left:0;right:0;top:0;margin:0 auto;width:100%;aspect-ratio:16/10;
  transform-origin:50% 0%;transform-style:preserve-3d;will-change:transform}
.pwd-bezel{position:absolute;inset:0;border-radius:26px;padding:12px;
  background:linear-gradient(180deg,#1A1462 0%,#0E0A3C 100%);
  box-shadow:
    0 0 0 2px rgba(214,206,255,.85),
    0 -2px 18px rgba(230,222,255,.9),
    0 0 90px rgba(170,150,255,.55),
    0 60px 120px -20px rgba(10,0,90,.6)}
.pwd-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:120px;height:18px;border-radius:0 0 10px 10px;background:#0B0830;z-index:5}
.pwd-notch::after{content:"";position:absolute;top:5px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#2A2470}
.pwd-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:16px;background:#2B20C8;pointer-events:auto}
.pwd-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;background:#2B20C8}
.pwd-player{position:absolute;left:0;right:0;bottom:0;z-index:9;display:flex;align-items:center;gap:16px;
  padding:34px 22px 18px;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,5,50,0) 0%,rgba(10,5,50,.42) 45%,rgba(10,5,50,.72) 100%);
  opacity:0;transition:opacity .3s ease}
.pwd-player.visivel{pointer-events:none}
/* só aparece quando o mouse passa sobre a tela */
.pwd-screen:hover .pwd-player,.pwd-screen:has(.pwd-seek:focus-visible) .pwd-player,.pwd-player.fixo{opacity:1;pointer-events:auto}
.pwd-seek{position:relative;flex:1;height:22px;display:flex;align-items:center;cursor:pointer;
  touch-action:none;pointer-events:auto;outline:none}
.pwd-seek-track{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:99px;
  background:rgba(255,255,255,.3);overflow:hidden;transition:height .16s ease,margin .16s ease,background .16s ease}
.pwd-seek:hover .pwd-seek-track,.pwd-seek.ativo .pwd-seek-track{height:9px;margin-top:-4.5px;background:rgba(255,255,255,.42)}
.pwd-seek-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;
  background:linear-gradient(90deg,#C9BEFF 0%,#8E74FF 55%,#7B5CFF 100%)}
.pwd-seek-knob{position:absolute;top:50%;left:0;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;
  background:#fff;box-shadow:0 0 0 4px rgba(123,92,255,.55),0 6px 14px rgba(0,0,0,.45);
  transform:scale(.72);transition:transform .16s ease,box-shadow .16s ease;pointer-events:none}
.pwd-seek:hover .pwd-seek-knob,.pwd-seek.ativo .pwd-seek-knob{transform:scale(1);box-shadow:0 0 0 5px rgba(123,92,255,.65),0 6px 16px rgba(0,0,0,.5)}
.pwd-seek:focus-visible .pwd-seek-knob{transform:scale(1);box-shadow:0 0 0 5px #fff,0 6px 16px rgba(0,0,0,.5)}
.pwd-sound{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;flex:none;
  height:42px;padding:0 18px 0 14px;border-radius:999px;cursor:pointer;pointer-events:auto;
  border:1px solid rgba(255,255,255,.42);background:rgba(12,6,60,.5);color:#fff;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  font:500 14px/1 'Outfit',system-ui,sans-serif;letter-spacing:.01em;
  box-shadow:0 10px 30px -12px rgba(6,2,40,.8);
  transition:background .2s ease,border-color .2s ease,transform .2s ease}
.pwd-sound:hover{background:rgba(12,6,60,.78);border-color:rgba(255,255,255,.72);transform:translateY(-1px)}
.pwd-sound:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pwd-sound svg{width:20px;height:20px;flex:none}
.pwd-sound .pwd-sound-on{display:none}
.pwd-sound.on .pwd-sound-on{display:block}
.pwd-sound.on .pwd-sound-off{display:none}
.pwd-sound.pulse{animation:pwdSoundPulse 2.2s ease-in-out infinite}
@keyframes pwdSoundPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}50%{box-shadow:0 0 0 7px rgba(255,255,255,0)}}
@media (prefers-reduced-motion:reduce){.pwd-sound.pulse{animation:none}}
.pwd-screen-scale{position:absolute;top:0;left:0;width:1440px;height:900px;transform-origin:0 0;display:none}
.pwd-phone{display:none}
.pwd-screen-shade{position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(180deg,rgba(14,8,70,.18),rgba(14,8,70,.45))}
.pwd-screen-glass{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.6;
  background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 30%,transparent 65%,rgba(190,170,255,.14))}
.mini{position:absolute;inset:0;padding:0 80px;
  background:
    radial-gradient(50% 50% at 80% 60%, rgba(140,120,255,.45), transparent 70%),
    radial-gradient(45% 45% at 15% 70%, rgba(120,90,255,.35), transparent 70%),
    linear-gradient(160deg,#2D22D6,#4638F5)}
.mini-head{height:96px;display:flex;align-items:center;justify-content:space-between}
.mini-logo{display:flex;align-items:center;gap:12px;font-size:20px}
.mini-logo b{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#7B5CFF;font-size:15px}
.mini-nav{display:flex;gap:34px;font-size:15px;font-weight:300;color:rgba(255,255,255,.75)}
.mini-pill{height:44px;padding:0 22px;border-radius:999px;background:#7B5CFF;display:flex;align-items:center;font-size:15px}
.mini-body{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;height:calc(100% - 96px);padding-bottom:40px}
.mini-body h3{margin:0;font-size:58px;line-height:1.08;font-weight:600;letter-spacing:-.025em}
.mini-body h3 span{color:#C9BEFF}
.mini-body p{margin:22px 0 0;max-width:520px;font-size:19px;line-height:1.6;font-weight:300;color:rgba(255,255,255,.78)}
.mini-btns{display:flex;gap:14px;margin-top:30px}
.mini-btns span{height:54px;padding:0 26px;border-radius:12px;display:flex;align-items:center;font-size:17px}
.mini-btns span:first-child{background:#7B5CFF}
.mini-btns span:last-child{border:1px solid rgba(255,255,255,.5)}
.mini-cards{position:relative;height:440px}
.mini-card{position:absolute;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(8px);padding:26px;display:flex;flex-direction:column;gap:12px}
.mini-card .k{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#CFC6FF}
.mini-card .t{font-size:26px;font-weight:600}
.mini-card .row{display:flex;align-items:center;gap:12px;font-size:16px;color:rgba(255,255,255,.85)}
.mini-card .row i{width:34px;height:34px;border-radius:10px;background:#7B5CFF;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:13px}
.mini-card.a{left:0;top:10px;width:78%}
.mini-card.b{right:0;bottom:0;width:62%;background:rgba(123,92,255,.35)}
.pwd-scroll-tip{position:absolute;z-index:25;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.pwd-scroll-mouse{position:relative;width:22px;height:34px;border-radius:20px;border:1px solid rgba(255,255,255,.6)}
.pwd-scroll-mouse::before{content:"";position:absolute;left:50%;top:7px;width:3px;height:6px;transform:translateX(-50%);border-radius:5px;background:#fff;animation:pwdMouse 1.5s infinite}
@keyframes pwdMouse{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,10px)}}
@media (max-width:1080px){
  .pwd-menu{display:none}
  .pwd-stage{width:88vw}
}
@media (max-width:640px){
  .pwd-header{height:80px;width:calc(100% - 32px)}
  .pwd-logo-img{height:30px}
  .pwd-logo-mark{width:38px;height:38px;font-size:15px}
  .pwd-cta-nav{height:42px;padding:0 16px;font-size:14px}
  .pwd-content{top:104px;width:calc(100% - 32px)}
  .pwd-chip{height:40px;padding:0 16px;font-size:11px;gap:9px}
  .pwd-title{font-size:36px;margin-top:24px}
  .pwd-title .soft{white-space:normal}
  .pwd-title .underline{display:none}
  .pwd-title br{display:none}
  .pwd-buttons{flex-direction:column;gap:12px}
  .pwd-button{width:100%;max-width:340px;height:56px;font-size:17px}
  .pwd-stage{width:128vw}
  .pwd-scroll-tip{display:none}
  /* no celular: sai a ilustração de notebook e entra o vídeo da marca em bloco */
  .pwd-hero{height:auto}
  .pwd-sticky{position:relative;height:auto;min-height:0;overflow:visible;padding:96px 0 44px}
  .pwd-content{position:relative;top:0;left:auto;transform:none;margin:0 auto}
  .pwd-stage{position:relative;left:auto;bottom:auto;transform:none;width:100%;height:auto;margin:30px auto 0;perspective:none}
  .pwd-glow,.pwd-floor,.pwd-lid{display:none}
  .pwd-screen .pwd-player{display:none}
  /* player do bloco 1:1 — aparece só enquanto o dedo toca o vídeo */
  .pwd-player-m{display:flex;gap:10px;padding:26px 12px 10px;bottom:0;left:0;right:0;z-index:6}
  .pwd-player-m.ativo,.pwd-player-m.fixo{opacity:1;pointer-events:auto}
  .pwd-player-m .pwd-seek{height:20px}
  .pwd-player-m .pwd-seek-track{height:4px;margin-top:-2px}
  .pwd-player-m .pwd-seek.ativo .pwd-seek-track{height:6px;margin-top:-3px}
  .pwd-player-m .pwd-seek-knob{width:15px;height:15px;margin:-7.5px 0 0 -7.5px;transform:scale(.85)}
  .pwd-player-m .pwd-seek.ativo .pwd-seek-knob{transform:scale(1)}
  .pwd-player-m .pwd-sound{width:36px;height:36px;padding:0;justify-content:center;gap:0;
    border-radius:50%;background:rgba(12,6,60,.55)}
  .pwd-player-m .pwd-sound svg{width:18px;height:18px}
  .pwd-player-m .pwd-sound-txt{display:none}
  .pwd-phone{display:block;position:relative;width:84vw;max-width:400px;margin:0 auto;aspect-ratio:1/1;
    border-radius:26px;overflow:hidden;background:#2B20C8;
    box-shadow:0 30px 70px -26px rgba(6,3,40,.7),0 0 0 1px rgba(255,255,255,.14)}
  .pwd-phone-video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:auto}
  .pwd-phone{pointer-events:auto}
}
@media (prefers-reduced-motion:reduce){
  .pwd-scroll-mouse::before{animation:none}
}
/* ===== SECAO PROBLEMA (xr) ===== */

:root{
  --ink:#15112B; --ink-2:#4B4668; --muted:#8A85A3;
  --v:#764CFF; --v-2:#5B3FD9; --v-3:#2B0A96; --v-soft:#EFEAFF; --line:#E6E2F4;
  --bg:#F8F7FD;
}

/* ================= SEÇÃO ================= */
.xr{position:relative;overflow:hidden;padding:76px 0 60px;background:var(--bg)}
.xr-grid-bg{position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(118,76,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(118,76,255,.07) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(60% 55% at 50% 40%,#000 20%,transparent 100%);mask-image:radial-gradient(60% 55% at 50% 40%,#000 20%,transparent 100%)}
.xr-glow{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none}
.xr-glow.a{width:620px;height:620px;left:50%;top:38%;margin-left:-310px;background:radial-gradient(closest-side,rgba(132,106,239,.28),transparent)}
.xr-glow.b{width:420px;height:420px;left:-120px;top:8%;background:radial-gradient(closest-side,rgba(118,76,255,.14),transparent)}
.xr-glow.c{width:460px;height:460px;right:-140px;bottom:12%;background:radial-gradient(closest-side,rgba(118,76,255,.14),transparent)}
.xr-wrap{position:relative;width:min(1240px,calc(100% - 64px));margin:0 auto}

/* ================= TOPO ================= */
.xr-head{max-width:920px;margin:0 auto;text-align:center}
.xr-title{margin:0;font-size:clamp(36px,4.3vw,64px);line-height:1.06;font-weight:600;letter-spacing:-.035em}
.xr-title .ln{display:block;overflow:hidden;padding-bottom:.08em}
.xr-title .ln > span{display:inline-block}
.xr-mark{position:relative;display:inline-block;color:var(--v)}
.xr-mark::before{content:"";position:absolute;left:-.08em;right:-.08em;bottom:.08em;height:.36em;border-radius:6px;z-index:-1;
  background:linear-gradient(90deg,#E4DCFF,#D6CAFF);transform:scaleX(0);transform-origin:left}
.xr-lead{margin:28px auto 0;max-width:760px;font-size:clamp(17px,1.45vw,21px);line-height:1.75;font-weight:300;color:var(--ink-2)}
.kw{position:relative;font-weight:500;color:var(--ink);white-space:nowrap;
  background-image:linear-gradient(transparent 62%,rgba(118,76,255,.22) 62%);background-repeat:no-repeat;background-size:0% 100%}

/* ================= RÓTULO ================= */
.xr-label{display:flex;align-items:center;justify-content:center;gap:18px;margin:90px 0 44px;font-size:clamp(17px,1.4vw,20px);font-weight:500;color:var(--ink)}
.xr-label::before,.xr-label::after{content:"";width:72px;height:1px;background:linear-gradient(90deg,transparent,var(--v))}
.xr-label::after{transform:scaleX(-1)}

/* ================= STAGE ================= */
.xr-stage{display:grid;grid-template-columns:minmax(0,1fr) 540px minmax(0,1fr);gap:40px;align-items:center}
.xr-col{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}

.xr-card{position:relative;display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.92);
  border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 10px 30px -22px rgba(43,10,150,.35);
  cursor:default;transition:border-color .3s, box-shadow .3s, transform .3s}
.xr-card .n{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:var(--v-soft);color:var(--v-2);font-size:13px;font-weight:600;transition:background .3s,color .3s}
.xr-card p{margin:0;font-size:16px;line-height:1.5;color:#2B2646}
.xr-card.on{border-color:rgba(118,76,255,.55);transform:translateY(-2px);box-shadow:0 22px 44px -24px rgba(91,63,217,.55)}
.xr-card.on .n{background:var(--v);color:#fff}
.xr-col.left .xr-card::after,.xr-col.right .xr-card::after{content:"";position:absolute;top:50%;width:22px;height:1px;background:linear-gradient(90deg,var(--v),transparent);opacity:0;transition:opacity .3s}
.xr-col.left .xr-card::after{right:-23px;transform:scaleX(-1)}
.xr-col.right .xr-card::after{left:-23px}
.xr-card.on::after{opacity:1}

/* ================= MOCKUP ================= */
.xr-mock-box{position:relative;width:100%;perspective:1400px}
.xr-mock-scale{position:relative;width:540px;height:600px;transform-origin:0 0}
.xr-mock{position:absolute;inset:0;border-radius:22px;background:#fff;overflow:hidden;
  border:1px solid #E4DFF5;box-shadow:0 50px 100px -40px rgba(43,10,150,.45), 0 0 0 8px rgba(255,255,255,.6)}
.m-chrome{height:46px;display:flex;align-items:center;gap:14px;padding:0 16px;background:#F5F3FB;border-bottom:1px solid #ECE8F7}
.m-dots{display:flex;gap:6px}.m-dots i{width:10px;height:10px;border-radius:50%;background:#DCD6EE}
.m-url{flex:1;height:24px;border-radius:8px;background:#fff;border:1px solid #E9E5F5;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:11px;color:#A7A2BE}
.m-url svg{flex-shrink:0}
.m-load{position:absolute;top:46px;left:0;height:3px;width:38%;background:linear-gradient(90deg,var(--v),#B9A6FF);border-radius:0 3px 3px 0}
.m-body{position:relative;padding:18px 26px}
.m-nav{display:flex;align-items:center;justify-content:space-between;height:28px}
.m-logo{width:74px;height:14px;border-radius:5px;background:#D9D2F3}
.m-links{display:flex;gap:12px}.m-links i{width:34px;height:7px;border-radius:4px;background:#ECE8F7}
.m-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-top:22px}
.m-h{height:14px;border-radius:5px;background:#2A2448;margin-bottom:9px}
.m-p{height:7px;border-radius:4px;background:#E3DFF1;margin-bottom:7px}
.m-btn{margin-top:16px;width:118px;height:32px;border-radius:9px;background:var(--v);box-shadow:0 8px 18px -8px rgba(118,76,255,.8)}
.m-img{height:150px;border-radius:14px;background:linear-gradient(145deg,#EDE8FF,#DCD2FF);position:relative;overflow:hidden}
.m-img::after{content:"";position:absolute;left:-10%;bottom:-30%;width:80%;height:70%;border-radius:50%;background:#C9BCFF}
.m-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.m-card{height:92px;border-radius:12px;background:#F6F4FC;border:1px solid #EEEAF8;padding:12px}
.m-card i{display:block;width:22px;height:22px;border-radius:7px;background:#DDD4FF;margin-bottom:10px}
.m-card b{display:block;height:6px;border-radius:3px;background:#E1DCF0;margin-bottom:6px}
.m-card.odd{background:#FFF4E6;border:1px dashed #F2C48D;border-radius:2px}
.m-card.odd i{background:#F7C98F;border-radius:50%}
.m-card.odd b{background:#F4DDBF}
.m-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.m-form{border-radius:12px;border:1px solid #EEEAF8;padding:12px;background:#fff}
.m-form i{display:block;height:20px;border-radius:6px;background:#F4F2FA;border:1px solid #ECE8F7;margin-bottom:8px}
.m-form b{display:block;width:70px;height:22px;border-radius:6px;background:#CFC3FF}
.m-map{border-radius:12px;background:
  linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px) 0 0/20px 20px,
  linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px) 0 0/20px 20px,#E9E4FA;position:relative}
.m-map svg{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%)}
.m-foot{position:absolute;left:0;right:0;bottom:0;height:56px;background:#1B1540;display:flex;align-items:center;justify-content:space-between;padding:0 26px}
.m-foot i{width:90px;height:8px;border-radius:4px;background:#3A3368}
.m-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#B9B2DA}
.m-status em{width:9px;height:9px;border-radius:50%;background:#FF6B6B;box-shadow:0 0 0 4px rgba(255,107,107,.2)}

/* feixe de scan */
.xr-beam{position:absolute;left:0;right:0;top:0;opacity:0;height:120px;margin-top:-120px;pointer-events:none;z-index:5;
  background:linear-gradient(180deg,transparent,rgba(118,76,255,.08) 55%,rgba(118,76,255,.28) 96%);
  border-bottom:2px solid rgba(118,76,255,.9);box-shadow:0 10px 30px rgba(118,76,255,.35)}

/* hotspots */
.hs{position:absolute;z-index:6;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:var(--v);color:#fff;font:600 11px 'Outfit',sans-serif;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px -4px rgba(91,63,217,.8), 0 0 0 3px #fff;transition:transform .25s}
.hs::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--v);animation:hsPulse 2.2s ease-out infinite;opacity:0}
@keyframes hsPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.2);opacity:0}}
.hs.on{transform:scale(1.25);background:var(--v-2)}
.hs:focus-visible{outline:3px solid #B9A6FF;outline-offset:3px}

/* ================= FECHAMENTO ================= */
.xr-close{margin:130px auto 0;max-width:1000px;text-align:center}
.xr-close h3{margin:0;font-size:clamp(30px,3.7vw,56px);line-height:1.12;font-weight:600;letter-spacing:-.032em;color:var(--ink)}
.xr-close .w{display:inline-block;opacity:.14;transition:none}
.xr-close .last{display:block;margin-top:14px;color:var(--v)}
.xr-close .last .u{position:relative;display:inline-block}
.xr-close .last svg{position:absolute;left:0;bottom:-.18em;width:100%;height:.3em;overflow:visible}
.xr-close .last path{stroke-dasharray:420;stroke-dashoffset:420}

/* ================= RESPONSIVO ================= */
@media (max-width:1180px){
  .xr-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px}
  .xr-mock-box{grid-column:1 / -1;order:-1;max-width:560px;margin:0 auto 34px}
  .xr-mock-scale{width:540px}
  .xr-col.left .xr-card::after,.xr-col.right .xr-card::after{display:none}
}
@media (max-width:720px){
  .xr{padding:56px 0 56px}
  .xr-wrap{width:calc(100% - 32px)}
  .xr-label{margin:60px 0 30px}
  .xr-label::before,.xr-label::after{width:28px}
  .xr-stage{grid-template-columns:minmax(0,1fr)}
  .xr-card p{font-size:15.5px}
  .kw{white-space:normal}
  .xr-close{margin-top:90px}
}
@media (prefers-reduced-motion:reduce){
  .hs::after{animation:none}
}
/* ===== SECAO O QUE FAZEMOS (sv) — doc da Yasmin ===== */

/* ================= SEÇÃO ================= */
.sv{position:relative;overflow:hidden;padding:56px 0 90px;background:#FFFFFF}
.sv-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(118,76,255,.16) 1px,transparent 1.3px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(50% 45% at 50% 62%,#000 10%,transparent 100%);mask-image:radial-gradient(50% 45% at 50% 62%,#000 10%,transparent 100%)}
.sv-wrap{position:relative;width:min(1240px,calc(100% - 64px));margin:0 auto}

/* ================= TOPO ================= */
.sv-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;align-items:end}
.sv-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:8px 16px;border-radius:999px;
  background:var(--v-soft);color:var(--v-2);font-size:13px;font-weight:600;letter-spacing:.16em}
.sv-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--v);box-shadow:0 0 0 4px rgba(118,76,255,.18)}
.sv-title{margin:0;font-size:clamp(34px,3.9vw,58px);line-height:1.08;font-weight:600;letter-spacing:-.035em}
.sv-title .ln{display:block;overflow:hidden;padding-bottom:.08em}
.sv-title .ln > span{display:inline-block}
.sv-title em{font-style:normal;position:relative;color:var(--v)}
.sv-title em svg{position:absolute;left:-3%;bottom:-.12em;width:106%;height:.28em;overflow:visible}
.sv-title em path{stroke-dasharray:320;stroke-dashoffset:320}
.sv-copy{display:flex;flex-direction:column;gap:18px;padding-bottom:6px}
.sv-copy p{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.7;font-weight:300;color:var(--ink-2)}
.sv-copy p b{font-weight:500;color:var(--ink)}
.sv-copy p.strong{padding-left:18px;border-left:2px solid var(--v);color:var(--ink);font-weight:400}

/* ================= STAGE ================= */
.sv-stage{position:relative;margin-top:100px;display:grid;grid-template-columns:minmax(0,1fr) 400px minmax(0,1fr);gap:56px;align-items:center}
.sv-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.sv-links .base{fill:none;stroke:#E2DCF7;stroke-width:1.5}
.sv-links .flow{fill:none;stroke:url(#svGrad);stroke-width:2;stroke-dasharray:4 10;opacity:.55;transition:opacity .3s, stroke-width .3s}
.sv-links .flow.on{opacity:1;stroke-width:2.6}
.sv-links .pulse{fill:var(--v);filter:url(#svGlow)}

.sv-col{position:relative;z-index:2;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.sv-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:22px 22px 22px 20px;border-radius:18px;
  background:#fff;border:1px solid var(--line);
  box-shadow:0 1px 0 #fff inset, 0 14px 34px -26px rgba(43,10,150,.4);
  transition:transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s, box-shadow .35s}
.sv-card:hover,.sv-card.on{transform:translateY(-3px);border-color:rgba(118,76,255,.5);box-shadow:0 26px 50px -28px rgba(91,63,217,.55)}
.sv-ico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:var(--v-soft);color:var(--v-2);transition:background .35s,color .35s,box-shadow .35s}
.sv-card:hover .sv-ico,.sv-card.on .sv-ico{background:linear-gradient(145deg,#8E70FF,#5B3FD9);color:#fff;box-shadow:0 10px 22px -10px rgba(118,76,255,.9)}
.sv-card h3{margin:2px 0 6px;font-size:19px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:baseline;gap:10px}
.sv-card h3 small{font-size:12px;font-weight:500;color:#B3ADCB;letter-spacing:.06em}
.sv-card p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.sv-anchor{position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#fff;border:2px solid var(--v)}
.sv-col.left .sv-anchor{right:-5px}
.sv-col.right .sv-anchor{left:-5px}

/* ================= HUB ================= */
.sv-hub{position:relative;z-index:1;width:400px;height:400px;margin:0 auto}
.sv-hub-glow{position:absolute;inset:-60px;border-radius:50%;background:radial-gradient(closest-side,rgba(132,106,239,.32),transparent 75%)}
.sv-ring{position:absolute;border-radius:50%}
.sv-ring.r1{inset:0;border:1.5px dashed rgba(118,76,255,.35)}
.sv-ring.r2{inset:34px;border:1px solid rgba(118,76,255,.2)}
.sv-ring.r2 i{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--v);box-shadow:0 0 0 4px rgba(118,76,255,.18)}
.sv-core{position:absolute;inset:74px;border-radius:50%;background:#fff;
  box-shadow:0 30px 70px -26px rgba(43,10,150,.45), 0 0 0 10px rgba(239,234,255,.8), inset 0 0 0 1px #EEE9FB;
  display:flex;align-items:center;justify-content:center}
.sv-mini{width:176px;height:128px;border-radius:12px;background:#fff;border:1px solid #E6E1F6;overflow:hidden;box-shadow:0 14px 30px -18px rgba(43,10,150,.5)}
.sv-mini .bar{height:18px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#F4F2FB;border-bottom:1px solid #ECE8F7}
.sv-mini .bar i{width:5px;height:5px;border-radius:50%;background:#D8D1EE}
.sv-mini .bar b{margin-left:6px;flex:1;height:7px;border-radius:4px;background:#fff;border:1px solid #ECE8F7}
.sv-mini .bd{padding:10px}
.sv-mini .h{height:8px;border-radius:3px;background:#2A2448;margin-bottom:5px}
.sv-mini .p{height:4px;border-radius:2px;background:#E4DFF2;margin-bottom:4px}
.sv-mini .row{display:flex;gap:8px;align-items:flex-end;margin-top:8px}
.sv-mini .btn{width:50px;height:14px;border-radius:4px;background:var(--v)}
.sv-mini .img{flex:1;height:34px;border-radius:6px;background:linear-gradient(145deg,#EDE8FF,#D6CAFF)}
.sv-mini .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}
.sv-mini .cards i{height:16px;border-radius:4px;background:#F3F0FC;border:1px solid #ECE8F7}

/* ================= RESPONSIVO ================= */
@media (max-width:1180px){
  .sv-head{grid-template-columns:minmax(0,1fr);gap:28px}
  .sv-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:64px}
  .sv-hub{grid-column:1 / -1;order:-1;width:320px;height:320px;margin-bottom:40px}
  .sv-ring.r2{inset:28px}.sv-core{inset:58px}
  .sv-mini{transform:scale(.85)}
  .sv-links,.sv-anchor{display:none}
}
@media (max-width:720px){
  .sv{padding:56px 0 40px}
  .sv-wrap{width:calc(100% - 32px)}
  .sv-stage{grid-template-columns:minmax(0,1fr)}
  .sv-hub{width:280px;height:280px}
  .sv-ring.r2{inset:24px}.sv-core{inset:50px}
  .sv-mini{transform:scale(.75)}
  .sv-card{grid-template-columns:44px minmax(0,1fr);padding:18px}
  .sv-ico{width:44px;height:44px}
}

/* ============ SECAO NOSSO METODO (mt) — secao-metodo.html (Yasmin) ============ */
/* ================= SEÇÃO ================= */
.mt{position:relative;padding:64px 0 90px;background:linear-gradient(180deg,#FFFFFF 0%,#F7F5FF 40%,#F7F5FF 100%)}
.mt-wrap{position:relative;width:min(1240px,calc(100% - 64px));margin:0 auto}

/* ================= TOPO (card roxo) ================= */
.mt-head{position:relative;overflow:hidden;text-align:center;max-width:980px;margin:0 auto;padding:88px 64px;
  border-radius:36px;
  background:radial-gradient(60% 80% at 100% 0%,rgba(146,119,255,.5),transparent 60%),
             radial-gradient(50% 70% at 0% 100%,rgba(118,76,255,.45),transparent 60%),
             linear-gradient(160deg,#5B3FD9 0%,#2B0A96 55%,#1A0F5C 100%);
  box-shadow:0 50px 90px -50px rgba(43,10,150,.5)}
.mt-head::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.2px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(60% 60% at 50% 0%,#000 10%,transparent 90%);mask-image:radial-gradient(60% 60% at 50% 0%,#000 10%,transparent 90%)}
.mt-head::after{content:"";position:absolute;left:50%;top:40%;width:700px;height:480px;transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(closest-side,rgba(146,119,255,.4),transparent 70%);filter:blur(40px)}
.mt-head > *{position:relative;z-index:1}
.mt-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:26px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:600;letter-spacing:.16em;backdrop-filter:blur(4px)}
.mt-eyebrow i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.22)}
.mt-title{margin:0;font-size:clamp(34px,4vw,60px);line-height:1.07;font-weight:600;letter-spacing:-.035em;color:#fff}
.mt-title .ln{display:block;overflow:hidden;padding-bottom:.08em}
.mt-title .ln > span{display:inline-block}
.mt-sub{margin:26px 0 0;font-size:clamp(19px,1.7vw,24px);font-weight:400;color:rgba(255,255,255,.82)}
.mt-sub b{font-weight:600;color:#E7DFFF;position:relative;white-space:nowrap}
.mt-sub b svg{position:absolute;left:-2%;bottom:-.3em;width:104%;height:.4em;overflow:visible}
.mt-sub b path{stroke-dasharray:320;stroke-dashoffset:320}

/* ================= STEPS (sticky) ================= */
.mt-steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;margin-top:110px;align-items:start}
.mt-visual{position:sticky;top:calc(50vh - 280px)}
.mt-panel{position:relative;height:560px;border-radius:36px;overflow:hidden;
  background:radial-gradient(70% 60% at 50% 45%,#FFFFFF 0%,#EFEAFF 55%,#E2D9FF 100%);
  border:1px solid #E4DCFF;box-shadow:0 50px 90px -50px rgba(43,10,150,.45), inset 0 1px 0 #fff;
  transform-style:preserve-3d}
.mt-panel::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(118,76,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(118,76,255,.08) 1px,transparent 1px);background-size:40px 40px;
  -webkit-mask-image:radial-gradient(55% 55% at 50% 50%,transparent 30%,#000 100%);mask-image:radial-gradient(55% 55% at 50% 50%,transparent 30%,#000 100%)}
.mt-big{position:absolute;left:34px;top:18px;font-size:150px;font-weight:700;letter-spacing:-.06em;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px rgba(118,76,255,.22)}
.mt-big span{position:absolute;left:0;top:0;opacity:0;transform:translateY(30px);transition:opacity .6s, transform .6s cubic-bezier(.2,.8,.2,1)}
.mt-big span.on{opacity:1;transform:none}
.mt-orbit{position:absolute;left:50%;top:48%;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;border:1.5px dashed rgba(118,76,255,.28)}
.mt-orbit i{position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--v);box-shadow:0 0 0 5px rgba(118,76,255,.18)}
.mt-glow{position:absolute;left:50%;top:48%;width:360px;height:360px;margin:-180px 0 0 -180px;border-radius:50%;background:radial-gradient(closest-side,rgba(132,106,239,.45),transparent 75%);filter:blur(10px)}
.mt-imgs{position:absolute;left:50%;top:47%;width:340px;height:340px;margin:-170px 0 0 -170px}
.mt-imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;
  transform:scale(.7) rotate(-8deg) translateY(30px);filter:drop-shadow(0 40px 40px rgba(43,10,150,.35));
  transition:opacity .6s ease, transform .9s cubic-bezier(.2,.9,.25,1.15)}
.mt-imgs img.on{opacity:1;transform:none}
.mt-shadow{position:absolute;left:50%;bottom:86px;width:220px;height:26px;margin-left:-110px;border-radius:50%;background:rgba(43,10,150,.22);filter:blur(14px)}
.mt-rail{position:absolute;left:28px;right:28px;bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mt-rail button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:9px;padding:6px 4px}
.mt-rail b{font-size:13px;font-weight:600;letter-spacing:.08em;color:#8F87B8;transition:color .3s}
.mt-rail i{position:relative;height:4px;border-radius:4px;background:rgba(118,76,255,.15);overflow:hidden}
.mt-rail i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#9277FF,#5B3FD9);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.mt-rail button.on b{color:var(--v-2)}
.mt-rail button.done i::after,.mt-rail button.on i::after{transform:scaleX(1)}
.mt-rail button:focus-visible{outline:2px solid var(--v);outline-offset:4px;border-radius:6px}

.mt-list{display:flex;flex-direction:column}
.mt-step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:40px 0;opacity:.28;transition:opacity .5s}
.mt-step.on{opacity:1}
.mt-step:first-child{min-height:62vh}
.mt-step:last-child{min-height:62vh}
.mt-tag{display:flex;align-items:center;gap:16px}
.mt-tag span{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:17px;
  background:linear-gradient(145deg,#8E70FF,#5B3FD9);color:#fff;font-size:19px;font-weight:700;box-shadow:0 14px 28px -12px rgba(118,76,255,.8)}
.mt-tag h3{margin:0;font-size:clamp(34px,3.2vw,48px);font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.mt-step p{margin:0;font-size:clamp(17px,1.4vw,20px);line-height:1.7;font-weight:300;color:var(--ink-2);max-width:520px}
.mt-note{display:flex;gap:14px;align-items:flex-start;max-width:520px;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--line);
  backdrop-filter:blur(4px);font-size:17px;line-height:1.55;font-weight:500;color:var(--ink-2);box-shadow:0 14px 34px -18px rgba(43,10,150,.25)}
.mt-note svg{flex-shrink:0;margin-top:2px;color:var(--v)}
.mt-mobimg{display:none}

/* ================= NA PRÁTICA ================= */
.mt-practice{position:relative;overflow:hidden;margin-top:120px;padding:72px 64px 64px;border-radius:36px;color:#fff;
  background:radial-gradient(60% 80% at 100% 0%,rgba(146,119,255,.55),transparent 60%),radial-gradient(50% 70% at 0% 100%,rgba(118,76,255,.45),transparent 60%),linear-gradient(135deg,#2B0A96,#1A0F5C 70%)}
.mt-practice::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.2px);background-size:24px 24px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.mt-p-title{position:relative;margin:0;font-size:clamp(28px,2.8vw,42px);font-weight:600;letter-spacing:-.03em}
.mt-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:56px}
.mt-line{position:absolute;left:22px;right:22px;top:21px;height:2px;background:rgba(255,255,255,.14)}
.mt-line i{position:absolute;inset:0;background:linear-gradient(90deg,#B9A6FF,#fff);transform:scaleX(0);transform-origin:left}
.mt-phase{position:relative;display:flex;flex-direction:column;gap:18px}
.mt-dot{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--v-3);font-size:14px;font-weight:700;
  box-shadow:0 0 0 8px rgba(255,255,255,.1), 0 10px 26px -8px rgba(0,0,0,.5)}
.mt-phase h4{margin:6px 0 0;font-size:20px;line-height:1.35;font-weight:500;color:#fff}
.mt-phase p{margin:0;font-size:16px;line-height:1.65;font-weight:300;color:rgba(255,255,255,.78)}
.mt-chips{display:flex;flex-wrap:wrap;gap:8px}
.mt-chips span{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:14.5px;color:#fff;
  transition:background .25s, transform .25s}
.mt-chips span:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}

/* ================= FECHAMENTO ================= */
.mt-close{margin:110px auto 0;text-align:center;max-width:1100px}
.mt-close p{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:clamp(28px,3.2vw,48px);line-height:1.15;font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.mt-close span{display:inline-flex;align-items:center;gap:18px}
.mt-close span small{display:inline-flex;align-items:center;justify-content:center;width:1.3em;height:1.3em;border-radius:.34em;flex-shrink:0;
  font-size:.42em;font-weight:700;letter-spacing:0;color:#fff;background:linear-gradient(145deg,#8E70FF,#5B3FD9);box-shadow:0 10px 22px -10px rgba(118,76,255,.8);transform:scale(0)}
.mt-close span em{font-style:normal;background:linear-gradient(transparent 64%,rgba(118,76,255,.18) 64%);background-repeat:no-repeat;background-size:0% 100%}
.mt-close span:nth-child(3) em{color:var(--v)}

/* ================= RESPONSIVO ================= */
@media (max-width:980px){
  .mt-steps{grid-template-columns:minmax(0,1fr);gap:0;margin-top:70px}
  .mt-visual{display:none}
  .mt-step,.mt-step:first-child,.mt-step:last-child{min-height:0;opacity:1;padding:0 0 72px}
  .mt-mobimg{display:block;width:100%;height:280px;border-radius:28px;position:relative;
    background:radial-gradient(70% 60% at 50% 45%,#FFFFFF 0%,#EFEAFF 55%,#E2D9FF 100%);border:1px solid #E4DCFF}
  .mt-mobimg img{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px 0 0 -110px;object-fit:contain;filter:drop-shadow(0 26px 26px rgba(43,10,150,.3))}
  .mt-track{grid-template-columns:minmax(0,1fr);gap:40px}
  .mt-line{left:21px;right:auto;top:22px;bottom:22px;width:2px;height:auto}
  .mt-line i{transform:scaleY(0);transform-origin:top}
  .mt-phase{padding-left:64px}
  .mt-dot{position:absolute;left:0;top:0}
}
@media (max-width:640px){
  .mt-close span{gap:12px;text-align:left}
  .mt{padding:32px 0 64px}
  .mt-wrap{width:calc(100% - 32px)}
  .mt-head{padding:56px 22px;border-radius:26px}
  .mt-practice{padding:44px 22px 40px;border-radius:26px;margin-top:40px}
  .mt-close{margin-top:80px}
  .mt-sub b{white-space:normal}
}
/* ============ 7 · PORTAS (secao-portas.html — Yasmin) ============ */
.pt{position:relative;overflow-x:clip;padding:120px 0 130px;background:#F6F4FE}
.pt::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(40% 50% at 0% 0%,rgba(118,76,255,.16),transparent 70%),
    radial-gradient(35% 45% at 100% 100%,rgba(59,107,255,.14),transparent 70%)}
.pt::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(118,76,255,.18) 1px,transparent 1.3px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(60% 60% at 50% 40%,transparent 40%,#000 100%);mask-image:radial-gradient(60% 60% at 50% 40%,transparent 40%,#000 100%);opacity:.6}
.pt-wrap{position:relative;z-index:1;width:min(1240px,calc(100% - 64px));margin:0 auto}

.pt-head{text-align:center;max-width:760px;margin:0 auto}
.pt-title{margin:0;font-size:clamp(34px,3.8vw,54px);line-height:1.06;font-weight:600;letter-spacing:-.035em}
.pt-title span{color:#764CFF}
.pt-sub{margin:18px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.6;font-weight:300;color:#4B4668}
.pt-sub b{font-weight:500;color:#15112B}

.pt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:60px}
.pt-card{--a:#764CFF;--a2:#5B3FD9;--tint:#EFEAFF;--ring:rgba(118,76,255,.35);
  position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 24px 24px;border-radius:24px;
  background:linear-gradient(180deg,var(--tint) 0%,#fff 46%);border:1px solid rgba(21,17,43,.07);
  box-shadow:0 1px 0 #fff inset, 0 18px 40px -30px rgba(21,17,43,.35);
}
.pt.ready .pt-card{transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s, border-color .4s}
.pt-card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--a),var(--a2))}
.pt-card:hover{transform:translateY(-8px);border-color:var(--ring);box-shadow:0 30px 60px -28px var(--ring)}
.k1{--a:#8B6BFF;--a2:#5B3FD9;--tint:#EFEAFF;--ring:rgba(118,76,255,.45);--dk:#4A2FC9}
.k2{--a:#4F8BFF;--a2:#2B4BEA;--tint:#E6EEFF;--ring:rgba(59,107,255,.42);--dk:#2340C8}
.k3{--a:#C06BFF;--a2:#8A3BEA;--tint:#F5E9FF;--ring:rgba(170,80,255,.42);--dk:#7A2BD0}
.k4{--a:#22B8E6;--a2:#2F6BF0;--tint:#E2F6FD;--ring:rgba(34,160,230,.42);--dk:#1673B8}

.pt-top{display:flex;align-items:flex-start;justify-content:space-between}
.pt-ico{position:relative;width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(145deg,var(--a),var(--a2));box-shadow:0 14px 28px -12px var(--ring), inset 0 1px 0 rgba(255,255,255,.35);
}
.pt.ready .pt-ico{transition:transform .5s cubic-bezier(.2,.9,.3,1.3)}
.pt-ico::after{content:"";position:absolute;inset:-7px;border-radius:22px;border:1.5px dashed var(--ring);opacity:0;transition:opacity .4s}
.pt-card:hover .pt-ico{transform:rotate(-8deg) scale(1.06)}
.pt-card:hover .pt-ico::after{opacity:1;animation:spin 8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pt-num{font-size:14px;font-weight:600;letter-spacing:.1em;color:var(--dk);opacity:.55}

.pt-card h3{margin:8px 0 0;font-size:22px;line-height:1.15;font-weight:600;letter-spacing:-.02em}
.pt-q{margin:0;font-size:16px;line-height:1.45;font-weight:500;color:var(--dk)}
.pt-d{margin:0;font-size:15px;line-height:1.6;font-weight:300;color:#4B4668;flex-grow:1}

.pt-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;min-height:50px;padding:8px 8px 8px 18px;border-radius:14px;
  font-size:15px;font-weight:500;line-height:1.25;color:#fff;text-decoration:none;
  background:linear-gradient(135deg,var(--a),var(--a2));border:1px solid transparent;box-shadow:0 14px 28px -14px var(--ring);
  transition:background .3s, color .3s, box-shadow .3s, filter .3s, transform .3s}
.pt-cta i{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--dk);transition:transform .3s}
.pt-cta:hover,.pt-card:hover .pt-cta{filter:brightness(1.06);box-shadow:0 18px 34px -14px var(--ring), inset 0 1px 0 rgba(255,255,255,.18)}
.pt-cta:hover i{transform:translateX(3px)}
.pt-cta:focus-visible{outline:3px solid var(--a);outline-offset:3px}

@media (max-width:1100px){ .pt-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){
  .pt{padding:84px 0 96px}
  .pt-wrap{width:calc(100% - 32px)}
  .pt-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:40px}
}
@media (prefers-reduced-motion:reduce){ .pt *{animation:none !important;transition:none !important} }
/* ============ 8 · COMO PENSAMOS (secao-pensamos.html — Yasmin) ============ */
#como-pensamos{--ink:#15112B;--ink-2:#4B4668;--v:#764CFF;--v-2:#5B3FD9;--v-3:#2B0A96;--soft:#EFEAFF;--line:#E6E1F6}
.cp{position:relative;overflow-x:clip;padding:130px 0 140px;background:#F7F5FF}
.cp::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40% 35% at 0% 10%,rgba(118,76,255,.16),transparent 70%),radial-gradient(40% 40% at 100% 70%,rgba(118,76,255,.13),transparent 70%)}
.cp::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(118,76,255,.16) 1px,transparent 1.3px);background-size:24px 24px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000);mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000);opacity:.6}
.cp-wrap{position:relative;z-index:1;width:min(1240px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px;align-items:start}

.cp-aside{position:sticky;top:110px;display:flex;flex-direction:column;gap:26px}
.cp-eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--v-2);font-size:13px;font-weight:600;letter-spacing:.16em}
.cp-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--v);box-shadow:0 0 0 4px rgba(118,76,255,.18)}
.cp-title{margin:0;font-size:clamp(36px,4vw,58px);line-height:1.06;font-weight:600;letter-spacing:-.035em}
.cp-title .ln{display:block;overflow:hidden;padding-bottom:.08em}
.cp-title .ln > span{display:inline-block}
.cp-title em{font-style:normal;color:var(--v);position:relative;white-space:nowrap}
.cp-title em svg{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.28em;overflow:visible}
.cp-title em path{stroke-dasharray:340;stroke-dashoffset:340}

.cp-profile{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 44px -32px rgba(43,10,150,.5);max-width:380px}
.cp-av{position:relative;flex-shrink:0;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#8E70FF,#5B3FD9);color:#fff;font-weight:700;font-size:17px;box-shadow:0 10px 22px -10px rgba(118,76,255,.9)}
.cp-av::after{content:"";position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;background:#22C55E;border:3px solid #fff}
.cp-profile b{display:block;font-size:17px;font-weight:600}
.cp-profile small{display:flex;align-items:center;gap:6px;font-size:14px;color:#8A85A3}
.cp-typing{display:inline-flex;gap:3px}
.cp-typing i{width:5px;height:5px;border-radius:50%;background:var(--v);opacity:.4;animation:cpdot 1.2s infinite}
.cp-typing i:nth-child(2){animation-delay:.15s}.cp-typing i:nth-child(3){animation-delay:.3s}
@keyframes cpdot{0%,60%,100%{transform:none;opacity:.35}30%{transform:translateY(-3px);opacity:1}}

#como-pensamos .cp-chat{display:flex;flex-direction:column;gap:34px;padding-top:6px}
#como-pensamos .grp{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
#como-pensamos .grp .av{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#8E70FF,#5B3FD9);color:#fff;font-weight:700;font-size:14px;
  box-shadow:0 8px 18px -8px rgba(118,76,255,.8);overflow:hidden;opacity:0;transform:scale(.7);transition:opacity .45s ease, transform .5s cubic-bezier(.2,.9,.3,1.15)}
#como-pensamos .grp .av.in{opacity:1;transform:none}
#como-pensamos .grp .av img{width:100%;height:100%;object-fit:cover;display:block}
#como-pensamos .msgs{display:flex;flex-direction:column;align-items:flex-start;gap:8px}

#como-pensamos .b{position:relative;max-width:560px;padding:16px 20px;border-radius:8px 22px 22px 22px;background:#fff;border:1px solid var(--line);
  box-shadow:0 14px 34px -26px rgba(43,10,150,.45);font-size:18px;line-height:1.55;font-weight:400;color:#2A2545;
  opacity:0;transform:translateY(14px) scale(.98);transform-origin:0 0;transition:opacity .45s ease, transform .5s cubic-bezier(.2,.9,.3,1.2)}
#como-pensamos .b + .b{border-radius:22px}
#como-pensamos .b.in{opacity:1;transform:none}
#como-pensamos .b.typing{padding:16px 18px;display:inline-flex;gap:5px}
#como-pensamos .b.typing i{width:8px;height:8px;border-radius:50%;background:#B7A9FF;animation:cpdot 1.1s infinite}
#como-pensamos .b.typing i:nth-child(2){animation-delay:.15s}#como-pensamos .b.typing i:nth-child(3){animation-delay:.3s}

#como-pensamos .b.hl{background:var(--soft);border-color:#DCD2FF;color:var(--ink);font-weight:500}
#como-pensamos .b.strong{background:linear-gradient(135deg,#8465FF,#5B3FD9);border:0;color:#fff;font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.01em;box-shadow:0 20px 40px -20px rgba(91,63,217,.8)}
#como-pensamos .b mark{background:linear-gradient(transparent 62%,rgba(118,76,255,.22) 62%);color:inherit;padding:0}

#como-pensamos .tasks{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
#como-pensamos .tasks span{position:relative;padding:7px 13px;border-radius:10px;background:#F4F2FB;border:1px solid #ECE8F7;font-size:15.5px;color:#4B4668;transition:opacity .4s .4s}
#como-pensamos .tasks span::after{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:#FF5A6B;border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.6,0,.3,1)}
#como-pensamos .b.in .tasks span::after{transform:scaleX(1)}
#como-pensamos .b.in .tasks span{opacity:.55}
#como-pensamos .b.in .tasks span:nth-child(1)::after{transition-delay:.5s}#como-pensamos .b.in .tasks span:nth-child(2)::after{transition-delay:.75s}
#como-pensamos .b.in .tasks span:nth-child(3)::after{transition-delay:1s}#como-pensamos .b.in .tasks span:nth-child(4)::after{transition-delay:1.25s}

#como-pensamos .checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
#como-pensamos .checks li{display:flex;align-items:flex-start;gap:12px;opacity:0;transform:translateX(-8px);transition:opacity .4s, transform .4s}
#como-pensamos .b.in .checks li{opacity:1;transform:none}
#como-pensamos .checks li b{flex-shrink:0;width:24px;height:24px;margin-top:1px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--v-2)}
#como-pensamos .checks li:last-child b{background:#FFE9EC;color:#E5484D}

#como-pensamos .b.e3{padding:8px;background:#fff}
#como-pensamos .e3row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;opacity:0;transform:translateY(8px);transition:opacity .45s, transform .45s, background .3s}
#como-pensamos .b.in .e3row{opacity:1;transform:none}
#como-pensamos .e3row:hover{background:#F6F3FF}
#como-pensamos .e3row + .e3row{border-top:1px dashed #E6E1F6}
#como-pensamos .e3row span{flex-shrink:0;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#8E70FF,#5B3FD9);color:#fff;font-weight:700;font-size:15px}
#como-pensamos .e3row p{margin:0;font-size:19px;font-weight:500;color:var(--ink)}
#como-pensamos .e3row p i{font-style:normal;color:var(--v-2);font-weight:600}

#como-pensamos .chips{display:inline-flex;flex-wrap:wrap;gap:6px;vertical-align:middle}
#como-pensamos .b .ch{display:inline-block;padding:1px 10px;border-radius:999px;background:#fff;border:1px solid #DCD2FF;color:var(--v-2);font-weight:600;font-size:.92em;white-space:nowrap}

#como-pensamos .stamp{font-size:12px;color:#A49EBF;padding-left:4px;opacity:0;transition:opacity .4s}
#como-pensamos .stamp.in{opacity:1}
#como-pensamos .stamp svg{vertical-align:-3px;color:var(--v)}

@media (max-width:1000px){
  .cp-wrap{grid-template-columns:minmax(0,1fr);gap:56px}
  .cp-aside{position:relative;top:0}
}
@media (max-width:640px){
  .cp{padding:84px 0 96px}
  .cp-wrap{width:calc(100% - 32px)}
  #como-pensamos .grp{grid-template-columns:36px minmax(0,1fr);gap:10px}
  #como-pensamos .grp .av{width:36px;height:36px;border-radius:12px;font-size:12px}
  #como-pensamos .b{font-size:16.5px;padding:14px 16px}
  #como-pensamos .b.strong{font-size:19px}
  #como-pensamos .e3row{padding:12px 10px;gap:12px}#como-pensamos .e3row p{font-size:17px}#como-pensamos .e3row span{width:38px;height:38px}
  .cp-title em{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  #como-pensamos .b,#como-pensamos .checks li,#como-pensamos .e3row,#como-pensamos .tasks span,#como-pensamos .stamp{transition:none}
}
/* scan raio-x no CTA final */
.rx-scan{position:absolute;top:0;bottom:0;width:110px;left:-15%;pointer-events:none;
  background:linear-gradient(90deg,rgba(118,76,255,0) 0%,rgba(139,108,255,.06) 22%,rgba(160,135,255,.11) 40%,rgba(184,164,255,.16) 50%,rgba(160,135,255,.11) 60%,rgba(139,108,255,.06) 78%,rgba(118,76,255,0) 100%);
  filter:blur(2px);
  animation:rxscan 16s ease-in-out infinite;
  will-change:left}
@keyframes rxscan{
  0%{left:-15%}
  14%{left:-15%}
  35%{left:calc(100% + 120px)}
  66%{left:calc(100% + 120px)}
  87%{left:-15%}
  100%{left:-15%}
}
@media (prefers-reduced-motion:reduce){.rx-scan{display:none}}
/* ===== TARJA DE LOGOS (hero) ===== */
.pwd-brands{position:relative;width:100%;overflow:hidden;background:linear-gradient(180deg,#3426E4 0%,#3B2EEE 100%);padding:44px 0;z-index:2}
.pwd-brands::before,.pwd-brands::after{content:"";position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none}
.pwd-brands::before{left:0;background:linear-gradient(90deg,#3426E4 0%,rgba(52,38,228,0) 100%)}
.pwd-brands::after{right:0;background:linear-gradient(270deg,#3B2EEE 0%,rgba(59,46,238,0) 100%)}
.pwd-brands-track{display:flex;align-items:center;gap:76px;white-space:nowrap;width:max-content;animation:brandsMove 32s linear infinite;will-change:transform}
.pwd-brands:hover .pwd-brands-track{animation-play-state:paused}
.pwd-brand{display:inline-flex;align-items:center;gap:14px;font-family:'Outfit',sans-serif;font-weight:700;font-size:21px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.55);transition:color .25s}
.pwd-brand i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);flex:none}
.pwd-brand:hover{color:#fff}
@keyframes brandsMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:640px){
  .pwd-brands{padding:30px 0}
  .pwd-brand{font-size:16px}
  .pwd-brands-track{gap:48px}
}

/* =====================================================================
   AJUSTES (out/2026) — menu fixo, tags, títulos, botões, CTAs, entradas
   ===================================================================== */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:84px}
.hl{color:#764CFF}
em.hl{font-style:normal}

/* ---------- MENU FIXO: some ao descer, volta ao subir ---------- */
.pwd-header{position:fixed;top:0;left:0;right:0;transform:none;width:100%;height:88px;margin:0;
  padding:0 max(32px, calc((100% - 1240px) / 2));z-index:1000;font-family:'Outfit',system-ui,sans-serif;color:#fff;
  transition:transform .45s cubic-bezier(.2,.8,.2,1), background-color .35s, box-shadow .35s, height .35s, border-color .35s;
  border-bottom:1px solid transparent}
.pwd-header a{color:#fff;text-decoration:none}
.pwd-header.is-solid{height:76px;background-color:rgba(46,30,196,.84);
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 16px 40px -22px rgba(20,8,110,.65);border-bottom-color:rgba(255,255,255,.12)}
.pwd-header.is-hidden{transform:translateY(-110%);box-shadow:none}
.pwd-menu a{position:relative;padding:6px 0;font-size:16px;font-weight:300;color:rgba(255,255,255,.8);transition:color .25s}
.pwd-menu a:hover{color:#fff}
.pwd-menu a.is-active{font-weight:700;color:#fff}
.pwd-menu a::after{content:"";position:absolute;left:50%;bottom:-6px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#fff;
  transform:scale(0);transition:transform .3s cubic-bezier(.2,.9,.3,1.4)}
.pwd-menu a.is-active::after{transform:scale(1)}
@media (max-width:640px){
  .pwd-header{height:72px;padding:0 16px;width:100%}
  .pwd-header.is-solid{height:66px}
}

/* ---------- TAGS: todas no padrão "O QUE FAZEMOS" ---------- */
.tag,.sv-eyebrow,.mt-eyebrow,.cp-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;width:auto;margin:0;
  padding:8px 16px;border-radius:999px;background:#EFEAFF;border:0;color:#5B3FD9;font-family:'Outfit',system-ui,sans-serif;
  font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.3;-webkit-backdrop-filter:none;backdrop-filter:none}
.tag i,.sv-eyebrow i,.mt-eyebrow i,.cp-eyebrow i{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#764CFF;box-shadow:0 0 0 4px rgba(118,76,255,.18)}
.sv-eyebrow{margin-bottom:24px}
.mt-eyebrow{margin-bottom:26px}

/* ---------- MÉTODO: topo claro (título escuro + destaque roxo) ---------- */
.mt-head{background:radial-gradient(60% 80% at 100% 0%,rgba(146,119,255,.18),transparent 60%),
  radial-gradient(50% 70% at 0% 100%,rgba(118,76,255,.14),transparent 60%),
  linear-gradient(160deg,#FFFFFF 0%,#F5F1FF 55%,#ECE4FF 100%);
  border:1px solid #E4DCFF;box-shadow:0 50px 90px -60px rgba(43,10,150,.45)}
.mt-head::before{background-image:radial-gradient(rgba(118,76,255,.2) 1px,transparent 1.2px)}
.mt-head::after{background:radial-gradient(closest-side,rgba(146,119,255,.2),transparent 70%)}
.mt-title{color:#15112B}
.mt-sub{color:#4B4668}
.mt-sub b{color:#764CFF}

/* ---------- BOTÕES: padrão do hero ---------- */
.pwd-button{font-family:'Outfit',system-ui,sans-serif;color:#fff;text-decoration:none;white-space:nowrap;cursor:pointer}
.pwd-button:hover{color:#fff}
.pwd-button svg{transition:transform .25s}
.pwd-button:hover svg{transform:translateX(4px)}
.pwd-secondary.light{color:#2B0A96;background:#fff;border:1px solid #CFC3FF;box-shadow:0 12px 28px -20px rgba(43,10,150,.4)}
.pwd-secondary.light:hover{color:#2B0A96;background:#F3EFFF;border-color:#A995FF}

/* ---------- PROBLEMA: ilustração integrada ao fundo ---------- */
.pb-illus-wrap{flex:1;min-width:0;display:flex;justify-content:center;position:relative}
.pb-illus{width:100%;max-width:600px;height:auto;display:block;border:0;border-radius:0;box-shadow:none;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 9%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 9%,#000 88%,transparent 100%);
  mask-composite:intersect}
/* texto "Sua vitrine não está clara" = camada sobreposta (independente da foto) */
.pb-illus-txt{position:absolute;left:0;top:-7%;width:58%;height:auto;z-index:3;pointer-events:none;mix-blend-mode:normal}

/* ---------- TRABALHOS (antes/agora sem o runtime) ---------- */
.wk{display:flex;flex-direction:column;border-radius:24px;background:#fff;border:1px solid #E6E2F3;overflow:hidden}
.wk-top{display:flex;flex-direction:column;gap:18px;padding:28px 28px 0}
.wk-top h3{margin:0;font-size:24px;font-weight:600;letter-spacing:-.01em;color:#15112B}
.wk-seg{align-self:flex-start;display:flex;gap:4px;padding:4px;border-radius:999px;background:#F1EEFA}
.wk-seg .seg{background:transparent;color:#4E4868;transition:background .25s,color .25s}
.wk-seg .seg.on{background:#2B0A96;color:#fff}
.wk-body{display:flex;flex-direction:column;gap:12px;flex-grow:1;min-height:200px;padding:24px 28px 28px}
.wk-label{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#A61B1B;transition:color .3s}
.wk[data-mode="agora"] .wk-label{color:#5B3FD9}
.wk-txt{margin:0;font-family:'Outfit',sans-serif;font-size:21px;line-height:1.4;font-weight:500;color:#15112B;transition:opacity .22s, transform .22s}
.wk-txt.swap{opacity:0;transform:translateY(8px)}
.wk-bar{height:6px;background:#E5484D;transition:background .35s}
.wk[data-mode="agora"] .wk-bar{background:#764CFF}

/* ---------- CTAs no meio da página ---------- */
.cta-inline{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px 40px;flex-wrap:wrap;
  margin-top:72px;padding:40px 44px;border-radius:28px;text-align:left;
  background:linear-gradient(120deg,#FFFFFF 0%,#F4EFFF 60%,#E9E0FF 100%);border:1px solid #E1D8FF;box-shadow:0 40px 80px -56px rgba(43,10,150,.55)}
.cta-inline::before{content:"";position:absolute;right:-90px;top:-110px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(118,76,255,.24),transparent);pointer-events:none}
.cta-inline::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(118,76,255,.16) 1px,transparent 1.2px);background-size:22px 22px;
  -webkit-mask-image:linear-gradient(90deg,transparent 45%,#000);mask-image:linear-gradient(90deg,transparent 45%,#000);opacity:.7}
.cta-inline-txt{position:relative;z-index:1;flex:1 1 380px;max-width:580px}
.cta-inline h3{margin:0;font-family:'Outfit',sans-serif;font-size:clamp(24px,2.3vw,34px);line-height:1.15;font-weight:600;letter-spacing:-.025em;color:#15112B}
.cta-inline p{margin:10px 0 0;font-size:17px;line-height:1.6;color:#4B4668}
.cta-inline-btns{position:relative;z-index:1;display:flex;gap:14px;flex-wrap:wrap}
.cta-inline .pwd-button{height:58px;padding:0 28px;font-size:17px;gap:14px}

/* ---------- CTA FINAL claro ---------- */
.cta-final-sec{padding:40px 0 120px;background:#FFFFFF}
.cta-final{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:24px;padding:88px 48px;border-radius:36px;text-align:center;
  background:radial-gradient(60% 70% at 50% 115%,rgba(146,119,255,.35),transparent 70%),linear-gradient(160deg,#FFFFFF 0%,#F4EFFF 55%,#E7DDFF 100%);
  border:1px solid #E1D8FF;box-shadow:0 60px 100px -60px rgba(43,10,150,.5)}
.cta-final-glow{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(118,76,255,.18) 1px,transparent 1.2px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(60% 60% at 50% 50%,transparent 40%,#000 100%);mask-image:radial-gradient(60% 60% at 50% 50%,transparent 40%,#000 100%)}
.cta-final .tag{align-self:center;position:relative}
.cta-final h2{position:relative;margin:0;max-width:840px;font-size:54px;line-height:1.06;font-weight:600;letter-spacing:-.03em;color:#15112B}
.cta-final p{position:relative;margin:0;max-width:640px;font-size:19px;line-height:1.65;color:#4B4668}
.cta-final-btns{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding-top:12px}
.cta-final .rx-scan{background:linear-gradient(90deg,rgba(118,76,255,0) 0%,rgba(118,76,255,.06) 25%,rgba(118,76,255,.14) 50%,rgba(118,76,255,.06) 75%,rgba(118,76,255,0) 100%)}

@media (max-width:760px){
  .cta-inline{padding:30px 22px;margin-top:48px}
  .cta-inline-btns{width:100%}
  .cta-inline .pwd-button{width:100%;height:54px;font-size:16px;white-space:normal}
  .cta-final{padding:56px 22px;border-radius:26px}
  .cta-final p{font-size:17px}
  .pwd-button{white-space:normal;text-align:center}
}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }

/* ---------- CTA FINAL com o fundo do hero ---------- */
.cta-final{border:1px solid rgba(255,255,255,.18);color:#fff;
  background:
    radial-gradient(60% 55% at 50% 110%, rgba(190,170,255,.6), transparent 70%),
    radial-gradient(40% 60% at 100% 20%, rgba(120,140,255,.38), transparent 70%),
    radial-gradient(40% 60% at 0% 80%, rgba(140,90,255,.38), transparent 70%),
    linear-gradient(180deg,#3426E4 0%,#3B2EEE 45%,#4A3DFA 100%);
  box-shadow:0 60px 110px -50px rgba(43,10,150,.7), inset 0 1px 0 rgba(255,255,255,.18)}
.cta-final-glow{background-image:radial-gradient(rgba(255,255,255,.28) 1px,transparent 1.2px);background-size:22px 22px;opacity:.5;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 45%,transparent 45%,#000 100%);mask-image:radial-gradient(70% 70% at 50% 45%,transparent 45%,#000 100%)}
.cta-final-streaks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cta-final h2{color:#fff}
.cta-final h2 .hl{background:linear-gradient(180deg,#E3DDFF 0%,#BFB3FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta-final p{color:rgba(255,255,255,.84)}
.cta-final .tag{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.cta-final .tag i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.22)}
.cta-final .rx-scan{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.05) 75%,rgba(255,255,255,0) 100%)}
.cta-final .pwd-secondary{color:#fff;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.04)}
.cta-final .pwd-secondary:hover{color:#fff;background:rgba(255,255,255,.12)}

/* palavras do título do CTA final (animação) */
.cta-final h2 .wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.cta-final h2 .wi{display:inline-block}

/* avatar da conversa no perfil e no rodapé */
.cp-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.ft-av{width:36px;height:36px;border-radius:10px;object-fit:cover;display:block;flex-shrink:0;box-shadow:0 6px 14px -6px rgba(118,76,255,.6)}

/* =====================================================================
   8b · O TIME — 3 juntos → se separam → cards com flip no hover
   ===================================================================== */
.tm{position:relative;overflow-x:clip;
  background:
    radial-gradient(900px 520px at 12% 8%, rgba(132,106,239,.10), transparent 60%),
    radial-gradient(800px 520px at 92% 92%, rgba(118,76,255,.08), transparent 62%),
    linear-gradient(180deg,#F7F6FB 0%,#F3F0FD 55%,#F7F6FB 100%);
  --clipH:clamp(250px, calc(100vh - 560px), 420px);
  --figH:calc(var(--clipH) / .54);
  --figW:calc(var(--figH) * .4557);
}
.tm-pin{position:relative;min-height:100vh;display:flex;align-items:center;padding:88px 0 28px;box-sizing:border-box}
.tm-wrap{position:relative;z-index:1}

/* cabeçalho */
.tm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;margin-bottom:18px}
.tm-head-l{display:flex;flex-direction:column;gap:14px}
.tm-title{margin:0;font-family:Outfit,sans-serif;font-size:clamp(48px,4.7vw,74px);line-height:.95;white-space:nowrap;font-weight:700;letter-spacing:-.045em;color:#0E0A2E}
.tm-title .ln{display:block;overflow:hidden;padding-bottom:.06em}
.tm-title .ln>span{display:inline-block}
.tm-lead{margin:30px 0 0;max-width:390px;padding-left:28px;border-left:1.5px solid #D9D2F3;font-size:18px;line-height:1.6;color:#4E4868}

/* grade */
.tm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
.tm-card{position:relative;display:flex;flex-direction:column;outline:none;border-radius:26px}
.tm-card[data-p="yas"]{z-index:3}
.tm-card[data-p="jony"]{z-index:2}
.tm-card[data-p="jean"]{z-index:1}

/* palco da foto */
.tm-stage{position:relative;height:var(--clipH)}
.tm-blob{position:absolute;left:24%;right:12%;top:16%;bottom:-6px;border-radius:34px;
  background:linear-gradient(160deg,#ECE6FF 0%,#E2D9FF 100%);transform:rotate(-8deg);transform-origin:50% 100%;
  transition:transform .7s cubic-bezier(.2,.8,.2,1),background .5s}
.tm-card[data-p="yas"] .tm-blob{left:10%;right:22%;transform:rotate(-5deg)}
.tm-card[data-p="jean"] .tm-blob{left:14%;right:20%;transform:rotate(-9deg)}
.tm-clip{position:absolute;inset:0;clip-path:inset(-200% -100% 0 -100%);z-index:2}
.tm-card[data-p="jony"] .tm-clip{left:8%;right:-8%}
.tm-card[data-p="yas"] .tm-clip{left:-6%;right:6%}
.tm-card[data-p="jean"] .tm-clip{left:-4%;right:4%}
.tm-fig{position:absolute;top:2px;left:50%;width:var(--figW);height:var(--figH);margin-left:calc(var(--figW) / -2);transform-origin:50% 0;will-change:transform}
.tm-in,.tm-zoom,.tm-flip{position:absolute;inset:0}
.tm-zoom{perspective:1600px;transform-origin:50% 45%;transition:scale .7s cubic-bezier(.2,.8,.2,1)}
.tm-flip{transform-style:preserve-3d;transition:transform .95s cubic-bezier(.3,1.25,.4,1)}
.tm-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 0;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 26px 30px rgba(91,63,217,.30)) drop-shadow(0 6px 10px rgba(43,10,150,.16));user-select:none;-webkit-user-drag:none}
.tm-back{transform:rotateY(180deg)}

/* anotações à mão */
.tm-note{position:absolute;z-index:3;width:150px;font-family:Caveat,cursive;font-weight:500;font-size:23px;line-height:1.05;color:#231C4D;pointer-events:none}
.tm-note-t{display:block;transform:rotate(-9deg);clip-path:inset(0 0 0 0)}
.tm-arrow{display:block;width:62px;height:54px;margin-top:6px;overflow:visible}
.tm-arrow path,.tm-spark path{fill:none;stroke:#231C4D;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tm-note--l{left:-6px;top:12%}
.tm-note--l .tm-arrow{margin-left:34px}
.tm-note--r{right:-8px;top:14%;text-align:left}
.tm-note--r .tm-note-t{transform:rotate(-8deg)}
.tm-card[data-p="yas"] .tm-note--r{right:-22px}
.tm-card[data-p="jean"] .tm-note--r{right:-30px;top:10%}
.tm-spark{position:absolute;z-index:3;width:34px;height:34px;overflow:visible}
.tm-card[data-p="jony"] .tm-spark--a{left:38%;top:30%}
.tm-card[data-p="jony"] .tm-spark--b{left:6%;top:82%}
.tm-card[data-p="yas"] .tm-spark--a{left:8%;top:32%}
.tm-card[data-p="yas"] .tm-spark--b{right:10%;top:78%}
.tm-card[data-p="jean"] .tm-spark--a{left:58%;top:34%}
.tm-card[data-p="jean"] .tm-spark--b{right:-2%;top:76%}

/* card branco */
.tm-body{position:relative;z-index:4;flex:1;background:#fff;border-radius:26px;padding:22px 24px 20px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 22px 50px -24px rgba(43,10,150,.22),0 0 0 1px rgba(118,76,255,.07);
  transition:box-shadow .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.tm-dash{display:block;width:24px;height:3px;border-radius:3px;background:#764CFF;margin-bottom:12px;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.tm-body h3{margin:0;font-family:Outfit,sans-serif;font-size:28px;line-height:1.05;font-weight:700;letter-spacing:-.03em;color:#0E0A2E}
.tm-role{margin:6px 0 0;font-family:Outfit,sans-serif;font-size:17px;line-height:1.25;font-weight:600;color:#764CFF;min-height:2.5em}
.tm-desc{margin:8px 0 0;font-size:15px;line-height:1.5;color:#4E4868;padding-bottom:14px;border-bottom:1px solid #ECE9F5}
.tm-chips{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.tm-chips li{font-size:12px;line-height:1;padding:8px 9px;white-space:nowrap;border-radius:999px;background:#F2EEFF;color:#4A3A8F;font-weight:500;transition:background .35s,color .35s,transform .35s}

/* hover / foco / toque: zoom + flip revela a 2ª foto */
.tm.is-split .tm-card{cursor:pointer}
.tm.is-split .tm-card:hover .tm-zoom,.tm.is-split .tm-card:focus-visible .tm-zoom,.tm.is-split .tm-card.is-flipped .tm-zoom{scale:1.06}
.tm.is-split .tm-card:hover .tm-flip,.tm.is-split .tm-card:focus-visible .tm-flip,.tm.is-split .tm-card.is-flipped .tm-flip{transform:rotateY(180deg)}
.tm.is-split .tm-card:hover .tm-body,.tm.is-split .tm-card:focus-visible .tm-body,.tm.is-split .tm-card.is-flipped .tm-body{transform:scale(1.025);box-shadow:0 1px 0 #fff inset,0 34px 70px -28px rgba(43,10,150,.34),0 0 0 1px rgba(118,76,255,.16)}
.tm.is-split .tm-card:hover .tm-dash,.tm.is-split .tm-card.is-flipped .tm-dash{width:54px}
.tm.is-split .tm-card:hover .tm-blob,.tm.is-split .tm-card.is-flipped .tm-blob{transform:rotate(-3deg) scale(1.04);background:linear-gradient(160deg,#E4DBFF 0%,#D6C9FF 100%)}
.tm.is-split .tm-card:hover .tm-chips li{background:#764CFF;color:#fff}
.tm.is-split .tm-card:hover .tm-chips li:nth-child(2){transition-delay:.04s}
.tm.is-split .tm-card:hover .tm-chips li:nth-child(3){transition-delay:.08s}
.tm.is-split .tm-card:hover .tm-chips li:nth-child(4){transition-delay:.12s}
.tm-card:focus-visible .tm-body{outline:2px solid #764CFF;outline-offset:3px}


.tm-blob{scale:var(--bs,1)}



/* ---------- O TIME (>=640px): mesma largura/margens das outras seções; a altura da foto se ajusta à tela ---------- */
@media (min-width:640px){
  .tm-pin{height:100vh;min-height:0;padding:72px 0 16px;flex-direction:column;justify-content:center;align-items:center;overflow:visible}
  .tm-wrap{width:max(1080px, min(1240px, 100vw - 64px));flex:none;margin:0;transform-origin:50% 50%;transform:translateY(var(--tmy,0px)) scale(var(--tms,1))}
  .tm.tm-tall .tm-pin{justify-content:flex-start;padding-top:56px}
  .tm.tm-compact .tm-head{margin-bottom:8px}
  .tm.tm-compact .tm-head-l{gap:8px}
  .tm.tm-compact .tm-title{font-size:clamp(44px,4.2vw,62px)}
  .tm.tm-compact .tm-lead{font-size:16px;line-height:1.5;margin-top:20px}
  .tm.tm-compact .tm-body{padding:16px 22px 16px}
  .tm.tm-compact .tm-dash{margin-bottom:9px}
  .tm.tm-compact .tm-body h3{font-size:25px}
  .tm.tm-compact .tm-role{font-size:15.5px;margin-top:4px}
  .tm.tm-compact .tm-desc{font-size:14.5px;line-height:1.45;padding-bottom:10px;margin-top:6px}
  .tm.tm-compact .tm-chips{margin-top:10px}
}
/* ---------- celular: cards empilhados ---------- */
@media (max-width:639px){
  .tm{--clipH:340px}
  .tm-pin{min-height:0;padding:96px 0 88px}
  .tm-head{flex-direction:column;align-items:flex-start;gap:18px}
  .tm-lead{margin-top:0;font-size:16px;padding-left:18px}
  .tm-grid{grid-template-columns:1fr;gap:34px;max-width:440px;margin:0 auto}
  .tm-role{min-height:0}
  .tm-note{font-size:19px;width:118px}
  .tm-note--l{left:-2px}
  .tm-card[data-p] .tm-note--r{right:-4px}
}

/* =====================================================================
   MÉTODO 3E — etapa E3 (Evoluir): o texto da direita sobe até o topo,
   fica ali enquanto a rolagem continua e só depois entra a próxima seção
   ===================================================================== */
@media (min-width: 981px) {
  .mt-step:last-child { min-height: 122vh; justify-content: flex-start; }
  .mt-step:last-child .mt-stick { position: sticky; top: 108px; }
}

/* o conteúdo da etapa E3 fica agrupado (mesmos espaçamentos do .mt-step) */
.mt-stick { display: flex; flex-direction: column; gap: 22px; }

/* Seção 2 (O problema): só a PRIMEIRA linha do título é menor (para caber em uma
   linha); a segunda ("Poucas têm um site que realmente ajuda o negócio.") segue
   no tamanho do .h2 (46px / 36px no tablet / 30px no celular) */
.pb-h-small { font-size: clamp(22px, 2.05vw, 26px); }
@media (max-width: 980px) { .pb-h-small { font-size: clamp(18px, 4.6vw, 22px); } }

/* =====================================================================
   5 · TRABALHOS — versão nova (cards ilustrados) — enviada pela Yasmin
   ===================================================================== */
/* ---------- base ---------- */

#trabalhos h2,#trabalhos h3{font-family:'Outfit',system-ui,sans-serif}
#trabalhos .wrap{width:min(1240px,calc(100% - 64px));margin:0 auto}
#trabalhos .hl{color:#764CFF}

/* tag (pílula) */
#trabalhos .tag{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;margin:0;padding:8px 16px;border-radius:999px;background:#EFEAFF;color:#5B3FD9;
  font-family:'Outfit',system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.3}
#trabalhos .tag i{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#764CFF;box-shadow:0 0 0 4px rgba(118,76,255,.18)}

/* entrada ao rolar */
#trabalhos .rv{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
#trabalhos .rv.in{opacity:1;transform:none}
@keyframes rxBlink{50%{opacity:.25}}

/* =====================================================================
   5 · TRABALHOS — cards ilustrados (cena animada + gargalo → solução)
   ===================================================================== */
.wks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wkx{position:relative;display:flex;flex-direction:column;border-radius:28px;background:#fff;overflow:hidden;
  box-shadow:0 30px 60px -40px rgba(43,10,150,.35),0 0 0 1px rgba(118,76,255,.09);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.wkx:hover{transform:translateY(-8px);box-shadow:0 40px 70px -36px rgba(43,10,150,.45),0 0 0 1.5px rgba(118,76,255,.35)}
.wkx-ill{position:relative;height:250px;padding:22px 22px 0;overflow:hidden;
  background:radial-gradient(80% 90% at 85% 0%,rgba(132,106,239,.22),transparent 65%),linear-gradient(160deg,#F5F1FF 0%,#ECE5FF 100%)}
.wkx-chip{position:absolute;left:18px;bottom:14px;z-index:6;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;color:#5B3FD9;
  background:#fff;padding:6px 12px;border-radius:999px;box-shadow:0 8px 18px -10px rgba(43,10,150,.4)}
.wkx-body{display:flex;flex-direction:column;gap:16px;padding:26px 28px 30px}
.wkx-body h3{margin:0;font-family:Outfit,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.02em;color:#15112B}
.wkx-flow{position:relative;display:flex;flex-direction:column;gap:14px;padding-left:22px}
.wkx-flow::before{content:"";position:absolute;left:5px;top:10px;bottom:12px;width:2px;border-radius:2px;background:linear-gradient(180deg,#F2A3B3,#764CFF)}
.wkx-flow p{position:relative;margin:0;font-size:15.5px;line-height:1.55}
.wkx-flow p i{position:absolute;left:-22px;top:6px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 4px #fff}
.wkx-g{color:#8C86A8}
.wkx-g i{background:#F08AA0}
.wkx-s{color:#15112B;font-weight:600}
.wkx-s i{background:#764CFF}

/* ---------- 1 · marca: startup → advocacia ---------- */
.ib-win{position:relative;height:100%;border-radius:16px 16px 0 0;background:#fff;overflow:hidden;box-shadow:0 20px 40px -24px rgba(43,10,150,.45)}
.ib-bar{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;background:#F4F2FA;border-bottom:1px solid #ECE8F8}
.ib-bar>span{width:7px;height:7px;border-radius:50%;background:#DCD6F0}
.ib-bar em{margin-left:8px;font-style:normal;font-size:10px;color:#9A94B5}
.ib-view{position:relative;height:calc(100% - 28px)}
.ib-old,.ib-new{position:absolute;inset:0;padding:14px 16px;overflow:hidden}
.ib-old{background:#0F0B2A;color:#fff}
.ib-blob{position:absolute;border-radius:50%;filter:blur(18px);opacity:.85}
.ib-blob.a{width:120px;height:120px;right:-20px;top:-30px;background:#FF4FD8}
.ib-blob.b{width:110px;height:110px;right:70px;bottom:-50px;background:#21E6FF}
.ib-o-nav{position:relative;display:flex;align-items:center;gap:10px}
.ib-o-nav b{font-family:'Courier New',monospace;font-size:13px;margin-right:auto;color:#7CFFCB}
.ib-o-nav i{width:22px;height:5px;border-radius:3px;background:rgba(255,255,255,.35)}
.ib-o-h{position:relative;margin-top:22px;font-family:'Courier New',monospace;font-size:20px;line-height:1.1;font-weight:700;color:#fff}
.ib-o-btn{position:relative;display:inline-block;margin-top:14px;padding:6px 12px;border-radius:999px;font-size:10px;font-weight:700;color:#0F0B2A;background:linear-gradient(90deg,#7CFFCB,#21E6FF)}
.ib-new{background:linear-gradient(180deg,#FBF8F1,#F3EEE2);color:#1C2A4A;clip-path:inset(0 100% 0 0)}
.ib-n-nav{display:flex;align-items:center;gap:8px}
.ib-n-nav svg{width:16px;height:16px;fill:none;stroke:#B08D3C;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ib-n-nav b{font-family:Georgia,serif;font-size:13px;margin-right:auto;color:#1C2A4A}
.ib-n-nav b em{font-style:italic;color:#B08D3C}
.ib-n-nav i{width:22px;height:5px;border-radius:3px;background:#D9D2BF}
.ib-n-h{margin-top:20px;font-family:Georgia,serif;font-size:18px;line-height:1.18;color:#1C2A4A}
.ib-n-p{height:5px;width:80%;margin-top:9px;border-radius:3px;background:#DCD5C4}
.ib-n-p.s{width:55%;margin-top:5px}
.ib-n-btn{display:inline-block;margin-top:12px;padding:6px 12px;border-radius:6px;font-size:10px;font-weight:700;color:#F3EEE2;background:#1C2A4A}
.ib-handle{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 12px rgba(118,76,255,.8);opacity:0}
.ib-handle span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#764CFF;box-shadow:0 6px 16px rgba(118,76,255,.6)}
.ib-handle svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wkx.play .ib-new{animation:ibWipe 1.8s .3s cubic-bezier(.65,0,.35,1) forwards}
.wkx.play .ib-handle{animation:ibHandle 1.8s .3s cubic-bezier(.65,0,.35,1) forwards}
@keyframes ibWipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes ibHandle{0%{left:0;opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}

/* ---------- 2 · tráfego: anúncio clicado + alcance subindo ---------- */
.ia-dash{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:12px;height:100%}
.ia-ad,.ia-chart{position:relative;border-radius:16px 16px 0 0;background:#fff;padding:14px;box-shadow:0 20px 40px -24px rgba(43,10,150,.45)}
.ia-sp{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8C86A8}
.ia-ad-h{display:flex;align-items:center;gap:8px;margin-top:10px}
.ia-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#2B0A96;color:#fff;font-style:normal;font-family:Outfit,sans-serif;font-weight:700;font-size:14px}
.ia-ad-h span{display:flex;flex-direction:column;line-height:1.2}
.ia-ad-h b{font-family:Outfit,sans-serif;font-size:12px;color:#15112B}
.ia-ad-h small{font-size:9px;color:#8C86A8}
.ia-l{display:block;height:5px;margin-top:10px;border-radius:3px;background:#ECE8F8}
.ia-l.s{width:65%;margin-top:6px}
.ia-cta{position:relative;margin-top:14px;padding:8px 0;border-radius:8px;text-align:center;font-size:10px;font-weight:700;color:#fff;background:#764CFF;transition:transform .2s}
.ia-ripple{position:absolute;left:62%;top:54%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;border:2px solid #764CFF;opacity:0}
.ia-cur{position:absolute;left:110%;top:110%;width:20px;height:20px;fill:#15112B;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}
.wkx.play .ia-cur{animation:iaCur 1.4s .2s cubic-bezier(.5,0,.3,1) forwards}
.wkx.play .ia-cta{animation:iaPress .3s 1.45s}
.wkx.play .ia-ripple{animation:iaRipple .9s 1.5s ease-out 2}
@keyframes iaCur{to{left:60%;top:50%}}
@keyframes iaPress{50%{transform:scale(.94)}}
@keyframes iaRipple{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(5)}}
.ia-ch-h{display:flex;align-items:center;justify-content:space-between}
.ia-ch-h b{font-family:Outfit,sans-serif;font-size:12px;color:#15112B}
.ia-live{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:#2BC48A}
.ia-live i{width:6px;height:6px;border-radius:50%;background:#2BC48A;animation:rxBlink 1.1s infinite}
.ia-chart svg{display:block;width:100%;height:84px;margin-top:8px;overflow:visible}
.ia-line{fill:none;stroke:#764CFF;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260}
.ia-area{opacity:0}
.wkx.play .ia-line{animation:iaDraw 1.6s 1.6s cubic-bezier(.4,0,.2,1) forwards}
.wkx.play .ia-area{animation:iaFade .8s 2.4s forwards}
@keyframes iaDraw{to{stroke-dashoffset:0}}
@keyframes iaFade{to{opacity:1}}
.ia-bars{display:flex;align-items:flex-end;gap:5px;height:34px;margin-top:8px}
.ia-bars i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:#E3DAFF;transform:scaleY(0);transform-origin:50% 100%}
.wkx.play .ia-bars i{animation:iaBar .6s cubic-bezier(.3,1.4,.5,1) forwards}
.ia-bars i:nth-child(1){animation-delay:1.7s!important}.ia-bars i:nth-child(2){animation-delay:1.8s!important}.ia-bars i:nth-child(3){animation-delay:1.9s!important}
.ia-bars i:nth-child(4){animation-delay:2s!important}.ia-bars i:nth-child(5){animation-delay:2.1s!important}.ia-bars i:nth-child(6){animation-delay:2.2s!important}
.ia-bars i:nth-child(7){animation-delay:2.3s!important;background:#764CFF}
@keyframes iaBar{to{transform:scaleY(1)}}
.ia-sup{position:absolute;left:14px;top:168px;z-index:5;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;background:#15112B;color:#fff;
  font-family:Outfit,sans-serif;font-size:11px;font-weight:600;box-shadow:0 10px 22px -10px rgba(21,17,43,.6);opacity:0;transform:translateY(8px) scale(.9)}
.ia-sup svg{width:13px;height:13px;fill:none;stroke:#7CF0B9;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wkx.play .ia-sup{animation:iaPop .6s 3s cubic-bezier(.3,1.5,.5,1) forwards}
@keyframes iaPop{to{opacity:1;transform:none}}

/* ---------- 3 · SEO: sobe para o topo + velocidade ---------- */
.is-serp{position:relative;height:100%;border-radius:16px 16px 0 0;background:#fff;padding:12px 14px;box-shadow:0 20px 40px -24px rgba(43,10,150,.45);margin-right:86px}
.is-q{display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;box-shadow:inset 0 0 0 1px #E6E1F5;font-size:11px;color:#15112B}
.is-q svg{width:13px;height:13px;flex:none;fill:none;stroke:#8C86A8;stroke-width:2.4;stroke-linecap:round}
.is-type{display:inline-block;overflow:hidden;white-space:nowrap;width:0}
.is-caret{width:1.5px;height:13px;background:#764CFF;animation:rxBlink .9s infinite}
.wkx.play .is-type{animation:isType 1.1s .2s steps(16,end) forwards}
@keyframes isType{to{width:16ch}}
.is-list{position:relative;margin-top:10px;height:150px}
.is-r{position:absolute;left:0;right:0;display:flex;align-items:center;gap:8px;height:32px;padding:0 8px;border-radius:9px;transition:top .9s cubic-bezier(.65,0,.35,1)}
.is-r:nth-child(1){top:0}.is-r:nth-child(2){top:37px}.is-r:nth-child(3){top:74px}.is-r:nth-child(4){top:111px}
.is-fav{width:16px;height:16px;flex:none;border-radius:50%;background:#ECE8F8}
.is-r span{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.is-r span i{display:block;height:5px;width:85%;border-radius:3px;background:#ECE8F8}
.is-r span i.s{width:55%}
.is-me{background:#fff;box-shadow:inset 0 0 0 1px #ECE8F8;opacity:.55}
.is-fav.me{display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:700;color:#fff;background:#764CFF}
.is-me b{font-family:Outfit,sans-serif;font-size:11px;color:#2B0A96;line-height:1.1}
.is-me small{font-size:8.5px;color:#2BA36F;line-height:1.1}
.is-up{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#2BC48A;opacity:0;transform:scale(.4)}
.is-up svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wkx.play .is-r--x:nth-child(1){animation:isDown .9s 1.5s cubic-bezier(.65,0,.35,1) forwards}
.wkx.play .is-r--x:nth-child(2){animation:isDown .9s 1.5s cubic-bezier(.65,0,.35,1) forwards}
.wkx.play .is-r--x:nth-child(3){animation:isDown .9s 1.5s cubic-bezier(.65,0,.35,1) forwards}
.wkx.play .is-me{animation:isTop .9s 1.5s cubic-bezier(.65,0,.35,1) forwards}
.wkx.play .is-up{animation:iaPop .5s 2.3s cubic-bezier(.3,1.5,.5,1) forwards}
@keyframes isDown{to{transform:translateY(37px)}}
@keyframes isTop{to{transform:translateY(-111px);opacity:1;box-shadow:inset 0 0 0 1.5px #764CFF,0 10px 22px -12px rgba(118,76,255,.6)}}
.is-gauge{position:absolute;right:12px;top:40px;z-index:4;display:flex;flex-direction:column;align-items:center;width:84px;padding:10px 8px 8px;border-radius:16px;background:#fff;box-shadow:0 16px 30px -18px rgba(43,10,150,.5)}
.is-gauge svg{width:66px;height:40px;overflow:visible}
.is-g-bg{fill:none;stroke:#F0EDF8;stroke-width:9;stroke-linecap:round}
.is-g-fg{fill:none;stroke:#F08AA0;stroke-width:9;stroke-linecap:round;stroke-dasharray:126;stroke-dashoffset:105}
.is-needle{stroke:#15112B;stroke-width:3;stroke-linecap:round;transform-origin:50px 54px;transform:rotate(-70deg)}
.is-gauge circle{fill:#15112B}
.is-gauge small{margin-top:4px;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8C86A8}
.wkx.play .is-g-fg{animation:isGauge 1.4s 2s cubic-bezier(.3,1.2,.5,1) forwards}
.wkx.play .is-needle{animation:isNeedle 1.4s 2s cubic-bezier(.3,1.3,.5,1) forwards}
@keyframes isGauge{to{stroke-dashoffset:8;stroke:#2BC48A}}
@keyframes isNeedle{to{transform:rotate(68deg)}}

@media (max-width:1100px){
  .wks-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto;width:100%}
}
@media (max-width:420px){
  .wkx-ill{padding:16px 14px 0}
  .is-serp{margin-right:0}
  .is-gauge{top:auto;bottom:12px;right:12px}
}

/* AdvTech: comparador antes/agora com os prints reais, rolável */
.wkx[data-ill="brand"] .ib-view{position:relative;height:calc(100% - 28px);overflow:hidden;cursor:ew-resize;touch-action:pan-y}
.ib-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none}
.ib-scroll::-webkit-scrollbar{width:0;height:0;display:none}
.ib-stack{position:relative}
.ib-stack img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.ib-before{position:absolute;left:0;top:0;width:100%;clip-path:inset(0 calc(100% - var(--x)) 0 0);will-change:transform}
.wkx[data-ill="brand"] .ib-handle{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;opacity:1;animation:none!important;
  box-shadow:0 0 0 1px rgba(118,76,255,.35),0 0 14px rgba(118,76,255,.7);z-index:3;pointer-events:none}
.wkx[data-ill="brand"] .ib-handle span{pointer-events:auto;cursor:ew-resize;touch-action:none;width:34px;height:34px;margin:-17px 0 0 -17px}
.ib-lbl{position:absolute;top:10px;z-index:2;font-family:Outfit,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:999px;pointer-events:none;transition:opacity .3s}
.ib-lbl--a{left:10px;color:#fff;background:rgba(15,11,42,.75)}
.ib-lbl--b{right:10px;color:#2B0A96;background:rgba(255,255,255,.92);box-shadow:0 4px 12px rgba(43,10,150,.18)}
.ib-hint{position:absolute;right:10px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 7px;border-radius:999px;background:#15112B;color:#fff;
  font-size:10.5px;font-weight:600;pointer-events:none;box-shadow:0 6px 14px rgba(21,17,43,.35);transition:opacity .4s}
.ib-hint svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;animation:ibNudge 1.4s ease-in-out infinite}
@keyframes ibNudge{50%{transform:translateY(3px)}}
.ib-view.scrolled .ib-hint{opacity:0}

.wkx-chip{pointer-events:none}


/* ===== visualizador cheio (modal) da comparação AdvTech ===== */
html.ibm-lock,body.ibm-lock{overflow:hidden!important;overscroll-behavior:none}
.ibm{position:fixed;inset:0;z-index:9999;display:none;background:#0B0820;overflow:hidden}
.ibm.open{display:block}
.ibm-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none}
.ibm-scroll::-webkit-scrollbar{width:0;height:0;display:none}
.ibm-stack{position:relative;width:100%;will-change:transform}
.ibm-stack img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.ibm-before{position:absolute;left:0;top:0;width:100%;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.ibm-handle{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;
  box-shadow:0 0 14px rgba(118,76,255,.85);z-index:2}
.ibm-handle span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:42px;height:42px;
  margin:-21px 0 0 -21px;border-radius:50%;background:#764CFF;box-shadow:0 8px 20px rgba(118,76,255,.55);
  touch-action:none;cursor:ew-resize}
.ibm-handle svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ibm-close{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));right:10px;z-index:5;display:grid;place-items:center;
  width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);
  box-shadow:0 8px 22px rgba(0,0,0,.35);cursor:pointer;-webkit-tap-highlight-color:transparent}
.ibm-close svg{width:20px;height:20px;fill:none;stroke:#2B0A96;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ibm-close:active{transform:scale(.94)}
@media (min-width:721px){
  .ibm-stack{max-width:1024px;margin:0 auto}
}

/* ===== botão voltar ao topo ===== */
.tt{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9998;
  width:38px;height:38px;padding:0;border:1px solid rgba(43,10,150,.14);border-radius:50%;
  background:rgba(255,255,255,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 10px rgba(24,14,60,.10);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease,background .2s,border-color .2s;
  -webkit-tap-highlight-color:transparent}
.tt.on{opacity:1;visibility:visible;transform:none}
.tt:hover{background:#fff;border-color:rgba(43,10,150,.28)}
.tt:active{transform:scale(.95)}
.tt:focus-visible{outline:2px solid rgba(123,92,255,.5);outline-offset:3px}
.tt svg{width:16px;height:16px;fill:none;stroke:#2B0A96;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
@media (min-width:721px){
  .tt{right:22px;bottom:22px;width:40px;height:40px}
  .tt svg{width:17px;height:17px}
}