
:root{--bg:#130a1b;--bg2:#1d1129;--aubergine:#2f1e3a;--purple:#9b78b3;--purple-l:#c2a3d6;--gold:#c9a24a;--gold-l:#e4c578;--ink:#f3edf7;--muted:#b3a6c0;--card:rgba(255,255,255,.045);--line:rgba(194,163,214,.18);--r:20px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;overflow-x:hidden}
h1,h2,h3,.disp{font-family:'Space Grotesk',sans-serif;line-height:1.06;letter-spacing:-.02em}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding-inline:clamp(18px,5vw,44px)}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-l)}
.btn{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:16px;padding:15px 30px;border-radius:100px;border:1px solid transparent;cursor:pointer;transition:.25s}
.btn--gold{background:linear-gradient(120deg,var(--gold-l),var(--gold));color:#241526;box-shadow:0 12px 32px rgba(201,162,74,.35)}.btn--gold:hover{transform:translateY(-3px)}
.btn--ghost{background:rgba(255,255,255,.04);color:var(--ink);border-color:var(--line)}.btn--ghost:hover{border-color:var(--purple-l)}
.blob{position:fixed;border-radius:50%;filter:blur(90px);opacity:.45;z-index:0;pointer-events:none}
.b1{width:480px;height:480px;background:#6c3f8f;top:-150px;right:-120px}.b2{width:420px;height:420px;background:#3a2350;bottom:-150px;left:-120px}
header{position:sticky;top:0;z-index:50;background:rgba(19,10,27,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo .wm{display:flex;flex-direction:column;line-height:1;font-family:'Space Grotesk'}
.logo .wm b{font-weight:700;font-size:20px;letter-spacing:.05em;color:#fff}.logo .wm b i{font-style:normal;color:var(--gold-l)}
.logo .wm small{font-size:9px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--purple-l);margin-top:4px}
.nav .links{display:flex;gap:22px;font-weight:600;font-size:15px}.nav .links a{color:var(--muted)}.nav .links a:hover{color:#fff}
@media(max-width:860px){.nav .links{display:none}}
section{position:relative;z-index:1;padding-block:clamp(54px,8vw,92px)}
.hero{position:relative;z-index:1;padding-block:clamp(56px,9vw,96px);text-align:center}
.hero .glow{position:absolute;inset:0;margin:auto;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(155,120,179,.35),transparent 62%);filter:blur(30px);z-index:-1}
.badge{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:100px;padding:8px 18px;font-size:13px;font-weight:600;color:var(--purple-l)}
.hero h1{font-size:clamp(34px,6vw,64px);margin:18px auto 16px;max-width:14ch}
.hero h1 .grad{background:linear-gradient(110deg,var(--purple-l),var(--gold-l));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:640px;margin:0 auto 28px}
.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.sec-head{max-width:720px;margin:0 auto clamp(34px,5vw,52px);text-align:center}
.sec-head h2{font-size:clamp(28px,4.4vw,44px);margin:12px 0 12px}.sec-head p{color:var(--muted);font-size:18px}
.lead{max-width:820px;margin:0 auto;color:var(--muted);font-size:18px;text-align:center}
.lead strong{color:var(--ink)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;transition:.25s}
.card:hover{transform:translateY(-6px);border-color:var(--purple-l);background:rgba(155,120,179,.08)}
.card .ic{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,rgba(155,120,179,.25),rgba(201,162,74,.18));margin-bottom:16px}
.card h3{font-size:21px;margin-bottom:7px}.card p{color:var(--muted);font-size:15px}
.tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}
.tag{background:rgba(155,120,179,.12);border:1px solid var(--line);border-radius:100px;padding:9px 18px;font-size:14px;font-weight:600;color:var(--purple-l)}
.band{background:linear-gradient(160deg,var(--aubergine),var(--bg2));border-block:1px solid var(--line)}
.faq{max-width:820px;margin:0 auto;display:grid;gap:13px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 24px}
.faq summary{font-family:'Space Grotesk';font-size:18px;font-weight:600;padding:19px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:var(--gold-l);font-size:24px}.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 21px;color:var(--muted)}
.contact{background:linear-gradient(160deg,var(--aubergine),var(--bg2));border:1px solid var(--line);border-radius:26px;padding:clamp(28px,5vw,52px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,52px)}
.contact h2{font-size:clamp(26px,4vw,40px);margin:12px 0 12px}.contact p{color:var(--muted)}
.cinfo a{color:var(--purple-l);font-weight:600}
.form{display:grid;gap:13px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form input,.form select,.form textarea{width:100%;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:#fff;font-size:15px;font-family:inherit}
.form input::placeholder,.form textarea::placeholder{color:#8d8197}
.form :focus{outline:none;border-color:var(--purple-l)}
.hp{position:absolute;left:-9999px}.form-msg{font-size:14px;display:none}
footer{position:relative;z-index:1;border-top:1px solid var(--line);padding-block:42px 26px;text-align:center;color:var(--muted)}
.foot-wm{font-family:'Space Grotesk';font-weight:700;font-size:22px;color:#fff;margin-bottom:8px}.foot-wm i{color:var(--gold-l);font-style:normal}
footer .fl{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:14px 0}footer .fl a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
@media(max-width:900px){.grid3{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.form .row{grid-template-columns:1fr}}
