:root { color-scheme:light; --ink:#242340; --muted:#6c6880; --accent:#725ee8; --paper:#f6f0ff; --line:rgba(36,35,64,.17); }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; }
body { background:var(--paper); color:var(--ink); font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
.shell { position:relative; isolation:isolate; display:flex; flex-direction:column; min-height:100svh; overflow:hidden; padding:clamp(24px,4vw,54px) clamp(24px,6vw,92px) 28px; }
.orb { position:absolute; z-index:-1; border-radius:50%; }
.one { top:11%; right:-13vw; width:clamp(300px,44vw,700px); aspect-ratio:1; background:color-mix(in srgb,var(--accent) 16%,transparent); }
.two { right:18vw; bottom:-18vw; width:clamp(180px,28vw,440px); aspect-ratio:1; border:1px solid color-mix(in srgb,var(--accent) 42%,transparent); }
header,footer { display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:11px; color:inherit; font-size:clamp(18px,2vw,24px); font-weight:720; letter-spacing:-.04em; text-decoration:none; }
.brand i { width:12px; height:12px; border-radius:50%; background:var(--accent); }
.status { display:flex; align-items:center; gap:9px; padding:9px 14px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.status b { width:7px; height:7px; border-radius:50%; background:var(--accent); }
.hero { width:min(880px,94%); margin:auto 0; padding:clamp(72px,10vh,130px) 0; }
.eyebrow { margin:0 0 24px; color:var(--accent); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(58px,9.3vw,132px); font-weight:400; line-height:.88; letter-spacing:-.065em; }
.lead { max-width:650px; margin:clamp(34px,5vw,58px) 0 0; color:var(--muted); font-size:clamp(17px,2vw,23px); line-height:1.55; }
.note { display:flex; align-items:center; gap:13px; margin:32px 0 0; font-size:13px; font-weight:650; }
.note i { width:48px; height:2px; background:var(--accent); }
footer { padding-top:22px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; letter-spacing:.03em; }
@media(max-width:640px){.shell{padding:22px 20px}.status{font-size:10px;padding:8px 10px}.hero{width:100%;padding:70px 0 86px}h1{font-size:clamp(54px,18vw,78px)}.lead{font-size:17px}footer{align-items:flex-start;gap:18px}footer span:last-child{text-align:right}}
@media(prefers-reduced-motion:no-preference){.hero>*{animation:rise .7s both}.hero>:nth-child(2){animation-delay:.08s}.hero>:nth-child(3){animation-delay:.16s}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}