/* Ferramenta de análise de SEO. */
.sa-hero{padding-bottom:40px}
.sa-form{margin-top:30px;max-width:780px}
.sa-fields{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}
.sa-field-group label{display:block;font-size:13px;font-weight:600;letter-spacing:.02em;color:#f5f4f5;margin-bottom:8px}
.sa-required{font-weight:400;color:#aaa4b1;font-size:12px}
.sa-field-group input{width:100%;min-height:54px;padding:0 16px;border:1px solid #5a515e;border-radius:4px;background:#141217;color:#fff;font:inherit;font-size:16px}
.sa-field-group input:focus{outline:2px solid #ff4aac;outline-offset:2px;border-color:#ff4aac}
.sa-field-group input[aria-invalid="true"]{border-color:#ff4d5f}
.sa-submit{margin-top:14px;width:100%;justify-content:center}
.sa-submit[disabled]{opacity:.6;cursor:progress}
.cmo-page .sa-consent{font-size:12px;line-height:1.6;color:#aaa4b1;margin:12px 0 0}
.sa-consent a{color:#ff9cc9;text-decoration:underline}
.cmo-page .sa-hint{font-size:13px;color:#aaa4b1;margin:12px 0 0}
.sa-status{min-height:24px;margin:10px 0 0;font-size:15px;color:#ff9cc9}
.sa-status.sa-error{color:#ff8a8a}
/* Cartão em destaque na home. */
.sa-form-card{margin-top:26px;padding:24px;border:1px solid #ed007a;border-radius:10px;background:linear-gradient(160deg,#1d1020,#121015);box-shadow:0 24px 70px #ed007a1f}
.cmo-page .sa-form-title{margin:0 0 6px;font-size:11px;letter-spacing:.14em;font-weight:700;color:#ff79bd}
.cmo-page .sa-form-lead{margin:0 0 16px;font-size:20px;line-height:1.35;font-weight:600;color:#fff;letter-spacing:-.02em}
.sa-home-actions{margin-top:22px}
.sa-hero-visual{align-self:center}
.sa-hero-visual .sa-form-card{margin-top:0;max-width:none}
.sa-form-card .sa-fields{grid-template-columns:1fr}
.cmo-page .sa-form-card .sa-form-lead{font-size:24px}
.sa-report{padding:40px 0 80px}
.sa-summary{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;padding:36px;border:1px solid #3c3440;border-radius:8px;background:#141217}
.cmo-page .sa-summary h2{margin:6px 0 10px}
.sa-url{margin:0;word-break:break-all}
.sa-url a{color:#ff9cc9}
.cmo-page .sa-page-title{margin:4px 0 0;font-size:14px;color:#aaa4b1}
.sa-counts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0 0}
.sa-counts li{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}
.sa-c-erro{background:#ff4d5f22;color:#ff98a2}.sa-c-aviso{background:#ffb02022;color:#ffd27a}.sa-c-ok{background:#2ed47a22;color:#7ff0b0}.sa-c-manual{background:#ffffff14;color:#c8c3cd}
.cmo-page .sa-cap{margin:18px 0 0;padding:14px 16px;border-left:3px solid #ff4d5f;background:#ff4d5f14;color:#ffd0d5;font-size:14px}
.cmo-page .sa-meta{font-size:12px;color:#8f8996;margin:14px 0 0}
.sa-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.sa-ring{--c:#8f8996;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,#141217 78%,transparent 79%),conic-gradient(var(--c) calc(var(--p)*1%),#ffffff1a 0);flex:0 0 auto}
.sa-ring strong{font-size:24px;line-height:1;color:#fff}
.sa-ring span{font-size:11px;color:#aaa4b1}
.sa-ring-big{width:170px;height:170px}
.sa-ring-big strong{font-size:52px;letter-spacing:-.04em}
.sa-good{--c:#2ed47a}.sa-mid{--c:#ffb020}.sa-bad{--c:#ff4d5f}
.sa-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 10px}
.sa-cat{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #3c3440;border-radius:8px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;line-height:1.3}
.sa-cat:hover{border-color:#ed007a}
.sa-cat .sa-ring{width:62px;height:62px}
.sa-cat .sa-ring strong{font-size:19px}
.sa-cat-section{margin-top:52px;scroll-margin-top:24px}
.cmo-page .sa-cat-section h3{display:flex;align-items:center;gap:14px;font-size:28px;margin:0 0 18px}
.sa-cat-score{font-size:15px;padding:4px 10px;border-radius:999px;background:#ffffff14;color:var(--c)}
.cmo-page .sa-pending{color:#ff9cc9;font-size:14px}
.sa-check{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:20px 0;border-top:1px solid #2e2831}
.sa-badge{align-self:start;justify-self:start;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.sa-check-erro .sa-badge{background:#ff4d5f;color:#1a0306}
.sa-check-aviso .sa-badge{background:#ffb020;color:#1f1400}
.sa-check-ok .sa-badge{background:#2ed47a;color:#02180b}
.sa-check-manual .sa-badge{background:#4a4350;color:#fff}
.cmo-page .sa-check h4{font-size:17px;font-weight:620;margin:0 0 6px;color:#fff}
.cmo-page .sa-detail{margin:0;font-size:15px;color:#d6d1da;word-break:break-word}
.cmo-page .sa-fix{margin:10px 0 0;font-size:14px;color:#aaa4b1}
.sa-fix strong{color:#ff9cc9}
.sa-items{margin-top:10px;font-size:13px}
.sa-items summary{cursor:pointer;color:#c8c3cd;min-height:24px}
.sa-items ul{margin:8px 0 0;padding-left:18px;color:#aaa4b1;word-break:break-all}
.sa-pillars-last{margin-top:22px}
@media(max-width:900px){.sa-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sa-fields{grid-template-columns:1fr}.sa-form-card{padding:20px 16px}.sa-summary{grid-template-columns:1fr;padding:24px 20px;gap:22px;justify-items:start}.sa-ring-big{width:130px;height:130px}.sa-ring-big strong{font-size:40px}.sa-check{grid-template-columns:1fr;gap:10px}.sa-cats{grid-template-columns:1fr}}
@media print{.site-header,.footer,.whatsapp-float,.hansen-consent,.hansen-cookie-settings,.sa-form,#o-que-verificamos,#perguntas,#contato,.sa-actions,.cmo-breadcrumb{display:none!important}.cmo-page,.sa-summary{background:#fff!important;color:#000!important}.cmo-page *{color:#000!important}.sa-items[open] ul,.sa-items ul{display:block}.sa-check{break-inside:avoid}}
.sa-form-card .sa-status:empty{min-height:0;margin:0}
@media(max-width:900px){.sa-home-hero{padding-top:28px;gap:24px}.sa-home-hero .sa-home-actions,.sa-home-hero .cmo-hero-copy>.cmo-note{display:none}.sa-hero-visual{padding-top:0}}
/* ---------- Motion graphics durante a análise ---------- */
.sa-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sa-loader{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;margin:36px 0 10px;padding:32px;border:1px solid #3c3440;border-radius:12px;background:radial-gradient(ellipse at 15% 20%,#ed007a22,transparent 55%),#100e13;overflow:hidden}
.sal-stage{perspective:900px}
.sal-browser{position:relative;border:1px solid #4a404e;border-radius:10px;background:#16131a;box-shadow:0 30px 80px #0009;overflow:hidden;transform-style:preserve-3d}
.sal-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid #3a313e;background:#1b171f}
.sal-bar>i{width:9px;height:9px;border-radius:50%;background:#4a404e}
.sal-bar>i:first-child{background:#ff5f57}.sal-bar>i:nth-child(2){background:#febc2e}.sal-bar>i:nth-child(3){background:#28c840}
.sal-url{flex:1;display:flex;align-items:center;gap:7px;margin-left:10px;padding:6px 12px;border-radius:999px;background:#0e0c10;color:#e9e4ec;font:13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;min-width:0;overflow:hidden;white-space:nowrap}
.sal-url-lock{color:#2ed47a;font-size:9px}
.sal-caret{width:1px;height:14px;background:#ff4aac;animation:sal-blink 1s steps(1) infinite}
@keyframes sal-blink{50%{opacity:0}}
.sal-page{position:relative;height:270px;padding:22px}
.sal-skeleton{display:grid;gap:12px}
.sal-sk{border-radius:5px;background:linear-gradient(90deg,#2a2430,#3a3140)}
.sal-sk-nav{height:10px;width:40%}
.sal-sk-h1{height:24px;width:82%;margin-top:10px;background:linear-gradient(90deg,#4a2a40,#6b2d55)}
.sal-sk-h1b{height:24px;width:58%;background:linear-gradient(90deg,#4a2a40,#6b2d55)}
.sal-sk-line{height:9px;width:92%}.sal-sk-line.sal-short{width:64%}
.sal-sk-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}
.sal-sk-img{height:58px}
.sal-beam{position:absolute;left:0;right:0;top:-12%;height:38px;background:linear-gradient(180deg,transparent,#ff4aac33 45%,#ff4aac88 50%,#ff4aac33 55%,transparent);pointer-events:none;mix-blend-mode:screen}
.sal-tag{position:absolute;z-index:3;padding:5px 9px;border:1px solid #ff79bd;border-radius:6px;background:#1d1020ee;color:#ffd0e7;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;opacity:0;box-shadow:0 8px 24px #ed007a44;white-space:nowrap}
.sal-lock{position:absolute;z-index:4;left:50%;top:50%;width:110px;margin:-62px 0 0 -55px;display:grid;justify-items:center;gap:6px;opacity:0;color:#2ed47a;font:700 13px/1 inherit;letter-spacing:.12em}
.sal-lock svg{width:76px;height:76px;fill:none;stroke:#2ed47a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;background:#0e1a13;border-radius:50%;padding:12px}
.sal-tree{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);opacity:0;z-index:2}
.sal-tree line{stroke:#ff79bd;stroke-width:1.6;opacity:.8}
.sal-tree circle{fill:#1d1020;stroke:#ff4aac;stroke-width:2}
.sal-node-0 circle{fill:#ed007a}
.sal-tree text{fill:#fff;font:700 12px/1 sans-serif}
.sal-score{position:absolute;z-index:5;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#1d1020 62%,transparent 63%),conic-gradient(#ed007a,#ff79bd,#2ed47a,#ed007a);opacity:0}
.sal-score strong{font-size:46px;line-height:1;color:#fff;letter-spacing:-.04em}
.sal-score span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ff9cc9;margin-top:6px}
.sal-pct{display:flex;align-items:baseline;gap:4px}
.sal-pct strong{font-size:clamp(56px,6vw,84px);line-height:.9;letter-spacing:-.06em;color:#fff;font-variant-numeric:tabular-nums}
.sal-pct span{font-size:26px;color:#ff4aac;font-weight:700}
.sal-progress{height:6px;margin:14px 0 22px;border-radius:999px;background:#2b252f;overflow:hidden}
.sal-progress i{display:block;height:100%;background:linear-gradient(90deg,#c90066,#ff4aac,#ff9cc9);transform:scaleX(0);transform-origin:left;transition:transform .25s linear}
.sal-steps{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sal-steps li{display:flex;align-items:center;gap:12px;font-size:15px;color:#7d7684;transition:color .3s}
.sal-ico{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1.5px solid #4a404e;display:grid;place-items:center}
.sal-ico svg{width:14px;height:14px;fill:none;stroke:#09090b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sal-ico path{stroke-dasharray:24;stroke-dashoffset:24}
.sal-steps li.is-active{color:#fff;font-weight:600}
.sal-steps li.is-active .sal-ico{border-color:#ff4aac;border-top-color:transparent;animation:sal-spin .8s linear infinite}
.sal-steps li.is-done{color:#c8c3cd}
.sal-steps li.is-done .sal-ico{background:#2ed47a;border-color:#2ed47a;animation:none}
.sal-steps li.is-done .sal-ico path{stroke-dashoffset:0}
@keyframes sal-spin{to{transform:rotate(360deg)}}
.cmo-page .sal-tip{margin:22px 0 0;padding:14px 16px;border-left:3px solid #ff4aac;background:#ffffff08;font-size:14px;line-height:1.6;color:#c8c3cd;min-height:68px}
.sal-tip b{color:#ff9cc9}
.sal-tip span{display:inline-block}
.sal-static .sal-tag,.sal-static .sal-lock,.sal-static .sal-tree{display:none}
/* Medição do Google em andamento. */
.sa-pending{display:flex;align-items:center;gap:12px}
.sa-gauge{flex:0 0 38px;width:38px;height:24px;overflow:visible}
.sa-gauge path{fill:none;stroke:#3c3440;stroke-width:4;stroke-linecap:round}
.sa-gauge .sa-gauge-arc{stroke:#ff4aac;stroke-dasharray:57;animation:sa-gauge 1.6s ease-in-out infinite alternate}
.sa-gauge line{stroke:#fff;stroke-width:2.5;stroke-linecap:round;transform-origin:19px 21px;animation:sa-needle 1.6s ease-in-out infinite alternate}
@keyframes sa-gauge{from{stroke-dashoffset:57}to{stroke-dashoffset:8}}
@keyframes sa-needle{from{transform:rotate(-80deg)}to{transform:rotate(70deg)}}
@media(prefers-reduced-motion:reduce){.sal-caret,.sal-steps li.is-active .sal-ico,.sa-gauge .sa-gauge-arc,.sa-gauge line{animation:none}}
@media(max-width:900px){.sa-loader{grid-template-columns:1fr;gap:26px;padding:20px 16px}.sal-page{height:230px;padding:16px}.sal-sk-img{height:44px}}
/* ---------- Topo da home: título e formulário sempre visíveis na primeira tela ---------- */
.cmo-page .sa-home-hero{align-items:start;padding-block:clamp(20px,5vh,64px) clamp(28px,6vh,72px);gap:clamp(32px,4vw,64px)}
.cmo-page .sa-home-hero .eyebrow{margin:0}
.cmo-page .sa-home-hero h1{font-size:clamp(32px,min(4.6vw,8vh),76px);margin:clamp(10px,2vh,22px) 0}
.cmo-page .sa-home-hero .cmo-lead{font-size:clamp(15px,2.3vh,18px);margin-bottom:0}
.cmo-page .sa-home-hero .sa-home-actions{margin:clamp(12px,2.4vh,22px) 0 8px}
.cmo-page .sa-home-hero .cmo-hero-copy>.cmo-note{margin:0}
.sa-home-hero .sa-hero-visual{align-self:start;padding-top:clamp(0px,1.5vh,14px)}
.sa-home-hero .sa-form-card{padding:clamp(16px,2.8vh,24px)}
.cmo-page .sa-home-hero .sa-form-lead{font-size:clamp(18px,2.8vh,24px);margin-bottom:clamp(8px,1.6vh,16px)}
.sa-home-hero .sa-fields{gap:clamp(6px,1.2vh,12px)}
.sa-home-hero .sa-field-group label{margin-bottom:clamp(4px,.8vh,8px)}
.sa-home-hero .sa-field-group input{min-height:clamp(44px,6.4vh,54px)}
.sa-home-hero .sa-submit{margin-top:clamp(10px,1.6vh,14px);min-height:clamp(46px,6.6vh,56px)}
.cmo-page .sa-home-hero .sa-consent{margin-top:clamp(6px,1.2vh,12px)}
/* Telas baixas (notebooks, zoom do Windows): cabeçalho mais compacto. */
@media(min-width:901px) and (max-height:800px){.cmo-page .site-header{height:80px}}
/* Celular: título, depois o formulário, depois o texto. */
@media(max-width:900px){
  .cmo-page .sa-home-hero{display:flex;flex-direction:column;gap:0;padding-top:clamp(14px,3vh,28px)}
  .sa-home-hero .cmo-hero-copy{display:contents}
  .sa-home-hero .eyebrow{order:1}
  .sa-home-hero h1{order:2}
  .sa-home-hero .sa-hero-visual{order:3;width:100%;padding-top:4px}
  .sa-home-hero .cmo-lead{order:4;margin-top:22px}
  .cmo-page .sa-home-hero h1{font-size:clamp(28px,min(8.6vw,5vh),40px)}
  .cmo-page .sa-home-hero .sa-form-title{font-size:10px}
  .cmo-page .sa-home-hero .sa-form-lead{font-size:clamp(16px,2.6vh,20px)}
  .cmo-page .sa-home-hero .sa-consent{font-size:11px}
}
@media(max-width:900px) and (max-height:680px){.cmo-page .sa-home-hero .sa-form-lead{display:none}.cmo-page .sa-home-hero .sa-form-title{margin-bottom:12px}}
/* Título da home: um pouco menor e com a frase final alternando. */
.cmo-page .sa-home-hero h1{font-size:clamp(30px,min(4vw,7vh),66px)}
.hero-rotator{position:relative;display:inline-grid;vertical-align:top;white-space:nowrap;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hero-rotator-text{grid-area:1/1;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s ease}
.hero-rotator-text.is-entering{transform:translateY(100%);opacity:0}
.hero-rotator-text.is-leaving{transform:translateY(-100%);opacity:0}
@media(max-width:900px){
  .cmo-page .sa-home-hero h1{font-size:clamp(26px,min(7.6vw,4.6vh),36px)}
  .sa-home-hero .sa-hero-visual{max-width:none;margin:0;padding:4px 0 0}
}