:root{color-scheme:dark;--ink:#f7f4ff;--muted:#c8bfd9;--bg:#161426;--panel:#211c39;--line:#41365f;--pink:#ff6a9d;--violet:#aa8cff;--cyan:#7de4e4;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#33245a 0,transparent 35rem),var(--bg);color:var(--ink);font-family:Nunito,system-ui,sans-serif;line-height:1.65}a{color:var(--cyan);text-underline-offset:4px}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{max-width:760px}.site-header{position:sticky;top:0;z-index:10;background:rgba(22,20,38,.86);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;gap:28px;min-height:76px}.logo{font:700 1.45rem Fredoka,system-ui,sans-serif;color:var(--ink);text-decoration:none;white-space:nowrap}.logo span{color:var(--pink)}nav{display:flex;gap:22px;margin-left:auto}nav a{color:var(--muted);text-decoration:none;font-weight:700;font-size:.94rem}nav a:hover,nav a:focus{color:var(--ink)}.language{position:relative}.language summary{cursor:pointer;list-style:none;border:1px solid var(--line);padding:7px 11px;border-radius:999px;color:var(--muted);font-weight:700}.language summary::-webkit-details-marker{display:none}.language div{position:absolute;right:0;top:42px;display:grid;gap:6px;min-width:140px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #0006}.language div a{padding:4px 8px;text-decoration:none}.hero{padding:clamp(70px,10vw,140px) 0 90px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:64px}.eyebrow{color:var(--cyan);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.hero h1{font:700 clamp(2.9rem,7vw,5.7rem)/.98 Fredoka,system-ui,sans-serif;letter-spacing:-.035em;margin:18px 0 26px;max-width:720px}.lede{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--muted);max-width:680px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.button{display:inline-block;padding:12px 19px;border-radius:999px;font-weight:900;text-decoration:none}.button-primary{color:#171324;background:linear-gradient(100deg,var(--pink),#ffc16d)}.button-secondary{color:var(--ink);border:1px solid var(--line);background:var(--panel)}.micro{font-size:.88rem;color:var(--muted)}.hero-art{padding:16px;border-radius:28px;background:linear-gradient(135deg,#ff6a9d88,#aa8cff66,#7de4e455);box-shadow:0 25px 80px #0006}.hero-art img{display:block;width:100%;height:auto;border-radius:18px}.section{padding:90px 0}.section h2,.cta h2{font:700 clamp(2rem,4vw,3.6rem)/1.05 Fredoka,system-ui,sans-serif;letter-spacing:-.025em;margin:12px 0 30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{min-height:230px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#2a2346,#1d1932)}.card-number{color:var(--pink);font-weight:900}.card h3{font:700 1.35rem Fredoka,system-ui,sans-serif}.card p,.audience p,.split p,.faq p{color:var(--muted)}.audience{background:#201b36}.audience p{font-size:1.35rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.privacy{background:linear-gradient(100deg,#292044,#211b38)}details{padding:18px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:900;font-size:1.08rem}.cta{text-align:center;padding:95px 0;background:linear-gradient(120deg,#54326f,#252049)}.cta p{color:var(--muted)}.cta .actions{justify-content:center}footer{padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-inner p{margin:0}.footer-inner a{margin-right:16px}.language-links{display:inline-flex;gap:10px;flex-wrap:wrap}.language-links a{margin:0}@media(max-width:800px){.header-inner{gap:12px}.site-header nav{display:none}.hero-grid,.split{grid-template-columns:1fr;gap:34px}.cards{grid-template-columns:repeat(2,1fr)}.hero{padding-top:72px}.footer-inner{display:block}.footer-inner p{margin-bottom:12px}}@media(max-width:480px){.wrap{width:min(calc(100% - 28px),var(--max))}.cards{grid-template-columns:1fr}.hero h1{font-size:3rem}}
