:root{--black:#09080b;--matte:#16101d;--matte2:#1e1528;--purple:#6b46a8;--lilac:#c3a8f0;--text:#ece7f4;--mute:#a79eb7;--line:rgba(195,168,240,.2)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.bar{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,var(--purple),var(--lilac));transform:scaleX(0);transform-origin:left;z-index:60}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.6rem}
.logo{font-family:Georgia,'Times New Roman',serif;letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;color:var(--text);text-decoration:none}
.tag{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.panel{position:sticky;top:0;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem 4rem;border-radius:30px 30px 0 0;box-shadow:0 -24px 70px rgba(0,0,0,.7);overflow:hidden}
.wrap{width:100%;max-width:980px}
.center{text-align:center}
.p1{background:radial-gradient(circle at 70% 15%,rgba(107,70,168,.38),transparent 55%),var(--black);border-radius:0;z-index:1}
.p2{background:var(--matte);z-index:2}
.p3{background:var(--black);z-index:3}
.p4{background:var(--matte2);z-index:4}
.p5{background:var(--matte);z-index:5}
.p6{background:radial-gradient(circle at 25% 85%,rgba(107,70,168,.34),transparent 55%),var(--black);z-index:6}
.eyebrow{font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--lilac);margin-bottom:1.2rem}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(3.2rem,12vw,8.5rem);letter-spacing:.05em;line-height:1;background:linear-gradient(180deg,#fff,var(--lilac));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(1.9rem,5.5vw,3.6rem);line-height:1.15;margin-bottom:1.2rem}
h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.25rem;color:var(--lilac);margin-bottom:.4rem}
.lead{font-size:clamp(1.05rem,2.4vw,1.4rem);color:var(--mute);max-width:640px}
.center .lead{margin:1.2rem auto 0}
.cue{margin-top:3.5rem;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}
.cue::after{content:'';display:block;width:1px;height:46px;margin:.8rem auto 0;background:linear-gradient(var(--lilac),transparent)}
.words{list-style:none}
.words li{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.2rem,8vw,5.2rem);line-height:1.12;color:transparent;-webkit-text-stroke:1px var(--lilac);transition:color .3s}
.words li:hover{color:var(--lilac)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}
.card{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:18px;padding:1.4rem}
.card p{color:var(--mute);font-size:.95rem}
.foot{margin-top:4rem;font-size:.8rem;letter-spacing:.12em;color:var(--mute)}
.rv{transition:opacity .8s ease,transform .8s ease}
.js .rv{opacity:0;transform:translateY(26px)}
.js .rv.in{opacity:1;transform:none}
.d1{transition-delay:.1s}
.d2{transition-delay:.2s}
.d3{transition-delay:.3s}
.d4{transition-delay:.4s}
.d5{transition-delay:.5s}
@media (max-width:640px),(max-height:680px){.panel{position:relative;min-height:80vh;border-radius:24px 24px 0 0}.p1{border-radius:0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{transition:none}.js .rv{opacity:1;transform:none}}