:root { color-scheme: dark; --ink: #eef4ff; --muted: #b9c6dd; --line: rgba(193,215,255,.2); --blue: #70a7ff; --night: #06101f; }
* { box-sizing: border-box; }
html { background: var(--night); }
body { margin: 0; color: var(--ink); background: radial-gradient(ellipse 72% 52% at 90% 0%, rgba(36,89,181,.28), transparent 70%), radial-gradient(ellipse 58% 48% at 0% 100%, rgba(54,87,151,.17), transparent 72%), var(--night); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; }
a { color: inherit; text-decoration-color: rgba(143,186,255,.65); text-underline-offset: .2em; }
.seo-shell { width: min(100% - 40px, 1040px); margin: 0 auto; padding: 28px 0 68px; }
.seo-top { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom: clamp(46px, 10vw, 112px); }
.seo-top img { display:block; width:120px; height:auto; }
.seo-top a { font-size:.84rem; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
.seo-hero { max-width: 790px; }
.seo-kicker { margin:0 0 14px; color:#9bc2ff; font-size:.74rem; letter-spacing:.17em; font-weight:800; }
h1 { max-width: 900px; margin:0; font-size:clamp(2.55rem, 7vw, 5.7rem); letter-spacing:-.055em; line-height:.94; }
.seo-lead { max-width: 680px; margin:30px 0 0; color:var(--muted); font-size:clamp(1.06rem, 2vw, 1.32rem); }
.seo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin: clamp(54px, 9vw, 110px) 0; }
.seo-card { min-height:180px; padding:26px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,rgba(32,61,117,.25),rgba(6,16,31,.18)); backdrop-filter: blur(8px); }
.seo-card h2 { margin:0 0 10px; font-size:1.25rem; line-height:1.15; letter-spacing:-.025em; }
.seo-card p { margin:0; color:var(--muted); }
.seo-details { display:grid; grid-template-columns: minmax(0,1.25fr) minmax(220px,.75fr); gap:28px; align-items:start; padding-top:32px; border-top:1px solid var(--line); }
.seo-details h2 { margin:0 0 14px; font-size:1.55rem; letter-spacing:-.03em; }
.seo-details p { margin:0; color:var(--muted); }
.seo-cta { padding:28px; border:1px solid rgba(143,186,255,.35); border-radius:24px; background:linear-gradient(135deg,rgba(45,96,191,.36),rgba(12,29,60,.62)); }
.seo-cta p { margin:0 0 16px; color:#dbe9ff; font-size:1.06rem; }
.seo-button { display:inline-flex; align-items:center; gap:12px; padding:13px 18px; border-radius:999px; color:#07101f; background:#e8f1ff; text-decoration:none; font-weight:800; }
.seo-foot { margin-top:80px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:.86rem; }
@media (max-width:680px) { .seo-shell { width:min(100% - 28px, 1040px); } .seo-top { margin-bottom:58px; } .seo-grid, .seo-details { grid-template-columns:1fr; } .seo-card { min-height:0; } }