:root{
  --fg:#111; --muted:#6b7280; --bg:#fff;
  --accent:#0b67ff; --accent-2:#f5a623; --card:#f7f8fb; --border:#e5e7eb;
}
*{box-sizing:border-box}
.sr-page{color:var(--fg); background:var(--bg)}
.sr-wrap{max-width:1200px;margin:0 auto;padding:0 18px}
.sr-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--muted)}
.sr-title{letter-spacing:-.02em;font-weight:700}
.sr-sub{color:var(--muted)}
.sr-btn{display:inline-block;background:var(--accent);color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;transition:transform .06s ease}
.sr-btn:active{transform:translateY(1px)}
.sr-btn.secondary{background:#fff;color:var(--fg);border:1px solid var(--border)}
.sr-grid{display:grid;gap:20px}
.sr-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}
.sr-hero{position:relative;min-height:88vh;display:grid;place-items:center;overflow:hidden}
.sr-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center}
.sr-hero__shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,.25),rgba(0,0,0,.2))}
.sr-hero__content{position:relative;z-index:2;text-align:center;color:#fff;padding:20px}
.sr-hero h1{font-size:clamp(32px,5.5vw,64px);margin:6px 0 10px}
.sr-hero p{font-size:clamp(14px,2vw,18px);opacity:.92;margin:0 0 18px}
.sr-hero .sr-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.sr-sticky{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid var(--border)}
.sr-sticky__nav{display:flex;gap:18px;overflow:auto;padding:10px 0}
.sr-sticky__nav a{white-space:nowrap;color:var(--fg);text-decoration:none;padding:8px 10px;border-radius:999px;border:1px solid transparent}
.sr-sticky__nav a:hover{border-color:var(--border)}
.sr-feats{padding:56px 0}
.sr-feats .grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.sr-feats .grid{grid-template-columns:1fr}}
.sr-feat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px}
.sr-feat h3{margin:6px 0 8px}
.sr-specs{padding:40px 0}
.sr-specs table{width:100%;border-collapse:collapse}
.sr-specs th,.sr-specs td{padding:12px;border-bottom:1px solid var(--border);text-align:left}
.sr-cta{padding:56px 0;text-align:center}
.sr-cta .box{background:linear-gradient(90deg, rgba(11,103,255,.08), rgba(245,166,35,.08));border:1px dashed var(--border);border-radius:18px;padding:24px}