:root{color-scheme:dark;--bg:#0f0a1e;--surface:#221932;--line:#55456a;--gold:#f0d080;--text:#f8f4ff;--muted:#d0c4dc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(ellipse at 76% 5%,#35245d 0%,transparent 43%),linear-gradient(145deg,#120d22,#0e0b1b 65%);line-height:1.55}
a{color:#ffda8c}a:hover,a:focus-visible{color:#ffe5ae}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.wrap{max-width:1190px;margin:0 auto;padding-left:24px;padding-right:24px}.skip{position:absolute;left:-9999px;top:1rem}.skip:focus{left:1rem;z-index:12;background:var(--surface);padding:.6rem}
.header{border-bottom:1px solid #65507877;background:#100b20d6}.headerinner{min-height:79px;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.brand{text-decoration:none;color:#fff;font-weight:900;font-size:1.65rem;letter-spacing:-.04em;line-height:1.05}.brand span{color:var(--gold)}.brand small{display:block;letter-spacing:.18em;font-size:.54rem;color:#beb0d0;margin-top:3px}.header nav{display:flex;flex-wrap:wrap;gap:12px 22px}.header nav a{color:#e9dff2;text-decoration:none;font-size:.91rem;font-weight:650}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:38px;align-items:center;padding-top:78px;padding-bottom:64px}.eyebrow{color:var(--gold);font-size:.75rem;letter-spacing:.16em;font-weight:800}.herotext h1{font-size:clamp(3.1rem,8vw,6.7rem);letter-spacing:-.065em;line-height:1.02;margin:13px 0 20px}.herotext h1 span{color:var(--gold)}.herotext .lead{font-size:clamp(1.2rem,2.6vw,1.65rem);color:#fff;font-weight:690}.herotext p:not(.eyebrow){max-width:57ch;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 22px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:49px;padding:12px 19px;border-radius:10px;font-weight:800;text-decoration:none;transition:filter .15s}.primary{background:var(--gold);color:#22142c}.secondary{background:#302542;color:#fff;border:1px solid #836c98}.primary:hover,.secondary:hover{filter:brightness(1.08);color:#150e22}.herotext .helper{font-size:.83rem;color:#aea3bc!important}.heroart{position:relative;overflow:hidden;border:1px solid #685581;border-radius:19px;box-shadow:0 24px 75px #0009}.heroart img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.framebadge{position:absolute;right:14px;bottom:15px;background:#130c26e8;border:1px solid #cfa763;padding:9px 13px;border-radius:8px;font-size:.83rem;color:#fff}.framebadge strong{color:var(--gold)}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding-bottom:50px}.features article{padding:25px;background:#21172ed9;border:1px solid var(--line);border-radius:16px}.featureicon{color:var(--gold);font-size:1.6rem}.features h2{margin:12px 0 8px;font-size:1.28rem}.features p{color:var(--muted)}.features a{font-weight:750}.panel{background:#261934;border:1px solid #5d4677;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:27px;padding-bottom:27px;margin-bottom:70px}.panel h2{margin:4px 0;font-size:1.45rem}.panel p:not(.eyebrow){color:var(--muted);max-width:66ch}.panel .primary{flex-shrink:0}footer{border-top:1px solid #544169}footer .footerinner{padding-top:25px;padding-bottom:25px;display:flex;gap:22px;justify-content:space-between;flex-wrap:wrap;font-size:.87rem;color:#b6adbe}footer a{color:#e5d6ed;text-decoration:none}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:36px}.features{grid-template-columns:1fr}.panel{display:block}.panel .primary{margin-top:15px}}
@media(max-width:480px){.wrap{padding-left:16px;padding-right:16px}.header nav{gap:10px}.header nav a{font-size:.82rem}.hero{gap:24px}.actions>*{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary,.secondary{transition:none}}