:root { --ink:#251647; --muted:#665985; --ground:#fbf8ff; --card:#fff; --pink:#ff4fa3; --lilac:#7a52ef; --cyan:#4fcdf5; --line:#e8e0fb; --shadow:0 18px 55px rgba(68,31,142,.12); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 88% 2%,#dff8ff 0,transparent 26rem),radial-gradient(circle at 3% 20%,#ffe2f2 0,transparent 31rem),var(--ground);color:var(--ink);font-family:ui-rounded,"SF Pro Rounded","Avenir Next",system-ui,sans-serif;line-height:1.55} a{color:inherit;text-underline-offset:3px} a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:5px}.shell{width:min(1080px,calc(100% - 40px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none}.brand img{width:38px;height:38px;object-fit:contain}.language{font-size:.92rem;color:var(--muted)}.language a{margin-left:10px}.language a[aria-current="page"]{font-weight:800;color:var(--ink);text-decoration:none}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:35px;padding:42px 0 64px;min-height:520px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:7px 11px;border:1px solid #f6b4d6;border-radius:999px;background:#fff0f7;color:#9a2162;font-weight:750;font-size:.9rem}.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pink)}h1{font-size:clamp(2.7rem,7vw,5.6rem);line-height:.94;letter-spacing:-.075em;margin:0 0 22px;max-width:760px}h1 .gradient{background:linear-gradient(100deg,var(--pink),var(--lilac),#219ed8);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--muted);max-width:630px;margin:0}.notice{margin-top:26px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 26px rgba(76,42,146,.06);max-width:610px}.notice strong{display:block}.art{position:relative;min-height:350px;display:grid;place-items:center}.art::before{content:"";position:absolute;width:min(360px,90%);aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#ffd5eb,#e0d4ff 52%,#c5f5ff);filter:blur(.3px)}.art img{position:relative;width:min(390px,100%);filter:drop-shadow(0 25px 27px rgba(59,23,146,.24))}.section{padding:50px 0}.section h2{font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.1;letter-spacing:-.045em;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:24px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:var(--shadow)}.card h3{margin:0 0 8px;font-size:1.2rem}.card p{margin:0;color:var(--muted)}.card:nth-child(1) .dot{background:var(--pink)}.card:nth-child(2) .dot{background:var(--lilac)}.card:nth-child(3) .dot{background:var(--cyan)}.dot{width:28px;height:28px;border-radius:10px;margin-bottom:20px}.page{padding:42px 0 76px;max-width:800px}.page h1{font-size:clamp(2.4rem,6vw,4.2rem);margin-bottom:18px}.page h2{font-size:1.45rem;margin-top:40px;letter-spacing:-.03em}.page p,.page li{color:#4f426c}.page li+li{margin-top:8px}.callout{padding:18px 20px;border-radius:18px;background:#f4efff;border:1px solid #ded1ff;color:#4b347e}.footer{border-top:1px solid var(--line);padding:30px 0 42px;color:var(--muted);font-size:.94rem}.footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px}.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:18px;top:16px;z-index:10;background:#fff;padding:10px;border-radius:10px}@media(max-width:720px){.shell{width:min(100% - 30px,1080px)}.hero{grid-template-columns:1fr;padding:22px 0 48px;min-height:0}.art{min-height:250px;order:-1}.art img{width:250px}.grid{grid-template-columns:1fr}.topbar{padding:14px 0}.page{padding-top:22px}}