/* Estilos das páginas SEO. Todas as regras ficam dentro de .seo-page. */
body.seo-page{margin:0;background:#080c0b;color:#f4f7f5;font-family:Onest,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;color-scheme:dark}body.seo-page *{box-sizing:border-box}body.seo-page a{color:inherit;text-decoration:none}body.seo-page a:focus-visible,body.seo-page summary:focus-visible{outline:3px solid #25d366;outline-offset:4px}body.seo-page p{line-height:1.75;text-wrap:pretty}body.seo-page h1,body.seo-page h2,body.seo-page h3{line-height:1.15;text-wrap:balance;margin:0;letter-spacing:-.025em}body.seo-page .seo-shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}body.seo-page .seo-skip{position:fixed;z-index:50;left:16px;top:-80px;padding:12px 16px;background:#25d366;color:#092315;border-radius:5px;font-weight:700}body.seo-page .seo-skip:focus{top:12px}body.seo-page .seo-header{border-bottom:1px solid #2b3630;background:#080c0b}body.seo-page .seo-nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}body.seo-page .seo-brand{display:inline-flex;align-items:center;gap:10px;flex:none}body.seo-page .seo-brand img{display:block;width:128px;height:auto;filter:brightness(0) invert(1)}body.seo-page .seo-brand span{padding-left:10px;border-left:1px solid #46584b;color:#25d366;font-size:12px;font-weight:700;letter-spacing:.08em}body.seo-page .seo-navlinks{display:flex;align-items:center;gap:22px;color:#c1c9c4;font-size:13px}body.seo-page .seo-navlinks a:hover,body.seo-page .seo-footer a:hover{color:#25d366}body.seo-page .seo-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:15px 22px;border:1px solid #25d366;border-radius:7px;text-decoration:none;background:#25d366;color:#092315;font-size:14px;font-weight:700;line-height:1.3}body.seo-page .seo-button:hover{background:#53e38a}body.seo-page .seo-button.secondary{background:transparent;color:#dbe5de;border-color:#526359}body.seo-page .seo-main{padding-bottom:72px}body.seo-page .seo-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 42px;color:#9eaaa2;font-size:12px}body.seo-page .seo-crumbs a{text-decoration:underline;text-underline-offset:3px}body.seo-page .seo-hero{max-width:880px;padding:0 0 44px}body.seo-page .seo-kicker{margin:0 0 16px;color:#9fe7b5;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}body.seo-page .seo-hero h1{max-width:900px;font-size:clamp(38px,6vw,68px);font-weight:600}body.seo-page .seo-lead{max-width:780px;margin:22px 0 0;color:#bdc8c0;font-size:18px}body.seo-page .seo-meta{margin:18px 0 0;color:#93a197;font-size:12px}body.seo-page .seo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}body.seo-page .seo-notice{margin:20px 0 0;padding:18px 20px;border:1px solid #2e4034;border-radius:8px;background:#101713;color:#d4dfd7}body.seo-page .seo-notice strong{color:#f4f7f5}body.seo-page .seo-section{padding:36px 0;border-top:1px solid #2b3630}body.seo-page .seo-section h2{margin-bottom:18px;font-size:clamp(27px,4vw,40px);font-weight:550}body.seo-page .seo-section h3{margin:26px 0 10px;font-size:20px;font-weight:600}body.seo-page .seo-section p{max-width:850px;margin:12px 0;color:#c1cbc4}body.seo-page .seo-section ul,body.seo-page .seo-section ol{max-width:850px;margin:14px 0;padding-left:22px;color:#c1cbc4;line-height:1.8}body.seo-page .seo-section li{padding-left:4px;margin:6px 0}body.seo-page .seo-section a:not(.seo-button){color:#9fe7b5;text-decoration:underline;text-underline-offset:3px}body.seo-page .seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}body.seo-page .seo-card{padding:20px;border:1px solid #2e4034;border-radius:8px;background:#101713}body.seo-page .seo-card h3{margin:0 0 10px;font-size:18px}body.seo-page .seo-card p{margin:0;font-size:14px}body.seo-page .seo-table-wrap{overflow-x:auto;margin:20px 0;border:1px solid #334238;border-radius:8px}body.seo-page .seo-table{width:100%;min-width:680px;border-collapse:collapse;background:#101713;font-size:14px}body.seo-page .seo-table caption{padding:14px;text-align:left;color:#aab8ae;font-size:12px}body.seo-page .seo-table th,body.seo-page .seo-table td{padding:14px;text-align:left;vertical-align:top;border-top:1px solid #2b3630;line-height:1.6}body.seo-page .seo-table th{color:#d8e4db;font-weight:650}body.seo-page .seo-table td{color:#bdc8c0}body.seo-page .seo-code{overflow:auto;max-width:850px;margin:18px 0;padding:18px;border:1px solid #334238;border-radius:8px;background:#0d120f;color:#d8f1e0;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}body.seo-page .seo-faq details{max-width:850px;padding:17px 0;border-top:1px solid #2b3630}body.seo-page .seo-faq summary{cursor:pointer;color:#edf4ef;font-weight:650;line-height:1.5}body.seo-page .seo-faq details p{margin:10px 0 0;color:#bdc8c0}body.seo-page .seo-sources{font-size:13px;color:#9eaaa2}body.seo-page .seo-section .seo-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;gap:10px 24px;margin:14px 0;padding:0;list-style:none}body.seo-page .seo-footer{padding:28px 0 34px;border-top:1px solid #2b3630;color:#a9b6ae;font-size:12px}body.seo-page .seo-footer-top,body.seo-page .seo-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}body.seo-page .seo-footer-top{padding-bottom:20px}body.seo-page .seo-footer-bottom{padding-top:18px;border-top:1px solid #263129}body.seo-page .seo-footer-links{display:flex;flex-wrap:wrap;gap:14px}body.seo-page .seo-footer p{margin:0}body.seo-page .seo-footer .seo-brand img{width:115px}body.seo-page .seo-updated{color:#9eaaa2;font-size:12px}body.seo-page .seo-about-card{max-width:850px;padding:22px;border:1px solid #2e4034;border-radius:8px;background:#101713}body.seo-page .seo-about-card p{margin:8px 0}
body.seo-page .seo-final-cta{margin-top:24px;padding:clamp(24px,3.5vw,40px);border:1px solid #2e4034;border-radius:8px;background:#101713}
body.seo-page .seo-final-cta h2{margin-bottom:14px}
body.seo-page .seo-final-cta p{max-width:760px;margin:0;color:#c1cbc4}
body.seo-page .seo-final-cta .seo-actions{margin-top:22px}
@media(max-width:1100px){body.seo-page .seo-shell{width:calc(100% - 64px)}}
@media(min-width:801px) and (max-width:1100px){body.seo-page .seo-header .seo-shell{width:calc(100% - 64px)}}
@media(max-width:800px){body.seo-page .seo-shell{width:calc(100% - 40px)}body.seo-page .seo-nav{min-height:77px}body.seo-page .seo-navlinks{display:none}body.seo-page .seo-nav>.seo-button{min-height:42px;padding:9px 12px;font-size:11px}body.seo-page .seo-brand img{width:112px}body.seo-page .seo-crumbs{margin:20px 0 32px}body.seo-page .seo-hero{padding-bottom:32px}body.seo-page .seo-lead{font-size:16px}body.seo-page .seo-section{padding:28px 0}body.seo-page .seo-final-cta{padding:24px;margin-top:20px}body.seo-page .seo-grid{grid-template-columns:1fr}body.seo-page .seo-footer-top,body.seo-page .seo-footer-bottom{align-items:flex-start;flex-direction:column}body.seo-page .seo-actions .seo-button{width:100%}}
@media(max-width:600px){body.seo-page .seo-section .seo-source-list{grid-template-columns:1fr}}


/* Match the StackZap main-site header while keeping SEO page navigation intact. */
body.seo-page .seo-header{font-family:Onest,system-ui,sans-serif}
body.seo-page .seo-header .seo-nav{display:grid;grid-template-columns:1fr auto 1fr;height:94px;min-height:94px;gap:32px}
body.seo-page .seo-header .seo-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;justify-self:start}
body.seo-page .seo-header .seo-brand img{display:block;width:150px;max-width:150px;max-height:42px;height:auto;object-fit:contain;filter:brightness(0) invert(1)}
body.seo-page .seo-header .seo-brand .brand-tag{padding:4px 6px;border:1px solid rgb(37 211 102 / 33%);border-radius:5px;color:#25d366;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:normal}
body.seo-page .seo-header .seo-navlinks{justify-self:center;gap:25.6px;font-size:15px;color:#c1c9c4}
body.seo-page .seo-header .seo-navlinks a:hover{color:#25d366}
body.seo-page .seo-header .button{display:inline-flex;justify-self:end;justify-content:center;align-items:center;gap:24px;min-height:54px;padding:15px 22px;border:1px solid transparent;border-radius:7px;text-decoration:none;background:#25d366;color:#092315;font-size:15px;font-weight:700;line-height:normal;transition:background .2s,transform .2s ease}
body.seo-page .seo-header .button:hover{background:#53e38a;transform:translateY(-2px)}
body.seo-page .seo-header .button.small{min-height:42px;padding:10px 16px;font-size:15px;gap:17px}
body.seo-page .seo-header .ph-icon{display:inline-block;width:1.35em;height:1.35em;flex-shrink:0;fill:currentColor;stroke:none;vertical-align:middle;font-size:18px;transition:transform .25s ease}
body.seo-page .seo-header .button:hover .ph-icon{transform:translate(3px,-3px)}
body.seo-page .seo-cta-compact{display:none}
@media(max-width:1100px){body.seo-page .seo-header .seo-navlinks{gap:16px}}
@media(max-width:800px){body.seo-page .seo-header .seo-nav{display:flex;justify-content:space-between;grid-template-columns:none;height:77px;min-height:77px;gap:14px}body.seo-page .seo-header .seo-brand{gap:8px}body.seo-page .seo-header .seo-brand img{width:126px;max-width:126px}body.seo-page .seo-header .seo-nav>.button{min-height:37px;padding:10px 12px;font-size:12px;gap:8px}body.seo-page .seo-header .seo-nav>.button .ph-icon{display:none}body.seo-page .seo-cta-wide{display:none}body.seo-page .seo-cta-compact{display:inline}}
@media(max-width:480px){body.seo-page .seo-header .seo-brand img{width:112px;max-width:112px}}