/*
Theme Name: byShep Check
Description: Тема для сервісу технічного SEO-аналізу.
Version: 1.0.0
*/
:root{--ink:#132223;--muted:#65716f;--paper:#f7f7f3;--white:#fff;--accent:#ef3d36;--mint:#dbece4;--line:#d9dfdb;--success:#16835d;--warning:#cc7b16;--danger:#d6413b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5}.check-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.check-header{padding:24px 0;border-bottom:1px solid var(--line);background:#fbfbf8}.check-header .check-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.check-brand{font-weight:800;font-size:24px;letter-spacing:-1.2px;color:var(--ink);text-decoration:none}.check-brand b{color:var(--accent)}.check-brand small{font-size:11px;letter-spacing:1.8px;margin-left:7px;color:var(--muted)}.check-nav a{color:var(--ink);font-weight:700;text-decoration:none}.check-nav a:hover{color:var(--accent)}.check-hero{padding:82px 0 64px;background:radial-gradient(circle at 85% 12%,#d9eee5,transparent 31%),#fbfbf8}.check-kicker{font-weight:800;color:var(--accent);font-size:12px;letter-spacing:1.5px}.check-hero h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.065em;max-width:850px;margin:18px 0 25px}.check-hero h1 em{font-style:normal;color:var(--accent)}.check-hero p{max-width:640px;color:var(--muted);font-size:20px}.check-form{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:800px;margin-top:38px}.check-form input{border:1px solid #bec9c3;border-radius:5px;padding:18px 20px;font:inherit;background:#fff;min-width:0}.check-form input:focus{outline:3px solid #ffd6d3;border-color:var(--accent)}button{border:0;border-radius:5px;background:var(--accent);color:#fff;font:800 15px/1 Inter,Arial,sans-serif;padding:0 25px;cursor:pointer;transition:transform .18s,background .18s}button:hover{background:#d52e28;transform:translateY(-1px)}button:disabled{opacity:.6;cursor:wait;transform:none}.check-deep{display:block;margin-top:14px;font-size:14px;font-weight:700;color:var(--ink)}.check-deep input{accent-color:var(--accent);margin-right:7px}.check-note{margin:12px 0 0;font-size:13px;color:var(--muted)}.check-main{padding:55px 0 90px}.check-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;border-top:1px solid var(--line);padding-top:42px}.check-intro h2,.check-results h2{font-size:34px;letter-spacing:-.045em;margin:0 0 15px}.check-intro p{color:var(--muted);max-width:550px}.check-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.check-features article{background:var(--white);padding:20px;border:1px solid var(--line);border-radius:6px}.check-features strong{display:block;font-size:14px}.check-features span{display:block;color:var(--muted);font-size:13px;margin-top:6px}.check-results{display:none;margin-top:62px}.check-results.is-visible{display:block}.check-report-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.check-report-head p{margin:0;color:var(--muted);overflow-wrap:anywhere}.check-overview{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--white);border-radius:6px;overflow:hidden}.check-overview div{padding:20px;border-right:1px solid var(--line)}.check-overview div:last-child{border:0}.check-overview span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.check-overview b{font-size:18px}.check-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-top:22px}.check-card{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:25px}.check-card h3{margin:0 0 20px;font-size:20px}.check-row{padding:14px 0;border-top:1px solid #edf0ed;display:grid;grid-template-columns:145px 1fr auto;gap:12px;align-items:center}.check-row:first-of-type{border-top:0}.check-row strong{font-size:14px}.check-row div{overflow-wrap:anywhere;font-size:14px}.check-row small{color:var(--muted);font-size:12px;text-align:right}.check-state{width:9px;height:9px;border-radius:50%;background:var(--success)}.check-state.warn{background:var(--warning)}.check-state.bad{background:var(--danger)}.check-issue{border-left:3px solid var(--warning);padding:0 0 0 13px;margin:0 0 18px}.check-issue.critical{border-color:var(--danger)}.check-issue:last-child{margin-bottom:0}.check-issue strong{display:block;font-size:14px}.check-issue p{margin:4px 0 0;color:var(--muted);font-size:14px}.check-empty{color:var(--muted);font-size:14px}.check-footer{background:var(--ink);color:#d8e1dc;padding:28px 0;font-size:13px}.check-footer .check-wrap{display:flex;justify-content:space-between;gap:20px}.check-footer a{color:#fff}.check-error{display:none;color:#b42318;margin:14px 0 0;font-weight:700}.check-error.is-visible{display:block}@media(max-width:760px){.check-wrap{width:min(100% - 28px,1180px)}.check-header .check-wrap,.check-footer .check-wrap{align-items:flex-start;flex-direction:column}.check-hero{padding:56px 0 46px}.check-hero p{font-size:17px}.check-form{grid-template-columns:1fr}.check-form button{padding:18px}.check-intro,.check-grid{grid-template-columns:1fr;gap:25px}.check-overview{grid-template-columns:repeat(2,1fr)}.check-overview div:nth-child(2){border-right:0}.check-overview div:nth-child(-n+2){border-bottom:1px solid var(--line)}.check-row{grid-template-columns:1fr auto}.check-row div{grid-column:1/3}.check-row small{display:none}}
/* Оновлена візуальна система сервісу */
:root{--ink:#eaf0f2;--muted:#a9b5bb;--paper:#0c1219;--white:#131d27;--accent:#ff5048;--line:#2a3945;--success:#37c78a;--warning:#ffb34d;--danger:#ff6258}body{background:#0c1219;color:var(--ink);font-family:Arial,sans-serif}.check-wrap{width:min(1160px,calc(100% - 48px)}.check-header{background:#0c1219;border-bottom:1px solid #27333d;padding:17px 0;position:relative;z-index:2}.check-header .check-wrap{flex-direction:row}.check-brand{color:#fff;font-size:23px;letter-spacing:-1.4px}.check-brand b{color:#ff5048}.check-brand small{color:#aab4bb;border-left:1px solid #52616c;padding-left:9px;letter-spacing:1.5px}.check-nav a{color:#fff;font-size:13px;display:inline-flex;gap:5px;align-items:center}.check-hero{padding:86px 0 76px;background:radial-gradient(circle at 80% 18%,rgba(255,80,72,.28),transparent 26%),radial-gradient(circle at 60% 100%,rgba(66,204,188,.13),transparent 30%),#0c1219;position:relative;overflow:hidden}.check-hero:after{content:"SEO";position:absolute;right:-42px;bottom:-84px;font-size:290px;font-weight:900;letter-spacing:-24px;color:rgba(255,255,255,.035);line-height:1}.check-hero .check-wrap{position:relative;z-index:1}.check-kicker{color:#ff807a;font-size:11px;letter-spacing:2px}.check-hero h1{font-size:clamp(52px,7.6vw,96px);letter-spacing:-.075em;max-width:920px;margin:19px 0 24px;color:#fff}.check-hero h1 em{color:#ff5a52}.check-hero p{color:#b5c0c5;font-size:19px;line-height:1.6;max-width:630px}.check-form{max-width:880px;margin-top:39px;background:#fff;border-radius:12px;padding:8px;grid-template-columns:1fr auto;box-shadow:0 28px 60px rgba(0,0,0,.35)}.check-form input{border:0;background:transparent;color:#14212a;padding:17px 16px;font-size:16px}.check-form input:focus{outline:none}.check-form button{background:#ff5048;border-radius:8px;padding:0 30px;min-height:55px;font-size:14px;box-shadow:none}.check-form button:hover{background:#e9423c}.check-deep{color:#c4cdd1;margin:16px 0 0;font-weight:600;font-size:13px}.check-deep input{accent-color:#ff5048}.check-note{color:#81909a;font-size:12px}.check-main{padding:74px 0 95px;background:#0c1219}.check-intro{border-top:1px solid #27333d;padding-top:55px;gap:64px}.check-intro h2,.check-results h2{color:#fff;font-size:38px;line-height:1.08}.check-intro p{color:#9cabb3;line-height:1.7}.check-features{gap:12px}.check-features article{background:#131d27;border:1px solid #2b3b47;border-radius:12px;padding:22px;transition:transform .2s,border-color .2s}.check-features article:hover{transform:translateY(-3px);border-color:#ff7069}.check-features strong{color:#fff;font-size:14px}.check-features span{color:#94a4ad;line-height:1.45}.check-results{padding-top:4px}.check-report-head{padding-top:8px}.check-report-head p{color:#99a8b1}.check-overview{background:#131d27;border-color:#2c3d49;border-radius:12px}.check-overview div{border-color:#2c3d49}.check-overview span{color:#95a4ac}.check-overview b{color:#fff}.check-card{background:#131d27;border-color:#2c3d49;border-radius:12px;padding:26px}.check-card h3{color:#fff}.check-row{border-color:#273844}.check-row strong{color:#fff}.check-row div{color:#b9c6cb}.check-row small{color:#84949e}.check-state{box-shadow:0 0 0 4px rgba(55,199,138,.12)}.check-state.warn{box-shadow:0 0 0 4px rgba(255,179,77,.12)}.check-state.bad{box-shadow:0 0 0 4px rgba(255,98,88,.12)}.check-issue p,.check-empty{color:#a7b5bb}.check-footer{background:#080d12;border-top:1px solid #26343e;color:#84949c}.check-error{color:#ff918c}@media(max-width:760px){.check-wrap{width:calc(100% - 32px)}.check-header{padding:15px 0}.check-header .check-wrap{flex-direction:row;align-items:center}.check-brand{font-size:21px}.check-brand small{font-size:9px;padding-left:6px;margin-left:5px}.check-nav a{font-size:12px}.check-hero{padding:56px 0 54px}.check-hero h1{font-size:50px;line-height:1;letter-spacing:-.065em}.check-hero p{font-size:16px;line-height:1.55}.check-form{display:flex;flex-direction:column;padding:6px;border-radius:10px;gap:4px}.check-form input{width:100%;padding:16px}.check-form button{width:100%;min-height:52px}.check-intro{padding-top:42px}.check-intro h2,.check-results h2{font-size:31px}.check-features{grid-template-columns:1fr}.check-grid{gap:14px}.check-card{padding:20px}.check-overview div{padding:15px}.check-footer .check-wrap{flex-direction:column;gap:5px}}
/* Контрастна світла версія інтерфейсу */
body{background:#f5f6f3;color:#17242c}.check-header{background:#fff;border-bottom:1px solid #d7dddd}.check-brand{color:#14252e}.check-brand small{color:#73838d;border-color:#cdd4d6}.check-nav a{color:#17242c}.check-hero{background:radial-gradient(circle at 86% 4%,#dff0ec 0,rgba(223,240,236,.78) 17%,transparent 40%),#f7f8f5}.check-hero:after{color:rgba(22,47,56,.035)}.check-kicker{color:#e3433d}.check-hero h1{color:#14232b}.check-hero h1 em{color:#ef443e}.check-hero p{color:#50616a}.check-form{border:1px solid #d4dcdc;box-shadow:0 16px 32px rgba(29,51,59,.09)}.check-form input{color:#14232b}.check-deep{color:#465860}.check-note{color:#72828a}.check-main{background:#fff}.check-intro{border-color:#e0e6e4}.check-intro h2,.check-results h2{color:#15242c}.check-intro p{color:#54666f}.check-features article{background:#f8faf9;border-color:#dde5e3}.check-features article:hover{border-color:#ef7771}.check-features strong{color:#172730}.check-features span{color:#64757d}.check-report-head p{color:#667781}.check-overview,.check-card{background:#fff;border-color:#dce4e3}.check-overview div,.check-row{border-color:#e5ebea}.check-overview span,.check-row small{color:#71818a}.check-overview b,.check-card h3,.check-row strong{color:#172730}.check-row div{color:#4d5f68}.check-issue p,.check-empty{color:#657780}.check-footer{background:#14242d;border-color:#14242d;color:#aebbc1}@media(max-width:760px){.check-hero{background:radial-gradient(circle at 100% 0,#dff0ec,transparent 56%),#f7f8f5}.check-hero h1{font-size:47px}.check-hero p{font-size:16px}}
/* Захист контрасту від сторонніх стилів */
.check-header{background:#fff!important}.check-brand{color:#14252e!important}.check-nav a{color:#17242c!important}.check-hero{background:radial-gradient(circle at 86% 4%,#dff0ec 0,rgba(223,240,236,.78) 17%,transparent 40%),#f7f8f5!important}.check-hero h1{color:#14232b!important}.check-hero h1 em{color:#ef443e!important}.check-hero p{color:#50616a!important}.check-deep{color:#465860!important}.check-note{color:#72828a!important}.check-main{background:#fff!important}.check-intro h2,.check-results h2{color:#15242c!important}.check-intro p{color:#54666f!important}.check-features strong{color:#172730!important}.check-features span{color:#64757d!important}
/* Базова типографіка з максимальним контрастом */
.check-header,.check-hero,.check-main{opacity:1!important}.check-brand,.check-nav a,.check-hero h1,.check-intro h2,.check-results h2,.check-card h3,.check-row strong{color:#000!important;opacity:1!important}.check-hero p,.check-note,.check-deep,.check-intro p,.check-features span,.check-row div{color:#23343d!important;opacity:1!important}.check-features strong{color:#000!important;opacity:1!important}