:root{--seo-bg:#1a1f22;--seo-panel:#22282b;--seo-panel-2:#272f33;--seo-text:#f0e8dc;--seo-muted:#aeb9be;--seo-line:#ffffff16;--seo-blue:#3d94d1;--seo-violet:#4a4797;--seo-ok:#77c69b}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--seo-bg);color:var(--seo-text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
body{overflow-x:hidden}
a{color:inherit;text-decoration:none}
.seo-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}
.seo-main{padding-bottom:72px}
.seo-hero{padding:76px 0 52px;border-bottom:1px solid var(--seo-line);background:radial-gradient(circle at 82% 12%,rgba(61,148,209,.13),transparent 34%)}
.seo-crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:24px;color:var(--seo-muted);font-size:13px}
.seo-crumbs a:hover{color:#fff}
.seo-crumbs span{opacity:.55}
.seo-kicker{margin-bottom:14px;color:#87c5ed;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:34px;align-items:end}
.seo-hero h1{max-width:860px;margin:0;font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.065em}
.seo-hero h1 em{font-style:normal;color:#8bc8ef}
.seo-lead{max-width:760px;margin:24px 0 0;color:#c3cdd1;font-size:18px;line-height:1.65}
.seo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.seo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid var(--seo-line);border-radius:13px;background:var(--seo-panel);font-weight:850;transition:transform .2s,border-color .2s,background .2s}
.seo-btn:hover{transform:translateY(-1px);border-color:#5ca8d9}
.seo-btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--seo-blue),var(--seo-violet));color:#fff}
.seo-fact{padding:22px;border:1px solid var(--seo-line);border-radius:18px;background:rgba(34,40,43,.88)}
.seo-fact strong{display:block;margin-bottom:8px;font-size:19px}
.seo-fact p{margin:0;color:var(--seo-muted);font-size:14px}
.seo-section{padding:58px 0 0}
.seo-section-head{display:grid;grid-template-columns:minmax(0,.75fr) minmax(300px,.45fr);gap:30px;align-items:end;margin-bottom:22px}
.seo-section-head h2{margin:0;font-size:clamp(30px,4.5vw,48px);line-height:1.05;letter-spacing:-.045em}
.seo-section-head p{margin:0;color:var(--seo-muted)}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.seo-card{min-height:100%;padding:24px;border:1px solid var(--seo-line);border-radius:18px;background:var(--seo-panel)}
.seo-card b{display:block;margin-bottom:12px;color:#87c5ed;font-size:12px;letter-spacing:.1em}
.seo-card h3{margin:0 0 9px;font-size:20px;line-height:1.2}
.seo-card p{margin:0;color:var(--seo-muted);font-size:14px}
.seo-list{display:grid;gap:0;border:1px solid var(--seo-line);border-radius:18px;overflow:hidden;background:var(--seo-panel)}
.seo-list article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;padding:21px 24px;border-bottom:1px solid var(--seo-line)}
.seo-list article:last-child{border-bottom:0}
.seo-list b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #3d94d166;border-radius:50%;color:#8bc8ef;font-size:12px}
.seo-list h3{margin:0 0 5px;font-size:18px}
.seo-list p{margin:0;color:var(--seo-muted);font-size:14px}
.seo-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.seo-note{padding:28px;border:1px solid rgba(61,148,209,.35);border-radius:20px;background:linear-gradient(135deg,rgba(61,148,209,.10),rgba(74,71,151,.08))}
.seo-note h2,.seo-note h3{margin:0 0 10px;font-size:24px;line-height:1.2}
.seo-note p{margin:0;color:#c4cdd1}
.seo-checks{display:grid;gap:11px;margin:18px 0 0;padding:0;list-style:none}
.seo-checks li{position:relative;padding-left:24px;color:#cbd3d6}
.seo-checks li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--seo-ok);box-shadow:0 0 0 4px rgba(119,198,155,.1)}
.seo-faq{display:grid;gap:8px}
.seo-faq details{border:1px solid var(--seo-line);border-radius:14px;background:var(--seo-panel);padding:0 18px}
.seo-faq summary{cursor:pointer;padding:17px 32px 17px 0;font-weight:800;list-style:none;position:relative}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary::after{content:"+";position:absolute;right:0;top:12px;color:#8bc8ef;font-size:24px;font-weight:500}
.seo-faq details[open] summary::after{content:"−"}
.seo-faq p{margin:0;padding:0 0 18px;color:var(--seo-muted)}
.seo-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.seo-related a{padding:18px;border:1px solid var(--seo-line);border-radius:15px;background:var(--seo-panel);font-weight:800;line-height:1.35;transition:border-color .2s,transform .2s}
.seo-related a:hover{transform:translateY(-2px);border-color:#5ca8d9}
.seo-related small{display:block;margin-top:6px;color:var(--seo-muted);font-size:12px;font-weight:500}
.seo-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:58px;padding:30px;border:1px solid var(--seo-line);border-radius:22px;background:var(--seo-panel-2)}
.seo-cta h2{margin:0 0 6px;font-size:28px;line-height:1.15}
.seo-cta p{margin:0;color:var(--seo-muted)}
.seo-footer{margin-top:58px;padding:24px 0;border-top:1px solid var(--seo-line);color:var(--seo-muted);font-size:13px}
@media(max-width:850px){.seo-hero{padding-top:54px}.seo-hero-grid,.seo-section-head{grid-template-columns:1fr}.seo-grid{grid-template-columns:1fr 1fr}.seo-related{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.seo-wrap{width:min(100% - 24px,1120px)}.seo-hero{padding:42px 0 36px}.seo-hero h1{font-size:42px}.seo-lead{font-size:16px}.seo-grid,.seo-split,.seo-related,.seo-cta{grid-template-columns:1fr}.seo-section{padding-top:42px}.seo-card{padding:20px}.seo-cta{padding:22px}.seo-actions .seo-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.seo-btn,.seo-related a{transition:none}}