.seo-page{background:#05070b;color:#c6cdd8}
.seo-wrap{width:min(calc(100% - 40px),1120px);margin-inline:auto}
.seo-hero{padding:76px 0 54px;border-bottom:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 18% 0,rgba(61,123,255,.17),transparent 36%),radial-gradient(circle at 80% 15%,rgba(43,212,204,.1),transparent 32%)}
.seo-breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:18px;font-size:12.5px;color:#6e7889}
.seo-breadcrumbs a{color:#93a0b4;text-decoration:none}.seo-breadcrumbs a:hover{color:#2bd4cc}
.seo-eyebrow{margin:0 0 12px;font:700 11px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#2bd4cc}
.seo-hero h1{max-width:900px;margin:0;font:800 clamp(38px,6vw,72px)/1.02 Manrope,sans-serif;letter-spacing:-.045em;color:#fff}
.seo-hero-lead{max-width:800px;margin:22px 0 0;font-size:clamp(16px,2vw,20px);line-height:1.7;color:#aab3c2}
.seo-meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:22px;font-size:12px;color:#717c8f}
.seo-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.seo-actions .button{text-decoration:none}
.seo-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:64px;align-items:start;padding:58px 0 90px}
.seo-article{min-width:0;font-size:16px;line-height:1.82;color:#c6cdd8}
.seo-article h2{scroll-margin-top:100px;margin:54px 0 15px;font:800 clamp(25px,3vw,34px)/1.18 Manrope,sans-serif;letter-spacing:-.025em;color:#fff}
.seo-article h3{margin:30px 0 9px;font:800 20px/1.35 Manrope,sans-serif;color:#f2f6ff}
.seo-article p{margin:0 0 19px}.seo-article ul,.seo-article ol{margin:0 0 24px;padding-left:24px}.seo-article li{margin:8px 0}
.seo-article a{color:#4f8bff;text-underline-offset:3px}.seo-article a:hover{color:#2bd4cc}
.seo-article figure{margin:34px 0;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;background:#0b111a;box-shadow:0 22px 56px rgba(0,0,0,.3)}
.seo-article figure img{display:block;width:100%;height:auto}.seo-article figcaption{padding:12px 16px;font-size:12.5px;color:#7f8a9c}
.seo-callout{margin:28px 0;padding:20px 22px;border:1px solid rgba(43,212,204,.25);border-radius:16px;background:linear-gradient(135deg,rgba(61,123,255,.11),rgba(43,212,204,.06))}
.seo-callout strong{display:block;margin-bottom:6px;font:800 15px Manrope,sans-serif;color:#fff}
.seo-checklist{display:grid;gap:10px;list-style:none!important;padding:0!important}.seo-checklist li{position:relative;margin:0!important;padding:13px 14px 13px 42px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0b1017}.seo-checklist li::before{content:"";position:absolute;left:15px;top:12px;color:#2bd4cc;font-weight:800;width:16px;height:16px;background:currentColor;mask:url("/assets/pic/icons/check.svg") center/contain no-repeat;-webkit-mask:url("/assets/pic/icons/check.svg") center/contain no-repeat;}
.seo-table-wrap{width:100%;max-width:100%;margin:28px 0;overflow-x:auto;border:1px solid rgba(255,255,255,.1);border-radius:15px}.seo-table{width:100%;border-collapse:collapse;min-width:620px}.seo-table th,.seo-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.seo-table th{font:800 12px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#0f1722}.seo-table tr:last-child td{border-bottom:0}
.seo-sidebar{min-width:0;position:sticky;top:92px;display:grid;gap:16px}.seo-side-card{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#0b1017}.seo-side-card h2{margin:0 0 12px;font:800 15px Manrope,sans-serif;color:#fff}.seo-side-card a{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:#9eabba;text-decoration:none}.seo-side-card a:last-child{border-bottom:0}.seo-side-card a:hover{color:#2bd4cc}
.seo-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.seo-resource-card{display:flex;min-height:210px;flex-direction:column;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#0b1017;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.seo-resource-card:hover{transform:translateY(-3px);border-color:rgba(43,212,204,.35)}.seo-resource-card span{font:700 10px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#2bd4cc}.seo-resource-card h2{margin:12px 0 10px;font:800 20px/1.3 Manrope,sans-serif;color:#fff}.seo-resource-card p{margin:0 0 18px;font-size:13px;line-height:1.65;color:#8c98aa}.seo-resource-card strong{margin-top:auto;font-size:12px;color:#4f8bff}
.seo-faq{display:grid;gap:12px}.seo-faq details{padding:17px 19px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0b1017}.seo-faq summary{cursor:pointer;font:800 15px Manrope,sans-serif;color:#fff}.seo-faq details p{margin:12px 0 0;font-size:14px;color:#abb5c4}
.seo-media-placeholder{min-height:360px;margin:34px 0;display:grid;place-items:center;padding:28px;border:1px dashed rgba(43,212,204,.42);border-radius:20px;background:radial-gradient(circle at 50% 30%,rgba(61,123,255,.16),transparent 46%),#0a1019;text-align:center}.seo-media-placeholder img{width:54px;height:54px;margin:0 auto 16px;filter:brightness(0) invert(1);opacity:.82}.seo-media-placeholder strong{display:block;font:800 18px Manrope,sans-serif;color:#fff}.seo-media-placeholder span{display:block;max-width:440px;margin-top:8px;font-size:13px;line-height:1.6;color:#7e8b9e}.seo-feature-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:18px}.seo-feature-nav a{padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0b1017;color:#aab5c5;text-decoration:none;font-size:12px}.seo-feature-nav a:hover{border-color:rgba(43,212,204,.32);color:#2bd4cc}
.seo-related{padding:60px 0 76px;border-top:1px solid rgba(255,255,255,.08);background:#070a0f}.seo-related h2{margin:0 0 25px;font:800 28px Manrope,sans-serif;color:#fff}
@media(max-width:900px){.seo-layout{grid-template-columns:1fr;gap:38px}.seo-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.seo-wrap{width:min(calc(100% - 30px),1120px)}.seo-hero{padding:58px 0 42px}.seo-layout{padding:40px 0 72px}.seo-card-grid,.seo-sidebar,.seo-feature-nav{grid-template-columns:1fr}.seo-article{font-size:15px}.seo-actions{align-items:stretch}.seo-actions .button{width:100%;text-align:center;justify-content:center}.seo-media-placeholder{min-height:270px}}
@media(prefers-reduced-motion:reduce){.seo-resource-card{transition:none}}

/* Keep every generated page safely below the shared floating header. */
.seo-page .page-offset{height:108px}
.seo-page .seo-hero{padding-top:48px}
.seo-page .seo-hero h1{font-size:clamp(44px,6vw,74px)}
@media(max-width:640px){.seo-page .page-offset{height:78px}.seo-page .seo-hero{padding-top:40px}.seo-page .seo-hero h1{font-size:clamp(38px,11vw,54px)}}