:root{--navy:#17177a;--deep:#142c55;--blue:#1679db;--cyan:#40b5e8;--text:#193454;--muted:#59718c;--light:#f3f8fd;--border:#e3ebf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ff9b21;outline-offset:3px}.container{width:min(1160px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;padding:8px;z-index:20}.site-header{position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:86px}.brand{display:flex;align-items:center;gap:9px;font-weight:850;font-size:25px;color:var(--navy);letter-spacing:-1px;white-space:nowrap}.brand img{object-fit:contain}.brand em{font-style:normal;color:#075da8}.nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650}.nav a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{padding:11px 19px;border-radius:10px;background:var(--blue);color:#fff}.nav-cta:hover,.button.primary:hover{background:#0e62b6}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,#d4f0ff 0,transparent 37%),linear-gradient(125deg,#fff 30%,#eaf6ff 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:35px;align-items:center;min-height:610px;padding:70px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.3px;color:#1569b8}.eyebrow .line{display:inline-block;width:23px;height:3px;background:#1b86ef;vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(37px,4.1vw,62px);line-height:1.12;letter-spacing:-2.6px;margin:20px 0 19px;color:#112d54}.hero h1 strong{color:#075da8;font-weight:850}.hero-copy>p{font-size:18px;color:var(--muted);max-width:535px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:15px 20px;border-radius:11px;font-size:14px;font-weight:750;transition:.2s}.button.primary{background:var(--blue);color:#fff;box-shadow:0 12px 22px #1679db27}.button.secondary{border:1px solid #a9c8e9;color:#1a5799;background:#fff}.button.secondary:hover{background:#edf6ff}.hero-points{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px;font-weight:700;color:#365b7e}.hero-art{position:relative;min-width:0}.halo{position:absolute;inset:-40px -120px -40px 50px;border-radius:50%;background:linear-gradient(120deg,#caedff,#77c4fa);opacity:.65}.device{position:relative;box-shadow:0 28px 55px #11346a2a;background:#fff;border:9px solid #14283d;border-radius:20px;overflow:hidden;transform:perspective(1000px) rotateY(-5deg)}.device-top{background:#f6faff;padding:11px 14px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#4c6584;border-bottom:1px solid var(--border)}.dots{color:#b1c4d7}.device-body{display:flex;min-height:325px}.device-sidebar{width:27%;background:#123660;color:#b6d6f0;padding:14px 10px;display:flex;flex-direction:column;gap:14px;font-size:10px}.device-sidebar img{align-self:center;margin-bottom:10px}.device-sidebar span{padding:8px 6px}.side-active{background:#225b91;border-radius:7px;color:white}.device-main{flex:1;padding:20px 15px;background:#f6faff}.micro{font-size:9px;color:#315b7e;font-weight:800;letter-spacing:.6px}.device-main h3{font-size:17px;line-height:1.35;margin:12px 0 22px}.mock-flow{display:flex;align-items:center;gap:6px}.mock-flow>div{background:#fff;border:1px solid #dfebf5;border-radius:10px;padding:12px 8px;flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.mock-flow b{color:#075da8;font-size:10px}.mock-flow strong{font-size:11px}.mock-flow small{font-size:9px;color:#40566e}.mock-flow>span{color:#2188d5}.mock-note{margin-top:22px;font-size:10px;color:#40566e}.art-label{position:relative;text-align:center;color:#365b7b;font-size:12px;margin-top:22px}.section{padding:95px 0}.center{text-align:center}.section h2{font-size:clamp(30px,3.3vw,43px);line-height:1.18;letter-spacing:-1.3px;color:#15345b;margin:15px 0}.intro .container>p{max-width:680px;margin:0 auto;color:var(--muted);font-size:17px}.integration{display:flex;align-items:center;gap:12px;margin-top:43px}.integration-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:27px 18px;flex:1;box-shadow:0 8px 25px #163b6d0a}.integration-card h3{font-size:17px;margin:14px 0 5px}.integration-card p,.module-card p{font-size:14px;color:var(--muted);margin:0}.connector{font-size:25px;color:#56acec}.icon{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;font-size:27px;font-weight:800;margin:auto}.icon.blue{background:#e1f0ff;color:#075da8}.icon.teal{background:#e0f8f2;color:#087258}.icon.orange{background:#fff0d8;color:#925300}.icon.purple{background:#ece8ff;color:#5934ba}.modules{background:var(--light)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:285px;color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.module-card{background:#fff;border:1px solid var(--border);padding:28px 23px;border-radius:18px;min-height:215px}.module-card .icon{margin:0}.module-card h3{font-size:18px;margin:18px 0 7px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.demo-grid p{color:var(--muted);font-size:17px;margin-bottom:25px}.demo-frame{background:linear-gradient(140deg,#cce9ff,#f3f9ff);border-radius:22px;padding:24px;box-shadow:0 18px 35px #174d8420}.demo-placeholder{min-height:285px;background:#fff;border:2px dashed #a7c9e7;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#3a78a8;text-align:center;padding:20px}.demo-placeholder>span{font-size:48px}.demo-placeholder small{color:#415a72}.final-cta{background:linear-gradient(110deg,#172d71,#1678ca);color:#fff}.final-cta h2{color:#fff}.final-cta p{max-width:630px;margin:0 auto 25px;color:#d6e9fc}.final-cta .eyebrow{color:#8ce2ff}.button.light{background:#fff;color:#1354a1}.button.light:hover{background:#e8f5ff}footer{background:#f8fbff;border-top:1px solid var(--border)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.footer-inner small{color:#45596d}@media(max-width:980px){.nav{gap:13px}.hero-grid{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:740px}.hero-art{max-width:720px;margin:auto;width:100%}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.container{width:min(100% - 30px,1160px)}.header-inner{min-height:72px}.brand{font-size:21px}.brand img{width:43px;height:43px}.menu-toggle{display:block;background:#edf6ff;border:1px solid #cfe3f5;border-radius:9px;padding:9px 12px;color:#12487c;font-weight:750}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;box-shadow:0 15px 22px #1d4e7920;padding:20px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav-cta{text-align:center}.hero-grid{padding:50px 0}.hero h1{letter-spacing:-1.5px}.hero-copy>p{font-size:16px}.hero-actions .button{width:100%}.device{transform:none}.device-body{min-height:260px}.device-sidebar{width:24%;font-size:8px;padding:10px 5px}.device-main{padding:14px 8px}.device-main h3{font-size:13px}.mock-flow{gap:3px}.mock-flow>div{padding:8px 4px}.mock-flow strong{font-size:8px}.mock-flow small{font-size:7px}.mock-flow>span{font-size:11px}.section{padding:65px 0}.integration{flex-direction:column}.integration-card{width:100%}.connector{transform:rotate(90deg)}.section-heading{display:block}.module-grid{grid-template-columns:1fr}.demo-grid{grid-template-columns:1fr;gap:30px}.footer-inner{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Etapa 5: identidade, integração e conversão */
html{scroll-padding-top:95px}.hero h1{max-width:660px}.integration-visual{margin:44px auto 0;max-width:880px}.central-register{display:flex;align-items:center;justify-content:center;gap:17px;background:linear-gradient(120deg,#162d73,#1678c9);border-radius:20px;color:white;padding:24px 28px;box-shadow:0 15px 35px #133b7724;text-align:left;max-width:480px;margin:auto}.register-icon{font-size:43px;color:#b5eaff}.central-register strong,.central-register small{display:block}.central-register strong{font-size:19px}.central-register small{font-size:13px;color:#d8ecff}.integration-stem{width:3px;height:31px;background:#87bce8;margin:auto}.integration-branches{display:flex;justify-content:space-around;margin:0 15%;height:30px;border-top:3px solid #87bce8}.integration-branches i{display:block;width:3px;height:30px;background:#87bce8}.integration-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.destination{border:1px solid var(--border);border-radius:18px;padding:24px 18px;background:#fff;box-shadow:0 8px 22px #173d7210}.destination h3{margin:12px 0 5px;font-size:18px}.destination p{font-size:14px;color:var(--muted);margin:0}.integration-disclaimer{color:var(--muted);font-size:13px;margin:22px auto 0!important}.mid-cta{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:27px 30px;border-radius:18px;background:#e7f3ff;margin-top:35px}.mid-cta strong,.mid-cta span{display:block}.mid-cta strong{font-size:19px;color:#17385d}.mid-cta span{font-size:14px;color:#58728e;margin-top:4px}.mid-cta .button{flex-shrink:0}.devices-section{background:linear-gradient(120deg,#f5faff,#e8f5ff)}.devices-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.devices-layout p{color:var(--muted);font-size:17px;max-width:560px}.devices-layout small{display:block;color:#637d96;margin-top:12px}.devices-icons{display:flex;align-items:end;justify-content:center;gap:18px}.devices-icons>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#1b7bc8;background:white;border:7px solid #183756;box-shadow:0 20px 30px #153b6020;border-radius:16px;font-size:68px}.devices-icons span{font-size:11px;color:#466784}.laptop-icon{width:220px;height:160px}.tablet-icon{width:118px;height:174px}.phone-icon{width:78px;height:145px}.devices-icons .phone-icon{font-size:50px}@media(max-width:850px){.mid-cta{flex-direction:column;align-items:stretch}.mid-cta .button{align-self:start}.devices-layout{grid-template-columns:1fr;gap:30px}}@media(max-width:680px){.integration-destinations{grid-template-columns:1fr}.integration-branches,.integration-stem{display:none}.integration-destinations{margin-top:14px}.destination{padding:18px}.central-register{padding:20px}.mid-cta{padding:22px}.mid-cta .button{align-self:stretch}.devices-icons{transform:scale(.85);transform-origin:center;gap:8px}.laptop-icon{width:165px;height:130px}.tablet-icon{width:95px;height:150px}.phone-icon{width:65px;height:125px}}
/* Etapa 6 — rodapé institucional e direitos autorais */
.site-footer{background:#f7faff}.site-footer .footer-inner{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.3fr);align-items:start;gap:48px;padding:38px 0 25px}.footer-identity p{font-size:13px;color:#59718c;margin:8px 0 0}.footer-legal p{margin:0 0 9px;font-size:13px;color:#4c6584;line-height:1.65}.footer-legal strong{color:#193454}.footer-bottom{border-top:1px solid #e3ebf5;padding:12px 0 20px}.footer-bottom small{font-size:11px;color:#8493a6}@media(max-width:680px){.site-footer .footer-inner{grid-template-columns:1fr;text-align:left;gap:22px;padding:30px 0 18px}.footer-bottom{text-align:left}}

/* Etapa 7 — alinhar verticalmente os textos legais à altura do conjunto logo + slogan. */
@media (min-width:681px){
  .site-footer .footer-inner{align-items:center;}
  .site-footer .footer-legal{align-self:center;}
  .site-footer .footer-legal p{margin:0 0 3px;line-height:1.35;}
  .site-footer .footer-legal p:last-child{margin-bottom:0;}
}

/* Etapa 8 — rodapé em duas colunas, bloco legal alinhado verticalmente ao logo/slogan */
@media (min-width:681px){
  .site-footer .footer-inner{align-items:center;}
  .site-footer .footer-legal{align-self:center;}
  .site-footer .footer-legal p{line-height:1.28;margin:0 0 3px;}
  .site-footer .footer-legal p:last-child{margin-bottom:0;}
}

/* Etapa 9: assinatura oficial e descrição em todas as identidades */
.brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;line-height:1.12;gap:4px;white-space:normal}
.brand-name{font-size:inherit;white-space:nowrap}
.brand-wordmark small{font-size:10px;letter-spacing:0;color:#59718c;font-weight:500;line-height:1.25;max-width:245px}
.footer-identity .brand-wordmark small{font-size:10px}
@media(max-width:680px){.header-inner .brand{gap:6px;font-size:19px}.header-inner .brand-wordmark small{font-size:8px;max-width:175px}.footer-identity .brand-wordmark small{font-size:10px}}

/* Etapa 10 — Secretaria, EBD e Diagnóstico Estratégico */
.feature-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.feature-copy p,.diagnostic-layout p{font-size:16px;color:var(--muted)}.feature-copy h2,.diagnostic-layout h2{max-width:630px}.feature-list{list-style:none;margin:25px 0;padding:0;display:grid;gap:12px}.feature-list li{position:relative;padding-left:28px;font-size:15px;color:#2b4a6a}.feature-list li:before{content:'✓';position:absolute;left:0;color:#0b8b81;font-weight:800}.feature-note{font-size:13px!important}.feature-visual{background:linear-gradient(140deg,#d9edff,#f5faff);border:1px solid #c9e3f7;border-radius:24px;min-height:355px;padding:28px;box-shadow:0 16px 34px #173b7115}.visual-top{display:flex;justify-content:space-between;align-items:center;color:#67809a;font-size:11px}.visual-pill{background:#d0e6fb;color:#125d9c;border-radius:30px;padding:6px 12px;font-weight:800;letter-spacing:.5px}.visual-heading{font-size:23px;font-weight:800;color:#17365b;margin:22px 0}.secretaria-visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.secretaria-visual-grid>div{background:#fff;border:1px solid #dce9f6;border-radius:14px;min-height:155px;padding:17px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.secretaria-visual-grid strong{font-size:12px;line-height:1.3}.secretaria-visual-grid small{font-size:10px;color:#748ca4}.visual-icon{font-size:32px;color:#075da8}.visual-bottom{font-size:11px;color:#6c87a2;margin-top:18px}.ebd-section{background:#f3f8fd}.feature-layout.reverse .feature-copy{order:2}.feature-layout.reverse .feature-visual{order:1}.ebd-visual{display:flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(130deg,#e4f6ff,#dceafa)}.phone-demo{background:#fff;border:8px solid #173657;border-radius:31px;padding:22px 14px 15px;width:235px;min-width:205px;box-shadow:0 16px 25px #1234542a;position:relative}.phone-notch{position:absolute;width:65px;height:9px;border-radius:0 0 8px 8px;background:#173657;top:-1px;left:calc(50% - 32px)}.phone-header{color:#1472be;font-weight:800;font-size:12px;margin-bottom:25px}.phone-header span{color:#7189a1;font-weight:500}.phone-demo>strong{display:block;font-size:15px;margin-bottom:14px}.attendance-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eef5;padding:10px 0;font-size:11px}.attendance-check{background:#e0f7ec;color:#18845b;border-radius:6px;padding:3px 8px;font-weight:800}.phone-bottom{font-size:9px;color:#7890a8;margin-top:15px}.ebd-side-note{max-width:150px;display:grid;gap:9px}.ebd-side-note strong{font-size:18px;line-height:1.3}.ebd-side-note span{font-size:12px;color:#607d97}.diagnostic-section{padding:85px 0;background:linear-gradient(125deg,#edf8ff,#fff)}.diagnostic-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.diagnostic-layout .button{margin-top:12px}.diagnostic-preview{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid #dcebf8;box-shadow:0 18px 35px #153f7014;border-radius:20px;padding:38px 20px}.diagnostic-preview>div{flex:1;min-width:90px;display:grid;gap:8px;text-align:center}.diagnostic-preview>div span{color:#075da8;font-weight:850;font-size:12px}.diagnostic-preview strong{font-size:15px}.diagnostic-preview small{font-size:11px;color:#6a839d}.diagnostic-arrow{color:#075da8;font-size:21px}.diagnostic-preview>p{font-size:11px;color:#758aa0;text-align:center;margin:18px 0 0;width:100%}@media(max-width:850px){.feature-layout,.diagnostic-layout{grid-template-columns:1fr;gap:30px}.feature-layout.reverse .feature-copy,.feature-layout.reverse .feature-visual{order:initial}.feature-visual{min-height:300px}.diagnostic-section{padding:65px 0}}@media(max-width:480px){.feature-visual{padding:18px}.secretaria-visual-grid{gap:5px}.secretaria-visual-grid>div{padding:12px 5px}.secretaria-visual-grid strong{font-size:10px}.ebd-visual{gap:12px}.phone-demo{width:200px;min-width:180px}.ebd-side-note{max-width:110px}.ebd-side-note strong{font-size:14px}.diagnostic-preview{padding:25px 10px;gap:3px}.diagnostic-preview>div{min-width:65px}.diagnostic-preview strong{font-size:12px}.diagnostic-preview small{font-size:9px}}

/* Etapa 11 — Financeiro e Planejamento Orçamentário Anual */
.finance-section{background:#fff}.finance-visual{background:linear-gradient(145deg,#e6f5ff,#f5f9ff)}.finance-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finance-demo-grid>div{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #dce9f6;border-radius:13px;padding:16px}.finance-demo-grid strong{font-size:14px}.finance-demo-grid small{font-size:11px;color:#67829d}.finance-demo-icon{font-size:27px;font-weight:800;color:#075da8}.budget-section{background:#f1f8ff}.budget-layout{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:62px}.budget-visual{background:#fff;border:1px solid #dce9f6;border-radius:22px;padding:28px;box-shadow:0 18px 38px #123c6b15}.budget-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#7189a1}.budget-visual h3{font-size:22px;line-height:1.3;margin:28px 0 22px}.budget-steps{display:flex;align-items:center;gap:7px}.budget-steps>div{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0;padding:14px 8px;background:#f2f8ff;border-radius:11px}.budget-steps b{font-size:11px;color:#075da8}.budget-steps strong{font-size:13px}.budget-steps small{font-size:10px;color:#607d99}.budget-steps>span{color:#075da8}.budget-visual>p{font-size:11px;color:#7189a1;margin:18px 0 0}.budget-section .button{margin-top:12px}@media(max-width:900px){.budget-layout{grid-template-columns:1fr;gap:32px}.budget-layout .budget-visual{order:2}}@media(max-width:480px){.budget-visual{padding:17px}.budget-steps{gap:4px}.budget-steps>div{padding:11px 6px}.budget-steps strong{font-size:11px}.budget-steps small{font-size:9px}}

/* Etapa 12 — Administração, Auditoria e canal de contato */
.admin-section{background:#fff}.admin-visual{background:linear-gradient(145deg,#eaf5ff,#f8fbff)}
.admin-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.admin-demo-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;background:white;border:1px solid #dce9f6;border-radius:14px;padding:18px 8px}
.admin-demo-grid>div>span{font-size:32px;color:#075da8}.admin-demo-grid strong{font-size:13px}.admin-demo-grid small{font-size:10px;color:#6c839b}
.audit-section{background:linear-gradient(120deg,#f0f8ff,#fff)}
.audit-preview{background:#fff;border:1px solid #dce9f6;border-radius:20px;padding:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;box-shadow:0 15px 35px #153f7012}
.audit-preview>div{background:#f1f8ff;padding:17px 10px;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:0}
.audit-preview b{color:#075da8;font-size:12px}.audit-preview strong{font-size:14px}.audit-preview small{color:#617c97;font-size:11px}
.audit-preview p{grid-column:1/-1;font-size:11px;margin:8px 0 0;color:#7189a1}
.contact-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.button.whatsapp-cta{background:#25d366;color:#103b26}.button.whatsapp-cta:hover{background:#baf4ce}
.final-cta .contact-helper{font-size:12px;color:#d6e9fc;margin:16px auto 0}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:15;display:flex;align-items:center;gap:8px;border-radius:999px;padding:12px 16px;background:#168c50;color:#fff;box-shadow:0 8px 25px #0b4d2b45;font-weight:750;font-size:13px}
.whatsapp-float:hover{background:#0d7040}.whatsapp-float:focus-visible{outline:3px solid #ff9b21;outline-offset:4px}
@media(max-width:980px){.nav{gap:11px;font-size:12px}.nav-cta{padding:10px 12px}}
@media(max-width:850px){.audit-preview{padding:20px}}
@media(max-width:680px){.whatsapp-float{right:14px;bottom:14px;padding:12px}.whatsapp-float span{display:none}.contact-actions .button{width:100%}.admin-demo-grid{gap:6px}.admin-demo-grid>div{padding:12px 5px}.admin-demo-grid strong{font-size:11px}.audit-preview{gap:6px;padding:13px}.audit-preview>div{padding:12px 6px}.audit-preview strong{font-size:11px}.audit-preview small{font-size:9px}}

/* Etapa 13 — tutoriais, segurança e planos */
.tutorials-section{background:#fff}
.tutorial-visual{background:linear-gradient(145deg,#eaf4ff,#f8fbff)}
.tutorial-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tutorial-cards>div{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;background:#fff;border:1px solid #dbe9f7;border-radius:13px;padding:16px 7px}
.tutorial-play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e1f1ff;color:#1269c3}
.tutorial-cards strong{font-size:12px}.tutorial-cards small{font-size:10px;color:#6c839b}
.security-section{background:#f4f9ff}.security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.security-card{background:white;border:1px solid #dbe7f3;border-radius:17px;padding:23px 18px;min-width:0}
.security-card>span{font-size:27px;color:#1276d6}.security-card h3{font-size:16px;margin:12px 0}.security-card p{font-size:13px;color:#506983;line-height:1.6;margin:0}
.security-note,.plans-note{font-size:12px;color:#607c97;line-height:1.6;margin-top:20px}
.plans-section{background:white}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.plan-card{border:1px solid #dbe7f3;border-radius:17px;padding:24px 18px;display:flex;flex-direction:column;gap:15px;min-width:0;background:#fff}
.plan-card h3{font-size:21px;margin:0;color:#13335c}.plan-card p{font-size:13px;line-height:1.6;color:#526c87;margin:0;flex:1}
.plan-pending{font-size:12px;color:#637d96;font-weight:700;background:#f1f7fc;padding:10px;border-radius:9px}
.plan-card a{font-size:12px;font-weight:700;color:#1268c4;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.security-grid,.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.security-grid,.plans-grid{grid-template-columns:1fr}.tutorial-cards{gap:6px}.tutorial-cards>div{padding:12px 5px}.tutorial-cards strong{font-size:10px}.tutorial-cards small{font-size:9px}}

/* Etapa 14 — planos com valores oficiais fornecidos */
.plans-section .plan-card{gap:12px;padding:25px 20px}.plan-top{min-height:66px}.plan-category{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:#62809e;font-weight:800}.plan-top h3{margin:7px 0 0}.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin-top:8px}.plan-price strong{font-size:clamp(25px,2.3vw,34px);letter-spacing:-1.2px;line-height:1.15;color:#123e72;white-space:nowrap}.plan-price strong span{font-size:14px;letter-spacing:0}.plan-price>span{font-size:12px;color:#607b96}.plan-card .plan-annual{font-size:12px;color:#365b7d;flex:0}.plan-card .plan-conditions{font-size:12px;min-height:57px}.plan-card .plan-action{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;background:#176dc0;color:white;text-decoration:none;font-size:12px}.plan-card .plan-action:hover{background:#105494}.plans-note{max-width:960px}.plan-card:focus-within{outline:2px solid #1777c7;outline-offset:3px}

/* Etapa 15 — comparação comercial e perguntas frequentes */
.comparison-section{background:#f3f8fe}.comparison-scroll{overflow-x:auto;border:1px solid #d6e6f5;border-radius:16px;background:#fff;box-shadow:0 10px 30px #143f7110}
.comparison-table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}.comparison-table caption{text-align:left;font-size:12px;padding:15px 18px;color:#607b96}
.comparison-table th,.comparison-table td{padding:18px 16px;border-top:1px solid #e5edf5;font-size:13px}.comparison-table thead th{color:#163e68;background:#e8f3ff;font-size:13px}.comparison-table tbody th{color:#25496b;font-weight:700}.comparison-table td{font-weight:700;color:#174e81}.comparison-table .comparison-pending{font-weight:500;color:#637d95;font-style:italic}
.comparison-disclaimer{font-size:12px;color:#5c7793;line-height:1.65;margin-top:16px}
.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:48px}.faq-items{display:flex;flex-direction:column;gap:10px}.faq-items details{border:1px solid #dce8f4;border-radius:12px;padding:0 19px;background:#fff}.faq-items summary{font-weight:750;color:#153e68;cursor:pointer;padding:18px 20px 18px 0;position:relative;list-style:none}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:'+';position:absolute;right:0;font-size:20px;top:14px;color:#1675ce}.faq-items details[open] summary:after{content:'−'}.faq-items details p{color:#526d87;font-size:14px;line-height:1.7;margin:0 0 17px}.faq-items a{color:#0c65b8;text-decoration:underline}.faq-items summary:focus-visible{outline:2px solid #1675ce;outline-offset:3px}
@media(max-width:800px){.faq-layout{grid-template-columns:1fr;gap:20px}}

/* Etapa 16 — Revisão preventiva de responsividade e acessibilidade */
@media (max-width: 1250px) {
 .header-inner{gap:14px}
 .menu-toggle{display:inline-flex;align-items:center;gap:7px;background:#edf6ff;border:1px solid #cfe3f5;border-radius:9px;padding:9px 12px;color:#12487c;font-weight:750;cursor:pointer}
 .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 15px 22px #1d4e7920;padding:18px max(22px,calc((100vw - 1160px)/2));flex-direction:column;align-items:stretch;gap:3px;max-height:calc(100dvh - 76px);overflow-y:auto}
 .nav.open{display:flex}
 .nav a{display:block;padding:9px 12px;border-radius:8px}
 .nav .nav-cta{text-align:center;color:#fff}
}
@media (max-width: 680px) {
 .nav{padding:14px 15px}
 .hero-art,.feature-visual,.budget-visual,.audit-preview{max-width:100%}
 .hero-grid,.feature-layout,.diagnostic-layout,.budget-layout,.devices-layout{min-width:0}
 .footer-inner{min-width:0}
}
@media (max-width: 390px) {
 .header-inner .brand{font-size:17px}
 .header-inner .brand-wordmark small{font-size:7px}
 .brand img{flex-shrink:0}
 .menu-toggle{padding:8px}
 .menu-toggle span{display:none}
 .admin-demo-grid,.secretaria-visual-grid{grid-template-columns:1fr}
 .ebd-visual{flex-wrap:wrap}
 .audit-preview{grid-template-columns:1fr}
 .audit-preview p{grid-column:auto}
}
section[id]{scroll-margin-top:96px}
@media (prefers-reduced-motion:reduce) {
 html{scroll-behavior:auto}
}

/* Etapa 17: capturas reais com informações pessoais removidas */
.real-screen{margin:0;min-width:0;background:#f4f8fe;border:1px solid #d9e6f3;border-radius:20px;padding:16px;box-shadow:0 16px 38px #163e6612;display:flex;flex-direction:column;align-items:center;gap:12px;overflow:hidden}
.real-screen-label{align-self:flex-start;color:#1769ae;font-size:11px;font-weight:800;letter-spacing:.09em}
.real-screen img{display:block;max-width:100%;height:auto;border-radius:10px;border:1px solid #d8e2ed}
.real-screen figcaption{font-size:11px;color:#55718a;text-align:center;line-height:1.5}
.real-screen-desktop img{width:100%;object-fit:contain}
.real-phone{width:min(100%,245px);border:7px solid #17273e;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 14px 30px #0b254322}
.real-phone img{width:100%;border:0;border-radius:0}
.real-screen-diagnostic img{max-height:510px;width:auto;object-fit:contain;object-position:top}
@media(max-width:680px){.real-screen{padding:12px}.real-phone{width:min(100%,225px)}.real-screen-diagnostic img{max-height:430px}}

/* Etapa 19: galeria fiel de telas reais */
.real-gallery-section{background:#f4f8fc}
.real-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.gallery-card{margin:0;min-width:0;overflow:hidden;background:#fff;border:1px solid #dce8f3;border-radius:16px;box-shadow:0 6px 18px rgba(19,54,86,.055)}
.gallery-card img{display:block;width:100%;height:210px;object-fit:contain;background:#eef4fa;padding:9px}
.gallery-card figcaption{display:flex;flex-direction:column;gap:3px;padding:15px 17px;color:#173c60}
.gallery-card figcaption span{font-size:.9rem;color:#586d80}
.gallery-disclaimer{font-size:.88rem;color:#526c82;margin-top:20px}
@media(max-width:850px){.real-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.real-gallery-grid{grid-template-columns:1fr}.gallery-card img{height:225px}}

/* Etapa 20 — destaque comercial honesto, sem alegação de popularidade */
.plans-grid .plan-card-featured{position:relative;border:2px solid #176dc0;box-shadow:0 12px 30px rgba(15,78,142,.15);background:linear-gradient(180deg,#f0f7ff 0%,#fff 43%);padding-top:37px}
.plan-featured-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);padding:7px 16px;background:#176dc0;color:#fff;font-size:11px;line-height:1.3;font-weight:800;border-radius:0 0 11px 11px;white-space:nowrap}
.plan-card-featured .plan-action{background:#0d4e91;font-weight:800}
.comparison-featured{display:block;width:max-content;margin-top:6px;border-radius:20px;background:#d2e8ff;color:#14558e;font-size:10px;padding:3px 8px}
@media(prefers-reduced-motion:no-preference){.plan-card-featured .plan-action{transition:background .2s ease}}

/* Etapa 23: apresentação de vídeo com consentimento de carregamento */
.video-showcase{background:#eef5fb}.video-showcase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:34px}.video-showcase-copy h2{font-size:clamp(1.7rem,3vw,2.5rem)}.video-showcase-copy p{line-height:1.7}.youtube-placeholder{background:linear-gradient(145deg,#08152c,#174679);border-radius:18px;aspect-ratio:16/9;overflow:hidden;display:grid;place-items:center;position:relative}.youtube-load{border:0;background:transparent;color:#fff;display:flex;align-items:center;flex-direction:column;gap:14px;font-size:1.05rem;font-weight:700;cursor:pointer;padding:22px;text-align:center}.youtube-load:focus-visible{outline:3px solid #fff;outline-offset:5px;border-radius:12px}.youtube-play{width:82px;height:56px;border-radius:16px;background:#d91624;color:#fff;display:grid;place-items:center;font-size:1.5rem;box-shadow:0 8px 28px #0005}.youtube-placeholder iframe{width:100%;height:100%;border:0;display:block}.video-note{font-size:.87rem;color:#4b657c;line-height:1.55}.tutorial-playlist-link a{color:#155eaa;font-weight:700;text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.video-showcase-grid{grid-template-columns:1fr}}

.video-external-link{display:inline-flex;align-items:center;margin-top:9px;color:#155eaa;font-weight:700;text-decoration:underline;text-underline-offset:3px}.video-external-link:focus-visible{outline:3px solid #155eaa;outline-offset:3px}

/* Etapa 25: caminhos internos para páginas especializadas */
.seo-journeys{background:#fff}.seo-journeys-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.seo-journeys-grid a{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:16px;border:1px solid #d8e7f4;background:#f4f9fe;color:#153c61;text-decoration:none;transition:border-color .2s,transform .2s}.seo-journeys-grid a:hover,.seo-journeys-grid a:focus-visible{border-color:#1778c8;transform:translateY(-2px)}.seo-journeys-grid span{color:#506c81;line-height:1.5}@media(max-width:780px){.seo-journeys-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.seo-journeys-grid a{transition:none}.seo-journeys-grid a:hover{transform:none}}

/* Etapa 26 — Soluções: submenu acessível e páginas especializadas */
.solutions-menu{position:relative;flex-shrink:0}
.solutions-menu>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;color:#16365a;font-weight:700;padding:9px 8px;border-radius:8px;white-space:nowrap}
.solutions-menu>summary::-webkit-details-marker{display:none}
.solutions-menu>summary:hover,.solutions-menu>summary:focus-visible{background:#eaf4fd}
.solutions-menu[open]>summary{background:#eaf4fd}
.solutions-dropdown{position:absolute;top:calc(100% + 9px);left:0;min-width:255px;z-index:110;background:#fff;border:1px solid #d6e4f0;border-radius:13px;box-shadow:0 14px 28px #143b5b2b;padding:8px;display:flex;flex-direction:column;gap:2px}
.solutions-dropdown a{display:block;padding:12px 14px;border-radius:8px;white-space:normal;color:#173c60;text-decoration:none}
.solutions-dropdown a:hover,.solutions-dropdown a:focus-visible{background:#e9f5ff}
@media(max-width:1250px){.solutions-menu>summary{padding:10px 12px}.solutions-dropdown{position:static;box-shadow:none;border:0;border-left:3px solid #c6e3f8;border-radius:0;margin:4px 0 8px 15px;padding:2px 6px;min-width:0}.solutions-dropdown a{padding:10px 12px}}

/* Etapa 26 — Soluções: submenu acessível e páginas especializadas */
.solutions-menu{position:relative;flex-shrink:0}
.solutions-menu>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;color:#16365a;font-weight:700;padding:9px 8px;border-radius:8px;white-space:nowrap}
.solutions-menu>summary::-webkit-details-marker{display:none}
.solutions-menu>summary:hover,.solutions-menu>summary:focus-visible{background:#eaf4fd}
.solutions-menu[open]>summary{background:#eaf4fd}
.solutions-dropdown{position:absolute;top:calc(100% + 9px);left:0;min-width:255px;z-index:110;background:#fff;border:1px solid #d6e4f0;border-radius:13px;box-shadow:0 14px 28px #143b5b2b;padding:8px;display:flex;flex-direction:column;gap:2px}
.solutions-dropdown a{display:block;padding:12px 14px;border-radius:8px;white-space:normal;color:#173c60;text-decoration:none}
.solutions-dropdown a:hover,.solutions-dropdown a:focus-visible{background:#e9f5ff}
@media(max-width:1250px){.solutions-menu>summary{padding:10px 12px}.solutions-dropdown{position:static;box-shadow:none;border:0;border-left:3px solid #c6e3f8;border-radius:0;margin:4px 0 8px 15px;padding:2px 6px;min-width:0}.solutions-dropdown a{padding:10px 12px}}

/* Etapa 30 — padronização do card de navegação e rodapé nas páginas */
.seo-related{background:#f4f8fc;border-radius:16px;padding:22px 25px;margin:35px auto 0;max-width:1080px}
.seo-related strong{display:block;color:#123454;font-size:1.12rem}
.seo-related>div{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:13px}
.seo-related a{display:inline-block;margin:0;color:#123454;text-decoration:none}
.seo-related a:hover,.seo-related a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.site-footer .footer-home-link{margin-top:14px}
.site-footer .footer-home-link a{color:#155eaa;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.seo-page{padding-bottom:42px}
@media(max-width:680px){.seo-related{padding:20px}.seo-related>div{gap:12px 18px}}

/* Etapa 35 - blocos estrategicos, responsivos e sem dependencias */
.strategic-highlights {padding-top:52px;padding-bottom:52px}
.strategic-highlights .container {max-width:1120px}
.strategic-highlights h2 {max-width:850px}
.strategic-highlights p {max-width:930px;line-height:1.7}
.strategic-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}
.strategic-card {padding:24px;border:1px solid #dce5ef;border-radius:16px;background:#f8fafc}
.strategic-card h3 {margin-top:0}
.strategic-card p {margin-bottom:0}
.strategic-link {display:inline-block;margin-top:14px;font-weight:700;text-underline-offset:4px}
@media(max-width:760px){.strategic-grid{grid-template-columns:1fr}.strategic-highlights{padding-top:36px;padding-bottom:36px}}


/* ETAPA 35.1 - acessibilidade: contraste e hierarquia sem mudar layout */
:root{--blue:#075da8;--muted:#425a74}
/* Botões de conversão com contraste >= 4.5:1 */
.nav-cta,.button.primary{background:#075da8;color:#fff}
.nav-cta:hover,.button.primary:hover{background:#064a85;color:#fff}
/* Marca e microtipografia de demonstrações */
.brand em{color:#075da8}
.micro{color:#315b7e}
.device-top{color:#405772}
.dots{color:#455e77}
.mock-flow b{color:#075da8}
.mock-flow small{color:#40566e}
.mock-note{color:#40566e}
.art-label{color:#365b7b}
.demo-placeholder small{color:#415a72}
/* Textos de suporte e legendas em fundo claro */
.footer-inner small{color:#465a70}
.mid-cta span{color:#425a74}
.devices-layout small{color:#425a74}
/* Ajustes gerais para elementos sinalizados pelo Lighthouse */
small{color:inherit}
/* Cor mais legível nos números e legendas das ilustrações */
.device-main .mock-flow b,.budget-visual b,.audit-preview b{color:#075da8}
/* Primeiro subtítulo da simulação: H2 sem alterar seu aspecto visual */
.device-main h2{font-size:17px;line-height:1.35;margin:12px 0 22px;color:inherit;letter-spacing:normal}
@media(max-width:680px){.device-main h2{font-size:13px}}


/* ETAPA 36 - ajustes localizados de contraste; preserva dimensoes e layout */
.budget-top,.budget-visual>p{color:#40566e}
.budget-steps small{color:#40566e}
.audit-preview small,.audit-preview p{color:#40566e}
.finance-demo-grid small{color:#40566e}
.security-note,.plans-note,.comparison-disclaimer{color:#40566e}
.plan-category{color:#40566e}
.plan-price>span{color:#40566e}
.comparison-table caption,.comparison-table .comparison-pending{color:#40566e}
.plan-card .plan-conditions{color:#40566e}
.plan-card .plan-action{background:#075da8;color:#fff}
.plan-card .plan-action:hover{background:#064a85;color:#fff}