.service-page .seo-studio-preview{position:relative;margin:0;border:1px solid #2c3c3e;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,rgba(100,186,150,.1),transparent 65%),#10171c;box-shadow:0 28px 60px -42px #000}
.seo-preview-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #29363c;color:#bdcdd5;font:600 11px/1.5 var(--disp);letter-spacing:.09em}
.seo-preview-top span:last-child{font-size:10px;font-weight:400;letter-spacing:.02em;color:#89ab9e}
.seo-preview-body{padding:24px}
.seo-preview-search{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #2e3b41;border-radius:12px;background:#0c1217;color:#c8d4dc;font:400 13px/1.5 var(--body)}
.seo-preview-search svg{width:17px;height:17px;flex:none;fill:none;stroke:#8eafa3;stroke-width:1.7}
.seo-preview-result{margin-top:22px;padding:22px;border:1px solid #32483f;border-radius:16px;background:linear-gradient(145deg,rgba(95,166,139,.035),transparent),#0b1115}
.seo-preview-domain{display:flex;align-items:center;gap:10px;color:#8caaa4;font:400 10px/1.5 var(--body);overflow-wrap:anywhere}
.seo-preview-mark{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #36534a;border-radius:8px;color:#b2dbcd;font:500 17px var(--disp)}
.service-page .hero .seo-preview-result .seo-preview-title{font:500 19px/1.35 var(--disp);letter-spacing:-.025em;color:#9cbef1;margin:18px 0 10px}
.service-page .hero .seo-preview-result p{font:400 12px/1.8 var(--body);letter-spacing:0;color:#a5b6c3;margin:0}
.seo-preview-links{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:15px;color:#87aaca;font:400 10px/1.6 var(--body)}
.seo-preview-label{margin:25px 0 12px;color:#8daca3;font:500 10px/1.5 var(--disp);text-transform:uppercase;letter-spacing:.14em}
.seo-preview-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.seo-preview-pillars div{padding:14px 10px;border:1px solid #2b393f;border-radius:12px;background:rgba(255,255,255,.018)}
.seo-preview-pillars svg{width:21px;height:21px;margin-bottom:13px;fill:none;stroke:#8fc6af;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.seo-preview-pillars strong{display:block;color:#c9d8de;font:500 11px/1.4 var(--disp)}
.seo-preview-pillars span{display:block;color:#8ca0ad;font:400 10px/1.6 var(--body);margin-top:4px}
.seo-studio-preview figcaption{border-top:1px solid #27383c;padding:13px 24px;color:#8ea59e;font:400 10px/1.65 var(--body)}
@media(max-width:540px){.seo-preview-body{padding:20px 16px}.seo-preview-top{padding:18px 16px}.seo-preview-result{padding:18px 16px}.seo-preview-pillars{gap:6px}.seo-preview-pillars div{padding:13px 8px}.seo-studio-preview figcaption{padding:13px 16px}}