:root{
  --orange:#E07E3C;
  --orange-2:#f29251;
  --black:#000000;
  --ink:#0a0a0a;
  --graphite:#101010;
  --graphite-2:#181818;
  --gray:#7E7E82;
  --platinum:#F0F0F0;
  --white:#FFFFFF;
  --line:rgba(255,255,255,.12);
  --line-dark:rgba(0,0,0,.13);
  --container:1180px;
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Archivo",Arial,sans-serif;color:var(--ink);background:var(--black);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select{font:inherit}
button{cursor:pointer}
::selection{background:var(--orange);color:#000}
.skip-link{position:fixed;left:16px;top:-60px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:10px;transition:.2s}.skip-link:focus{top:16px}
.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
.section{padding:120px 0;position:relative}
.section-dark{background:#050505;color:#fff}
.section-light{background:#fff;color:#0b0b0b}
.section-platinum{background:var(--platinum);color:#0b0b0b}
.top-grid{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 0%,transparent 78%)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(0,0,0,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.brand img{width:178px;height:auto}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.desktop-nav a{font-size:13px;color:#bcbcbc;transition:.2s}.desktop-nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;font-weight:700;letter-spacing:-.01em;transition:.25s ease;border-radius:12px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:#0b0b0b;padding:18px 24px;box-shadow:0 16px 50px rgba(224,126,60,.16)}.btn-primary:hover{background:var(--orange-2);box-shadow:0 18px 60px rgba(224,126,60,.24)}.btn-outline{border-color:rgba(255,255,255,.22);color:#fff}.btn-small{padding:11px 16px;font-size:13px}.btn-full{width:100%;border:0}
.hero{min-height:calc(100vh - 82px);display:flex;align-items:center;overflow:hidden;padding:86px 0 96px}.hero:before{content:"";position:absolute;width:840px;height:840px;right:-240px;top:-300px;background:radial-gradient(circle,rgba(224,126,60,.28),rgba(224,126,60,.06) 35%,transparent 68%);filter:blur(10px)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 42%,rgba(224,126,60,.035) 42% 43%,transparent 43% 100%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;color:#bbb;display:flex;align-items:center;gap:10px;margin-bottom:24px}.dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 22px rgba(224,126,60,.8)}.hero h1{font-size:clamp(46px,5.1vw,76px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:760px;font-weight:820}.hero h1 em,.section-heading h2 em,.problem-section h2 em,.cta-copy h2 em{font-style:normal;color:var(--orange)}.hero-lead{font-size:19px;line-height:1.65;color:#aaa;max-width:670px;margin:30px 0 0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:38px}.text-link{font-size:14px;color:#b9b9b9;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:3px}.text-link:hover{color:#fff}.micro-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:42px}.micro-list span,.tags span{font-size:10px;letter-spacing:.08em;border:1px solid rgba(255,255,255,.13);padding:7px 9px;border-radius:999px;color:#888}
.hero-system{border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border-radius:24px;padding:22px;box-shadow:0 40px 120px rgba(0,0,0,.5);position:relative}.hero-system:before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(130deg,rgba(224,126,60,.6),transparent 32%,transparent 70%,rgba(255,255,255,.1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.system-topline{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 18px;font-size:10px;letter-spacing:.14em;color:#777}.status{display:flex;align-items:center;gap:7px;color:#aaa}.status i{width:7px;height:7px;background:#55d98b;border-radius:50%;box-shadow:0 0 14px rgba(85,217,139,.75)}.pipeline{display:flex;flex-direction:column}.pipe-card{padding:18px;border:1px solid rgba(255,255,255,.09);background:#0b0b0b;border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:end}.pipe-card small{grid-column:1/-1;color:#666;font-size:9px;letter-spacing:.14em}.pipe-card strong{font-size:20px}.pipe-card span{font-size:11px;color:#777}.pipe-card.active{border-color:rgba(224,126,60,.32);background:linear-gradient(100deg,rgba(224,126,60,.11),#0b0b0b 55%)}.pipe-card.orange{background:var(--orange);color:#0a0a0a;border-color:var(--orange)}.pipe-card.orange small,.pipe-card.orange span{color:rgba(0,0,0,.62)}.pipe-line{height:24px;position:relative}.pipe-line:before{content:"";position:absolute;left:26px;top:0;bottom:0;border-left:1px dashed rgba(255,255,255,.18)}.pipe-line i{position:absolute;left:22.5px;top:8px;width:8px;height:8px;border-radius:50%;background:#333}.system-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.system-footer div{padding:10px;border-top:1px solid rgba(255,255,255,.08)}.system-footer b{font-size:11px;display:block}.system-footer span{font-size:8px;color:#666;display:block;margin-top:4px}
.ticker{background:var(--orange);color:#050505;overflow:hidden;border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2)}.ticker-track{display:flex;gap:24px;align-items:center;white-space:nowrap;width:max-content;padding:16px 0;font-weight:800;font-size:13px;letter-spacing:.04em;animation:ticker 24s linear infinite}.ticker-track i{font-style:normal;font-size:18px}@keyframes ticker{to{transform:translateX(-35%)}}
.two-col{display:grid;grid-template-columns:220px 1fr;gap:70px}.section-label{font-size:11px;letter-spacing:.15em;font-weight:700;color:#777;padding-top:8px}.content-wide{max-width:820px}.answer-kicker,.eyebrow-simple{font-size:11px;letter-spacing:.16em;font-weight:750;color:var(--orange);margin:0 0 14px}.answer-section h2,.intent-section h2{font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.045em;margin:0 0 28px}.answer-lead{font-size:22px;line-height:1.55;letter-spacing:-.02em;margin:0 0 22px}.content-wide>p:not(.answer-kicker):not(.answer-lead){font-size:17px;color:#595959;max-width:760px}.callout{margin-top:38px;border-left:3px solid var(--orange);padding:18px 22px;background:#f7f7f7;font-size:17px}
.section-heading{display:grid;grid-template-columns:220px 1fr;gap:70px;align-items:start;margin-bottom:62px}.section-heading h2{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.052em;margin:0}.section-heading .eyebrow-simple{margin-bottom:14px}.method-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}.method-card{min-height:330px;padding:24px 20px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;position:relative;transition:.25s;background:rgba(255,255,255,.012)}.method-card:hover{background:rgba(224,126,60,.07);transform:translateY(-4px)}.card-number{font-size:10px;color:#666;letter-spacing:.12em}.icon-box{width:42px;height:42px;border-radius:10px;background:#171717;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin:48px 0 24px;color:var(--orange);font-size:22px}.method-card h3{font-size:21px;margin:0 0 12px}.method-card p{font-size:13px;color:#888;line-height:1.65;margin:0 0 24px}.tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:5px}
.light-heading .section-label{color:#777}.light-heading h2{color:#111}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.answer-card{background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:22px;padding:34px;min-height:480px}.dark-card{background:#090909;color:#fff;border-color:#090909}.answer-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;font-weight:700;color:#777}.answer-top i{font-style:normal}.answer-card h3{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:80px 0 22px}.answer-card p{font-size:16px;color:#555;line-height:1.7}.dark-card p{color:#aaa}.answer-card ul{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid rgba(0,0,0,.1)}.dark-card ul{border-top-color:rgba(255,255,255,.12)}.answer-card li{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08);font-size:13px}.dark-card li{border-bottom-color:rgba(255,255,255,.08);color:#ccc}.channel-summary{margin-top:18px;background:var(--orange);border-radius:18px;padding:26px 30px;display:flex;justify-content:space-between;gap:30px;font-size:18px}.channel-summary strong{font-size:18px}
.funnel-wrap{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;align-items:stretch;margin-top:20px}.funnel-step{border:1px solid var(--line-dark);padding:22px 18px;border-radius:14px;min-height:128px;display:flex;flex-direction:column}.funnel-step>span{font-size:9px;color:#999}.funnel-step strong{margin-top:auto;font-size:17px}.funnel-step small{color:#777;font-size:10px;margin-top:3px}.funnel-step.highlight{background:var(--orange);border-color:var(--orange)}.funnel-step.highlight small,.funnel-step.highlight>span{color:rgba(0,0,0,.55)}.funnel-arrow{display:flex;align-items:center;justify-content:center;color:#aaa}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d6d6d6;border:1px solid #d6d6d6;margin-top:58px}.metrics-grid>div{background:#fff;padding:26px;min-height:135px}.metrics-grid span{font-size:11px;letter-spacing:.12em;font-weight:800}.metrics-grid p{font-size:14px;color:#666;margin:25px 0 0}.metrics-grid .metric-orange{background:var(--orange)}.metrics-grid .metric-orange p{color:#342115}
.problem-section{background:linear-gradient(120deg,#050505 0 56%,#0d0805 100%)}.problem-section h2,.cta-copy h2{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:0 0 30px}.big-copy{font-size:22px;color:#aaa;max-width:650px}.diagnostic-list{margin:46px 0 38px;border-top:1px solid rgba(255,255,255,.12)}.diagnostic-list>div{display:grid;grid-template-columns:52px 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0}.diagnostic-list span{font-size:10px;color:#666}.diagnostic-list p{margin:0;color:#ccc;font-size:15px}.on-dark{color:#fff;font-size:19px}
.steps-text{margin-top:48px;border-top:1px solid rgba(0,0,0,.13)}.steps-text>div{display:grid;grid-template-columns:70px 1fr;padding:19px 0;border-bottom:1px solid rgba(0,0,0,.13)}.steps-text b{font-size:11px;color:var(--orange)}.steps-text span{font-size:16px}.fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fit-card{border:1px solid rgba(0,0,0,.12);padding:28px;border-radius:16px;min-height:240px}.fit-card>span{font-size:10px;color:var(--orange);font-weight:800}.fit-card h3{font-size:24px;margin:70px 0 12px}.fit-card p{font-size:13px;color:#666;margin:0}.compliance-note{font-size:11px;color:#777;max-width:760px;margin:24px 0 0}
.faq-list{border-top:1px solid rgba(255,255,255,.14)}.faq-item{border-bottom:1px solid rgba(255,255,255,.14)}.faq-item summary{list-style:none;padding:24px 0;font-size:19px;font-weight:650;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:var(--orange);font-size:25px;font-weight:300;transition:.2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item>div{max-width:800px;padding:0 0 26px}.faq-item p{color:#aaa;font-size:15px;line-height:1.75;margin:0}
.cta-section{background:linear-gradient(135deg,#f4f4f4 0%,#fff 55%,#f6e8df 100%);color:#090909}.cta-grid{display:grid;grid-template-columns:1fr 520px;gap:80px;align-items:start}.cta-copy p:not(.eyebrow-simple){font-size:18px;color:#555;max-width:630px}.contact-mini{display:flex;gap:18px;flex-wrap:wrap;margin-top:44px}.contact-mini span{font-size:10px;letter-spacing:.12em;border:1px solid rgba(0,0,0,.16);padding:8px 10px;border-radius:999px}.lead-form{background:#080808;color:#fff;border-radius:22px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.15)}.form-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;color:#777;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:18px;margin-bottom:22px}.form-head i{font-style:normal}.field{margin-bottom:16px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:11px;color:#aaa;margin-bottom:7px}.field input,.field select{width:100%;background:#111;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px 14px;outline:none;transition:.2s}.field input:focus,.field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(224,126,60,.12)}.field input::placeholder{color:#555}.consent{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;font-size:10px;color:#777;line-height:1.5;margin:7px 0 18px}.consent input{accent-color:var(--orange);margin-top:2px}.form-note{font-size:9px!important;color:#555!important;text-align:center;margin:10px 0 0!important}.form-feedback{font-size:11px;line-height:1.5;margin-top:12px;min-height:16px}.form-feedback.success{color:#79d99d}.form-feedback.error{color:#ff8f8f}
.site-footer{background:#000;color:#fff;border-top:1px solid rgba(255,255,255,.1);padding:46px 0 90px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:end}.footer-grid img{width:180px}.footer-grid p{font-size:11px;color:#666;margin:10px 0 0}.footer-meta{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#888}.footer-meta a:hover{color:#fff}.footer-copy{text-align:right;font-size:9px;letter-spacing:.09em;color:#555;line-height:1.8}.mobile-sticky{display:none}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ticker-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}
@media (max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:50px}.hero{min-height:auto}.hero-system{max-width:720px}.method-grid{grid-template-columns:repeat(2,1fr)}.method-card:last-child{grid-column:1/-1}.cta-grid{grid-template-columns:1fr;gap:48px}.lead-form{max-width:650px}.fit-grid{grid-template-columns:repeat(2,1fr)}.funnel-wrap{grid-template-columns:1fr;gap:8px}.funnel-arrow{transform:rotate(90deg);height:24px}.section-heading,.two-col{grid-template-columns:160px 1fr;gap:40px}}
@media (max-width:760px){.container{width:min(100% - 30px,var(--container))}.section{padding:78px 0}.header-inner{height:68px}.brand img{width:150px}.desktop-nav,.header-inner>.btn{display:none}.hero{padding:60px 0 70px}.hero h1{font-size:45px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-system{padding:14px;border-radius:18px}.system-footer{grid-template-columns:1fr 1fr}.ticker-track{font-size:11px}.two-col,.section-heading{grid-template-columns:1fr;gap:24px}.section-label{padding-top:0}.answer-section h2,.intent-section h2{font-size:38px}.answer-lead{font-size:18px}.method-grid{grid-template-columns:1fr}.method-card:last-child{grid-column:auto}.method-card{min-height:280px}.section-heading{margin-bottom:38px}.section-heading h2{font-size:42px}.answer-grid{grid-template-columns:1fr}.answer-card{min-height:auto;padding:26px}.answer-card h3{margin-top:50px;font-size:30px}.channel-summary{flex-direction:column}.metrics-grid{grid-template-columns:1fr 1fr}.fit-grid{grid-template-columns:1fr}.fit-card{min-height:210px}.problem-section h2,.cta-copy h2{font-size:44px}.steps-text>div{grid-template-columns:42px 1fr}.field-grid{grid-template-columns:1fr}.lead-form{padding:22px}.footer-grid{grid-template-columns:1fr;align-items:start}.footer-copy{text-align:left}.site-footer{padding-bottom:110px}.mobile-sticky{display:flex;position:fixed;left:15px;right:15px;bottom:14px;z-index:110;background:var(--orange);color:#080808;border-radius:13px;padding:15px 18px;font-weight:800;align-items:center;justify-content:space-between;box-shadow:0 14px 45px rgba(0,0,0,.35)}.contact-mini{gap:8px}.top-grid{background-size:36px 36px}.faq-item summary{font-size:16px}.micro-list{margin-top:32px}}
@media (max-width:420px){.hero h1{font-size:40px}.metrics-grid{grid-template-columns:1fr}.system-footer{grid-template-columns:1fr 1fr}.cta-copy h2,.problem-section h2{font-size:39px}}

/* ===== ROOTLABS TRICOLOGIA CLUSTER V2 ===== */
.cluster-nav{background:#090909;border-bottom:1px solid rgba(255,255,255,.08)}
.cluster-nav .container{display:flex;gap:8px;align-items:center;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}.cluster-nav .container::-webkit-scrollbar{display:none}
.cluster-nav a{white-space:nowrap;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#777;border:1px solid rgba(255,255,255,.09);padding:8px 10px;border-radius:999px}.cluster-nav a:hover,.cluster-nav a[aria-current="page"]{color:#111;background:var(--orange);border-color:var(--orange)}
.article-hero{padding:86px 0 62px;background:radial-gradient(circle at 75% 20%,rgba(224,126,60,.13),transparent 30%),#050505;color:#fff;border-bottom:1px solid rgba(255,255,255,.09)}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:70px;align-items:end}.breadcrumbs{font-size:10px;color:#6f6f6f;letter-spacing:.08em;margin-bottom:28px}.breadcrumbs a:hover{color:var(--orange)}
.article-hero h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.article-hero h1 em{font-style:normal;color:var(--orange)}.article-hero .hero-lead{max-width:790px}
.intent-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);border-radius:18px;padding:24px}.intent-card small{font-size:9px;letter-spacing:.12em;color:#696969}.intent-card strong{display:block;font-size:22px;margin:28px 0 10px}.intent-card p{margin:0;color:#888;font-size:13px;line-height:1.65}.intent-card .mini-kpis{display:grid;grid-template-columns:1fr 1fr;margin-top:26px;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.mini-kpis span{padding:12px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);font-size:9px;color:#999}
.answer-box{background:#fff;border:1px solid #dedede;border-radius:20px;padding:32px;margin:28px 0}.answer-box .answer-label{font-size:9px;letter-spacing:.13em;color:var(--orange);font-weight:800}.answer-box h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;line-height:1.05;margin:18px 0}.answer-box p{font-size:18px;line-height:1.7;color:#404040;margin:0;max-width:920px}
.content-section{padding:84px 0}.content-section.alt{background:#f5f5f5}.content-section.dark{background:#060606;color:#fff}.content-grid{display:grid;grid-template-columns:240px 1fr;gap:70px}.content-kicker{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--orange);font-weight:800}.prose h2{font-size:clamp(36px,4.8vw,60px);line-height:1.02;letter-spacing:-.047em;margin:0 0 24px}.prose h3{font-size:26px;letter-spacing:-.03em;margin:42px 0 12px}.prose p,.prose li{font-size:16px;line-height:1.78;color:#555}.dark .prose p,.dark .prose li{color:#aaa}.prose ul{padding-left:20px}.prose strong{color:#111}.dark .prose strong{color:#fff}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.feature-card{border:1px solid #ddd;background:#fff;border-radius:16px;padding:24px;min-height:230px}.dark .feature-card{background:#0d0d0d;border-color:rgba(255,255,255,.1)}.feature-card .n{font-size:10px;color:var(--orange);font-weight:800}.feature-card h3{font-size:22px;margin:56px 0 12px}.feature-card p{font-size:13px!important;line-height:1.65!important;color:#666!important;margin:0}.dark .feature-card p{color:#888!important}
.compare-table{width:100%;border-collapse:collapse;margin-top:26px;background:#fff}.compare-table th,.compare-table td{border:1px solid #dedede;padding:16px;text-align:left;vertical-align:top}.compare-table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#0b0b0b;color:#fff}.compare-table td{font-size:14px;color:#555;line-height:1.5}.compare-table td:first-child{font-weight:700;color:#111;width:22%}
.callout{border-left:4px solid var(--orange);padding:18px 22px;background:rgba(224,126,60,.08);margin:32px 0}.callout p{margin:0!important}.dark .callout{background:rgba(224,126,60,.09)}
.topic-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.topic-link{display:flex;flex-direction:column;min-height:190px;border:1px solid #ddd;border-radius:16px;padding:22px;background:#fff}.topic-link small{font-size:9px;color:#999}.topic-link strong{margin-top:auto;font-size:19px;line-height:1.15}.topic-link span{color:var(--orange);margin-top:10px}.topic-link:hover{border-color:var(--orange);transform:translateY(-2px)}
.search-intents{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.search-intents span{font-size:11px;background:#f1f1f1;border:1px solid #ddd;border-radius:999px;padding:8px 11px}.dark .search-intents span{background:#111;border-color:#222;color:#aaa}
.faq-plain{margin-top:28px}.faq-plain details{border-top:1px solid #ddd}.faq-plain details:last-child{border-bottom:1px solid #ddd}.faq-plain summary{cursor:pointer;list-style:none;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-weight:700}.faq-plain summary::-webkit-details-marker{display:none}.faq-plain summary::after{content:'+';color:var(--orange);font-size:22px;font-weight:400}.faq-plain details[open] summary::after{content:'–'}.faq-plain details p{margin:0;padding:0 0 20px;max-width:880px}.dark .faq-plain details{border-color:#222}
.source-note{font-size:11px!important;color:#777!important;border-top:1px solid #ddd;padding-top:16px;margin-top:30px!important}.noindex-banner{background:#fff3d7;color:#624000;border-bottom:1px solid #ead39d;padding:11px 0;font-size:12px}.noindex-banner strong{font-weight:800}
.form-success-actions{display:none;margin-top:16px}.form-feedback.success + .form-success-actions{display:block}.form-success-actions a{width:100%;text-align:center}
@media(max-width:900px){.article-hero-grid,.content-grid{grid-template-columns:1fr}.article-hero-grid{gap:36px}.content-grid{gap:22px}.feature-grid,.topic-links{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.article-hero{padding:55px 0 42px}.article-hero h1{font-size:44px}.feature-grid,.topic-links{grid-template-columns:1fr}.answer-box{padding:24px}.answer-box p{font-size:16px}.compare-table{display:block;overflow-x:auto}.content-section{padding:68px 0}}

/* Search Intent / Answer Layer — conteúdo real, acessível e recolhido por padrão */
.search-intent-section{background:#f4f4f2;color:#0b0b0b;border-top:1px solid #dededb}
.search-intent-head{display:grid;grid-template-columns:180px 1fr;gap:52px;align-items:start;margin-bottom:34px}
.search-intent-head h2{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.04em;margin:8px 0 14px;max-width:980px}
.search-intent-intro{font-size:17px;line-height:1.7;color:#57575b;max-width:820px;margin:0}
.search-intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;border-top:1px solid #d8d8d5}
.intent-question{border-bottom:1px solid #d8d8d5}
.intent-question summary{cursor:pointer;list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:17px 0;font-size:15px;line-height:1.42;font-weight:700;text-transform:none}
.intent-question summary::-webkit-details-marker{display:none}
.intent-question summary span{flex:0 0 auto;color:var(--orange);font-size:21px;line-height:1;transition:transform .2s ease}
.intent-question[open] summary span{transform:rotate(45deg)}
.intent-question>div{padding:0 28px 18px 0}
.intent-question p{margin:0;color:#5d5d61;font-size:14px;line-height:1.7}
@media (max-width:760px){.search-intent-head{grid-template-columns:1fr;gap:18px}.search-intent-grid{grid-template-columns:1fr}.search-intent-head h2{font-size:36px}.intent-question summary{font-size:14px;padding:15px 0}}

/* V5 — contrast fix for dark editorial sections */
.content-section.dark .prose h2,.content-section.dark .prose h3,.content-section.dark .faq-plain summary{color:#fff}
.content-section.dark .content-kicker{color:var(--orange)}


/* V5 — compact Knowledge Drawer: long-tail answers stay in HTML and user-accessible without dominating the LP */
.search-intent-section{background:#0a0a0a;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:0}
.search-intent-section .container{padding-top:0;padding-bottom:0}
.knowledge-drawer{margin:0}
.knowledge-drawer>summary{list-style:none;cursor:pointer;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;color:#fff}
.knowledge-drawer>summary::-webkit-details-marker{display:none}
.knowledge-drawer>summary span{display:flex;align-items:center;gap:22px;min-width:0}
.knowledge-drawer>summary small{font-size:9px;letter-spacing:.16em;color:var(--orange);font-weight:800;white-space:nowrap}
.knowledge-drawer>summary strong{font-size:15px;letter-spacing:-.01em;font-weight:700;color:#d9d9d9}
.knowledge-drawer>summary i{font-style:normal;color:var(--orange);font-size:24px;line-height:1;font-weight:300;transition:transform .2s ease}
.knowledge-drawer[open]>summary i{transform:rotate(45deg)}
.knowledge-drawer-body{padding:54px 0 78px;border-top:1px solid rgba(255,255,255,.08)}
.search-intent-head{display:grid;grid-template-columns:180px 1fr;gap:52px;align-items:start;margin-bottom:34px}
.search-intent-head .section-label{color:#777}
.search-intent-head h2{color:#fff;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.04em;margin:8px 0 14px;max-width:980px}
.search-intent-intro{font-size:17px;line-height:1.7;color:#8d8d91;max-width:820px;margin:0}
.search-intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;border-top:1px solid rgba(255,255,255,.10)}
.intent-question{border-bottom:1px solid rgba(255,255,255,.10)}
.intent-question summary{color:#e7e7e7;cursor:pointer;list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:17px 0;font-size:15px;line-height:1.42;font-weight:700;text-transform:none}
.intent-question summary::-webkit-details-marker{display:none}
.intent-question summary span{flex:0 0 auto;color:var(--orange);font-size:21px;line-height:1;transition:transform .2s ease}
.intent-question[open] summary span{transform:rotate(45deg)}
.intent-question>div{padding:0 28px 18px 0}
.intent-question p{margin:0;color:#96969a;font-size:14px;line-height:1.7}
@media (max-width:760px){
 .knowledge-drawer>summary{min-height:74px;padding:14px 0}
 .knowledge-drawer>summary span{display:block}
 .knowledge-drawer>summary small{display:block;margin-bottom:4px}
 .knowledge-drawer>summary strong{font-size:14px}
 .knowledge-drawer-body{padding:38px 0 52px}
 .search-intent-head{grid-template-columns:1fr;gap:18px}
 .search-intent-grid{grid-template-columns:1fr}
 .search-intent-head h2{font-size:34px}
 .intent-question summary{font-size:14px;padding:15px 0}
}



/* ROOTLABS V12 — TICKER INFINITO */
.ticker-track{
  display:flex !important;
  align-items:center;
  gap:0 !important;
  width:max-content;
  padding:0 !important;
  white-space:nowrap;
  will-change:transform;
  animation:rootlabsTickerInfinite var(--ticker-duration,24s) linear infinite !important;
}
.ticker-group{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:24px;
  padding:16px 24px 16px 0;
  white-space:nowrap;
  font-weight:800;
  font-size:13px;
  letter-spacing:.04em;
}
.ticker-group i{font-style:normal;font-size:18px}
@keyframes rootlabsTickerInfinite{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-1 * var(--ticker-shift,0px)),0,0)}
}



/* =========================================================
   ROOTLABS V12 — RESPONSIVIDADE DEFENSIVA GLOBAL
   ========================================================= */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
body{
  width:100%;
  max-width:100%;
  min-width:0 !important;
  overflow-x:hidden !important;
}
*,*::before,*::after{
  box-sizing:border-box;
  min-width:0;
}
main,header,footer,section,nav,form{
  max-width:100%;
  min-width:0;
}
img,svg,video,canvas,iframe{
  max-width:100%;
  height:auto;
}
input,select,textarea,button{
  max-width:100%;
  min-width:0;
}
.container{
  max-width:var(--container);
  min-width:0;
}
.hero-grid,.two-col,.section-heading,.cta-grid,.footer-grid,
.answer-grid,.method-grid,.metrics-grid,.fit-grid,.field-grid,
.topic-links,.feature-grid,.article-hero-grid,.content-grid,
.search-intent-head,.search-intent-grid,.system-footer{
  min-width:0;
}
.hero-grid>*,.two-col>*,.section-heading>*,.cta-grid>*,
.footer-grid>*,.answer-grid>*,.method-grid>*,.metrics-grid>*,
.fit-grid>*,.field-grid>*,.topic-links>*,.feature-grid>*,
.article-hero-grid>*,.content-grid>*,.search-intent-head>*,
.search-intent-grid>*,.system-footer>*{
  min-width:0;
  max-width:100%;
}
h1,h2,h3,h4,p,a,span,strong,label,summary{
  overflow-wrap:anywhere;
}
.btn,.btn-primary,.btn-outline,.btn-full{
  max-width:100%;
  white-space:normal;
  text-align:center;
}
.lead-form,.hero-system,.answer-card,.method-card,.fit-card,
.topic-link,.feature-card,.answer-box,.knowledge-drawer,
.search-intent-section,.faq-list{
  width:100%;
  max-width:100%;
  min-width:0;
}
.field input,.field select,.field textarea{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

/* CTA flutuante antigo: removido do HTML e bloqueado por segurança. */
.mobile-sticky,
a.mobile-sticky,
.mobile-sticky.js-cta{
  display:none !important;
  width:0 !important;
  max-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* Seção Conteúdos / Cluster: contraste explícito. */
.cluster-section{
  background:#050505 !important;
  color:#fff !important;
}
.cluster-section .section-label{
  color:#777 !important;
}
.cluster-section .eyebrow-simple{
  color:var(--orange) !important;
}
.cluster-section h2{
  color:#fff !important;
}
.cluster-section .answer-lead{
  color:#aaa !important;
}
.cluster-section .topic-link{
  background:#fff !important;
  color:#0b0b0b !important;
}
.cluster-section .topic-link small{
  color:#999 !important;
}
.cluster-section .topic-link strong{
  color:#0b0b0b !important;
}
.cluster-section .topic-link span{
  color:var(--orange) !important;
}

@media (max-width:760px){
  html,body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .container{
    width:calc(100% - 30px) !important;
    max-width:calc(100% - 30px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-grid,.two-col,.section-heading,.cta-grid,.footer-grid,
  .answer-grid,.method-grid,.fit-grid,.field-grid,.topic-links,
  .feature-grid,.article-hero-grid,.content-grid,.search-intent-head,
  .search-intent-grid{
    grid-template-columns:minmax(0,1fr) !important;
  }

  .metrics-grid,.system-footer{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .funnel-wrap{
    grid-template-columns:minmax(0,1fr) !important;
  }

  .hero-system,.lead-form,.answer-card,.method-card,.fit-card,
  .topic-link,.feature-card,.answer-box{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .hero h1{
    font-size:clamp(38px,11vw,48px) !important;
    max-width:100% !important;
  }

  .article-hero h1{
    font-size:clamp(36px,10.5vw,44px) !important;
  }

  .section-heading h2,.answer-section h2,.intent-section h2,
  .problem-section h2,.cta-copy h2,.cluster-section h2{
    font-size:clamp(34px,9.5vw,42px) !important;
    max-width:100% !important;
  }

  .hero-actions{
    width:100%;
    align-items:stretch !important;
  }
  .hero-actions .btn{
    width:100%;
  }

  .channel-summary{
    width:100%;
    max-width:100%;
    flex-direction:column !important;
  }

  .contact-mini{
    max-width:100%;
  }
  .contact-mini span,.footer-meta a{
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .cluster-nav{
    max-width:100%;
    overflow:hidden;
  }
  .cluster-nav .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:15px;
    padding-right:15px;
    margin:0 !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  .topic-link{
    min-height:150px !important;
  }

  .lead-form{
    padding:20px !important;
  }

  .form-head{
    gap:12px;
    flex-wrap:wrap;
  }

  .site-footer{
    padding-bottom:80px !important;
  }

  .ticker{
    width:100%;
    max-width:100%;
    overflow:hidden !important;
  }
}

@media(max-width:420px){
  .container{
    width:calc(100% - 24px) !important;
    max-width:calc(100% - 24px) !important;
  }
  .metrics-grid,.system-footer{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  }
  .lead-form{
    padding:18px !important;
    border-radius:18px !important;
  }
}



/* =========================================================
   ROOTLABS V13 — MOBILE / OVERFLOW + MENU HORIZONTAL
   Corrige Safari/iOS: pseudo-elemento do hero com 840px
   e links do menu que estavam encolhendo/sobrepondo.
   ========================================================= */

/* O hero deve ser sempre o containing/painting context do efeito. */
.hero{
  position:relative !important;
  isolation:isolate;
  max-width:100%;
  overflow:hidden !important;
  contain:paint;
}

/* Em desktop o efeito continua, mas não pode interferir no layout. */
.hero::before,
.hero::after{
  pointer-events:none !important;
}

/* Navegação de cluster: nunca comprimir os itens. */
.cluster-nav{
  width:100%;
  max-width:100%;
  overflow:hidden !important;
}
.cluster-nav .container{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:8px !important;
}
.cluster-nav a{
  flex:0 0 auto !important;
  min-width:max-content !important;
  white-space:nowrap !important;
}

/* Safari/iOS */
@media (max-width:900px){
  /*
    O círculo decorativo de 840px com blur era o principal candidato
    ao canvas exceder o viewport no Safari. No mobile ele deixa de
    existir como elemento e o brilho passa para o background da seção.
  */
  .hero::before,
  .hero::after{
    content:none !important;
    display:none !important;
  }

  .hero{
    background:
      radial-gradient(circle at 92% 3%,
        rgba(224,126,60,.18) 0,
        rgba(224,126,60,.07) 20%,
        transparent 48%),
      #050505 !important;
    filter:none !important;
    clip-path:inset(0);
  }

  .cluster-nav .container{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:10px 16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .cluster-nav .container::-webkit-scrollbar{
    display:none;
  }
  .cluster-nav a{
    scroll-snap-align:start;
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:max-content !important;
    font-size:10px !important;
    padding:9px 12px !important;
  }

  /* Evita elementos de UI excedendo o viewport. */
  .hero-grid,
  .hero-grid > *,
  .hero-actions,
  .hero-system,
  .lead-form,
  .cta-grid,
  .cta-grid > *{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  /* CTA normal do hero: 100% do container, nunca maior. */
  .hero-actions .btn{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

/* iPhone pequeno */
@media (max-width:480px){
  .hero{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .hero h1{
    font-size:clamp(38px,11.5vw,46px) !important;
    line-height:.98 !important;
  }

  .hero-lead{
    font-size:16px !important;
    line-height:1.6 !important;
  }

  .cluster-nav a{
    letter-spacing:.055em !important;
  }
}
