/* ======= TOKENS ======= */
:root {
  /* === Púrpura & Névoa — Light === */
  --bg: #FAFAFB;
  --bg-alt: #F0F0F4;
  --card: #ffffff;
  --text: #14112F;
  --text2: #3D2872;
  --text3: #8878B0;
  --accent: #6E37A9;
  --accent2: #A3B890;
  --accent-bg: #EDE6F5;
  --accent-dk: #5A2B8C;
  --green: #4A6B45;
  --green-bg: #EBF0E8;
  --amber: #6E37A9;
  --amber-bg: #EDE6F5;
  --red: #C0392B;
  --gold: #D4AB55;
  --orange: #C8875A;
  --blue: #14112F;
  --wa-bg: #E5DDD5;
  --wa-green: #DCF8C6;
  --wa-header: #1C124B;
  --r: 16px;
  --r2: 24px;
  --r3: 9999px;
  --sh: 0 4px 20px rgba(20,17,47,0.07);
  --sh2: 0 12px 40px rgba(20,17,47,0.12);
  --sh3: 0 20px 60px rgba(20,17,47,0.16);
  --shg: 0 8px 40px rgba(110,55,169,0.22);
  --ff: 'Inter', -apple-system, sans-serif;
  --fd: 'Outfit', sans-serif;
  --ease: cubic-bezier(.16,1,.3,1);
  --mw: 1100px;
}

/* ======= RESET ======= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--ff);color:var(--text2);background:var(--bg);line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}
input{font-family:inherit}
img{max-width:100%;display:block}
.container{max-width:var(--mw);margin:0 auto;padding:0 24px}

/* ======= TYPO ======= */
h1,h2,h3,h4{font-family:var(--fd);color:var(--text);line-height:1.12;letter-spacing:-.03em}
h1{font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:900}
h2{font-size:clamp(1.9rem,4.2vw,3rem);font-weight:800}
h3{font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:700}
h4{font-size:1rem;font-weight:700}
em{font-style:normal;color:var(--amber);position:relative}
em::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:8px;background:var(--amber-bg);border-radius:4px;z-index:-1}
.gold{color:var(--gold);letter-spacing:-1px}
.label{text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:2.5px;color:var(--accent);margin-bottom:10px}
.section-sub{font-size:1.08rem;max-width:520px;margin-top:8px}

/* ======= BUTTONS ======= */
.btn-main{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:15px 32px;border-radius:var(--r3);font-weight:700;font-size:.95rem;transition:all .35s var(--ease);box-shadow:var(--shg)}
.btn-main:hover{background:var(--accent-dk);transform:translateY(-2px);box-shadow:0 14px 44px rgba(110,55,169,.35)}
.btn-main--sm{padding:11px 24px;font-size:.88rem}
.btn-main--xl{padding:18px 40px;font-size:1.05rem}
.btn-main--full{width:100%;justify-content:center}
.btn-ghost{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:600;font-size:.95rem;padding:15px 28px;border:2px solid rgba(26,26,46,.12);border-radius:var(--r3);transition:all .3s}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}

/* ======= NAV ======= */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 0;background:rgba(250,250,251,.90);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05);transition:padding .3s var(--ease)}
.nav-inner{max-width:var(--mw);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:28px}
.logo{font-family:var(--fd);font-size:1.55rem;font-weight:900;color:var(--text)}
.logo span{color:var(--accent);display:inline-block;animation:breathe 3s ease-in-out infinite}
.logo--light{color:#fff}
.logo--light span{color:var(--accent2)}
@keyframes breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}
.nav-links{display:flex;gap:26px;margin-left:auto}
.nav-links a{font-size:.88rem;font-weight:500;color:var(--text2);transition:color .2s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--accent);border-radius:2px;transition:width .3s var(--ease)}
.nav-links a:hover{color:var(--text)}
.nav-links a:hover::after{width:100%}
.nav-cta{background:var(--accent);color:#fff;padding:8px 20px;border-radius:var(--r3);font-size:.85rem;font-weight:700;transition:background .25s}
.nav-cta:hover{background:var(--accent-dk)}
.nav-theme{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;color:var(--text2);transition:all .3s var(--ease);flex-shrink:0}
.nav-theme:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}
.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:8px}
.nav-hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:.3s}
.nav-hamburger.active span:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav-hamburger.active span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.nav.scrolled{padding:8px 0}

/* ======= MARQUEE ======= */
.marquee{margin-top:62px;background:var(--text);color:#fff;padding:10px 0;overflow:hidden;white-space:nowrap;font-size:.82rem;font-weight:600;letter-spacing:.5px}
.marquee-track{display:flex;align-items:center;gap:32px;animation:scroll-x 30s linear infinite}
.marquee-track span{flex-shrink:0}
.marquee-dot{width:8px;height:8px;background:#6E37A6;border-radius:50%;flex-shrink:0;align-self:center;animation:breathe 3s ease-in-out infinite}
@keyframes scroll-x{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ======= HERO ======= */
.hero{padding:80px 0 40px;overflow:hidden}
.hero-inner{max-width:var(--mw);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:calc(100vh - 180px)}
.hero-context{font-size:.92rem;color:var(--text3);font-weight:500;font-style:italic;margin-bottom:16px}
.hero-sub{font-size:1.15rem;margin-top:20px;max-width:480px;line-height:1.8}
.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.hero-proof{display:flex;align-items:center;gap:14px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(0,0,0,.06)}
.faces{display:flex}
.faces span{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#fff;border:2.5px solid var(--bg);margin-left:-8px}
.faces span:first-child{margin-left:0}
.hero-proof p{font-size:.84rem;color:var(--text2)}
.hero-proof p strong{color:var(--text)}

/* Phone */
.hero-phone{position:relative;display:flex;justify-content:center}
.phone-shell{width:280px;background:#000;border-radius:32px;padding:6px;box-shadow:var(--sh3);position:relative;overflow:hidden;z-index:2}
.phone-notch{width:100px;height:24px;background:#000;border-radius:0 0 14px 14px;margin:0 auto;position:relative;z-index:3}
.phone-wa-bar{display:flex;align-items:center;gap:8px;padding:6px 10px 8px;background:var(--wa-header);color:#fff;font-size:.8rem}
.phone-wa-bar strong{font-size:.82rem}
.phone-wa-bar small{font-size:.65rem;opacity:.75;display:block}
.phone-wa-avatar{width:30px;height:30px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:900;font-size:.75rem}
.phone-chat{background:var(--wa-bg);padding:10px;min-height:380px;max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000' fill-opacity='.02'%3E%3Cpath d='M20 20v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/g%3E%3C/svg%3E")}
.phone-chat::-webkit-scrollbar{width:0}
.phone-input-bar{display:flex;align-items:center;gap:6px;padding:5px 6px;background:#F0F0F0}
.phone-input-fake{flex:1;background:#fff;padding:7px 12px;border-radius:18px;font-size:.72rem;color:#aaa}
.phone-mic-btn{width:32px;height:32px;background:#00A884;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* WA messages */
.wm-in,.wm-out{max-width:82%;padding:7px 9px 3px;border-radius:9px;font-size:.74rem;line-height:1.4;box-shadow:0 1px 1px rgba(0,0,0,.05);animation:msg-pop .35s var(--ease)}
.wm-in{background:#fff;color:#303030;align-self:flex-start;border-top-left-radius:2px}
/* dark override for wm-in applied via dark theme block below */
.wm-out{background:var(--wa-green);color:#303030;align-self:flex-end;border-top-right-radius:2px}
.wm-time{display:block;text-align:right;font-size:.58rem;color:#999;margin-top:1px}
@keyframes msg-pop{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}
.wm-typing{display:flex;gap:3px;padding:3px 0}
.wm-typing span{width:6px;height:6px;background:#aaa;border-radius:50%;animation:tbounce 1.4s infinite}
.wm-typing span:nth-child(2){animation-delay:.15s}
.wm-typing span:nth-child(3){animation-delay:.3s}
@keyframes tbounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}

/* Action cards */
.action-card{position:absolute;display:flex;align-items:center;gap:9px;background:#fff;padding:10px 14px;border-radius:var(--r);box-shadow:var(--sh2);font-size:.76rem;z-index:3;white-space:nowrap}
.action-card b{display:block;color:var(--text);font-size:.78rem}
.action-card span{color:var(--text3);font-size:.68rem}
.action-card-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.action-card-icon--green{background:var(--green)}
.action-card-icon--purple{background:var(--accent)}
.action-card-icon--blue{background:var(--blue)}
.action-card--1{top:50px;left:-70px}
.action-card--2{bottom:120px;right:-80px}
.action-card--3{bottom:30px;left:-50px}

/* ======= NUMBERS ======= */
.numbers{padding:48px 0;background:var(--text);color:#fff}
.numbers-inner{max-width:var(--mw);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.num-val{font-family:var(--fd);font-size:clamp(2rem,4vw,3.2rem);font-weight:900;color:#fff;line-height:1}
.num-unit{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent2);margin-top:4px}
.num-card p{font-size:.8rem;color:rgba(255,255,255,.5);margin-top:4px}

/* ======= SECTIONS ======= */
.section{padding:90px 0}
.section--alt{background:var(--bg-alt)}
.section-header{max-width:640px;margin-bottom:48px}

/* ======= BENTO GRID ======= */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bento-card{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--r2);padding:28px;transition:all .35s var(--ease)}
.bento-card:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:transparent}
.bento--large{grid-column:1/4;grid-row:1/4;padding:0;overflow:hidden;display:flex;flex-direction:column}
.bento--wide{grid-column:1/4}
.bento--accent{background:var(--accent-bg);border-color:transparent}
.bento-card-label{padding:14px 20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--accent);border-bottom:1px solid rgba(0,0,0,.06);background:var(--card)}
.bento-chat{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;background:var(--wa-bg);background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000' fill-opacity='.02'%3E%3Cpath d='M20 20v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/g%3E%3C/svg%3E");min-height:480px;max-height:520px}
.bento-chat::-webkit-scrollbar{width:3px}
.bento-chat::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:3px}
.bento-caption{padding:12px 20px;font-size:.8rem;color:var(--text3);text-align:center;background:var(--card);border-top:1px solid rgba(0,0,0,.06)}
.bento-caption strong{color:var(--accent)}
.bento-emoji{font-size:1.5rem;margin-bottom:10px}
.bento-card h3{margin-bottom:6px}
.bento-card p{font-size:.88rem;color:var(--text3);line-height:1.6}
.bento-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.bento-mini-cal{background:var(--bg);border-radius:var(--r);padding:14px;font-size:.7rem}
.cal-head{font-weight:700;color:var(--text);margin-bottom:8px;font-size:.8rem}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;color:var(--text3)}
.cal-grid span:nth-child(-n+7){font-weight:700;color:var(--text2)}
.cal-today{background:var(--accent);color:#fff!important;border-radius:50%;font-weight:700;padding:2px}
.cal-event{background:var(--accent-bg);color:var(--accent)!important;border-radius:50%;font-weight:700;border:1.5px solid var(--accent);padding:2px}
.cal-event-bar{margin-top:8px;padding:8px 10px;background:var(--accent-bg);border:1px solid rgba(108,92,231,.2);border-radius:8px;transition:all .5s var(--ease);opacity:0;transform:translateY(8px)}
.cal-event-bar.visible{opacity:1;transform:none}
.cal-event-bar small{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.6rem}
.cal-event-bar strong{display:block;color:var(--text);font-size:.78rem}
.cal-event-bar span{font-size:.68rem;color:var(--text3)}

/* ======= TIMELINE ======= */
.timeline{max-width:640px;margin:0 auto;position:relative}
.timeline::before{content:'';position:absolute;left:23px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent2),rgba(108,92,231,.1))}
.tl-step{display:flex;gap:20px;margin-bottom:12px;position:relative}
.tl-num{width:48px;height:48px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:900;font-size:1.1rem;flex-shrink:0;z-index:1;border:4px solid var(--bg)}
.section--alt .tl-num{border-color:var(--bg-alt)}
.tl-num--done{background:var(--green)}
.tl-body{flex:1;padding-bottom:24px}
.tl-body h3{margin-bottom:4px}
.tl-body p{font-size:.9rem;color:var(--text3)}
.tl-body--done{background:var(--green-bg);padding:20px;border-radius:var(--r2)}
.tl-mock{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--r);padding:14px;margin-top:12px}
.tl-tags,.tag,.persona-row,.flow-demo,.flow-kw,.flow-dest{display:flex;flex-wrap:wrap;gap:6px}
.tag{padding:5px 14px;border-radius:var(--r3);font-size:.78rem;background:var(--bg);border:1px solid rgba(0,0,0,.06);color:var(--text3);font-weight:500}
.tag--on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:700}
.persona-row{gap:10px}
.persona{text-align:center;flex:1;padding:10px 6px;border-radius:var(--r);border:2px solid transparent;cursor:default;transition:.2s}
.persona--active{border-color:var(--accent);background:var(--accent-bg)}
.persona-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--fd);font-weight:900;font-size:.85rem;margin:0 auto 4px}
.persona b{font-size:.76rem;display:block;color:var(--text)}
.persona small{font-size:.64rem;color:var(--text3)}
.flow-demo{flex-direction:column;align-items:center;gap:6px}
.flow-kw span{padding:4px 10px;background:#FFF0EC;color:var(--orange);border-radius:var(--r3);font-size:.72rem;font-weight:600}
.flow-arrow{color:var(--text3);font-size:1.1rem}
.flow-dest{background:var(--green-bg);color:var(--green);padding:8px 14px;border-radius:8px;font-size:.8rem}
.flow-dest strong{color:var(--text)}

/* Pills */
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px}
.pills span{padding:7px 18px;background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--r3);font-size:.82rem;font-weight:500}

/* ======= PLANS ======= */
.billing-toggle{display:flex;align-items:center;gap:10px;margin-bottom:36px}
.billing-toggle span{font-size:.88rem;font-weight:500;color:var(--text3);transition:.3s}
.billing-toggle span.active{color:var(--text);font-weight:700}
.switch{width:48px;height:26px;background:var(--amber);border-radius:20px;position:relative}
.switch-dot{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:3px;right:3px;transition:.3s var(--ease);box-shadow:0 2px 4px rgba(0,0,0,.15)}
.switch.monthly .switch-dot{right:auto;left:3px}
.save-badge{background:var(--accent-bg);color:var(--accent);padding:3px 10px;border-radius:var(--r3);font-size:.72rem;font-weight:800}

/* Plans grid */
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:40px;align-items:start}
.pcard{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--r2);padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .35s var(--ease);position:relative}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.pcard--featured{border:2px solid var(--accent);box-shadow:var(--shg);padding-top:48px;background:var(--card);z-index:1;transform:scale(1.04)}
.pcard--featured:hover{transform:scale(1.04) translateY(-4px)}
.pcard-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:5px 18px;border-radius:0 0 var(--r) var(--r);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.pcard-head{margin-bottom:20px}
.pcard-head h3{margin-bottom:4px}
.pcard-head p{font-size:.84rem;color:var(--text3)}
.pcard-price{font-family:var(--fd);font-size:1rem;color:var(--text3);margin-bottom:24px}
.pcard-price strong{font-size:2.6rem;font-weight:900;color:var(--text);line-height:1}
.pcard-price small{font-size:.85rem;color:var(--text3)}
.pcard-feats{list-style:none;width:100%;text-align:left;margin-bottom:24px}
.pcard-feats li{font-size:.86rem;padding:6px 0 6px 24px;position:relative;border-bottom:1px solid rgba(0,0,0,.04)}
.pcard-feats li::before{content:'\2713';position:absolute;left:0;color:var(--accent);font-weight:800}
.pcard .btn-main,.pcard .btn-ghost{width:100%;justify-content:center}
.btn-ghost--full{width:100%;justify-content:center}
.pcard-note{display:block;margin-top:8px;font-size:.76rem;color:var(--text3);text-align:center}

/* Guarantee */
.guarantee{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--r);padding:20px 28px;max-width:560px;margin:0 auto}
.guarantee span{font-size:1.8rem}
.guarantee strong{color:var(--text);display:block;margin-bottom:2px;font-size:.92rem}
.guarantee div p{font-size:.84rem;color:var(--text3)}

/* ======= TESTIMONIALS ======= */
.score-bar{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--r2);padding:24px 28px;margin-bottom:28px}
.score-big{text-align:center}
.score-num{font-family:var(--fd);font-size:2.8rem;font-weight:900;color:var(--text);line-height:1;display:block}
.score-big small{font-size:.78rem;color:var(--text3)}
.score-bars{display:flex;flex-direction:column;gap:4px}
.sbar{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text3)}
.sbar-track{flex:1;height:5px;background:#F0F0F0;border-radius:3px;overflow:hidden}
.sbar-fill{height:100%;background:var(--gold);border-radius:3px}
.score-pills{display:flex;flex-direction:column;gap:5px}
.score-pills span{padding:5px 14px;background:var(--accent-bg);border-radius:var(--r3);font-size:.75rem;color:var(--accent);font-weight:600;text-align:center}

.tcards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}
.tc{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--r2);padding:22px;transition:all .35s var(--ease)}
.tc:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.tc-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.tc-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.75rem;flex-shrink:0}
.tc-head b{display:block;font-size:.88rem;color:var(--text)}
.tc-head small{font-size:.74rem;color:var(--text3)}
.tc-badge{margin-left:auto;font-size:.65rem;font-weight:700;color:var(--accent2);border:1px solid rgba(163,184,144,.4);padding:2px 8px;border-radius:var(--r3)}
.tc-stars{margin-bottom:8px;font-size:.85rem}
.tc blockquote{font-size:.88rem;line-height:1.7;color:var(--text2);font-style:normal}
.tc-bubble{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--r);padding:10px 14px;margin-top:12px;font-size:.8rem;font-style:italic;color:var(--text2)}
.tc-bubble small{display:block;font-size:.65rem;color:var(--text3);font-style:normal;margin-bottom:3px}

.trust-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.trust-bar span{padding:6px 16px;background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:6px;font-size:.76rem;color:var(--text3);font-weight:500}

/* ======= FAQ ======= */
.faq-wrap{max-width:720px;margin:0 auto}
.faq-item{border-bottom:1px solid rgba(0,0,0,.06)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:.95rem;font-weight:600;color:var(--text);text-align:left;transition:color .2s}
.faq-q:hover{color:var(--accent)}
.faq-q svg{flex-shrink:0;color:var(--text3);transition:transform .3s var(--ease)}
.faq-item.open .faq-q svg{transform:rotate(180deg);color:var(--accent)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.faq-item.open .faq-a{max-height:200px;padding-bottom:16px}
.faq-a p{font-size:.9rem;line-height:1.7;color:var(--text2)}

/* ======= FINAL CTA ======= */
.final-cta{padding:70px 0 90px}
.final-block{text-align:center;padding:56px 40px;background:var(--accent-bg);border-radius:var(--r2);border:1px solid rgba(108,92,231,.12)}
.final-block h2{margin-bottom:24px}
.final-btns{display:flex;justify-content:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.final-micro{font-size:.8rem;color:var(--text3)}

/* ======= FOOTER ======= */
.footer{background:var(--text);color:rgba(255,255,255,.55);padding:56px 0 28px}
.footer a:hover{color:#fff}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px}
.footer-brand p{font-size:.84rem;margin:10px 0;max-width:240px}
.footer-badges{display:flex;gap:6px}
.footer-badges span{padding:2px 8px;border:1px solid rgba(255,255,255,.12);border-radius:4px;font-size:.65rem}
.footer-col h4{color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.footer-col a{display:block;font-size:.84rem;padding:2px 0}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);font-size:.75rem}
.footer-pay{display:flex;gap:8px}
.footer-pay span{padding:2px 8px;border:1px solid rgba(255,255,255,.12);border-radius:4px;font-size:.65rem}

/* ======= WIDGET ======= */
.widget{position:fixed;bottom:20px;right:20px;z-index:99}
.widget-fab{width:56px;height:56px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 28px rgba(110,55,169,.40);transition:transform .3s var(--ease)}
.widget-fab:hover{transform:scale(1.08)}
.widget-letter{font-family:var(--fd);font-weight:900;font-size:1.2rem;color:#fff}
.widget-badge{position:absolute;top:-3px;right:-3px;width:18px;height:18px;background:var(--red);color:#fff;border-radius:50%;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}
.widget-ring{position:absolute;inset:-4px;border:2px solid var(--accent2);border-radius:50%;animation:ring 2.5s infinite}
@keyframes ring{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}
.widget-tip{position:absolute;bottom:66px;right:0;background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--r);padding:9px 14px;font-size:.82rem;color:var(--text);box-shadow:var(--sh2);white-space:nowrap;animation:tip-in .4s var(--ease);transition:opacity .4s}
@keyframes tip-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.widget-tip.hidden{opacity:0;pointer-events:none}
.widget-modal{position:absolute;bottom:66px;right:0;width:360px;background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh3);display:none;animation:modal-up .3s var(--ease)}
@keyframes modal-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.widget-modal.open{display:block}
.widget-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--accent);color:#fff}
.widget-who{display:flex;align-items:center;gap:8px}
.widget-av{width:32px;height:32px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:900;font-size:.9rem}
.widget-who b{font-size:.88rem}
.widget-ai{font-size:.55rem;background:rgba(255,255,255,.2);padding:1px 5px;border-radius:3px;vertical-align:middle}
.widget-online{font-size:.72rem;opacity:.85}
.dot-green{display:inline-block;width:6px;height:6px;background:#fff;border-radius:50%;margin-right:3px;animation:breathe 3s infinite}
.widget-x{font-size:1.4rem;opacity:.7;transition:opacity .2s}
.widget-x:hover{opacity:1}
.widget-body{padding:14px;min-height:240px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;background:var(--bg)}
.wm{max-width:85%;padding:9px 13px;border-radius:14px;font-size:.84rem;line-height:1.5;animation:msg-pop .35s var(--ease)}
.wm--bot{background:var(--card);border:1px solid rgba(0,0,0,.08);align-self:flex-start;border-bottom-left-radius:4px;color:var(--text2)}
.wm--user{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.widget-qr{display:flex;flex-direction:column;gap:5px}
.qr-btn{padding:7px 13px;border:1px solid rgba(0,0,0,.08);border-radius:var(--r3);font-size:.78rem;color:var(--accent);text-align:left;background:var(--card);transition:.2s}
.qr-btn:hover{background:var(--accent-bg);border-color:var(--accent)}
.widget-foot{display:flex;gap:6px;padding:10px 14px;border-top:1px solid rgba(0,0,0,.06)}
.widget-inp{flex:1;background:var(--bg);border:1px solid rgba(0,0,0,.06);border-radius:var(--r3);padding:7px 14px;font-size:.84rem;color:var(--text);outline:none}
.widget-inp:focus{border-color:var(--accent)}
.widget-send{width:34px;height:34px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}
.widget-send:hover{background:var(--accent-dk)}

/* ======= ANIMATIONS ======= */
[data-animate]{opacity:0;transition:all .8s var(--ease)}
[data-animate="up"]{transform:translateY(36px)}
[data-animate="pop"]{transform:scale(.88)}
[data-animate="phone"]{transform:translateY(40px) rotate(3deg)}
[data-animate].visible{opacity:1;transform:none}

/* ======= DARK MODE ======= */
/* Noturno profundo: bg deriva do #1C124B escurecido, card É o Noturno, acento mantém Violeta Vivo */
[data-theme="dark"]{
  --bg: #0D0922;
  --bg-alt: #130E30;
  --card: #1C1540;
  --text: #F2EEF8;
  --text2: #C8B8F0;
  --text3: #9080C8;
  --accent: #B07EE0;
  --accent2: #A3C890;
  --accent-bg: #2A1A60;
  --accent-dk: #C99CF0;
  --green: #7FC89A;
  --green-bg: #0F2218;
  --amber: #D4AB55;
  --amber-bg: #2A2010;
  --red: #E87070;
  --gold: #D4AB55;
  --wa-header: #1C124B;
  --sh: 0 4px 24px rgba(0,0,0,.5);
  --sh2: 0 12px 44px rgba(0,0,0,.65);
  --sh3: 0 20px 64px rgba(0,0,0,.8);
  --shg: 0 8px 40px rgba(176,126,224,.4);
}
/* --- Nav --- */
[data-theme="dark"] .nav{background:rgba(13,9,34,.93);border-bottom-color:rgba(255,255,255,.1)}
[data-theme="dark"] .nav-links.open{background:rgba(13,9,34,.99)}
[data-theme="dark"] .nav-theme{border-color:rgba(255,255,255,.18);color:var(--text2)}
[data-theme="dark"] .nav-theme:hover{background:var(--accent-bg);border-color:var(--accent)}
[data-theme="dark"] .nav-cta{background:var(--accent);color:#fff}
[data-theme="dark"] .logo span{color:#C99CF0}
/* --- Buttons --- */
[data-theme="dark"] .btn-main{background:var(--accent);color:#fff;box-shadow:var(--shg)}
[data-theme="dark"] .btn-main:hover{background:var(--accent-dk)}
[data-theme="dark"] .btn-ghost{border-color:rgba(255,255,255,.22);color:var(--text)}
[data-theme="dark"] .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
/* --- Marquee & Numbers --- */
[data-theme="dark"] .marquee{background:#080618}
[data-theme="dark"] .numbers{background:#080618}
/* --- Bento --- */
[data-theme="dark"] .bento-card{background:var(--card);border-color:rgba(255,255,255,.11)}
[data-theme="dark"] .bento-card:hover{border-color:rgba(176,126,224,.5);box-shadow:0 12px 40px rgba(0,0,0,.5)}
[data-theme="dark"] .bento--accent{background:#241A58;border-color:rgba(176,126,224,.25)}
[data-theme="dark"] .bento-card-label{background:var(--card);border-bottom-color:rgba(255,255,255,.1);color:#C99CF0}
[data-theme="dark"] .bento-caption{background:var(--card);border-top-color:rgba(255,255,255,.1)}
[data-theme="dark"] .bento-mini-cal{background:var(--bg)}
[data-theme="dark"] .wm-in{background:#28196A;color:#EDE8FF}
[data-theme="dark"] .phone-input-bar{background:#130E38}
[data-theme="dark"] .phone-input-fake{background:#1C1540;color:#8070B8}
/* --- Timeline --- */
[data-theme="dark"] .tl-mock{background:#241A58;border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .tl-num{border-color:var(--bg-alt)}
[data-theme="dark"] .section--alt .tl-num{border-color:var(--bg-alt)}
[data-theme="dark"] .tl-body--done{background:#2A1A60}
[data-theme="dark"] .tag{background:var(--bg);border-color:rgba(255,255,255,.13);color:var(--text3)}
[data-theme="dark"] .tag--on{background:var(--accent-bg);border-color:var(--accent);color:var(--text)}
[data-theme="dark"] .persona{border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .persona--active{background:var(--accent-bg);border-color:var(--accent)}
[data-theme="dark"] .flow-kw span{background:#2A1A60;color:#C8B8F0}
[data-theme="dark"] .flow-dest{background:#0F2218;color:var(--accent2)}
[data-theme="dark"] .pills span{background:var(--card);border-color:rgba(255,255,255,.11);color:var(--text2)}
/* --- Plans --- */
[data-theme="dark"] .pcard{background:var(--card);border-color:rgba(255,255,255,.11)}
[data-theme="dark"] .pcard--featured{background:#241A58;border-color:var(--accent);box-shadow:var(--shg)}
[data-theme="dark"] .pcard-badge{background:var(--accent);color:#fff}
[data-theme="dark"] .pcard-feats li{border-bottom-color:rgba(255,255,255,.09)}
[data-theme="dark"] .save-badge{background:var(--accent-bg);color:#C8B8F0}
[data-theme="dark"] .guarantee{background:var(--card);border-color:rgba(255,255,255,.1)}
/* --- Testimonials --- */
[data-theme="dark"] .score-bar{background:var(--card);border-color:rgba(255,255,255,.11)}
[data-theme="dark"] .sbar-track{background:rgba(255,255,255,.12)}
[data-theme="dark"] .score-pills span{background:var(--accent-bg);color:#C8B8F0}
[data-theme="dark"] .tc{background:var(--card);border-color:rgba(255,255,255,.11)}
[data-theme="dark"] .tc-bubble{background:var(--bg);border-color:rgba(255,255,255,.1);color:var(--text2)}
[data-theme="dark"] .trust-bar span{background:var(--card);border-color:rgba(255,255,255,.11)}
/* --- FAQ --- */
[data-theme="dark"] .faq-item{border-bottom-color:rgba(255,255,255,.12)}
/* --- Final CTA --- */
[data-theme="dark"] .final-block{background:#241A58;border-color:rgba(176,126,224,.3)}
/* --- Widget --- */
[data-theme="dark"] .widget-tip{background:var(--card);border-color:rgba(255,255,255,.11)}
[data-theme="dark"] .widget-modal{background:var(--card);border-color:rgba(255,255,255,.11)}
[data-theme="dark"] .widget-body{background:var(--bg)}
[data-theme="dark"] .wm--bot{background:#241A58;border-color:rgba(255,255,255,.1);color:var(--text2)}
[data-theme="dark"] .widget-foot{border-top-color:rgba(255,255,255,.1)}
[data-theme="dark"] .qr-btn{background:#241A58;border-color:rgba(255,255,255,.12);color:#C8B8F0}
[data-theme="dark"] .qr-btn:hover{background:var(--accent-bg)}
[data-theme="dark"] .widget-inp{background:#130E30;border-color:rgba(255,255,255,.15);color:var(--text)}
/* --- Action cards --- */
[data-theme="dark"] .action-card{background:var(--card);box-shadow:0 8px 32px rgba(0,0,0,.6)}
[data-theme="dark"] .action-card b{color:var(--text)}
/* --- Footer --- */
[data-theme="dark"] .footer{background:#080618;color:rgba(255,255,255,.6)}
[data-theme="dark"] .footer-col h4{color:rgba(255,255,255,.9)}
[data-theme="dark"] .footer-col a{color:rgba(255,255,255,.6)}
[data-theme="dark"] .footer-col a:hover{color:#fff}
[data-theme="dark"] .footer-badges span{border-color:rgba(255,255,255,.18)}
[data-theme="dark"] .footer-pay span{border-color:rgba(255,255,255,.18)}
[data-theme="dark"] .footer-bottom{border-top-color:rgba(255,255,255,.1)}
/* --- Scrollbar --- */
[data-theme="dark"] ::-webkit-scrollbar{width:6px}
[data-theme="dark"] ::-webkit-scrollbar-track{background:var(--bg)}
[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#2A1A60;border-radius:3px}

/* smooth theme switching — only bg/color, not transforms */
body,body *{transition:background-color .3s ease,border-color .3s ease,color .2s ease}
/* restore component-specific transitions so they still work */
.btn-main,.btn-ghost,.bento-card,.pcard,.tc,.addon-card,.nav-cta,.nav-theme,.qr-btn,.widget-fab,.widget-send,.faq-q,.logo span,.marquee-track,.switch-dot,.tag,.persona,.flow-kw span{transition:all .35s var(--ease)!important}
.faq-q svg{transition:transform .3s var(--ease)!important}
.nav-hamburger span{transition:.3s!important}
.cal-event-bar{transition:opacity .5s var(--ease),transform .5s var(--ease)!important}
[data-animate]{transition:opacity .8s var(--ease),transform .8s var(--ease)!important}

/* ======= A NOITE DO ADVOGADO ======= */
.noite-section{padding:90px 0;background:#14112F;color:#fff;position:relative;overflow:hidden}
.noite-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(110,55,169,.25) 0%,transparent 70%);pointer-events:none}
.noite-header{max-width:640px;margin-bottom:56px}
.noite-title{color:#fff}
.noite-title em{color:var(--accent2)}
.noite-title em::after{background:rgba(163,184,144,.15)}
.label--light{color:var(--accent2)}

.noite-half{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--r2);padding:36px;margin-bottom:0}
.noite-half--sem{border-color:rgba(200,80,60,.3);background:rgba(200,80,60,.06)}
.noite-half--com{border-color:rgba(163,184,144,.3);background:rgba(163,184,144,.06)}
.noite-half-label{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:2.5px;padding:4px 14px;border-radius:var(--r3);margin-bottom:28px;background:rgba(200,80,60,.2);color:#FF9B8A;border:1px solid rgba(200,80,60,.3)}
.noite-half-label--com{background:rgba(163,184,144,.2);color:var(--accent2);border-color:rgba(163,184,144,.3)}

.noite-timeline{position:relative;padding-left:72px}
.noite-timeline::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.12)}

.noite-step{position:relative;margin-bottom:32px}
.noite-step:last-child{margin-bottom:0}
.noite-step--final .noite-content{opacity:.85}

.noite-clock{position:absolute;left:-72px;top:0;font-family:var(--fd);font-size:.72rem;font-weight:800;color:rgba(255,255,255,.4);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;width:56px}
.noite-clock--com{color:var(--accent2)}
.noite-seg{font-size:.58rem;font-weight:600;opacity:.7;white-space:nowrap}

.noite-content p{font-size:.9rem;color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:10px}
.noite-content p strong{color:#fff}

.noite-wa{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:10px 14px;display:flex;flex-direction:column;gap:4px}
.noite-wa--sem{border-color:rgba(200,80,60,.3)}
.noite-wa--com{border-color:rgba(163,184,144,.3)}
.noite-wa-msg{max-width:85%;padding:7px 10px;border-radius:8px;font-size:.78rem;line-height:1.4;color:#fff}
.noite-wa-msg--out{background:rgba(110,55,169,.5);align-self:flex-end;border-top-right-radius:2px}
.noite-wa-msg--in{background:rgba(255,255,255,.15);align-self:flex-start;border-top-left-radius:2px}
.noite-wa-msg--repeat{opacity:.6}
.noite-ticks{text-align:right;font-size:.65rem;color:rgba(255,255,255,.35)}
.noite-ticks--blue{color:#7FC8E8}
.noite-late{font-size:.65rem;font-weight:600;color:#FF9B8A;margin-left:6px}
.noite-silence{text-align:center;font-size:.75rem;color:rgba(255,255,255,.3);font-style:italic;padding:4px 0}

.noite-google{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);overflow:hidden}
.noite-google-bar{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:.78rem;color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.08)}
.noite-google-result{padding:8px 14px;font-size:.75rem;color:#FF9B8A;font-style:italic}

.noite-alerta{background:rgba(255,220,0,.08);border:1px solid rgba(255,220,0,.2);border-radius:var(--r);padding:12px 14px}
.noite-alerta-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,220,0,.6);margin-bottom:4px}
.noite-alerta-msg{font-size:.78rem;color:rgba(255,255,255,.8);line-height:1.5}
.noite-alerta-msg strong{color:#fff}

.noite-resumo{display:flex;align-items:center;gap:10px;background:rgba(163,184,144,.12);border:1px solid rgba(163,184,144,.25);border-radius:var(--r);padding:12px 14px;font-size:.82rem;color:rgba(255,255,255,.8)}
.noite-resumo-icon{font-size:1.2rem}

.noite-virada{display:flex;align-items:center;gap:24px;margin:40px 0;text-align:center}
.noite-virada-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent)}
.noite-virada-text{flex:0 0 auto;font-size:1rem;color:rgba(255,255,255,.7);font-style:italic;line-height:1.6;max-width:320px}

.noite-fechamento{text-align:center;margin-top:56px;padding-top:48px;border-top:1px solid rgba(255,255,255,.08)}
.noite-fechamento-frase{font-size:1.25rem;color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto}
.noite-fechamento-frase strong{color:#fff;font-family:var(--fd)}

/* ======= PARA QUEM É / NÃO É ======= */
.pq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px}
.pq-card{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:var(--r2);padding:32px}
.pq-card--sim{border-color:rgba(163,184,144,.4);background:var(--green-bg)}
.pq-card--nao{border-color:rgba(192,57,43,.2);background:#FFF5F5}
.pq-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}
.pq-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;flex-shrink:0;margin-top:2px}
.pq-icon--sim{background:var(--green);color:#fff}
.pq-icon--nao{background:var(--red);color:#fff;font-size:1.4rem}
.pq-card-head h3{font-size:1rem;color:var(--text);line-height:1.3;font-weight:700}
.pq-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.pq-list li{font-size:.88rem;color:var(--text2);line-height:1.6;padding-left:18px;position:relative}
.pq-list li::before{content:'•';position:absolute;left:0;color:var(--green);font-weight:900}
.pq-list--nao li::before{color:var(--red)}

.pq-fechamento{text-align:center;padding:40px;background:var(--accent-bg);border:1px solid rgba(110,55,169,.12);border-radius:var(--r2)}
.pq-fechamento p{font-size:1.2rem;font-family:var(--fd);font-weight:700;color:var(--text);margin-bottom:24px}

/* Dark overrides for new sections */
[data-theme="dark"] .noite-section{background:#1C1540}
[data-theme="dark"] .noite-half{background:rgba(255,255,255,.03)}
[data-theme="dark"] .pq-card--sim{background:#0F2218;border-color:rgba(163,184,144,.3)}
[data-theme="dark"] .pq-card--nao{background:#200A0A;border-color:rgba(200,80,60,.3)}
[data-theme="dark"] .pq-card-head h3{color:var(--text)}
[data-theme="dark"] .pq-list li{color:var(--text2)}
[data-theme="dark"] .pq-fechamento{background:var(--accent-bg);border-color:rgba(176,126,224,.25)}

/* ======= RESPONSIVE ======= */
@media(max-width:1000px){
  .pq-grid{grid-template-columns:1fr}
  .hero-inner{grid-template-columns:1fr;text-align:center}
  .hero-sub{margin:20px auto 0}
  .hero-actions{justify-content:center}
  .hero-proof{justify-content:center}
  .hero-phone{margin-top:20px}
  .action-card--1{left:0}.action-card--2{right:0}.action-card--3{left:10px}
  .bento{grid-template-columns:1fr 1fr}
  .bento--large{grid-column:1/-1;grid-row:auto}
  .bento--wide{grid-column:1/-1}
  .bento-chat{min-height:360px;max-height:360px}
  .plans-grid{grid-template-columns:1fr 1fr}
  .pcard--featured{transform:none}
  .pcard--featured:hover{transform:translateY(-4px)}
  .tcards{grid-template-columns:1fr}
  .score-bar{grid-template-columns:1fr;text-align:center}
  .score-pills{flex-direction:row;justify-content:center;flex-wrap:wrap}
}
@media(max-width:860px){
  .nav-links{display:none}
  .nav-hamburger{display:flex}
  .nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(250,250,251,.98);padding:16px 24px;gap:12px;border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter:blur(16px)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .numbers-inner{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .noite-section{padding:60px 0}
  .noite-timeline{padding-left:56px}
  .noite-timeline::before{left:18px}
  .noite-clock{left:-56px;width:44px;font-size:.65rem}
  .noite-half{padding:24px 20px}
  .noite-virada{flex-direction:column;gap:12px}
  .noite-virada-line{width:60px;height:1px;flex:none}
  .section{padding:60px 0}
  .hero{padding-top:60px}
  .bento{grid-template-columns:1fr}
  .bento--large,.bento--wide{grid-column:1;grid-row:auto}
  .bento-row{grid-template-columns:1fr}
  .plans-grid{grid-template-columns:1fr}
  .persona-row{flex-wrap:wrap}
  .persona{flex:0 0 calc(50% - 5px)}
  .numbers-inner{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .hero-actions{flex-direction:column;align-items:center}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center}
  .final-block{padding:36px 20px}
  .final-btns{flex-direction:column;align-items:center}
  .action-card{display:none}
  .widget-modal{width:calc(100vw - 24px);right:-4px}
  .widget-tip{white-space:normal;width:220px}
  .numbers-inner{grid-template-columns:1fr}
}