:root{
  --blue-950:#031b3c;
  --blue-900:#062f66;
  --blue-800:#074587;
  --blue-600:#1572d3;
  --red-700:#aa0e3c;
  --red-600:#d1124b;
  --red-500:#ef2f5b;
  --ink:#172033;
  --muted:#667085;
  --line:#e6eaf0;
  --soft:#f4f7fb;
  --white:#fff;
  --shadow:0 24px 70px rgba(7,36,79,.12);
  --radius-lg:28px;
  --radius-md:20px;
  --radius-sm:14px;
  --shell:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-60px;background:#fff;color:var(--blue-900);padding:12px 16px;border-radius:10px;z-index:9999;box-shadow:var(--shadow)}
.skip-link:focus{top:16px}
.site-header{position:fixed;inset:0 0 auto;z-index:1000;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,234,240,.8);transition:.25s ease}
.site-header.scrolled{box-shadow:0 12px 30px rgba(6,47,102,.08)}
.header-inner{min-height:82px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:176px;height:auto}
.main-nav{display:flex;align-items:center;gap:26px;margin-left:auto}
.main-nav a{font-size:14px;font-weight:700;color:#354052;transition:.2s}
.main-nav a:hover{color:var(--red-600)}
.header-actions{display:flex;align-items:center;gap:10px}
.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span:not(.sr-only){display:block;width:20px;height:2px;background:var(--blue-900);border-radius:99px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:13px 20px;font-weight:800;font-size:14px;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue-800),var(--red-600));box-shadow:0 14px 30px rgba(148,17,61,.18)}
.btn-secondary{background:#fff;color:var(--blue-900);border-color:#dfe5ee;box-shadow:0 12px 28px rgba(7,36,79,.08)}
.btn-ghost{padding:12px 15px;color:var(--blue-900)}
.btn-small{padding:12px 17px}
.btn-large{padding:16px 22px;border-radius:16px;font-size:15px}
.btn-light{background:#fff;color:var(--blue-900)}
.btn-whatsapp{background:#1fbf62;color:#fff}
.btn-outline{border-color:#cfd7e4;color:var(--blue-900);background:#fff}
.btn-block{width:100%}
.hero{position:relative;overflow:hidden;padding:150px 0 82px;background:radial-gradient(circle at 82% 18%,rgba(239,47,91,.10),transparent 26%),radial-gradient(circle at 13% 18%,rgba(21,114,211,.11),transparent 31%),linear-gradient(180deg,#fff,#f8fbff)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:78px;min-height:630px}
.hero-copy{position:relative;z-index:2}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red-600)}
.hero h1{margin:20px 0 22px;font-size:clamp(42px,5.4vw,76px);line-height:1.03;letter-spacing:-.055em;max-width:760px}
.hero h1 span{background:linear-gradient(110deg,var(--blue-800),var(--red-600));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:18px;color:#536070;max-width:660px;margin:0 0 30px}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}
.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#536070;font-size:13px;font-weight:700}
.hero-trust i{color:var(--blue-700,var(--blue-600));margin-right:6px}
.hero-visual{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center}
.mockup-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(21,114,211,.22),rgba(239,47,91,.08) 55%,transparent 72%);filter:blur(6px)}
.hero-device{position:relative;z-index:2;max-height:520px;object-fit:contain;filter:drop-shadow(0 32px 44px rgba(6,47,102,.18));animation:float 6s ease-in-out infinite}
.visual-label{position:absolute;z-index:3;background:rgba(255,255,255,.93);border:1px solid rgba(230,234,240,.9);box-shadow:0 16px 40px rgba(6,47,102,.12);padding:12px 16px;border-radius:14px;font-size:13px;color:#445065}
.visual-label i{color:var(--red-600);margin-right:7px}
.visual-label-top{top:60px;right:20px}
.visual-label-bottom{bottom:44px;left:10px}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}
.hero-orb-one{width:360px;height:360px;background:rgba(21,114,211,.08);right:-120px;top:80px}
.hero-orb-two{width:220px;height:220px;background:rgba(239,47,91,.07);left:-80px;bottom:30px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.statement{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.statement-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.statement h2{margin:4px 0 0;font-size:clamp(25px,3vw,40px);letter-spacing:-.035em}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue-800);font-weight:800}
.text-link:hover{color:var(--red-600)}
.section{padding:110px 0}
.section-soft{background:var(--soft)}
.section-dark{background:linear-gradient(145deg,var(--blue-950),var(--blue-900));color:#fff}
.section-heading{max-width:760px;margin-bottom:46px}
.section-heading h2,.benefit-copy h2,.faq-intro h2,.final-cta h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 16px}
.section-heading p,.benefit-copy p,.faq-intro p,.final-cta p{color:var(--muted);font-size:17px;margin:0}
.section-dark .benefit-copy p,.final-cta p{color:rgba(255,255,255,.72)}
.section-kicker.light{color:#ffb4c7}
.split-heading{display:grid;grid-template-columns:1.2fr .8fr;max-width:none;align-items:end;gap:60px}
.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.step-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:26px 22px;min-height:300px;box-shadow:0 16px 40px rgba(7,36,79,.05);transition:.25s ease}
.step-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.step-number{font-size:13px;font-weight:800;color:var(--red-600)}
.step-topline{margin-top:30px;color:var(--blue-600);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.step-card h3{margin:8px 0 12px;font-size:22px;letter-spacing:-.03em}
.step-card p{font-size:14px;color:var(--muted);margin:0}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;background:#fff;min-height:220px;transition:.25s ease}
.feature-card:hover{transform:translateY(-5px);border-color:#cbd7e6;box-shadow:0 18px 42px rgba(6,47,102,.08)}
.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(21,114,211,.12),rgba(239,47,91,.12));color:var(--blue-800);font-size:22px;margin-bottom:28px}
.feature-card h3{font-size:18px;margin:0 0 9px}
.feature-card p{font-size:14px;color:var(--muted);margin:0}
.benefit-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.benefit-list{display:grid;gap:16px}
.benefit-item{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;padding:24px;border-radius:20px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10)}
.benefit-item>i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:24px}
.benefit-item h3{margin:1px 0 6px;font-size:20px}
.benefit-item p{margin:0;color:rgba(255,255,255,.68);font-size:14px}
.models-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.model-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;transition:.25s ease}
.model-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.model-image-wrap{position:relative;aspect-ratio:1/1;background:#eef3f9;display:grid;place-items:center;padding:28px;overflow:hidden}
.model-image-wrap img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.model-open{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(6,47,102,.12)}
.model-info{padding:20px}
.model-info span{color:var(--red-600);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.model-info h3{margin:6px 0 0;font-size:20px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;box-shadow:0 16px 42px rgba(7,36,79,.05)}
.price-card.featured{border-color:rgba(209,18,75,.38);box-shadow:0 24px 62px rgba(148,17,61,.12)}
.price-badge{position:absolute;right:20px;top:20px;background:#ffe8ef;color:var(--red-700);padding:7px 10px;border-radius:99px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.price-plan{font-size:14px;font-weight:800;color:var(--blue-800)}
.price-value{display:flex;align-items:flex-end;gap:5px;margin:24px 0}
.price-value strong{font-size:42px;line-height:1;letter-spacing:-.05em}
.price-value sup{font-weight:800;margin-bottom:8px}
.price-value small{color:var(--muted);margin-bottom:4px}
.price-card ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px;color:#4b5667;font-size:14px}
.price-card li{display:flex;gap:9px}
.price-card li i{color:var(--blue-600)}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.faq-intro{position:sticky;top:120px}
.faq-list{display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:800}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary i{transition:.2s}
.faq-item[open] summary i{transform:rotate(45deg)}
.faq-answer{padding:0 22px 20px}
.faq-answer p{margin:0;color:var(--muted);font-size:14px}
.final-cta{padding:90px 0;background:linear-gradient(135deg,var(--red-700),var(--blue-900));color:#fff}
.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}
.final-cta-inner>div:first-child{max-width:700px}
.final-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.site-footer{background:#08152b;color:#fff}
.fallback-footer{min-height:170px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.fallback-footer img{width:170px;filter:brightness(0) invert(1)}
.fallback-footer p{color:rgba(255,255,255,.62)}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:18px;background:#1fbf62;color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 16px 34px rgba(31,191,98,.34);z-index:900}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease;transition-delay:var(--delay,0ms)}
.reveal.visible{opacity:1;transform:none}
.delay-1{--delay:100ms}.delay-2{--delay:200ms}
@media (max-width:1080px){
  .main-nav{gap:18px}.main-nav a{font-size:13px}.header-actions .btn-ghost{display:none}
  .hero-grid{gap:35px}.steps-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:860px){
  .shell{width:min(calc(100% - 28px),var(--shell))}
  .site-header{background:rgba(255,255,255,.95)}
  .header-inner{min-height:72px}.brand img{width:145px}
  .menu-toggle{display:flex;margin-left:auto}
  .main-nav{position:fixed;left:14px;right:14px;top:82px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--shadow)}
  .main-nav.open{display:flex}.main-nav a{padding:13px 12px;border-radius:10px}.main-nav a:hover{background:var(--soft)}
  .header-actions{display:none}
  .hero{padding-top:115px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:470px}.hero h1{font-size:clamp(42px,10vw,64px)}
  .statement-inner,.final-cta-inner{align-items:flex-start;flex-direction:column}
  .split-heading{grid-template-columns:1fr;gap:10px}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .benefit-layout,.faq-layout{grid-template-columns:1fr;gap:40px}
  .faq-intro{position:static}
  .models-grid{grid-template-columns:repeat(2,1fr)}
  .pricing-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .section{padding:78px 0}
  .hero{padding-bottom:56px}
  .hero-grid{gap:28px}
  .hero h1{font-size:43px}
  .hero-lead{font-size:16px}
  .hero-buttons,.final-actions{display:grid;width:100%}
  .hero-buttons .btn,.final-actions .btn{width:100%}
  .hero-trust{display:grid;gap:8px}
  .hero-visual{min-height:380px}
  .hero-device{max-height:360px}
  .visual-label{font-size:11px;padding:10px 12px}
  .visual-label-top{right:0;top:28px}.visual-label-bottom{left:0;bottom:20px}
  .statement{padding:34px 0}
  .steps-grid,.features-grid,.models-grid{grid-template-columns:1fr}
  .step-card{min-height:auto}
  .feature-card{min-height:auto}
  .section-heading h2,.benefit-copy h2,.faq-intro h2,.final-cta h2{font-size:36px}
  .fallback-footer{flex-direction:column;justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

/* ========================================================================
   ET — TVS HOME EXPERIENCE ENVELOPE SAFE
   ET1.0 — HERO EXPERIENCE
   Escopo isolado: .hero-experience-v1
   Funciona → Responde → Explica → Encanta
   ======================================================================== */

.hero-experience-v1{
    isolation:isolate;
    padding-top:clamp(132px,10vw,164px);
    padding-bottom:clamp(68px,7vw,96px);
    background:
        radial-gradient(circle at 78% 24%,rgba(239,47,91,.16),transparent 25%),
        radial-gradient(circle at 14% 16%,rgba(21,114,211,.19),transparent 30%),
        linear-gradient(145deg,#ffffff 0%,#f5faff 52%,#edf5ff 100%);
}
.hero-experience-v1::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    opacity:.55;
    background-image:
        linear-gradient(rgba(6,47,102,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(6,47,102,.035) 1px,transparent 1px);
    background-size:54px 54px;
    -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 84%);
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 84%);
}
.hero-experience-v1::after{
    content:"";
    position:absolute;
    z-index:0;
    width:min(58vw,720px);
    aspect-ratio:1;
    right:-14vw;
    top:-28%;
    border-radius:50%;
    pointer-events:none;
    background:radial-gradient(circle,rgba(21,114,211,.10),rgba(21,114,211,.025) 52%,transparent 72%);
    filter:blur(2px);
}
.hero-experience-v1 .hero-grid{
    position:relative;
    z-index:2;
    gap:clamp(42px,6vw,86px);
}
.hero-experience-v1 .hero-copy{
    max-width:760px;
}
.hero-experience-v1 .eyebrow.verytop-eyebrow{
    min-height:42px;
    padding:7px 14px 7px 8px;
    border:1px solid rgba(6,47,102,.10);
    border-radius:999px;
    background:rgba(255,255,255,.72);
    box-shadow:0 12px 34px rgba(6,47,102,.075);
    -webkit-backdrop-filter:blur(12px) saturate(125%);
    backdrop-filter:blur(12px) saturate(125%);
    letter-spacing:.09em;
}
.hero-experience-v1 .eyebrow.verytop-eyebrow img{
    width:28px;
    height:28px;
    border-radius:50%;
    filter:drop-shadow(0 5px 9px rgba(6,47,102,.18));
}
.hero-experience-v1 h1{
    margin-top:24px;
    margin-bottom:22px;
    max-width:790px;
    text-wrap:balance;
    text-shadow:0 1px 0 rgba(255,255,255,.6);
}
.hero-experience-v1 h1 span{
    background:linear-gradient(
        108deg,
        #074587 0%,
        #1572d3 34%,
        #aa0e3c 70%,
        #ef2f5b 100%
    );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    filter:saturate(1.18) contrast(1.06);
}
.hero-experience-v1 .hero-lead{
    max-width:680px;
    line-height:1.72;
    color:#4d5b6c;
}
.hero-experience-v1 .hero-buttons{
    align-items:center;
    gap:12px;
}
.hero-experience-v1 .hero-buttons .btn{
    position:relative;
    overflow:hidden;
    min-height:54px;
    transform:translateZ(0);
    transition:
        transform .18s ease,
        box-shadow .22s ease,
        border-color .22s ease,
        background .22s ease;
}
.hero-experience-v1 .hero-buttons .btn::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.28) 48%,transparent 72%);
    transform:translateX(-125%);
    transition:transform .55s ease;
}
.hero-experience-v1 .hero-buttons .btn:hover::after{
    transform:translateX(125%);
}
.hero-experience-v1 .hero-buttons .btn:hover{
    transform:translateY(-2px);
}
.hero-experience-v1 .hero-buttons .btn:active,
.hero-experience-v1 .hero-buttons .btn.is-pressed{
    transform:translateY(0) scale(.985);
}
.hero-experience-v1 .hero-buttons .btn:focus-visible{
    outline:3px solid rgba(21,114,211,.25);
    outline-offset:3px;
}
.hero-experience-v1 .hero-buttons .btn i{
    transition:transform .18s ease;
}
.hero-experience-v1 .hero-buttons .btn:hover i{
    transform:translate(2px,-2px);
}
.hero-experience-v1 .hero-trust{
    gap:9px;
    margin-top:25px;
}
.hero-experience-v1 .hero-trust span{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:7px 10px;
    border:1px solid rgba(6,47,102,.085);
    border-radius:999px;
    background:rgba(255,255,255,.66);
    box-shadow:0 8px 24px rgba(6,47,102,.045);
}
.hero-experience-v1 .hero-free-note{
    min-height:42px;
    margin-top:14px;
    padding:9px 14px;
    background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(240,248,255,.82));
    border-color:rgba(21,114,211,.13);
    box-shadow:0 10px 28px rgba(6,47,102,.055);
}
.hero-experience-v1 .hero-visual{
    min-height:560px;
    border-radius:38px;
}
.hero-experience-v1 .hero-visual::before{
    content:"";
    position:absolute;
    z-index:0;
    width:min(100%,520px);
    aspect-ratio:1;
    border-radius:38%;
    background:
        linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.30)),
        radial-gradient(circle at 34% 24%,rgba(21,114,211,.12),transparent 52%);
    border:1px solid rgba(255,255,255,.82);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 36px 80px rgba(6,47,102,.10);
    transform:rotate(-4deg);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
}
.hero-experience-v1 .mockup-glow{
    width:480px;
    height:480px;
    z-index:1;
    opacity:.9;
    background:
        radial-gradient(circle,rgba(21,114,211,.25),rgba(239,47,91,.075) 48%,transparent 70%);
}
.hero-experience-v1 .hero-device{
    z-index:3;
    max-height:535px;
    filter:
        drop-shadow(0 36px 52px rgba(6,47,102,.20))
        drop-shadow(0 8px 18px rgba(6,47,102,.08));
    will-change:transform;
}
.hero-experience-v1 .visual-label{
    z-index:4;
    min-height:45px;
    display:flex;
    align-items:center;
    border-color:rgba(255,255,255,.86);
    background:rgba(255,255,255,.82);
    box-shadow:
        0 18px 42px rgba(6,47,102,.13),
        inset 0 1px 0 rgba(255,255,255,.88);
    -webkit-backdrop-filter:blur(16px) saturate(125%);
    backdrop-filter:blur(16px) saturate(125%);
}
.hero-experience-v1 .visual-label strong{
    margin-left:4px;
    color:var(--blue-900);
}
.hero-experience-v1 .visual-label-top{
    top:50px;
    right:2px;
}
.hero-experience-v1 .visual-label-bottom{
    bottom:38px;
    left:-6px;
}
.hero-experience-v1 .hero-orb{
    pointer-events:none;
    z-index:1;
}
.hero-experience-v1 .hero-orb-one{
    width:390px;
    height:390px;
    background:rgba(21,114,211,.085);
    box-shadow:0 0 90px rgba(21,114,211,.06);
}
.hero-experience-v1 .hero-orb-two{
    width:240px;
    height:240px;
    background:rgba(239,47,91,.07);
}

/* Primeira dobra entra viva sem depender do scroll observer. */
.hero-experience-v1 .hero-copy.reveal,
.hero-experience-v1 .hero-visual.reveal{
    opacity:0;
    transform:translateY(18px);
}
html.tvs-hero-ready .hero-experience-v1 .hero-copy.reveal{
    opacity:1;
    transform:none;
    transition:opacity .56s ease .04s,transform .60s cubic-bezier(.2,.72,.25,1) .04s;
}
html.tvs-hero-ready .hero-experience-v1 .hero-visual.reveal{
    opacity:1;
    transform:none;
    transition:opacity .62s ease .14s,transform .68s cubic-bezier(.2,.72,.25,1) .14s;
}

/* Tablet: preserva impacto, reduz custo visual e melhora composição. */
@media (max-width:1080px){
    .hero-experience-v1 .hero-grid{gap:34px}
    .hero-experience-v1 .hero-visual::before{width:min(94%,470px)}
    .hero-experience-v1 .visual-label-top{right:0}
    .hero-experience-v1 .visual-label-bottom{left:0}
}

/* Mobile é composição própria: copy priorizada, prova social rolável, visual compacto. */
@media (max-width:860px){
    .hero-experience-v1{
        padding-top:104px;
        padding-bottom:58px;
        background:
            radial-gradient(circle at 88% 18%,rgba(239,47,91,.105),transparent 25%),
            radial-gradient(circle at 8% 9%,rgba(21,114,211,.13),transparent 31%),
            linear-gradient(180deg,#fff 0%,#f7fbff 100%);
    }
    .hero-experience-v1::before{
        opacity:.36;
        background-size:42px 42px;
    }
    .hero-experience-v1 .hero-grid{
        gap:22px;
    }
    .hero-experience-v1 .hero-copy{
        max-width:none;
    }
    .hero-experience-v1 .eyebrow.verytop-eyebrow{
        max-width:100%;
        font-size:10px;
        line-height:1.25;
        letter-spacing:.065em;
    }
    .hero-experience-v1 h1{
        margin-top:19px;
        margin-bottom:17px;
        max-width:680px;
    }
    .hero-experience-v1 .hero-lead{
        margin-bottom:23px;
        line-height:1.62;
    }
    .hero-experience-v1 .hero-trust{
        display:flex;
        flex-wrap:nowrap;
        width:calc(100vw - 28px);
        max-width:100%;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
        padding:2px 2px 7px;
        scroll-snap-type:x proximity;
    }
    .hero-experience-v1 .hero-trust::-webkit-scrollbar{display:none}
    .hero-experience-v1 .hero-trust span{
        flex:0 0 auto;
        scroll-snap-align:start;
        white-space:nowrap;
    }
    .hero-experience-v1 .hero-free-note{
        width:100%;
        border-radius:16px;
        line-height:1.42;
    }
    .hero-experience-v1 .hero-visual{
        min-height:430px;
        margin-top:6px;
    }
    .hero-experience-v1 .hero-visual::before{
        width:min(88vw,430px);
        border-radius:34%;
        transform:rotate(-3deg);
    }
    .hero-experience-v1 .mockup-glow{
        width:min(88vw,430px);
        height:min(88vw,430px);
    }
    .hero-experience-v1 .hero-device{
        max-height:420px;
    }
}

/* Smartphone: CTA confortável, labels não apertam o produto e efeitos mais leves. */
@media (max-width:560px){
    .hero-experience-v1{
        padding-top:92px;
        padding-bottom:48px;
    }
    .hero-experience-v1 h1{
        font-size:clamp(38px,12vw,48px);
        line-height:1.01;
    }
    .hero-experience-v1 .hero-lead{
        font-size:15.5px;
    }
    .hero-experience-v1 .hero-buttons{
        gap:9px;
    }
    .hero-experience-v1 .hero-buttons .btn{
        min-height:52px;
    }
    .hero-experience-v1 .hero-trust{
        margin-top:18px;
    }
    .hero-experience-v1 .hero-free-note{
        align-items:flex-start;
        font-size:11px;
    }
    .hero-experience-v1 .hero-visual{
        min-height:350px;
    }
    .hero-experience-v1 .hero-visual::before{
        width:min(90vw,345px);
        box-shadow:0 22px 54px rgba(6,47,102,.09);
    }
    .hero-experience-v1 .mockup-glow{
        width:340px;
        height:340px;
        filter:blur(4px);
    }
    .hero-experience-v1 .hero-device{
        max-height:335px;
    }
    .hero-experience-v1 .visual-label{
        min-height:39px;
        max-width:72%;
        padding:9px 11px;
        font-size:10.5px;
        line-height:1.2;
    }
    .hero-experience-v1 .visual-label-top{
        top:15px;
        right:0;
    }
    .hero-experience-v1 .visual-label-bottom{
        bottom:7px;
        left:0;
    }
}

/* Acessibilidade e economia de movimento. */
@media (prefers-reduced-motion:reduce){
    .hero-experience-v1 .hero-copy.reveal,
    .hero-experience-v1 .hero-visual.reveal{
        opacity:1!important;
        transform:none!important;
    }
    .hero-experience-v1 .hero-device{
        animation:none!important;
        will-change:auto;
    }
    .hero-experience-v1 .hero-buttons .btn::after{
        display:none!important;
    }
}

/* ========================================================================
   ET — TVS HOME EXPERIENCE ENVELOPE SAFE
   ET3.0 — CARDS + PROOF + PLANS + CTA EXPERIENCE
   Escopo: body.tvs-home-et3
   Funciona → Responde → Explica → Encanta
   ======================================================================== */

.tvs-home-et3{
    --et3-blue:#062f66;
    --et3-blue2:#1572d3;
    --et3-red:#d1124b;
    --et3-red-dark:#aa0e3c;
    --et3-ink:#172033;
    --et3-shadow:0 22px 58px rgba(7,36,79,.10);
    --et3-shadow-hover:0 28px 72px rgba(7,36,79,.16);
}

/* Prova / statement */
.tvs-home-et3 .statement{
    border-color:rgba(6,47,102,.075);
    background:
        radial-gradient(circle at 86% 20%,rgba(21,114,211,.075),transparent 30%),
        #fff;
}
.tvs-home-et3 .statement-inner{
    position:relative;
    padding:18px 22px;
    border:1px solid rgba(6,47,102,.08);
    border-radius:22px;
    background:rgba(255,255,255,.84);
    box-shadow:0 14px 38px rgba(7,36,79,.055);
}
.tvs-home-et3 .statement-inner::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    bottom:18px;
    width:3px;
    border-radius:99px;
    background:linear-gradient(180deg,var(--et3-blue2),var(--et3-red));
}
.tvs-home-et3 .statement .text-link{
    min-height:42px;
    padding:10px 14px;
    border-radius:13px;
    background:#f5f9fe;
    border:1px solid rgba(21,114,211,.10);
    transition:transform .18s ease,background .18s ease,box-shadow .2s ease;
}
.tvs-home-et3 .statement .text-link:hover{
    transform:translateY(-2px);
    background:#fff;
    box-shadow:0 10px 24px rgba(6,47,102,.09);
}

/* VeryTop */
.tvs-home-et3 .verytop-shell{
    border:1px solid rgba(120,217,255,.18);
    box-shadow:
        0 28px 72px rgba(6,29,51,.24),
        inset 0 1px 0 rgba(255,255,255,.08);
}
.tvs-home-et3 .verytop-shell::after{
    content:"";
    position:absolute;
    left:0;right:0;top:0;height:3px;
    background:linear-gradient(90deg,#78d9ff,#1572d3,#d1124b);
    opacity:.9;
}
.tvs-home-et3 .verytop-resource-card{
    position:relative;
    overflow:hidden;
    transition:transform .20s ease,background .20s ease,border-color .20s ease,box-shadow .20s ease;
}
.tvs-home-et3 .verytop-resource-card::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:2px;
    background:linear-gradient(90deg,#78d9ff,rgba(120,217,255,0));
    opacity:0;
    transition:opacity .20s ease;
}
.tvs-home-et3 .verytop-resource-card:hover{
    transform:translateY(-3px);
    background:rgba(255,255,255,.115);
    border-color:rgba(120,217,255,.28);
    box-shadow:0 16px 30px rgba(0,0,0,.12);
}
.tvs-home-et3 .verytop-resource-card:hover::after{opacity:1}
.tvs-home-et3 .verytop-actions .btn{min-height:48px}

/* Empresas VeryTop */
.tvs-home-et3 .vt-showcase-section{
    background:
        radial-gradient(circle at 12% 15%,rgba(21,114,211,.055),transparent 24%),
        var(--soft);
}
.tvs-home-et3 .vt-store-card{
    isolation:isolate;
    border-color:rgba(8,60,107,.11);
    box-shadow:0 18px 44px rgba(7,36,79,.08);
}
.tvs-home-et3 .vt-store-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:4;
    border-radius:inherit;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.60);
}
.tvs-home-et3 .vt-store-card:hover{
    transform:translateY(-7px);
    box-shadow:var(--et3-shadow-hover);
}
.tvs-home-et3 .vt-store-cover{transition:transform .34s cubic-bezier(.2,.72,.25,1)}
.tvs-home-et3 .vt-store-card:hover .vt-store-cover{transform:scale(1.015)}
.tvs-home-et3 .vt-store-chip{
    border:1px solid rgba(11,95,147,.10);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
.tvs-home-et3 .vt-store-actions .btn{
    min-height:44px;
    transition:transform .18s ease,box-shadow .20s ease,background .20s ease;
}
.tvs-home-et3 .vt-store-actions .btn-primary{box-shadow:0 12px 26px rgba(148,17,61,.18)}
.tvs-home-et3 .vt-store-actions .btn-primary:hover{box-shadow:0 16px 32px rgba(148,17,61,.25)}
.tvs-home-et3 .vt-store-actions .btn-secondary{box-shadow:none}

/* Como funciona */
.tvs-home-et3 .steps-grid{align-items:stretch}
.tvs-home-et3 .step-card{
    position:relative;
    overflow:hidden;
    border-color:rgba(6,47,102,.085);
    box-shadow:0 16px 40px rgba(7,36,79,.055);
}
.tvs-home-et3 .step-card::before{
    content:"";
    position:absolute;
    left:0;right:0;top:0;height:3px;
    background:linear-gradient(90deg,var(--et3-blue2),var(--et3-red));
    opacity:.72;
}
.tvs-home-et3 .step-card:nth-child(2n)::before{
    background:linear-gradient(90deg,var(--et3-red),var(--et3-blue2));
}
.tvs-home-et3 .step-card:hover{
    transform:translateY(-7px);
    border-color:rgba(21,114,211,.18);
    box-shadow:var(--et3-shadow);
}
.tvs-home-et3 .step-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    min-height:30px;
    padding:5px 9px;
    border-radius:999px;
    background:#f3f8fe;
    border:1px solid rgba(21,114,211,.10);
}
.tvs-home-et3 .step-initial{color:#d8e7f7;text-shadow:0 1px 0 #fff}
.tvs-home-et3 .step-topline{margin-top:20px}

/* Recursos */
.tvs-home-et3 .feature-card{
    position:relative;
    overflow:hidden;
    border-color:rgba(6,47,102,.085);
    box-shadow:0 10px 28px rgba(7,36,79,.035);
}
.tvs-home-et3 .feature-card::after{
    content:"";
    position:absolute;
    width:100px;height:100px;
    right:-52px;bottom:-56px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(21,114,211,.08),transparent 70%);
    transition:transform .28s ease,opacity .28s ease;
}
.tvs-home-et3 .feature-card:hover{
    transform:translateY(-6px);
    border-color:rgba(21,114,211,.17);
    box-shadow:var(--et3-shadow);
}
.tvs-home-et3 .feature-card:hover::after{transform:scale(1.45)}
.tvs-home-et3 .feature-icon{
    position:relative;
    z-index:2;
    width:50px;height:50px;
    border:1px solid rgba(21,114,211,.09);
    box-shadow:0 8px 20px rgba(21,114,211,.075);
}
.tvs-home-et3 .feature-card h3,
.tvs-home-et3 .feature-card p{position:relative;z-index:2}

/* Benefícios */
.tvs-home-et3 .section-dark{position:relative;overflow:hidden}
.tvs-home-et3 .section-dark::before{
    content:"";
    position:absolute;
    width:520px;height:520px;
    left:-230px;top:-250px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(21,114,211,.16),transparent 68%);
    pointer-events:none;
}
.tvs-home-et3 .benefit-item{
    transition:transform .20s ease,background .20s ease,border-color .20s ease;
}
.tvs-home-et3 .benefit-item:hover{
    transform:translateX(5px);
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.18);
}
.tvs-home-et3 .benefit-item>i{
    color:#fff;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}

/* Lojas modelo */
.tvs-home-et3 .model-card{
    border-color:rgba(6,47,102,.09);
    box-shadow:0 14px 38px rgba(7,36,79,.05);
}
.tvs-home-et3 .model-card:hover{
    transform:translateY(-7px);
    box-shadow:var(--et3-shadow-hover);
}
.tvs-home-et3 .model-image-wrap img{
    transition:transform .34s cubic-bezier(.2,.72,.25,1),filter .28s ease;
}
.tvs-home-et3 .model-card:hover .model-image-wrap img{
    transform:scale(1.035);
    filter:saturate(1.04) contrast(1.02);
}
.tvs-home-et3 .model-open{
    transition:transform .18s ease,background .18s ease,color .18s ease;
}
.tvs-home-et3 .model-card:hover .model-open{
    transform:translate(2px,-2px);
    color:#fff;
    background:linear-gradient(135deg,var(--et3-blue2),var(--et3-red));
}

/* Planos e conversão */
.tvs-home-et3 #planos{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 92% 6%,rgba(209,18,75,.055),transparent 25%),
        radial-gradient(circle at 5% 35%,rgba(21,114,211,.055),transparent 26%),
        #fff;
}
.tvs-home-et3 .free-plan-banner{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(8,153,208,.19);
    background:
        radial-gradient(circle at 92% 20%,rgba(21,114,211,.10),transparent 24%),
        linear-gradient(135deg,#eef9ff,#f8fbff);
    box-shadow:0 16px 38px rgba(7,36,79,.055);
}
.tvs-home-et3 .free-plan-banner::before{
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;width:4px;
    background:linear-gradient(180deg,#0799d0,var(--et3-red));
}
.tvs-home-et3 .free-plan-icon{box-shadow:0 10px 24px rgba(7,153,208,.18)}
.tvs-home-et3 .free-plan-tag{
    text-decoration:none!important;
    transition:transform .18s ease,box-shadow .20s ease,background .18s ease;
}
.tvs-home-et3 .free-plan-cta{
    gap:7px;
    display:inline-flex;
    align-items:center;
    background:linear-gradient(135deg,var(--et3-blue),var(--et3-red-dark));
    box-shadow:0 12px 26px rgba(7,36,79,.14);
}
.tvs-home-et3 .free-plan-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 34px rgba(7,36,79,.20);
}
.tvs-home-et3 .billing-selector{
    position:relative;
    border-color:rgba(6,47,102,.09);
    box-shadow:0 12px 34px rgba(7,36,79,.05);
}
.tvs-home-et3 .billing-switch{border:1px solid rgba(6,47,102,.06)}
.tvs-home-et3 .billing-switch button{
    min-height:38px;
    transition:background .18s ease,color .18s ease,box-shadow .20s ease,transform .18s ease;
}
.tvs-home-et3 .billing-switch button:hover{transform:translateY(-1px)}
.tvs-home-et3 .billing-switch button.active{
    background:linear-gradient(135deg,var(--et3-blue),#0b4d8b);
    box-shadow:0 8px 18px rgba(6,47,102,.16);
}
.tvs-home-et3 .pricing-grid{gap:22px}
.tvs-home-et3 .price-card{
    overflow:hidden;
    display:flex;
    flex-direction:column;
    border-color:rgba(6,47,102,.09);
    box-shadow:0 18px 46px rgba(7,36,79,.065);
    transition:transform .22s ease,box-shadow .24s ease,border-color .22s ease;
}
.tvs-home-et3 .price-card::before{
    content:"";
    position:absolute;
    left:0;right:0;top:0;height:4px;
    background:linear-gradient(90deg,var(--et3-blue2),#7eb8e9);
}
.tvs-home-et3 .price-card:nth-child(2)::before{
    background:linear-gradient(90deg,var(--et3-red),var(--et3-blue2));
}
.tvs-home-et3 .price-card:nth-child(3)::before{
    background:linear-gradient(90deg,var(--et3-blue),var(--et3-red-dark));
}
.tvs-home-et3 .price-card:hover{
    transform:translateY(-7px);
    border-color:rgba(21,114,211,.16);
    box-shadow:var(--et3-shadow-hover);
}
.tvs-home-et3 .price-card.featured{
    border-color:rgba(209,18,75,.30);
    box-shadow:
        0 26px 66px rgba(148,17,61,.14),
        inset 0 0 0 1px rgba(209,18,75,.04);
}
.tvs-home-et3 .price-card.featured:hover{
    box-shadow:0 30px 74px rgba(148,17,61,.19);
}
.tvs-home-et3 .price-badge{box-shadow:0 8px 18px rgba(170,14,60,.08)}
.tvs-home-et3 .price-plan{
    display:inline-flex;
    width:max-content;
    padding:6px 9px;
    border-radius:999px;
    background:#f3f8fe;
}
.tvs-home-et3 .price-value strong{color:var(--et3-ink)}
.tvs-home-et3 .price-card ul{flex:1}
.tvs-home-et3 .price-card li i{
    width:18px;
    height:18px;
    display:inline-grid;
    place-items:center;
    flex:0 0 auto;
    margin-top:2px;
    border-radius:50%;
    background:rgba(21,114,211,.09);
}
.tvs-home-et3 .price-card .btn-block{min-height:50px}
.tvs-home-et3 .price-card.featured .btn-primary{
    box-shadow:0 14px 30px rgba(148,17,61,.20);
}
.tvs-home-et3 .price-annual-saving{
    width:max-content;
    max-width:100%;
    padding:6px 9px;
    border-radius:999px;
    background:#e9f9ff;
    border:1px solid rgba(8,127,175,.08);
}

/* Blog */
.tvs-home-et3 .home-blog-card{
    border-color:rgba(6,47,102,.085);
    box-shadow:0 12px 32px rgba(7,26,43,.055);
}
.tvs-home-et3 .home-blog-card:hover{
    transform:translateY(-5px);
    box-shadow:var(--et3-shadow);
}
.tvs-home-et3 .home-blog-media img{transition:transform .34s ease}
.tvs-home-et3 .home-blog-card:hover .home-blog-media img{transform:scale(1.025)}

/* CTA final */
.tvs-home-et3 .final-cta{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 85% 20%,rgba(255,255,255,.10),transparent 26%),
        radial-gradient(circle at 5% 100%,rgba(21,114,211,.30),transparent 36%),
        linear-gradient(135deg,var(--et3-red-dark),var(--et3-blue));
}
.tvs-home-et3 .final-cta::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.22;
    background-image:
        linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
    background-size:48px 48px;
}
.tvs-home-et3 .final-cta-inner{position:relative;z-index:2}
.tvs-home-et3 .final-actions .btn{
    min-height:54px;
    transition:transform .18s ease,box-shadow .22s ease;
}
.tvs-home-et3 .final-actions .btn:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 34px rgba(0,0,0,.16);
}

/* Focus */
.tvs-home-et3 .vt-store-actions .btn:focus-visible,
.tvs-home-et3 .verytop-actions .btn:focus-visible,
.tvs-home-et3 .model-card:focus-visible,
.tvs-home-et3 .free-plan-cta:focus-visible,
.tvs-home-et3 .billing-switch button:focus-visible,
.tvs-home-et3 .price-card .btn:focus-visible,
.tvs-home-et3 .final-actions .btn:focus-visible{
    outline:3px solid rgba(21,114,211,.24);
    outline-offset:3px;
}

/* Responsivo: sem antecipar a ET5 mobile. */
@media(max-width:860px){
    .tvs-home-et3 .statement-inner{padding:18px 18px 18px 22px}
    .tvs-home-et3 .price-card.featured{transform:none}
}
@media(max-width:560px){
    .tvs-home-et3 .free-plan-cta{
        width:100%;
        justify-content:center;
        min-height:48px;
    }
    .tvs-home-et3 .vt-store-actions{gap:8px}
}
@media(prefers-reduced-motion:reduce){
    .tvs-home-et3 .step-card,
    .tvs-home-et3 .feature-card,
    .tvs-home-et3 .model-card,
    .tvs-home-et3 .model-image-wrap img,
    .tvs-home-et3 .vt-store-card,
    .tvs-home-et3 .vt-store-cover,
    .tvs-home-et3 .price-card,
    .tvs-home-et3 .home-blog-card,
    .tvs-home-et3 .final-actions .btn,
    .tvs-home-et3 .verytop-resource-card{
        transition:none!important;
        transform:none!important;
    }
}

/* ========================================================================
   ET — TVS HOME EXPERIENCE ENVELOPE SAFE
   ET4.0 — SCROLL / REVEAL / ENTRADA PROGRESSIVA
   ======================================================================== */

/* Sem JS, conteúdo permanece visível. */
.tvs-home-et4 .reveal{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
}

/* Somente com progressive enhancement habilitado há estado inicial oculto. */
html.tvs-reveal-enabled .tvs-home-et4 .reveal:not(.visible){
    opacity:0;
    transform:translate3d(0,18px,0);
    filter:blur(2px);
}
html.tvs-reveal-enabled .tvs-home-et4 .reveal.visible{
    opacity:1;
    transform:none;
    filter:none;
}
html.tvs-reveal-enabled .tvs-home-et4 .reveal{
    transition:
        opacity .54s ease,
        transform .60s cubic-bezier(.2,.72,.25,1),
        filter .48s ease;
    transition-delay:var(--reveal-delay,var(--delay,0ms));
    will-change:opacity,transform;
}

/* Hierarquia: títulos primeiro. */
html.tvs-reveal-enabled .tvs-home-et4 .section-heading.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .split-heading.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .faq-intro.reveal:not(.visible){
    transform:translate3d(0,12px,0);
}

/* Cards montam com leve escala. */
html.tvs-reveal-enabled .tvs-home-et4 .step-card.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .feature-card.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .vt-store-card.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .model-card.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .price-card.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .home-blog-card.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .faq-item.reveal:not(.visible){
    transform:translate3d(0,16px,0) scale(.992);
}

/* Conteúdos horizontais explicam direção. */
html.tvs-reveal-enabled .tvs-home-et4 .benefit-item.reveal:not(.visible){
    transform:translate3d(14px,0,0);
}

/* Blocos grandes entram como plano. */
html.tvs-reveal-enabled .tvs-home-et4 .verytop-shell.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .tvs-survey-shell.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .free-plan-banner.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .billing-selector.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .statement-inner.reveal:not(.visible),
html.tvs-reveal-enabled .tvs-home-et4 .final-cta-inner.reveal:not(.visible){
    transform:translate3d(0,13px,0) scale(.995);
}

.tvs-home-et4 .reveal{pointer-events:auto}

/* Back/forward não repete uma apresentação longa. */
html.tvs-reveal-restored .tvs-home-et4 .reveal{
    transition-duration:.28s!important;
}

/* Mobile: ritmo menor e leitura mais rápida. */
@media(max-width:860px){
    html.tvs-reveal-enabled .tvs-home-et4 .reveal:not(.visible){
        transform:translate3d(0,11px,0);
        filter:blur(1px);
    }
    html.tvs-reveal-enabled .tvs-home-et4 .benefit-item.reveal:not(.visible){
        transform:translate3d(8px,0,0);
    }
    html.tvs-reveal-enabled .tvs-home-et4 .reveal{
        transition-duration:.42s,.48s,.38s;
        transition-delay:min(var(--reveal-delay,var(--delay,0ms)),120ms);
    }
}

/* Acessibilidade vence motion. */
@media(prefers-reduced-motion:reduce){
    html.tvs-reveal-enabled .tvs-home-et4 .reveal,
    html.tvs-reveal-enabled .tvs-home-et4 .reveal:not(.visible),
    html.tvs-reveal-enabled .tvs-home-et4 .reveal.visible{
        opacity:1!important;
        transform:none!important;
        filter:none!important;
        transition:none!important;
        animation:none!important;
        will-change:auto!important;
    }
}

/* ========================================================================
   ET — TVS HOME EXPERIENCE ENVELOPE SAFE
   ET5.0 — MOBILE HOME EXPERIENCE
   Mobile não é desktop espremido.
   Escopo: body.tvs-home-et5 em <= 860px
   ======================================================================== */

@media(max-width:860px){

    /* ---------------------------------------------------------------
       BASE / RITMO
       --------------------------------------------------------------- */
    .tvs-home-et5{
        overflow-x:hidden;
    }
    .tvs-home-et5 main{
        overflow:clip;
    }
    .tvs-home-et5 .shell{
        width:min(100% - 28px,1180px);
    }
    .tvs-home-et5 .section{
        padding-top:58px;
        padding-bottom:58px;
    }
    .tvs-home-et5 .section-heading,
    .tvs-home-et5 .split-heading{
        margin-bottom:26px;
    }
    .tvs-home-et5 .section-heading h2,
    .tvs-home-et5 .split-heading h2{
        text-wrap:balance;
        font-size:clamp(30px,8.2vw,40px);
        line-height:1.05;
    }
    .tvs-home-et5 .section-heading p,
    .tvs-home-et5 .split-heading p{
        max-width:none;
        font-size:14px;
        line-height:1.65;
    }

    /* ---------------------------------------------------------------
       HERO — composição própria de primeira dobra.
       Copy primeiro; visual como prova, não como bloqueio.
       --------------------------------------------------------------- */
    .tvs-home-et5 .hero-experience-v1{
        min-height:auto;
        padding-top:94px;
        padding-bottom:44px;
    }
    .tvs-home-et5 .hero-experience-v1 .hero-grid{
        grid-template-columns:1fr;
        gap:16px;
    }
    .tvs-home-et5 .hero-experience-v1 .hero-copy{
        order:1;
    }
    .tvs-home-et5 .hero-experience-v1 .hero-visual{
        order:2;
    }
    .tvs-home-et5 .hero-experience-v1 .eyebrow.verytop-eyebrow{
        width:max-content;
        max-width:100%;
        min-height:38px;
        padding:6px 11px 6px 7px;
        font-size:9.5px;
    }
    .tvs-home-et5 .hero-experience-v1 h1{
        font-size:clamp(38px,10.8vw,54px);
        line-height:1.01;
        letter-spacing:-.045em;
        margin-top:17px;
    }
    .tvs-home-et5 .hero-experience-v1 .hero-lead{
        font-size:15px;
        line-height:1.62;
        margin-bottom:20px;
    }
    .tvs-home-et5 .hero-experience-v1 .hero-buttons{
        display:grid;
        grid-template-columns:1fr;
        gap:9px;
        width:100%;
    }
    .tvs-home-et5 .hero-experience-v1 .hero-buttons .btn{
        width:100%;
        min-height:54px;
        justify-content:center;
    }
    .tvs-home-et5 .hero-experience-v1 .hero-buttons .btn-primary{
        box-shadow:0 14px 30px rgba(148,17,61,.16);
    }
    .tvs-home-et5 .hero-experience-v1 .hero-trust{
        width:100%;
        max-width:none;
        margin-top:17px;
        padding-bottom:4px;
        gap:8px;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .tvs-home-et5 .hero-experience-v1 .hero-trust::-webkit-scrollbar{display:none}
    .tvs-home-et5 .hero-experience-v1 .hero-trust span{
        scroll-snap-align:start;
        min-height:34px;
        padding:6px 9px;
        font-size:10px;
    }
    .tvs-home-et5 .hero-experience-v1 .hero-free-note{
        width:100%;
        margin-top:10px;
        border-radius:14px;
        font-size:10.5px;
        line-height:1.4;
    }
    .tvs-home-et5 .hero-experience-v1 .hero-visual{
        min-height:330px;
        margin-top:4px;
        border-radius:28px;
    }
    .tvs-home-et5 .hero-experience-v1 .hero-visual::before{
        width:min(90vw,340px);
    }
    .tvs-home-et5 .hero-experience-v1 .hero-device{
        max-height:320px;
    }
    .tvs-home-et5 .hero-experience-v1 .visual-label{
        max-width:68%;
        min-height:37px;
        padding:8px 10px;
        font-size:10px;
    }
    .tvs-home-et5 .hero-experience-v1 .visual-label-top{
        top:12px;
        right:0;
    }
    .tvs-home-et5 .hero-experience-v1 .visual-label-bottom{
        left:0;
        bottom:4px;
    }

    /* ---------------------------------------------------------------
       STATEMENT — bloco compacto entre Hero e prova.
       --------------------------------------------------------------- */
    .tvs-home-et5 .statement{
        padding:14px 0 0;
    }
    .tvs-home-et5 .statement-inner{
        display:grid;
        grid-template-columns:1fr;
        gap:14px;
        padding:18px 18px 18px 22px;
    }
    .tvs-home-et5 .statement-inner h2{
        font-size:clamp(25px,7.6vw,34px);
        line-height:1.08;
    }
    .tvs-home-et5 .statement .text-link{
        width:100%;
        justify-content:center;
        min-height:46px;
    }

    /* ---------------------------------------------------------------
       VERYTOP — leitura vertical, CTA confortável.
       --------------------------------------------------------------- */
    .tvs-home-et5 .verytop-shell{
        grid-template-columns:1fr;
        gap:24px;
        padding:26px 18px;
        border-radius:26px;
    }
    .tvs-home-et5 .verytop-mark{
        width:150px;
        height:150px;
    }
    .tvs-home-et5 .verytop-logo-wrap{
        width:96px;
        height:96px;
    }
    .tvs-home-et5 .verytop-mark .verytop-side-badge{
        width:45px;
        height:45px;
        right:10px;
        top:15px;
    }
    .tvs-home-et5 .verytop-copy h2{
        font-size:clamp(30px,8.5vw,39px);
        line-height:1.04;
    }
    .tvs-home-et5 .verytop-copy>p{
        font-size:13.5px;
        line-height:1.65;
    }
    .tvs-home-et5 .verytop-resource-grid{
        grid-template-columns:1fr;
        gap:9px;
        margin:20px 0;
    }
    .tvs-home-et5 .verytop-resource-card{
        min-height:72px;
        padding:13px 14px;
    }
    .tvs-home-et5 .verytop-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }
    .tvs-home-et5 .verytop-actions .btn{
        width:100%;
        justify-content:center;
    }

    /* ---------------------------------------------------------------
       EMPRESAS VERYTOP — carrossel nativo horizontal.
       Mostra parte do próximo card para ensinar que há mais.
       --------------------------------------------------------------- */
    .tvs-home-et5 .vt-showcase-head{
        display:grid;
        grid-template-columns:1fr;
        gap:14px;
        align-items:start;
        margin-bottom:22px;
    }
    .tvs-home-et5 .vt-showcase-head .text-link{
        width:max-content;
        max-width:100%;
    }
    .tvs-home-et5 .vt-showcase-grid,
    .tvs-home-et5 .vt-showcase-grid.is-single{
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:min(82vw,320px);
        grid-template-columns:none;
        gap:14px;
        overflow-x:auto;
        overflow-y:hidden;
        padding:2px 14px 14px 0;
        margin-right:-14px;
        scroll-snap-type:x mandatory;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .tvs-home-et5 .vt-showcase-grid::-webkit-scrollbar{display:none}
    .tvs-home-et5 .vt-store-card{
        scroll-snap-align:start;
        min-width:0;
    }
    .tvs-home-et5 .vt-store-cover{
        height:158px;
    }
    .tvs-home-et5 .vt-store-body{
        padding:0 17px 17px;
    }
    .tvs-home-et5 .vt-store-actions{
        grid-template-columns:1fr;
        gap:8px;
    }

    /* ---------------------------------------------------------------
       COMO FUNCIONA — 5 passos sem transformar a página em um corredor.
       Horizontal snap, leitura focada, próxima etapa parcialmente visível.
       --------------------------------------------------------------- */
    .tvs-home-et5 .steps-grid{
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:min(82vw,310px);
        grid-template-columns:none;
        gap:13px;
        overflow-x:auto;
        padding:2px 14px 14px 0;
        margin-right:-14px;
        scroll-snap-type:x mandatory;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .tvs-home-et5 .steps-grid::-webkit-scrollbar{display:none}
    .tvs-home-et5 .step-card{
        min-height:270px;
        scroll-snap-align:start;
        padding:22px 18px;
    }
    .tvs-home-et5 .step-initial{
        font-size:50px;
    }

    /* ---------------------------------------------------------------
       RECURSOS — catálogo horizontal para reduzir altura infinita.
       --------------------------------------------------------------- */
    .tvs-home-et5 .features-grid{
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:min(78vw,300px);
        grid-template-columns:none;
        gap:12px;
        overflow-x:auto;
        padding:2px 14px 14px 0;
        margin-right:-14px;
        scroll-snap-type:x proximity;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .tvs-home-et5 .features-grid::-webkit-scrollbar{display:none}
    .tvs-home-et5 .feature-card{
        min-height:205px;
        scroll-snap-align:start;
        padding:22px 18px;
    }
    .tvs-home-et5 .feature-icon{
        width:48px;
        height:48px;
    }

    /* ---------------------------------------------------------------
       BENEFÍCIOS — CTA primeiro, lista compacta.
       --------------------------------------------------------------- */
    .tvs-home-et5 .benefit-layout{
        grid-template-columns:1fr;
        gap:22px;
    }
    .tvs-home-et5 .benefit-copy h2{
        font-size:clamp(31px,8.8vw,42px);
        line-height:1.04;
    }
    .tvs-home-et5 .benefit-copy .btn{
        width:100%;
        justify-content:center;
        min-height:50px;
    }
    .tvs-home-et5 .benefit-list{
        gap:9px;
    }
    .tvs-home-et5 .benefit-item{
        padding:14px;
        min-height:78px;
    }

    /* ---------------------------------------------------------------
       LOJAS MODELO — prova visual em snap horizontal.
       --------------------------------------------------------------- */
    .tvs-home-et5 .models-grid{
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:min(80vw,310px);
        grid-template-columns:none;
        gap:13px;
        overflow-x:auto;
        padding:2px 14px 14px 0;
        margin-right:-14px;
        scroll-snap-type:x mandatory;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .tvs-home-et5 .models-grid::-webkit-scrollbar{display:none}
    .tvs-home-et5 .model-card{
        scroll-snap-align:start;
    }
    .tvs-home-et5 .model-image-wrap{
        height:190px;
    }

    /* ---------------------------------------------------------------
       PESQUISA — leitura simples, sem ocupar mais que precisa.
       --------------------------------------------------------------- */
    .tvs-home-et5 .tvs-survey-shell{
        grid-template-columns:1fr;
        padding:22px 18px;
        gap:20px;
        border-radius:24px;
    }
    .tvs-home-et5 .tvs-survey-copy h2{
        font-size:clamp(30px,8.6vw,39px);
    }
    .tvs-home-et5 .tvs-survey-card{
        padding:17px;
    }

    /* ---------------------------------------------------------------
       PLANOS — decisão comercial:
       Pro primeiro visualmente no mobile; Start e Power depois.
       Nenhuma regra ou valor é alterado.
       --------------------------------------------------------------- */
    .tvs-home-et5 #planos .section-heading{
        margin-bottom:22px;
    }
    .tvs-home-et5 .free-plan-banner{
        align-items:stretch;
        gap:16px;
        padding:18px 16px 18px 19px;
    }
    .tvs-home-et5 .free-plan-banner-copy{
        align-items:flex-start;
    }
    .tvs-home-et5 .free-plan-cta{
        width:100%;
        min-height:50px;
        justify-content:center;
    }
    .tvs-home-et5 .billing-selector{
        display:grid;
        grid-template-columns:1fr;
        gap:12px;
        padding:14px;
    }
    .tvs-home-et5 .billing-switch{
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .tvs-home-et5 .billing-switch button{
        width:100%;
        min-height:44px;
        padding:9px 7px;
    }
    .tvs-home-et5 .billing-save{
        display:inline-flex;
        margin-left:3px;
        padding:3px 4px;
        font-size:8px;
    }
    .tvs-home-et5 .pricing-grid,
    .tvs-home-et5 .pricing-grid-three{
        display:flex;
        flex-direction:column;
        gap:14px;
    }
    .tvs-home-et5 .price-card{
        width:100%;
        padding:24px 18px;
        border-radius:22px;
    }
    .tvs-home-et5 .price-card.featured{
        order:-1;
        border-width:2px;
        box-shadow:0 24px 60px rgba(148,17,61,.15);
    }
    .tvs-home-et5 .price-card.featured::after{
        content:"Recomendado para começar";
        display:inline-flex;
        width:max-content;
        max-width:100%;
        margin:8px 0 4px;
        padding:5px 8px;
        border-radius:999px;
        background:rgba(209,18,75,.07);
        color:var(--et3-red-dark);
        font-size:9px;
        font-weight:800;
        letter-spacing:.03em;
    }
    .tvs-home-et5 .price-card .btn-block{
        min-height:52px;
    }

    /* ---------------------------------------------------------------
       BLOG — carrossel leve; FAQ continua vertical.
       --------------------------------------------------------------- */
    .tvs-home-et5 .home-blog-grid{
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:min(82vw,320px);
        grid-template-columns:none;
        gap:13px;
        overflow-x:auto;
        padding:2px 14px 14px 0;
        margin-right:-14px;
        scroll-snap-type:x mandatory;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .tvs-home-et5 .home-blog-grid::-webkit-scrollbar{display:none}
    .tvs-home-et5 .home-blog-card{
        scroll-snap-align:start;
    }
    .tvs-home-et5 .home-blog-media{
        height:160px;
    }
    .tvs-home-et5 .home-blog-more{
        min-height:44px;
        align-items:center;
    }

    .tvs-home-et5 .faq-layout{
        grid-template-columns:1fr;
        gap:24px;
    }
    .tvs-home-et5 .faq-intro .text-link{
        min-height:44px;
        display:inline-flex;
        align-items:center;
    }
    .tvs-home-et5 .faq-item summary{
        min-height:58px;
        padding:15px 4px;
        gap:12px;
    }

    /* ---------------------------------------------------------------
       CTA FINAL — uma decisão por vez.
       --------------------------------------------------------------- */
    .tvs-home-et5 .final-cta{
        padding-top:52px;
        padding-bottom:54px;
    }
    .tvs-home-et5 .final-cta-inner{
        grid-template-columns:1fr;
        gap:22px;
    }
    .tvs-home-et5 .final-cta h2{
        font-size:clamp(31px,9vw,42px);
        line-height:1.03;
    }
    .tvs-home-et5 .final-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:9px;
    }
    .tvs-home-et5 .final-actions .btn{
        width:100%;
        min-height:54px;
        justify-content:center;
    }

    /* ---------------------------------------------------------------
       TOUCH / SAFE AREA / DENSIDADE
       --------------------------------------------------------------- */
    .tvs-home-et5 a,
    .tvs-home-et5 button,
    .tvs-home-et5 summary{
        -webkit-tap-highlight-color:transparent;
    }
    .tvs-home-et5 .btn{
        touch-action:manipulation;
    }
    .tvs-home-et5 .btn:active{
        transform:scale(.985);
    }

    /* Espaço final para Dock / WhatsApp / foguete não cobrirem conteúdo. */
    .tvs-home-et5 .final-cta{
        margin-bottom:calc(18px + env(safe-area-inset-bottom,0px));
    }
}

/* Smartphone menor: densidade e tipografia finais. */
@media(max-width:560px){
    .tvs-home-et5 .shell{
        width:calc(100% - 24px);
    }
    .tvs-home-et5 .section{
        padding-top:50px;
        padding-bottom:50px;
    }
    .tvs-home-et5 .hero-experience-v1{
        padding-top:88px;
        padding-bottom:40px;
    }
    .tvs-home-et5 .hero-experience-v1 h1{
        font-size:clamp(36px,11.8vw,46px);
    }
    .tvs-home-et5 .vt-showcase-grid,
    .tvs-home-et5 .steps-grid,
    .tvs-home-et5 .features-grid,
    .tvs-home-et5 .models-grid,
    .tvs-home-et5 .home-blog-grid{
        grid-auto-columns:86vw;
    }
    .tvs-home-et5 .price-card{
        padding:22px 16px;
    }
}

/* Reduced motion: mobile permanece funcional sem animações. */
@media(max-width:860px) and (prefers-reduced-motion:reduce){
    .tvs-home-et5 .vt-showcase-grid,
    .tvs-home-et5 .steps-grid,
    .tvs-home-et5 .features-grid,
    .tvs-home-et5 .models-grid,
    .tvs-home-et5 .home-blog-grid{
        scroll-behavior:auto!important;
    }
}