.seo-hero{position:relative;overflow:hidden;padding:36px 0 72px}.seo-hero:before{content:"";position:absolute;width:860px;height:520px;left:50%;top:-170px;transform:translateX(-50%);background:var(--hero-glow);filter:blur(20px);pointer-events:none}.seo-hero-in{position:relative;z-index:1;max-width:820px}.seo-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,5vw,58px);letter-spacing:-.035em;line-height:1.04;color:var(--text-primary);margin:20px 0 18px;text-wrap:balance}.seo-hero h1 em{font-style:normal;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.seo-hero .sub{font-size:18px;color:var(--text-secondary);max-width:660px;line-height:1.65;margin:0 0 28px;text-wrap:pretty}.seo-hero .cta{display:flex;gap:12px;flex-wrap:wrap}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.seo-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.seo-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--elev-sm)}.seo-card h3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 10px}.seo-card p{font-size:14.5px;color:var(--text-secondary);line-height:1.65;margin:0}.seo-list{display:grid;gap:12px;margin-top:18px}.seo-list div{display:flex;gap:12px;align-items:flex-start;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px}.seo-list b{color:var(--text-primary);font-weight:600}.seo-list span{color:var(--text-secondary);font-size:14px;line-height:1.55}.seo-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:700}.seo-band{background:var(--surface-1)}.seo-copy{max-width:860px}.seo-copy h2{font-family:var(--font-display);font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.025em;color:var(--text-primary);margin:0 0 16px}.seo-copy p{font-size:16px;color:var(--text-secondary);line-height:1.75;margin:0 0 16px}.seo-copy a{color:var(--accent);font-weight:600}.seo-kws{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.seo-kws span{font-size:13px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:7px 11px}@media(max-width:860px){.seo-grid,.seo-grid-2{grid-template-columns:1fr}.seo-hero{padding-bottom:54px}}.seo-hero-in{max-width:none;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,440px);gap:52px;align-items:center}.seo-hero-copy{max-width:820px}.seo-hero-media img{display:block;width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:0 24px 48px -18px rgba(40,24,8,.28)}@media(max-width:980px){.seo-hero-in{grid-template-columns:1fr;gap:28px}.seo-hero-media{max-width:560px}}.seo-ic{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:14px}.seo-ic svg{width:21px;height:21px}.seo-band-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;max-width:none}@media(max-width:980px){.seo-band-grid{grid-template-columns:1fr;gap:24px}}.seo-band-grid .seo-list{margin-top:0}.seo-list .seo-dot{width:30px;height:30px;font-size:13px}.seo-code{background:#1c1916;color:#f2ece4;border:1px solid #34302b;border-radius:var(--r-lg);padding:20px 22px;font-family:var(--font-mono);font-size:13px;line-height:1.75;overflow-x:auto;white-space:pre}.seo-code .c{color:#8d857b}.seo-code .a{color:#ff9c5a}