:root{color-scheme:light;--purple:#5b168e;--purple-dark:#251033;--purple-deep:#170a23;--orange:#ff6a00;--cream:#fbf8f5;--text:#251c2b;--muted:#63576a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--cream)}
a{color:inherit}
.shell{max-width:1180px;margin:0 auto;padding:0 32px}
.topbar{position:absolute;inset:0 0 auto 0;z-index:5;color:#fff}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:24px}
.brand{font-size:1.18rem;font-weight:900;letter-spacing:.045em;text-decoration:none}
.brand small{display:block;font-size:.56rem;letter-spacing:.22em;font-weight:800;opacity:.76;margin-top:4px}
.language{display:flex;align-items:center;gap:9px;font-size:.77rem;font-weight:800;letter-spacing:.08em}
.language a{opacity:.7;text-decoration:none;padding:10px 4px;border-bottom:2px solid transparent}
.language a:hover,.language a:focus-visible{opacity:1;border-bottom-color:var(--orange)}
.language [aria-current=page]{opacity:1;color:#fff;border-bottom-color:var(--orange)}
.language .separator{opacity:.3}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 38%,rgba(114,39,137,.42),transparent 42%),linear-gradient(125deg,var(--purple-deep),var(--purple-dark) 62%,#4e155f);color:#fff;min-height:670px;min-height:min(83vh,790px);display:flex;align-items:center}
.hero::before{content:"";position:absolute;border:2px solid rgba(255,255,255,.06);width:560px;height:560px;border-radius:50%;right:-190px;top:100px;pointer-events:none}
.hero::after{content:"";position:absolute;width:13px;height:138px;background:var(--orange);transform:rotate(34deg);right:11%;bottom:-24px;border-radius:20px;box-shadow:42px -25px 0 rgba(255,106,0,.13)}
.hero-inner{width:100%;padding-top:165px;padding-bottom:132px;position:relative;z-index:1}
.eyebrow{color:#ffae7a;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:800;margin:0 0 28px}
h1{font-weight:900;font-size:clamp(3.5rem,9vw,7.25rem);line-height:1.01;letter-spacing:-.065em;max-width:900px;margin:0}
h1 span{color:var(--orange)}
.lead{font-size:clamp(1.06rem,2vw,1.33rem);line-height:1.75;color:#e9dfed;max-width:690px;margin:33px 0 36px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.button{background:var(--orange);border:2px solid var(--orange);border-radius:999px;color:var(--purple-deep);display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:15px 27px;font-size:.83rem;letter-spacing:.04em;text-decoration:none;font-weight:900;transition:background .2s,transform .2s}
.button:hover,.button:focus-visible{background:#ff8c3e;transform:translateY(-2px)}
.hero-note{color:#d3c0d8;font-size:.82rem}
.intro{padding:77px 0 88px}
.intro-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:start}
.overline{margin:3px 0 15px;color:var(--purple);letter-spacing:.18em;font-size:.75rem;font-weight:900;text-transform:uppercase}
h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em;line-height:1.1;margin:0}
.intro p.description{max-width:670px;margin:0;color:var(--muted);font-size:1.12rem;line-height:1.85}
.footer{border-top:1px solid #e5dde6;padding:28px 0 34px;color:var(--muted);font-size:.82rem}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.footer a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:720px){.shell{padding:0 24px}.topbar-inner{min-height:82px}.hero{min-height:630px;min-height:min(80svh,730px)}.hero-inner{padding-top:160px;padding-bottom:100px}h1{font-size:clamp(3.2rem,12vw,5.9rem)}.eyebrow{font-size:.65rem}.intro{padding:55px 0 68px}.intro-inner{grid-template-columns:1fr;gap:26px}.intro p.description{font-size:1.03rem}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:380px){.shell{padding:0 19px}.brand{font-size:1.05rem}.hero{min-height:660px}.lead{margin:25px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}