:root{--navy:#102633;--deep:#071b25;--blue:#087ea4;--cyan:#19b9df;--green:#08c99b;--yellow:#ffbf2f;--ink:#132a36;--muted:#55707d;--paper:#f5f8f8;--white:#fff;--line:#dbe7e9;--sw-deep:#003D82;--sw-ocean:#0066CC;--sw-orange:#FF8C00;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:10;background:#fff;padding:.7rem 1rem}.header{height:88px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--sw-deep);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - var(--max))/2));position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(229,231,235,.8);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:all .3s}.brand{text-decoration:none;display:flex;align-items:center}.brand img{display:block;height:72px;width:auto;transition:transform .3s}
.brand:hover img{transform:scale(1.05)}.nav{display:flex;gap:.15rem;align-items:center}.nav a{text-decoration:none;font-size:.95rem;font-weight:600;color:var(--sw-deep);padding:.5rem .625rem;border-radius:8px;transition:all .2s;white-space:nowrap}.nav a:hover{color:var(--sw-ocean);background:rgba(0,102,204,.05)}
.nav a.atual{color:var(--sw-ocean);background:rgba(0,102,204,.08);font-weight:700}
.nav a.blog{color:var(--sw-orange);font-weight:700}
.nav a.blog:hover{color:var(--sw-orange);background:rgba(255,140,0,.1)}
.nav a.blog.atual{color:var(--sw-orange);background:rgba(255,140,0,.12)}.nav .login{background:var(--sw-ocean);color:#fff;border-radius:99px;padding:.6rem 1.15rem;margin-left:.6rem;font-weight:700;box-shadow:0 4px 10px #0066cc33}
.nav .login:hover{background:var(--sw-deep);color:#fff}.menu{display:none;background:transparent;color:var(--sw-deep);border:1px solid #cfd8e3;border-radius:8px;padding:.55rem;font-weight:600}.eyebrow{font-size:.74rem;font-weight:850;letter-spacing:.18em;color:#00896e}.button{display:inline-block;background:var(--yellow);color:#20313a;text-decoration:none;border-radius:10px;padding:.85rem 1.25rem;font-weight:800;box-shadow:0 7px 18px #061c2630}.button:hover{background:#ffd263}.button.alt{background:transparent;color:#fff;border:1px solid #85c6d2;box-shadow:none}.hero{min-height:660px;background:linear-gradient(120deg,#073f58 0%,#087b9e 62%,#05a68d 145%);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center;padding:5rem max(24px,calc((100% - var(--max))/2));overflow:hidden}.hero h1,.article-hero h1{font-size:clamp(2.8rem,5.7vw,5.25rem);line-height:.98;letter-spacing:-.055em;margin:.7rem 0 1.5rem;max-width:900px}.hero p{font-size:1.18rem;max-width:620px;color:#d2edf2}.hero .eyebrow,.article-hero .eyebrow{color:#7ff2cf}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.hero-checks{display:flex;flex-wrap:wrap;gap:.65rem 1.4rem;padding:0;margin:2rem 0 0;list-style:none;color:#d4eff1;font-size:.88rem}.hero-checks li:before{content:"✓";color:#7ff2cf;font-weight:900;margin-right:.45rem}.product-window{background:#f8fbfc;color:var(--ink);border-radius:18px;box-shadow:0 32px 80px #031c294f;overflow:hidden;transform:rotate(1deg);border:1px solid #ffffff73}.window-bar{height:44px;background:var(--navy);display:flex;align-items:center;gap:7px;padding:0 14px;color:#bed4db}.window-bar>span{width:8px;height:8px;border-radius:50%;background:#52717d}.window-bar>span:nth-child(3){background:var(--green)}.window-bar b{font-size:.73rem;font-weight:600;margin-left:auto}.window-body{padding:1.4rem}.mock-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.mock-heading small,.mock-kpis small{display:block;color:#6d8490;font-size:.62rem;font-weight:800;letter-spacing:.12em}.mock-heading strong{font-size:2rem;line-height:1.2;display:block}.mock-heading em{font-style:normal;color:#926000;background:#fff0b8;border-radius:99px;padding:.28rem .55rem;font-size:.66rem}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1rem 0}.mock-kpis>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.8rem}.mock-kpis b{font-size:1rem;display:block}.mock-kpis span{font-size:.65rem;color:#66808c}.mock-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:.7rem}.mock-chart,.mock-findings{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.9rem}.chart-title{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem}.chart-title span{color:#6b828c;font-size:.62rem}.bars{height:105px;display:flex;gap:8px;align-items:end;border-bottom:1px solid #dce7e9;padding:0 3px;margin-top:.7rem}.bars i{display:block;width:100%;background:linear-gradient(#18b9df,#087ea4);border-radius:3px 3px 0 0}.bars i.future{background:repeating-linear-gradient(45deg,#a9e2e9,#a9e2e9 3px,#edf8f9 3px,#edf8f9 6px);border:1px dashed #48aabc}.mock-findings>b{font-size:.76rem}.mock-findings p{font-size:.64rem!important;color:#58707b!important;border-top:1px solid #edf2f3;margin:.5rem 0 0!important;padding-top:.5rem;display:grid;grid-template-columns:auto 1fr;gap:0 .35rem}.mock-findings p strong{grid-column:2;color:#1b3541}.dot{width:7px;height:7px;border-radius:50%;margin-top:.28rem}.dot.amber{background:var(--yellow)}.dot.green{background:var(--green)}.dot.blue{background:var(--cyan)}.illustrative{display:block;background:#edf4f5;color:#758b94;text-align:center;padding:.35rem;font-size:.62rem}.proof{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;background:var(--navy);color:#b7ccd3;padding:1rem 24px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.section{max-width:var(--max);margin:auto;padding:6rem 24px}.section-copy{max-width:none}.section h2,.cta h2,.trust-section h2{font-size:clamp(2.1rem,4vw,3.75rem);line-height:1.05;letter-spacing:-.045em;margin:.65rem 0 1rem}.section-copy>p,.feature-heading>p,.trust-copy>p{font-size:1.16rem;color:var(--muted)}.product-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:6rem;align-items:start}.outcome-list{border-top:1px solid #cbdadd}.outcome-list>div{display:grid;grid-template-columns:45px 1fr;gap:1rem;padding:1.1rem 0;border-bottom:1px solid #cbdadd}.outcome-list>div>b{color:var(--blue);font-size:.78rem}.outcome-list strong{display:block;font-size:1.03rem}.outcome-list span{color:var(--muted)}.feature-section{background:#eaf2f3;padding-bottom:6rem}.feature-heading{padding-bottom:2.5rem}.pillar-wrap{max-width:var(--max);margin:auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pillar{background:#fff;border-radius:18px;border-top:6px solid var(--cyan);padding:2rem;position:relative;overflow:hidden;box-shadow:0 10px 24px #061c2614,0 2px 4px #061c260a}.pillar.optimize{border-color:var(--green)}.pillar.operate{border-color:var(--yellow)}.pillar-number{position:absolute;right:1rem;top:.5rem;color:#e9f0f1;font-size:4.2rem;font-weight:900;line-height:1}.pillar h3{font-size:1.65rem;line-height:1.15;margin:.55rem 0 1.25rem;position:relative}.pillar ul{padding-left:1.15rem;color:#46616d}.pillar li{margin:.55rem 0}.pillar a{display:inline-block;color:var(--blue);font-weight:800;text-decoration:none;margin-top:.8rem}.workflow{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem}.workflow-steps{list-style:none;padding:0;margin:0}.workflow-steps li{display:grid;grid-template-columns:50px 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.workflow-steps li:first-child{padding-top:0}
/* SEQUENCIAS NUMERADAS -- ha duas, e so duas.
   VERDE (#d9f5ef / #007b63, 38px): o fluxo principal, em .workflow-steps.
   AZUL  (#dceef7 / #0b6a8a, 24px): sub-passo dentro de card, em .steps-detail.
   Verde e o caminho; azul e o detalhe por provedor. Sequencia nova escolhe
   entre as duas -- nao inventa uma terceira cor nem um terceiro tamanho. */
.workflow-steps li>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#d9f5ef;color:#007b63}.workflow-steps strong{font-size:1.08rem}.workflow-steps p{margin:.2rem 0 0;color:var(--muted)}.trust-section{background:var(--navy);color:#fff;padding:6rem max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:6rem}.trust-section .eyebrow{color:#7ff2cf}.trust-copy>p{color:#bed2d8}.trust-points>div{padding:1.15rem 0;border-bottom:1px solid #36505b}.trust-points b{display:block;color:#fff}.trust-points span{color:#aac2ca}.content-hub>.section-copy{margin-bottom:2.5rem}.content-groups{display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:1rem}.content-groups>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem}.content-groups h3{margin-top:0}.content-groups a{display:block;text-decoration:none;border-top:1px solid #e4edef;padding:.9rem 0}.content-groups a:hover b{color:var(--blue)}.content-groups b,.content-groups span{display:block}.content-groups span{color:var(--muted);font-size:.88rem}.cta{max-width:var(--max);margin:5rem auto;padding:3rem;border-radius:22px;background:linear-gradient(100deg,#e4f8fa,#d6f8ed);display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta h2{max-width:760px}.cta p{color:var(--muted);margin-bottom:0}.article-hero{background:linear-gradient(120deg,#063f58,#087d9f);color:#fff;padding:6rem max(24px,calc((100% - var(--max))/2));min-height:430px}.article-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);max-width:none}.article-hero p{font-size:1.2rem;max-width:760px;color:#d3edf2}.article{max-width:var(--max);margin:auto;padding:5rem 24px;display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:6rem}.article .prose{font-size:1.08rem}.article .prose h2{font-size:2rem;line-height:1.15;margin:2.5rem 0 .7rem}.article .prose h2:first-child{margin-top:0}.article .prose p{color:#415e6b}.article aside{background:#e1f5f4;border-top:5px solid var(--green);padding:1.8rem;height:max-content;border-radius:0 0 16px 16px}.article aside h2{line-height:1.2}.more{display:inline-block;color:var(--blue);font-weight:800;text-decoration:none;margin-top:.7rem}.footer{background:#0b1d27;color:#b6cad1;padding:3rem max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer strong{color:#fff}.footer nav{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.footer a{text-decoration:none}.legal{grid-column:1/-1;border-top:1px solid #2b414a;padding-top:1.5rem;font-size:.78rem}@media(max-width:950px){.hero{grid-template-columns:1fr}.product-window{max-width:680px;transform:none}.product-intro,.workflow,.trust-section{grid-template-columns:1fr;gap:3rem}.pillar-wrap{grid-template-columns:1fr}.content-groups{grid-template-columns:1fr 1fr}.content-groups>div:last-child{grid-column:1/-1}}@media(max-width:800px){.menu{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:1rem 24px;flex-direction:column;align-items:stretch;gap:.15rem;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #0000001a}
.nav .login{margin-left:0;margin-top:.5rem;text-align:center}.nav.open{display:flex}.hero{min-height:auto;padding-top:4rem}.article{grid-template-columns:1fr;gap:2rem}.mock-grid{grid-template-columns:1fr}.cta{margin:3rem 24px;align-items:flex-start;flex-direction:column}.footer{grid-template-columns:1fr}.footer nav{justify-content:flex-start}}@media(max-width:560px){.hero h1{font-size:3rem}.mock-kpis{grid-template-columns:1fr}.content-groups{grid-template-columns:1fr}.content-groups>div:last-child{grid-column:auto}.product-window{margin-left:-10px;margin-right:-10px}.proof{gap:1rem 2rem}}
.plans-wrap{max-width:var(--max);margin:auto;padding:0 24px 1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}
.plan{background:#fff;border:1px solid var(--line);border-radius:18px;padding:2rem;display:flex;flex-direction:column;height:100%}
.plan.featured{border:2px solid var(--blue);box-shadow:0 18px 40px #061c261a;position:relative}
.plan .tag{position:absolute;top:-.8rem;left:2rem;background:var(--blue);color:#fff;font-size:.7rem;font-weight:850;letter-spacing:.12em;padding:.3rem .7rem;border-radius:99px}
.plan h2{font-size:1.5rem;margin:.4rem 0 .3rem}
.plan .who{color:var(--muted);font-size:.95rem;margin:0 0 1.4rem}
.plan .price{font-size:2.6rem;font-weight:900;line-height:1;color:var(--ink)}
.plan .price small{display:block;font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:0;margin-top:.45rem}
.plan ul{list-style:none;padding:0;margin:1.6rem 0 1.8rem;color:#46616d;flex:1}
.plan li{padding:.55rem 0 .55rem 1.6rem;border-top:1px solid #eef4f5;position:relative}
.plan li:before{content:"";position:absolute;left:0;top:1.05rem;width:9px;height:9px;border-radius:50%;background:var(--green)}
.plan li.off{color:#93a8b1}
.plan li.off:before{background:#d7e2e5}
.plan .button{text-align:center}
.plan .button.ghost{background:transparent;color:var(--blue);border:1px solid var(--blue);box-shadow:none}
.plan .button.ghost:hover{background:#eaf6fa}
.price-note{max-width:var(--max);margin:0 auto;padding:1.5rem 24px 0;color:var(--muted);font-size:.92rem}
.faq{max-width:860px;margin:auto;padding:1rem 24px 2rem}
.faq details{border-bottom:1px solid var(--line);padding:1.1rem 0}
.faq summary{cursor:pointer;font-weight:800;font-size:1.05rem;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:before{content:"+";color:var(--blue);font-weight:900;margin-right:.7rem}
.faq details[open] summary:before{content:"–"}
.faq p{color:#415e6b;margin:.8rem 0 0}
.crosssell{background:var(--navy);color:#b7ccd3;padding:2.5rem max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.crosssell a{background:#0d3141;border:1px solid #2a4c5b;border-radius:14px;padding:1.3rem 1.5rem;text-decoration:none;display:block}
.crosssell a:hover{border-color:var(--cyan)}
.crosssell b{display:block;color:#fff;font-size:1.05rem}
.crosssell span{color:#9fb9c2;font-size:.9rem}
.crosssell em{display:block;color:var(--cyan);font-style:normal;font-size:.72rem;font-weight:850;letter-spacing:.14em;margin-bottom:.35rem}
.steps-detail{max-width:var(--max);margin:auto;padding:0 24px 4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.steps-detail>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.6rem;box-shadow:0 10px 24px #061c2614,0 2px 4px #061c260a}
.steps-detail h3{margin:.4rem 0 .6rem;font-size:1.2rem}
.steps-detail p{color:var(--muted);font-size:.94rem;margin:0}
.steps-detail ol{color:#46616d;font-size:.94rem;margin:.9rem 0 0;padding-left:0;list-style:none;counter-reset:passo}
.steps-detail li{counter-increment:passo;display:grid;grid-template-columns:24px 1fr;gap:.65rem;align-items:start;margin:.55rem 0}.steps-detail li:before{content:counter(passo);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#dceef7;color:#0b6a8a;font-weight:800;font-size:.76rem;line-height:1}
@media(max-width:950px){.plans-wrap,.steps-detail{grid-template-columns:1fr}.plan.featured{order:-1}.crosssell{grid-template-columns:1fr}}
.pillar li a{display:inline;margin-top:0;font-weight:500;color:#46616d;text-decoration:none;border-bottom:1px solid #cfe0e4}
.pillar li a:hover{color:var(--blue);border-bottom-color:var(--blue)}
.shot{margin:2.2rem 0}
.shot img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px #061c261f;background:#fff}
.shot figcaption{color:var(--muted);font-size:.87rem;line-height:1.5;margin-top:.75rem}
.shot-band{background:var(--paper);padding:0 0 4rem}
.shot-band .shot{max-width:var(--max);margin:0 auto;padding:0 24px}
.ico{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}
.hero-checks li{display:inline-flex;align-items:center;gap:.45rem}
.hero-checks li:before{content:none}
.hero-checks .ico{color:#7ff2cf;stroke-width:2.4}
.proof span{display:inline-flex;align-items:center;gap:.55rem}
.proof .ico{width:1.35em;height:1.35em;color:var(--cyan);opacity:.9}
.trust-points>div{display:grid;grid-template-columns:26px 1fr;column-gap:.95rem;align-items:start}
.trust-points>div>.ico{grid-column:1;grid-row:1/span 2;width:22px;height:22px;color:var(--cyan);margin-top:.15rem}
.trust-points b,.trust-points span{grid-column:2}
.plan li{padding-left:1.9rem}
.plan li:before{content:none}
.plan .ico-li{position:absolute;left:0;top:.72rem;width:1.05rem;height:1.05rem;color:var(--green);stroke-width:2.4}
.plan li.off .ico-li{color:#c3d2d7}
.pillar .ico-pilar{width:26px;height:26px;color:var(--cyan);margin-bottom:.4rem;display:block;position:relative}
.pillar.optimize .ico-pilar{color:var(--green)}
.pillar.operate .ico-pilar{color:#e0a413}

.footer-logo{display:block;height:34px;width:auto;margin-bottom:.6rem}
@media(max-width:560px){.header{height:80px}.brand img{height:52px}}
.workflow .passos-mais{margin:1.4rem 0 0}

.section-copy>p{max-width:900px}

.section-copy+.workflow-steps{margin-top:2.5rem}

/* Entrada suave: a classe `revela` so e aplicada por JS, entao sem JS o card
   ja nasce visivel. `prefers-reduced-motion` desliga tudo -- movimento na tela
   passa mal quem tem sensibilidade vestibular. */
.revela{opacity:0;transform:translateY(16px)}
.revela.visivel{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1)}
@media(prefers-reduced-motion:reduce){.revela,.revela.visivel{opacity:1;transform:none;transition:none}}

/* Impressao e PDF nao rolam a pagina: o observador nunca dispara e os cards
   sairiam em branco. */
@media print{.revela,.revela.visivel{opacity:1!important;transform:none!important}}

/* Mesmo componente de FAQ, agora sobre o azul escuro: so as cores viram. */
.faq-escuro{max-width:none;margin:0;padding:0}
.faq-escuro details{border-bottom-color:#36505b}
.faq-escuro summary{color:#fff}
.faq-escuro summary:before{color:var(--cyan)}
.faq-escuro p{color:#aac2ca}

/* O texto do CTA nao pode espremer o botao: limite de leitura na coluna da
   esquerda e o botao sem encolher nem quebrar. */
.cta>div{max-width:800px}
.cta .button{flex:none;white-space:nowrap}