.opc-free-badge,#checker .spk-seo-audit-hero-grid>div:first-child>span:first-child{display:inline-flex;align-items:center;gap:8px;background:#E8F8EE;color:#15803D;font:700 13px/1 var(--text,Inter),sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px 9px 10px;border-radius:999px}
.opc-free-badge:before,#checker .spk-seo-audit-hero-grid>div:first-child>span:first-child:before{content:"";width:20px;height:20px;border-radius:50%;background:#22C55E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
h1 .opc-h1-free,#checker h1>span:first-child{color:#16A34A;position:relative;white-space:nowrap}
h1 .opc-h1-free:after,#checker h1>span:first-child:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.08em;height:.16em;border-radius:99px;background:#86EFAC;opacity:.75;z-index:-1}
h1 .opc-h1-blue,#checker h1>span:last-child{color:var(--blue,#3F6BFF)}
.opc-card,#opc-tool{background:#fff;border:1px solid var(--line,#E7E9F0);border-radius:22px;box-shadow:rgba(10,37,64,.25) 0 24px 60px -30px;padding:clamp(22px,3vw,32px)}
.opc-card-title,#opc-tool>p:first-child{font:700 clamp(24px,2.4vw,30px)/1.15 var(--display,'Inter Tight'),sans-serif;color:var(--ink,#0A2540);margin:0 0 18px;letter-spacing:-.4px}
.opc-form{display:grid;gap:12px}
.opc-field{position:relative;display:block;margin:0}
.opc-field svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#5B6478;pointer-events:none}
.opc-field input,.opc-field select{width:100%;height:54px;border:1.5px solid #DDE1EA;border-radius:12px;padding:0 16px 0 48px;font:400 16px var(--text,Inter),sans-serif;color:var(--ink,#0A2540);background:#fff;outline:0;appearance:none;-webkit-appearance:none;margin:0}
.opc-field select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5l5 5 5-5' fill='none' stroke='%230A2540' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") right 16px center/18px no-repeat;cursor:pointer}
.opc-field input:focus,.opc-field select:focus{border-color:var(--blue,#3F6BFF);box-shadow:0 0 0 4px #3F6BFF1f}
.opc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.opc-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border:0;border-radius:14px;background:#22C55E;color:#fff;font:600 18px var(--text,Inter),sans-serif;cursor:pointer;box-shadow:0 12px 26px -10px #22C55Eb0;transition:background .15s,transform .15s;margin-top:6px}
.opc-btn:hover{background:#16A34A;transform:translateY(-1px)}
.opc-btn[disabled]{opacity:.7;cursor:wait;transform:none}
.opc-btn svg{width:20px;height:20px}
.opc-note{text-align:center;font-size:13.5px;color:var(--muted,#8A93A6);margin:6px 0 0}
.opc-err{background:#FEF2F2;color:#B91C1C;border-radius:10px;padding:10px 14px;font-size:14px;margin:0}
.opc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.opc-results{scroll-margin-top:90px;background:var(--band,#F6F8FB)}
.opc-progress{max-width:640px;margin:0 auto;background:#fff;border:1px solid var(--line,#E7E9F0);border-radius:22px;padding:28px 30px;box-shadow:rgba(10,37,64,.25) 0 24px 60px -30px}
.opc-progress h2{font-size:22px;margin:0 0 16px}
.opc-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.opc-steps li{display:flex;align-items:center;gap:12px;font-size:15.5px;color:var(--muted,#8A93A6)}
.opc-steps li:before{content:"";flex:0 0 20px;height:20px;border-radius:50%;border:2px solid #D5DAE5;box-sizing:border-box}
.opc-steps li.on{color:var(--ink,#0A2540);font-weight:500}
.opc-steps li.on:before{border-color:var(--blue,#3F6BFF);border-right-color:transparent;animation:opcspin .8s linear infinite}
.opc-steps li.done{color:var(--body,#3F465C)}
.opc-steps li.done:before{border:0;background:#22C55E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/20px no-repeat}
@keyframes opcspin{to{transform:rotate(360deg)}}
.opc-rep{display:grid;gap:22px}
.opc-box{background:#fff;border:1px solid var(--line,#E7E9F0);border-radius:20px;padding:clamp(20px,2.6vw,28px)}
.opc-box h2,.opc-box h3{margin:0 0 14px;letter-spacing:-.3px}
.opc-box h2{font-size:clamp(21px,2vw,25px)}
.opc-box h3{font-size:18px}
.opc-head{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.opc-ring{position:relative;width:132px;height:132px}
.opc-ring svg{width:132px;height:132px;transform:rotate(-90deg)}
.opc-ring b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 38px/1 var(--display,'Inter Tight'),sans-serif;color:var(--ink,#0A2540)}
.opc-ring b small{font:500 13px/1.4 var(--text,Inter),sans-serif;color:var(--muted,#8A93A6)}
.opc-kicker{font:600 12px/1 var(--text,Inter),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--blue,#3F6BFF);margin:0 0 8px}
.opc-headline{font:700 clamp(22px,2.4vw,28px)/1.2 var(--display,'Inter Tight'),sans-serif;color:var(--ink,#0A2540);margin:0}
.opc-sub{margin:6px 0 10px;color:var(--body,#3F465C);font-size:16px}
.opc-meta{font-size:13.5px;color:var(--muted,#8A93A6);word-break:break-all;margin:0}
.opc-actions{display:grid;gap:10px;justify-items:end}
.opc-link{background:none;border:0;color:var(--blue,#3F6BFF);font:500 14.5px var(--text,Inter),sans-serif;cursor:pointer;padding:4px 0}
.opc-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.opc-ins{border:1px solid var(--line,#E7E9F0);border-radius:16px;padding:18px}
.opc-ins p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:var(--body,#3F465C)}
.opc-ins strong{display:block;font-size:13px;color:var(--muted,#8A93A6);font-weight:500}
.opc-ins span{font:600 18px var(--display,'Inter Tight'),sans-serif;color:var(--ink,#0A2540)}
.opc-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 28px}
.opc-bar{font-size:14px;color:var(--body,#3F465C)}
.opc-bar div{display:flex;justify-content:space-between;margin-bottom:6px}
.opc-bar i{display:block;height:8px;border-radius:9px;background:#EDF0F6;overflow:hidden}
.opc-bar i u{display:block;height:100%;border-radius:9px;background:var(--blue,#3F6BFF)}
.opc-bar.low i u{background:#F59E0B}.opc-bar.bad i u{background:#EF4444}.opc-bar.ok i u{background:#22C55E}
.opc-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.opc-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.opc-table th,.opc-table td{text-align:left;padding:11px 12px;border-bottom:1px solid #EEF0F5;vertical-align:top}
.opc-table thead th{font-size:13px;color:var(--muted,#8A93A6);font-weight:500}
.opc-table thead th b{display:block;color:var(--ink,#0A2540);font-size:14.5px;font-weight:600;word-break:break-all}
.opc-table td:first-child{color:var(--muted,#8A93A6);white-space:nowrap}
.opc-table .you{background:#F4F7FF}
.opc-y{color:#16A34A;font-weight:600}.opc-n{color:#DC2626;font-weight:600}.opc-dim{color:var(--muted,#8A93A6)}
.opc-subs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.opc-subs li{display:flex;gap:10px;font-size:15px;line-height:1.45;color:var(--body,#3F465C)}
.opc-subs li em{font-style:normal;color:var(--muted,#8A93A6);font-size:13px;display:block}
.opc-dot{flex:0 0 22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font:700 12px/1 Inter,sans-serif}
.opc-dot.y{background:#22C55E}.opc-dot.n{background:#EF4444}
.opc-fixes{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.opc-fix{border:1px solid var(--line,#E7E9F0);border-radius:16px;padding:16px 18px;display:grid;grid-template-columns:34px 1fr;gap:4px 14px}
.opc-fix>b{grid-row:span 3;width:34px;height:34px;border-radius:50%;background:var(--tint,#EEF2FF);color:var(--blue,#3F6BFF);display:flex;align-items:center;justify-content:center;font:700 15px Inter,sans-serif}
.opc-fix h4{margin:0;font-size:16px;line-height:1.4;color:var(--ink,#0A2540)}
.opc-fix p{margin:2px 0 0;font-size:14.5px;line-height:1.55;color:var(--body,#3F465C)}
.opc-fix .how{background:#F0FDF4;border-radius:10px;padding:9px 12px;margin-top:8px}
.opc-fix .how:before{content:"How to fix: ";font-weight:600;color:#15803D}
.opc-sev{display:inline-block;font:600 11px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:5px 8px;margin-right:8px;vertical-align:2px}
.opc-sev.high{background:#FEE2E2;color:#B91C1C}.opc-sev.medium{background:#FEF3C7;color:#B45309}.opc-sev.low{background:#E0E7FF;color:#3730A3}
.opc-fix.locked h4{filter:blur(4px);user-select:none}
.opc-fix.locked>b{background:#F1F2F6;color:#9AA1B2}
.opc-gate{border:2px solid #22C55E;border-radius:20px;padding:24px;background:linear-gradient(180deg,#F0FDF4,#fff 60%)}
.opc-gate h3{margin:0 0 6px;font-size:21px}
.opc-gate form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}
.opc-gate input[type=email]{height:52px;border:1.5px solid #DDE1EA;border-radius:12px;padding:0 16px;font:400 16px Inter,sans-serif;margin:0}
.opc-gate .opc-btn{width:auto;padding:0 22px;height:52px;margin:0;font-size:16px}
.opc-gate label.opc-opt{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--body,#3F465C);line-height:1.45;margin:0}
.opc-gate label.opc-opt input{margin-top:3px;width:16px;height:16px;flex:0 0 16px}
.opc-priv{grid-column:1/-1;font-size:12.5px;color:var(--muted,#8A93A6);margin:0;line-height:1.5}
.opc-good{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.opc-good li{padding-left:28px;position:relative;font-size:15px;color:var(--body,#3F465C)}
.opc-good li:before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#22C55E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/20px no-repeat}
.opc-cta{display:flex;gap:20px;align-items:center;justify-content:space-between;background:var(--ink,#0A2540);color:#fff;border-radius:20px;padding:26px 28px}
.opc-cta h3{color:#fff;margin:0 0 4px;font-size:21px}
.opc-cta p{margin:0;color:#C9D3E6;font-size:15px}
.opc-cta a{flex:0 0 auto;background:#fff;color:var(--ink,#0A2540);border-radius:999px;padding:13px 22px;font-weight:600;text-decoration:none}
.opc-src{font-size:12.5px;color:var(--muted,#8A93A6);line-height:1.6;margin:0}
.opc-rubric,#how-we-score .spk-seo-audit-head+div{display:grid;gap:0;border:1px solid var(--line,#E7E9F0);border-radius:18px;overflow:hidden;background:#fff;margin-top:28px}
.opc-rubric>div,#how-we-score .spk-seo-audit-head+div>div{display:grid;grid-template-columns:220px 70px 1fr;gap:16px;padding:14px 20px;border-top:1px solid #EEF0F5;font-size:15px;color:var(--body,#3F465C);align-items:baseline}
.opc-rubric>div:first-child,#how-we-score .spk-seo-audit-head+div>div:first-child{border-top:0;background:var(--band,#F6F8FB);font-size:13px;color:var(--muted,#8A93A6);font-weight:500}
.opc-rubric strong,#how-we-score .spk-seo-audit-head+div strong{color:var(--ink,#0A2540)}
.opc-rubric span,#how-we-score .spk-seo-audit-head+div span{font-weight:600;color:var(--blue,#3F6BFF)}
@media (max-width:991px){.opc-head{grid-template-columns:auto 1fr}.opc-actions{grid-column:1/-1;justify-items:start;grid-auto-flow:column;justify-content:start;gap:18px}.opc-grid3,.opc-bars{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.opc-grid3,.opc-bars,.opc-subs{grid-template-columns:1fr}.opc-head{grid-template-columns:1fr;justify-items:start}.opc-gate form{grid-template-columns:1fr}.opc-gate .opc-btn{width:100%}.opc-cta{flex-direction:column;align-items:flex-start}.opc-rubric>div,#how-we-score .spk-seo-audit-head+div>div{grid-template-columns:1fr 56px}.opc-rubric>div>p,#how-we-score .spk-seo-audit-head+div>div>p{grid-column:1/-1;margin:0}}
#opc-tool p.opc-card-title,#opc-tool >p:first-child{font:700 clamp(24px,2.4vw,30px)/1.15 var(--display,'Inter Tight'),sans-serif;color:var(--ink,#0A2540);letter-spacing:-.4px;margin:0 0 18px}
#opc-results p.opc-headline{font:700 clamp(22px,2.4vw,28px)/1.2 var(--display,'Inter Tight'),sans-serif;color:var(--ink,#0A2540);margin:0;letter-spacing:-.3px}
#opc-results p.opc-kicker{font:600 12px/1 var(--text,Inter),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--blue,#3F6BFF);margin:0 0 8px}
#opc-results p.opc-sub{font-size:16px;line-height:1.5;margin:6px 0 10px}
#opc-results p.opc-meta{font-size:13.5px;line-height:1.5;margin:0}
#opc-results .opc-gate label.opc-opt{font-weight:400}
#opc-tool p.opc-note,#opc-results p.opc-priv,#opc-results p.opc-src{font-weight:400}
#checker h1>span:first-child{z-index:0}#checker h1{position:relative;z-index:0}
.opc-rubric>div>p,#how-we-score .spk-seo-audit-head+div>div>p{margin:0;font-size:15px;line-height:1.5}
#checker-faq .spk-seo-audit-faq{grid-template-columns:1fr;max-width:880px;margin-left:auto;margin-right:auto;gap:12px}
main>#checker-faq{padding-top:clamp(48px,6vw,76px);padding-bottom:clamp(48px,6vw,76px)}

/* Keep report CTA text readable despite shared site heading/paragraph styles. */
#opc-results .opc-cta h3{color:#FFFFFF!important}
#opc-results .opc-cta p{color:#DCE6F2!important}