:root{--bg:#020202;--panel:#0b0b0c;--panel2:#101012;--line:#242427;--text:#f6f6f7;--muted:#b7b7bd;--red:#ed1019;--red2:#b9080e;--max:1180px}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45} a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.narrow{width:min(1040px,100%)}
.topbar{position:sticky;top:0;z-index:30;background:rgba(2,2,2,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.04)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-weight:800}.brand-vlo{font-size:27px;letter-spacing:-1.5px}.brand-sub{font-size:10px;line-height:1.05;letter-spacing:.4px}.nav{display:flex;gap:34px;font-size:14px}.nav a{color:#e9e9eb}.nav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:4px;background:linear-gradient(180deg,var(--red),#c90b12);font-weight:700;font-size:14px;box-shadow:0 0 28px rgba(237,16,25,.08);transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-small{min-height:38px;padding:0 16px;font-size:12px}.btn-outline{background:transparent;border:1px solid #6b6b70;box-shadow:none}.play{margin-right:8px}.section-border{border-bottom:1px solid var(--line)}
.hero{min-height:520px;display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:16px}.hero-copy{padding:70px 0}.hero h1{font-size:78px;line-height:.94;letter-spacing:-4px;margin:0 0 26px;font-weight:800}.hero h1 span{color:var(--red)}.hero-sub{font-size:23px;max-width:590px;margin:0 0 30px;color:#f2f2f2}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-visual{align-self:end;display:flex;justify-content:flex-end}.hero-visual img{width:100%;max-width:535px;display:block;mix-blend-mode:screen}
.section{padding:58px 0}.section h2{font-size:35px;line-height:1.1;letter-spacing:-1.1px;margin:0 0 32px;text-align:center}.section h2 span{color:var(--red)}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{border:1px solid #303035;border-radius:7px;background:linear-gradient(135deg,#0b0b0d,#0d0d0f);padding:28px;display:grid;grid-template-columns:70px 1fr;gap:12px}.card-icon,.step-icon,.target{color:var(--red);font-size:50px}.card h3{color:var(--red);font-size:14px;margin:0 0 12px}.card ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.card li:before{content:'◉';color:var(--red);font-size:10px;margin-right:10px}.warning{border:1px solid #333338;border-radius:6px;padding:14px 20px;margin:18px 0;background:#09090a;font-size:18px;font-weight:600}.warning strong{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid var(--red);border-radius:50%;color:var(--red);margin-right:12px}.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:26px;align-items:stretch}.split-copy h3{font-size:22px;margin:0 0 8px}.split-copy p,.purpose p{color:var(--muted);margin:0}.insight{border:1px solid #333338;border-radius:7px;background:#0d0d0f;padding:24px;display:flex;gap:18px;align-items:center;font-size:22px}.insight em{font-style:normal;color:var(--red)}
.how h2{margin-bottom:42px}.steps3{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:start;text-align:center;gap:8px}.steps3 article p{color:var(--muted);font-size:14px;max-width:270px;margin:8px auto 0}.steps3 h3{margin:8px 0 0}.arrow{font-size:52px;color:var(--red);padding-top:34px}.after{max-width:550px;margin:26px auto 16px;border:1px solid #343439;border-radius:6px;text-align:center;padding:10px;font-weight:600;background:#0b0b0c}.center-btn{display:flex;width:max-content;margin:0 auto}
.comparison h2 span{font-size:.8em}.compare-grid{display:grid;grid-template-columns:1fr 84px 1fr;align-items:center;gap:12px}.compare-card{border:1px solid #343439;border-radius:7px;padding:22px;min-height:180px}.compare-card h3{text-align:center;font-size:13px}.compare-card.new{border-color:#5b0b0f;background:radial-gradient(circle at 70% 30%,rgba(237,16,25,.12),transparent 55%)}.message{padding:14px 18px;border-radius:8px;margin:9px 0}.muted{background:#242427}.red{background:linear-gradient(180deg,#e11219,#b6080e);font-weight:600}.vs{width:58px;height:58px;border:1px solid var(--red);border-radius:50%;display:grid;place-items:center;color:white;font-weight:800;margin:auto}.compare-notes{display:grid;grid-template-columns:1fr 1fr;gap:100px;color:var(--muted);font-size:14px;margin-top:16px;text-align:center}
.methodology-grid{display:grid;grid-template-columns:1fr 360px 1fr;align-items:center;gap:42px}.methodology h2{text-align:left;font-size:37px;margin-bottom:16px}.methodology h2 span{color:#fff}.methodology p{color:var(--muted);font-size:17px;margin:0 0 24px}.purpose strong{font-size:22px;display:block;margin-bottom:14px}.orbit{position:relative;width:310px;height:310px;margin:auto;border:2px dotted var(--red);border-radius:50%;display:grid;place-items:center}.orbit-core{width:150px;height:150px;border-radius:50%;border:1px solid #343439;background:radial-gradient(circle,#1b1b1e,#070708 70%);display:grid;place-items:center;font-size:38px;font-weight:800;box-shadow:0 0 50px rgba(255,255,255,.04)}.node{position:absolute;width:54px;height:54px;border:2px solid var(--red);border-radius:50%;background:#080809;display:grid;place-items:center;font-size:24px}.num{position:absolute;font-weight:800}.n1{top:-27px;left:128px}.num1{top:-45px;left:151px}.n2{top:38px;right:-19px}.num2{top:35px;right:-45px}.n3{bottom:48px;right:-18px}.num3{bottom:64px;right:-45px}.n4{bottom:-15px;right:48px}.num4{bottom:-36px;right:65px}.n5{bottom:-20px;left:48px}.num5{bottom:-39px;left:66px}.n6{bottom:50px;left:-20px}.num6{bottom:65px;left:-47px}.n7{top:42px;left:-20px}.num7{top:43px;left:-47px}
.audience h2{margin-bottom:40px}.audience-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.audience-grid div{text-align:center;padding:0 16px;border-right:1px solid #2a2a2d}.audience-grid div:last-child{border-right:0}.audience-grid span{color:var(--red);font-size:37px}.audience-grid p{font-size:14px;color:#ececee}
.cta-section{background:radial-gradient(circle at 70% 50%,rgba(153,10,16,.28),transparent 45%),linear-gradient(90deg,#090404,#110506)}.cta-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.cta-grid h2{text-align:left;font-size:36px;margin-bottom:16px}.cta-grid p{color:var(--muted);max-width:500px}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lead-form input,.lead-form select{height:44px;padding:0 14px;border:1px solid #424247;background:#141416;color:#fff;border-radius:4px}.form-btn{grid-column:1/-1;border:0;cursor:pointer}
.faq h2{text-align:left}.faq details{border-top:1px solid #2a2a2d;padding:16px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:28px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px}.footer nav{display:flex;justify-content:center;gap:24px;font-size:12px;color:#ddd}.copyright{font-size:12px;color:#8f8f95}
@media(max-width:900px){.nav{display:none}.hero-grid,.cta-grid,.methodology-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{padding:55px 0 20px}.hero h1{font-size:58px}.hero-sub{font-size:19px}.hero-visual{justify-content:center}.hero-visual img{max-width:500px}.two-cards,.split-copy{grid-template-columns:1fr}.steps3{grid-template-columns:1fr}.arrow{transform:rotate(90deg);padding:0}.compare-grid{grid-template-columns:1fr}.compare-notes{grid-template-columns:1fr;gap:8px}.methodology h2{text-align:center}.methodology>div:first-child,.purpose{text-align:center}.audience-grid{grid-template-columns:1fr 1fr}.audience-grid div{border-right:0;border-bottom:1px solid #252528}.footer-grid{grid-template-columns:1fr;text-align:center}.footer .brand{justify-content:center}.footer nav{flex-wrap:wrap}.lead-form{grid-template-columns:1fr}.form-btn{grid-column:auto}}
@media(max-width:560px){.container{width:min(100% - 28px,var(--max))}.topbar .btn-small{display:none}.nav-wrap{height:64px}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero-sub{font-size:17px}.hero-actions{display:grid}.btn{width:100%;padding:0 16px}.section{padding:42px 0}.section h2{font-size:29px}.two-cards{gap:14px}.card{grid-template-columns:46px 1fr;padding:20px}.card-icon{font-size:36px}.warning{font-size:15px}.insight{font-size:18px}.compare-grid{gap:18px}.methodology-grid{gap:30px}.orbit{transform:scale(.88);margin-top:-12px;margin-bottom:-12px}.audience-grid{grid-template-columns:1fr}.cta-grid h2{font-size:30px}}

/* Refinamento visual v2 */
.btn{color:#fff}
.hero{min-height:565px;background:
  radial-gradient(circle at 78% 48%,rgba(237,16,25,.13),transparent 23%),
  linear-gradient(180deg,#020202 0%,#020202 100%)}
.hero-grid{grid-template-columns:1.04fr .96fr;gap:28px}
.hero-copy{padding:76px 0 70px;position:relative;z-index:2}
.hero h1{font-size:76px;max-width:650px}
.hero-sub{max-width:610px;line-height:1.42}
.hero-visual{position:relative;height:490px;align-self:end;overflow:hidden;isolation:isolate}
.hero-visual:before{content:"";position:absolute;inset:7% 1% 5% 7%;border-radius:50%;background:
  radial-gradient(circle at 50% 50%,transparent 0 43%,rgba(237,16,25,.18) 44% 44.7%,transparent 45%),
  radial-gradient(circle at 50% 50%,transparent 0 59%,rgba(237,16,25,.08) 60% 60.5%,transparent 61%);filter:drop-shadow(0 0 20px rgba(237,16,25,.18));z-index:-1}
.hero-visual img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 35%;mix-blend-mode:normal;border-radius:0;filter:saturate(.9) contrast(1.03);-webkit-mask-image:linear-gradient(to left,transparent 0%,#000 9%,#000 93%,transparent 100%),linear-gradient(to top,transparent 0%,#000 14%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to left,transparent 0%,#000 9%,#000 93%,transparent 100%)}
.problem,.how,.comparison,.methodology,.audience{padding-top:52px;padding-bottom:52px}
.card{min-height:220px;align-items:center}.card-icon{font-size:46px;text-align:center;text-shadow:0 0 18px rgba(237,16,25,.16)}
.warning{margin:16px 0 20px}.split-copy{margin-top:20px}.how h2{margin-bottom:34px}.after{margin-top:22px}.comparison h2{margin-bottom:28px}
.methodology-grid{grid-template-columns:1fr 340px 1fr;gap:34px}.orbit{width:294px;height:294px}.orbit-core{width:142px;height:142px}.node{width:50px;height:50px}.n1{top:-25px;left:121px}.num1{top:-43px;left:144px}.n2{top:34px;right:-18px}.num2{top:31px;right:-42px}.n3{bottom:44px;right:-18px}.num3{bottom:59px;right:-42px}.n4{bottom:-14px;right:45px}.num4{bottom:-34px;right:61px}.n5{bottom:-18px;left:45px}.num5{bottom:-37px;left:62px}.n6{bottom:46px;left:-19px}.num6{bottom:61px;left:-44px}.n7{top:38px;left:-19px}.num7{top:39px;left:-44px}
.audience-grid span{font-size:34px}.cta-section{padding:54px 0}.lead-form input,.lead-form select{background:#121214}.form-btn{color:#fff}.faq{padding-top:48px;padding-bottom:50px}
@media(max-width:900px){.hero-visual{height:520px}.hero-visual img{object-position:50% 28%}.methodology-grid{grid-template-columns:1fr}.orbit{width:294px;height:294px}}
@media(max-width:560px){.hero-visual{height:430px}.hero h1{font-size:44px}.hero-copy{padding-top:52px}.problem,.how,.comparison,.methodology,.audience{padding-top:42px;padding-bottom:42px}}


/* Refinamento visual v3 */
.brand{gap:0}.brand-vlo{font-size:31px;letter-spacing:-1.8px}.brand-sub{display:none}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:42px}
.hero-actions{display:block}.hero-actions .btn{min-width:354px}
.hero-visual{height:520px;overflow:visible;justify-content:center;align-items:flex-end;position:relative}
.hero-visual::before{inset:9% -2% 8% 7%;border-radius:50%;background:
 radial-gradient(circle at 55% 48%,rgba(237,16,25,.24),transparent 24%),
 radial-gradient(circle at 55% 48%,transparent 0 43%,rgba(237,16,25,.22) 43.4% 44%,transparent 44.6%),
 radial-gradient(circle at 55% 48%,transparent 0 61%,rgba(237,16,25,.10) 61.3% 61.8%,transparent 62.3%);z-index:0}
.hero-visual::after{content:"";position:absolute;width:72%;height:72%;right:1%;top:12%;border:1px dashed rgba(237,16,25,.42);border-radius:50%;z-index:0;filter:drop-shadow(0 0 16px rgba(237,16,25,.12))}
.hero-visual img{position:relative;z-index:2;width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center bottom;filter:saturate(.92) contrast(1.04);mix-blend-mode:normal;-webkit-mask-image:linear-gradient(to bottom,#000 0 86%,transparent 100%),linear-gradient(to right,transparent 0,#000 10%,#000 91%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 0 86%,transparent 100%)}
.card-icon,.step-icon,.target,.audience-grid span{display:flex;align-items:center;justify-content:center;color:var(--red)}
.card-icon svg,.step-icon svg,.target svg,.audience-grid svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.card{grid-template-columns:82px 1fr}.card-icon{font-size:0}
.step-icon{height:52px}.step-icon svg{width:48px;height:48px}.target svg{width:50px;height:50px}
.audience-grid{grid-template-columns:repeat(4,1fr);gap:0}.audience-grid span{font-size:0;height:50px}.audience-grid svg{width:38px;height:38px}.audience-grid div{padding:0 28px}
@media(max-width:900px){.hero-grid{gap:10px}.hero-visual{height:500px}.hero-visual img{max-height:500px}.audience-grid{grid-template-columns:1fr 1fr}.hero-actions .btn{min-width:0}}
@media(max-width:560px){.brand-vlo{font-size:28px}.hero-visual{height:430px}.hero-visual::after{width:82%;height:66%;right:4%;top:15%}.audience-grid{grid-template-columns:1fr}}


/* Refinamento visual v4 — usa a foto ORIGINAL, sem edição */
.hero-visual{height:535px;overflow:visible;display:flex;align-items:flex-end;justify-content:flex-end;position:relative}
.hero-visual::before{content:"";position:absolute;inset:8% -4% 7% 5%;border-radius:50%;background:
  radial-gradient(circle at 56% 48%,rgba(237,16,25,.17),transparent 27%),
  radial-gradient(circle at 56% 48%,transparent 0 42%,rgba(237,16,25,.24) 42.4% 43%,transparent 43.5%),
  radial-gradient(circle at 56% 48%,transparent 0 59%,rgba(237,16,25,.10) 59.3% 59.8%,transparent 60.3%);
z-index:0;filter:none}
.hero-visual::after{content:"";position:absolute;width:76%;height:73%;right:-1%;top:12%;border:1px dashed rgba(237,16,25,.38);border-radius:50%;z-index:0;filter:none}
.hero-visual img{position:relative;z-index:2;width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center bottom;filter:none;mix-blend-mode:normal;border-radius:0;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 88%,transparent 100%),linear-gradient(to right,transparent 0%,#000 7%,#000 94%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,#000 0 88%,transparent 100%)}
@media(max-width:900px){.hero-visual{height:500px;justify-content:center}.hero-visual img{height:100%;max-width:100%}}
@media(max-width:560px){.hero-visual{height:430px}.hero-visual img{height:100%}}

/* Refinamento visual v5 — integração da foto original sem edição */
.hero{position:relative;isolation:isolate}
.hero::after{content:"";position:absolute;right:-8%;top:4%;width:58%;height:94%;pointer-events:none;z-index:0;background:
  radial-gradient(circle at 62% 45%,rgba(237,16,25,.12) 0 18%,rgba(237,16,25,.045) 37%,transparent 68%),
  repeating-radial-gradient(circle at 61% 46%,transparent 0 74px,rgba(237,16,25,.16) 75px 76px,transparent 77px 110px);opacity:.78}
.hero-grid{position:relative;z-index:1}
.hero-visual{height:555px;overflow:visible;justify-content:flex-end;transform:translateX(22px)}
.hero-visual::before{inset:5% -8% 2% -2%;background:
  radial-gradient(circle at 62% 48%,rgba(237,16,25,.14),transparent 27%),
  radial-gradient(circle at 62% 48%,transparent 0 40%,rgba(237,16,25,.22) 40.3% 40.9%,transparent 41.4%),
  radial-gradient(circle at 62% 48%,transparent 0 57%,rgba(237,16,25,.10) 57.2% 57.8%,transparent 58.3%)}
.hero-visual::after{width:84%;height:78%;right:-8%;top:9%;border-color:rgba(237,16,25,.32)}
.hero-visual img{height:112%;max-width:none;transform:translate(8%,7%);object-fit:contain;object-position:center bottom;filter:none;mix-blend-mode:normal;
  -webkit-mask-image:radial-gradient(ellipse 78% 96% at 58% 49%,#000 0 61%,rgba(0,0,0,.98) 70%,rgba(0,0,0,.72) 81%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 96% at 58% 49%,#000 0 61%,rgba(0,0,0,.98) 70%,rgba(0,0,0,.72) 81%,transparent 100%)}
@media(max-width:900px){.hero-visual{height:510px;transform:none;justify-content:center}.hero-visual img{height:108%;transform:translate(3%,5%)}.hero::after{right:-24%;width:90%}}
@media(max-width:560px){.hero-visual{height:435px}.hero-visual img{height:104%;transform:translate(0,4%);-webkit-mask-image:radial-gradient(ellipse 88% 96% at 52% 50%,#000 0 61%,rgba(0,0,0,.95) 72%,transparent 100%);mask-image:radial-gradient(ellipse 88% 96% at 52% 50%,#000 0 61%,rgba(0,0,0,.95) 72%,transparent 100%)}}


/* Refinamento visual v6 — recorte real da foto original, sem regenerar a imagem */
.hero{overflow:hidden}
.hero::after{right:-4%;top:3%;width:55%;height:96%;background:
  radial-gradient(circle at 62% 46%,rgba(237,16,25,.15) 0 16%,rgba(237,16,25,.05) 34%,transparent 66%),
  repeating-radial-gradient(circle at 62% 47%,transparent 0 86px,rgba(237,16,25,.14) 87px 88px,transparent 89px 126px);opacity:.8}
.hero-grid{grid-template-columns:1.02fr .98fr;align-items:stretch}
.hero-visual{height:600px;overflow:visible;transform:none;justify-content:flex-end;align-items:flex-end}
.hero-visual::before{inset:5% -7% 4% -4%;background:
  radial-gradient(circle at 62% 47%,rgba(237,16,25,.16),transparent 27%),
  radial-gradient(circle at 62% 47%,transparent 0 42%,rgba(237,16,25,.22) 42.3% 42.9%,transparent 43.4%),
  radial-gradient(circle at 62% 47%,transparent 0 59%,rgba(237,16,25,.10) 59.2% 59.8%,transparent 60.3%)}
.hero-visual::after{width:84%;height:78%;right:-4%;top:9%;border-color:rgba(237,16,25,.26)}
.hero-visual img{height:108%;width:auto;max-width:none;object-fit:contain;object-position:center bottom;transform:translate(4%,5%);filter:none;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}
@media(max-width:900px){.hero-visual{height:520px;justify-content:center}.hero-visual img{height:104%;transform:translate(0,4%)}.hero::after{right:-24%;width:90%}}
@media(max-width:560px){.hero-visual{height:440px}.hero-visual img{height:100%;transform:translate(0,3%)}}

/* Hero v8 — efeito dominó da Cadência VLO */
.hero{min-height:610px;overflow:hidden;background:
  radial-gradient(circle at 76% 54%,rgba(237,16,25,.13),transparent 28%),
  linear-gradient(180deg,#020202 0%,#030303 100%)}
.hero-grid{grid-template-columns:.93fr 1.07fr;gap:26px;align-items:center}
.hero-copy{padding:74px 0 76px}
.domino-scene{height:530px;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;transform:none}
.domino-scene::before{content:"";position:absolute;inset:12% -6% 8% 1%;z-index:0;border-radius:50%;background:
  radial-gradient(circle at 60% 56%,rgba(237,16,25,.20),transparent 35%),
  repeating-radial-gradient(circle at 60% 56%,transparent 0 58px,rgba(237,16,25,.10) 59px 60px,transparent 61px 91px);filter:blur(.1px)}
.domino-scene::after{content:"";position:absolute;left:5%;right:-6%;bottom:8%;height:37%;z-index:0;background:linear-gradient(180deg,transparent,rgba(237,16,25,.035));transform:perspective(520px) rotateX(65deg);transform-origin:bottom;box-shadow:0 34px 80px rgba(237,16,25,.12)}
.domino-floor{position:absolute;left:3%;right:-5%;bottom:13%;height:2px;z-index:1;background:linear-gradient(90deg,transparent,rgba(237,16,25,.75),rgba(237,16,25,.35),transparent);box-shadow:0 0 24px rgba(237,16,25,.45)}
.domino-track{position:relative;z-index:2;width:100%;height:72%;display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;padding:0 2% 10% 4%;perspective:900px}
.domino{width:74px;height:244px;border:1px solid rgba(237,16,25,.52);border-radius:10px;background:linear-gradient(160deg,#171719 0%,#08080a 62%,#050506 100%);box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,0 0 18px rgba(237,16,25,.15),0 20px 30px rgba(0,0,0,.65);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:relative;transform:rotateY(-7deg);transform-origin:bottom center}
.domino::before{content:"";position:absolute;left:12%;right:12%;top:0;height:3px;border-radius:10px;background:#ed1019;box-shadow:0 0 15px #ed1019}
.domino svg{width:34px;height:34px;fill:none;stroke:#ed1019;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(237,16,25,.35))}
.domino-num{font-size:30px;font-weight:800;color:#ed1019;line-height:1;text-shadow:0 0 14px rgba(237,16,25,.3)}
.domino-label{font-size:9px;font-weight:700;color:#d8d8da;text-align:center;letter-spacing:.02em;line-height:1.15;max-width:68px}
.domino.falling{transform:rotateZ(20deg) rotateY(-9deg) translate(-11px,10px);box-shadow:0 0 26px rgba(237,16,25,.28),0 20px 30px rgba(0,0,0,.65)}
.domino.falling::after{content:"";position:absolute;left:-42px;bottom:-5px;width:96px;height:4px;background:linear-gradient(90deg,transparent,#ed1019,transparent);transform:rotate(-20deg);filter:blur(.3px);box-shadow:0 0 18px #ed1019}
.d2{height:252px}.d3{height:260px}.d4{height:268px}.d5{height:276px}.d6{height:284px}.d7{height:292px}
@media(max-width:1100px){.hero h1{font-size:66px}.domino-track{gap:8px}.domino{width:62px}.domino-label{font-size:8px}.domino-num{font-size:26px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:24px}.domino-scene{height:390px}.domino-track{justify-content:center;padding-left:0;padding-right:0}.domino{width:64px;height:210px}.d2{height:216px}.d3{height:222px}.d4{height:228px}.d5{height:234px}.d6{height:240px}.d7{height:246px}.hero{min-height:auto}}
@media(max-width:560px){.domino-scene{height:330px}.domino-track{gap:4px;transform:scale(.88);transform-origin:center bottom}.domino{width:52px}.domino-label{font-size:7px;max-width:48px}.domino svg{width:28px;height:28px}.domino-num{font-size:22px}}

/* v9 — domino mais cinematográfico + transições em degradê */
.section-border{border-top:0!important;border-bottom:0!important;position:relative}
.section-border::before{content:"";position:absolute;left:0;right:0;top:-52px;height:104px;pointer-events:none;z-index:5;background:linear-gradient(180deg,transparent 0%,rgba(237,16,25,.025) 37%,rgba(237,16,25,.07) 50%,rgba(237,16,25,.025) 63%,transparent 100%);mix-blend-mode:screen;opacity:.7}
.hero.section-border::before{display:none}
.problem{background:linear-gradient(180deg,rgba(15,2,3,.42) 0%,#020202 16%,#020202 84%,rgba(15,2,3,.30) 100%)}
.how{background:linear-gradient(180deg,rgba(15,2,3,.34) 0%,#030303 17%,#030303 84%,rgba(10,1,2,.30) 100%)}
.comparison{background:linear-gradient(180deg,rgba(12,1,2,.30) 0%,#020202 18%,#020202 84%,rgba(14,2,3,.30) 100%)}
.methodology{background:linear-gradient(180deg,rgba(14,2,3,.32) 0%,#030303 18%,#030303 84%,rgba(14,2,3,.30) 100%)}
.audience{background:linear-gradient(180deg,rgba(14,2,3,.30) 0%,#020202 20%,#020202 84%,rgba(14,2,3,.30) 100%)}

.hero{background:
  radial-gradient(ellipse at 78% 58%,rgba(237,16,25,.17),transparent 27%),
  radial-gradient(ellipse at 78% 72%,rgba(237,16,25,.07),transparent 44%),
  linear-gradient(180deg,#020202 0%,#040101 100%)}
.hero-grid{grid-template-columns:.88fr 1.12fr;gap:10px}
.domino-scene{height:540px;align-items:center;justify-content:flex-end;perspective:1200px}
.domino-scene::before{inset:10% -16% 4% 2%;border-radius:0;background:
  linear-gradient(124deg,transparent 0 39%,rgba(237,16,25,.10) 39.15% 39.4%,transparent 39.55% 100%),
  linear-gradient(124deg,transparent 0 48%,rgba(237,16,25,.07) 48.15% 48.35%,transparent 48.5% 100%),
  radial-gradient(ellipse at 76% 56%,rgba(237,16,25,.20),transparent 34%);filter:none}
.domino-scene::after{left:0;right:-12%;bottom:4%;height:45%;background:linear-gradient(180deg,transparent,rgba(237,16,25,.045));transform:perspective(700px) rotateX(71deg);box-shadow:0 42px 95px rgba(237,16,25,.15)}
.domino-floor{left:-1%;right:-12%;bottom:14%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(237,16,25,.22) 17%,#ed1019 40%,rgba(237,16,25,.26) 74%,transparent 100%);box-shadow:0 0 32px rgba(237,16,25,.55)}
.domino-track{height:76%;gap:14px;padding:0 0 9% 5%;justify-content:flex-end;align-items:flex-end;perspective:1200px;transform:rotateX(1deg)}
.domino{width:76px;height:265px;border-color:rgba(237,16,25,.42);border-radius:9px;background:linear-gradient(145deg,#17171a 0%,#09090b 54%,#030304 100%);box-shadow:-9px 9px 18px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.024) inset,0 0 18px rgba(237,16,25,.11);transform:rotateY(-10deg) translateZ(0);gap:15px}
.domino::before{left:9%;right:9%;height:3px;background:#ff1822;box-shadow:0 0 17px rgba(255,24,34,.95)}
.domino-num{font-size:31px}.domino svg{width:36px;height:36px}.domino-label{font-size:9px;color:#ececee}
.d2{height:272px;transform:rotateY(-9deg) translateZ(12px)}
.d3{height:280px;transform:rotateY(-8deg) translateZ(20px)}
.d4{height:288px;transform:rotateY(-7deg) translateZ(28px)}
.d5{height:296px;transform:rotateY(-6deg) translateZ(36px)}
.d6{height:304px;transform:rotateY(-5deg) translateZ(44px)}
.d7{height:312px;transform:rotateY(-4deg) translateZ(52px)}
.domino.falling{transform:rotateZ(25deg) rotateY(-13deg) translate(-17px,18px);box-shadow:-10px 15px 28px rgba(0,0,0,.70),0 0 30px rgba(237,16,25,.25)}
.domino.falling::after{left:-66px;bottom:-8px;width:140px;height:3px;background:linear-gradient(90deg,transparent,#ff1822 42%,#ff1822 58%,transparent);transform:rotate(-23deg);box-shadow:0 0 22px rgba(255,24,34,.95)}
.falling-trail{width:88px;height:270px;position:relative;align-self:flex-end;margin-right:-34px;transform:translateY(24px);z-index:0;pointer-events:none}
.falling-trail i{position:absolute;left:7px;bottom:0;width:66px;height:250px;border:1px solid rgba(237,16,25,.32);border-radius:8px;background:linear-gradient(150deg,rgba(24,24,27,.86),rgba(5,5,6,.92));transform-origin:bottom center;box-shadow:0 0 15px rgba(237,16,25,.12)}
.falling-trail i::before{content:"";position:absolute;left:10%;right:10%;top:0;height:3px;background:#ed1019;box-shadow:0 0 14px #ed1019;border-radius:8px}
.falling-trail i:nth-child(1){transform:rotateZ(72deg) translate(-54px,47px);opacity:.55}
.falling-trail i:nth-child(2){transform:rotateZ(57deg) translate(-41px,31px);opacity:.68}
.falling-trail i:nth-child(3){transform:rotateZ(42deg) translate(-29px,17px);opacity:.82}
.falling-trail i:nth-child(4){transform:rotateZ(31deg) translate(-15px,8px);opacity:.92}

/* Blend suave do fim do hero para a seção seguinte */
.hero::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:125px;pointer-events:none;z-index:3;background:linear-gradient(180deg,transparent 0%,rgba(5,0,1,.30) 35%,rgba(11,1,2,.74) 72%,rgba(2,2,2,1) 100%)}
.hero-grid{position:relative;z-index:4}

@media(max-width:1180px){.domino-track{gap:9px}.domino{width:66px}.falling-trail{margin-right:-39px}.hero-grid{grid-template-columns:.96fr 1.04fr}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.domino-scene{height:390px}.falling-trail{display:none}.domino-track{gap:7px;padding-left:0;justify-content:center}.domino{width:60px;height:220px}.d2{height:226px}.d3{height:232px}.d4{height:238px}.d5{height:244px}.d6{height:250px}.d7{height:256px}.section-border::before{top:-34px;height:68px}}
@media(max-width:560px){.domino-track{gap:4px;transform:scale(.86);transform-origin:center bottom}.domino{width:52px}.hero::before{height:90px}}

/* v10 — usar a composição visual aprovada como asset real, em vez de tentar redesenhar o dominó em CSS */
.hero-grid{grid-template-columns:.86fr 1.14fr;gap:8px}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#020202 0%,#020202 100%)}
.hero-copy{z-index:3}
.domino-reference{position:relative;height:540px;display:flex;align-items:center;justify-content:flex-end;overflow:visible}
.domino-reference::before{content:"";position:absolute;left:-14%;top:0;bottom:0;width:34%;z-index:2;background:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.96) 25%,rgba(2,2,2,.62) 62%,transparent 100%);pointer-events:none}
.domino-reference img{width:116%;max-width:none;height:auto;display:block;object-fit:contain;object-position:right center;filter:saturate(1.03) contrast(1.02);transform:translateX(3%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,transparent 0%,rgba(10,1,2,.30) 40%,rgba(7,1,2,.72) 76%,#020202 100%);pointer-events:none;z-index:2}
.problem{margin-top:-1px;background:linear-gradient(180deg,#020202 0%,#020202 15%,#030303 78%,rgba(15,2,3,.28) 100%)}
@media(max-width:1100px){.hero-grid{grid-template-columns:.95fr 1.05fr}.domino-reference img{width:112%}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.domino-reference{height:390px}.domino-reference::before{left:0;width:16%;background:linear-gradient(90deg,#020202,transparent)}.domino-reference img{width:100%;transform:none}}

/* v11 — dimensionamento do asset do hero */
.hero-grid{grid-template-columns:.78fr 1.22fr;gap:0}
.domino-reference{height:560px;margin-right:-95px;justify-content:flex-end}
.domino-reference::before{left:-10%;width:25%;background:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.92) 22%,rgba(2,2,2,.42) 64%,transparent 100%)}
.domino-reference img{width:132%;transform:translateX(2%);transform-origin:right center}
@media(max-width:1280px){.hero-grid{grid-template-columns:.84fr 1.16fr}.domino-reference{margin-right:-55px}.domino-reference img{width:124%}}
@media(max-width:1100px){.hero-grid{grid-template-columns:.92fr 1.08fr}.domino-reference{margin-right:-25px}.domino-reference img{width:116%}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.domino-reference{height:400px;margin-right:0}.domino-reference img{width:108%;transform:none}.domino-reference::before{width:12%}}

/* v13 — enquadramento mais amplo do asset do hero */
@media(min-width:1281px){
  .hero{min-height:680px}
  .hero-grid{grid-template-columns:.72fr 1.28fr;gap:0}
  .hero-copy{padding:82px 0 88px}
  .domino-reference{height:625px;margin-right:-190px;margin-left:-35px;justify-content:flex-end;align-items:center}
  .domino-reference::before{left:-7%;width:21%;background:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.94) 18%,rgba(2,2,2,.5) 56%,transparent 100%)}
  .domino-reference img{width:151%;max-width:none;transform:translateX(4%);transform-origin:right center}
}
@media(min-width:1101px) and (max-width:1280px){
  .hero{min-height:640px}
  .hero-grid{grid-template-columns:.80fr 1.20fr;gap:0}
  .domino-reference{height:585px;margin-right:-105px;margin-left:-20px}
  .domino-reference img{width:138%;transform:translateX(3%)}
  .domino-reference::before{left:-8%;width:23%}
}

/* v14 — puxar o início luminoso da sequência para trás do texto */
@media(min-width:1281px){
  .domino-reference{margin-left:-175px;margin-right:-165px}
  .domino-reference img{width:156%;transform:translateX(-1.5%)}
  .domino-reference::before{left:-2%;width:35%;background:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.88) 30%,rgba(2,2,2,.50) 60%,rgba(2,2,2,.16) 82%,transparent 100%)}
}
@media(min-width:1101px) and (max-width:1280px){
  .domino-reference{margin-left:-105px;margin-right:-90px}
  .domino-reference img{width:143%;transform:translateX(-1%)}
  .domino-reference::before{left:-2%;width:32%;background:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.90) 30%,rgba(2,2,2,.46) 64%,transparent 100%)}
}

/* v15 — prolongar o rastro luminoso vermelho até a extremidade esquerda */
@media(min-width:1101px){
  .hero-copy{position:relative;isolation:isolate}
  .hero-copy::before{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
    left:calc(-50vw + 50%);
    top:41%;
    width:calc(100% + 52vw);
    height:330px;
    transform:translateY(-22%);
    background:
      linear-gradient(158deg,transparent 0 26%,rgba(237,16,25,.03) 26.2% 26.65%,rgba(255,25,35,.36) 26.9% 27.15%,rgba(237,16,25,.055) 27.45% 27.8%,transparent 28.1% 100%),
      linear-gradient(160deg,transparent 0 36%,rgba(237,16,25,.025) 36.3% 36.75%,rgba(255,27,37,.28) 37.0% 37.22%,rgba(237,16,25,.045) 37.5% 37.85%,transparent 38.15% 100%),
      linear-gradient(162deg,transparent 0 46%,rgba(237,16,25,.02) 46.25% 46.62%,rgba(255,30,40,.20) 46.85% 47.05%,rgba(237,16,25,.035) 47.28% 47.58%,transparent 47.9% 100%),
      radial-gradient(ellipse at 74% 68%,rgba(237,16,25,.12) 0%,rgba(237,16,25,.035) 24%,transparent 53%);
    filter:drop-shadow(0 0 15px rgba(237,16,25,.25));
    opacity:.82;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.34) 7%,#000 23%,#000 82%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.34) 7%,#000 23%,#000 82%,transparent 100%);
  }
  .domino-reference::before{
    background:linear-gradient(90deg,rgba(2,2,2,.82) 0%,rgba(2,2,2,.66) 30%,rgba(2,2,2,.34) 61%,rgba(2,2,2,.08) 84%,transparent 100%)!important;
  }
}

/* v16 — integração mais natural: remover linhas artificiais e usar apenas glow difuso */
@media(min-width:1101px){
  .hero-copy::before{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
    left:calc(-50vw + 50%);
    top:28%;
    width:calc(100% + 46vw);
    height:430px;
    transform:none;
    background:
      radial-gradient(ellipse 62% 46% at 82% 64%, rgba(237,16,25,.18) 0%, rgba(237,16,25,.075) 28%, rgba(237,16,25,.025) 48%, transparent 70%),
      linear-gradient(90deg, transparent 0%, rgba(237,16,25,.018) 30%, rgba(237,16,25,.045) 62%, transparent 100%);
    filter:blur(12px);
    opacity:.95;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 12%,#000 34%,#000 86%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 12%,#000 34%,#000 86%,transparent 100%);
  }
  .domino-reference::before{
    left:-7%!important;
    width:28%!important;
    background:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.90) 22%,rgba(2,2,2,.55) 56%,rgba(2,2,2,.15) 82%,transparent 100%)!important;
  }
}

/* v17 — asset integrado sem aparência de recorte retangular */
@media(min-width:1281px){
  .domino-reference{
    height:625px;
    margin-left:-150px;
    margin-right:-95px;
    overflow:visible;
  }
  .domino-reference img{
    width:148%;
    max-width:none;
    height:auto;
    transform:translateX(-1%);
    object-fit:contain;
    object-position:right center;
    -webkit-mask-image:
      linear-gradient(to right, transparent 0%, #000 10%, #000 97%, transparent 100%),
      linear-gradient(to bottom, transparent 0%, #000 5%, #000 94%, transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:
      linear-gradient(to right, transparent 0%, #000 10%, #000 97%, transparent 100%),
      linear-gradient(to bottom, transparent 0%, #000 5%, #000 94%, transparent 100%);
    mask-composite:intersect;
  }
  .domino-reference::before{
    left:-3%!important;
    width:24%!important;
    background:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.78) 24%,rgba(2,2,2,.38) 60%,rgba(2,2,2,.08) 84%,transparent 100%)!important;
  }
}
@media(min-width:1101px) and (max-width:1280px){
  .domino-reference{margin-left:-90px;margin-right:-55px;overflow:visible}
  .domino-reference img{
    width:137%;
    transform:translateX(-1%);
    -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 97%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 95%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 97%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 95%,transparent 100%);
    mask-composite:intersect;
  }
}

/* v18 — enquadramento correto dos destinos dos botões e links */
html{scroll-behavior:smooth;scroll-padding-top:98px}
#como,#metodologia,#para-quem,#contato,#faq{scroll-margin-top:98px}
@media(max-width:560px){html{scroll-padding-top:78px}#como,#metodologia,#para-quem,#contato,#faq{scroll-margin-top:78px}}

/* v19 — formulário conectado ao backend */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.form-status{grid-column:1/-1;min-height:22px;margin:2px 0 0;font-size:13px;color:var(--muted)}
.form-status.success{color:#90e7aa}.form-status.error{color:#ff858a}
.form-btn:disabled{opacity:.72;cursor:wait;transform:none;filter:none}
@media(max-width:900px){.form-status{grid-column:auto}}
