:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101a38;background:#f8f7ff;font-synthesis:none;--ink:#101a38;--purple:#6938ef;--pink:#ed3e83;--orange:#ff7a22;--blue:#1778f2;--line:#d9d8e8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 4%,#ffe4c7 0,transparent 28%),radial-gradient(circle at 5% 12%,#e9e2ff 0,transparent 24%),#fbfaff}button,input,textarea{font:inherit}button{min-height:48px;border:0;border-radius:999px;padding:.78rem 1.2rem;background:linear-gradient(120deg,var(--purple),#a52bd7);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 8px 24px #6938ef22}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #4521a8;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}header{min-height:76px;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;max-width:1180px;margin:auto;padding:12px 24px;font-weight:800}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:conic-gradient(from 220deg,var(--purple),var(--blue),#14b8a6,var(--orange),var(--pink),var(--purple));color:#fff;transform:rotate(-7deg);box-shadow:0 8px 24px #6938ef33}.help{margin-left:auto;max-width:100%;background:#fff;color:#a8124f;border:2px solid #a8124f;box-shadow:none}.quiet{max-width:100%;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.testbanner{padding:.55rem 24px;text-align:center;background:#111a36;color:#fff;font-size:.82rem;font-weight:700}.progress{height:6px;background:#e8e6f2}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink),var(--orange));transition:width .35s ease}.screen{max-width:1000px;margin:clamp(38px,6vw,76px) auto;padding:0 24px 80px;animation:enter .35s ease both;overflow-wrap:anywhere}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:900;color:var(--purple)}.screen h1{font-size:clamp(2.8rem,8vw,6.5rem);line-height:.9;letter-spacing:-.06em;max-width:820px;margin:.18em 0;background:linear-gradient(115deg,var(--ink) 0 45%,var(--purple) 62%,#c2185b 78%,#4521a8);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.12rem,2.4vw,1.5rem);line-height:1.5;max-width:700px;color:#45506b;margin-bottom:2rem}.cards,.taggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.cards article,.tag,aside{background:#fff;border:1px solid #e3e1ee;border-radius:26px;padding:24px;box-shadow:0 16px 40px #20204a0d}.cards article:nth-child(1){background:linear-gradient(145deg,#f0e9ff,#fff)}.cards article:nth-child(2){background:linear-gradient(145deg,#e4f8f5,#fff)}.cards article:nth-child(3){background:linear-gradient(145deg,#fff0e3,#fff)}.cards strong{font-size:1.45rem}.taggrid{grid-template-columns:repeat(2,1fr)}.tag span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--purple);font-weight:800}.tag h2{font-size:2rem}.tag blockquote{margin:1rem 0;padding-left:1rem;border-left:4px solid #bfa8ff}label,fieldset{display:block;border:0;padding:0;margin:1.4rem 0;font-weight:750}input[type=text],input:not([type]),textarea{display:block;width:100%;margin-top:.5rem;padding:15px;border:1px solid #bbb9ca;border-radius:16px;background:#fff}textarea{min-height:110px;resize:vertical}legend{font-weight:750;margin-bottom:.6rem}.choice,.selected{margin:0 .5rem .5rem 0;background:#fff;color:var(--ink);border:1px solid #bbb9ca;box-shadow:none}.choice:hover{border-color:var(--purple);transform:translateY(-1px)}.selected{background:#eee8ff;border:2px solid var(--purple);color:#4521a8}aside{margin:1.5rem 0;line-height:1.5;border-left:5px solid var(--pink)}.note{max-width:680px;color:#626b80;line-height:1.5}.nav{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem}.screen h1:focus{outline:none}.screen h1:focus-visible{outline:3px solid #4521a8;outline-offset:6px}input[type=range]{display:block;width:min(100%,420px);margin-top:.75rem;accent-color:var(--purple)}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:650px){header>span:nth-child(2){display:none}.cards,.taggrid{grid-template-columns:1fr}.screen h1{font-size:clamp(3rem,15vw,5rem)}.screen{margin-top:34px}.testbanner{font-size:.75rem}.quiet{padding:.6rem .8rem}}@media(max-width:340px){header{padding:10px 12px}.screen,.testbanner{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html.reduced *,html.reduced *:before,html.reduced *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.helppanel{max-width:1000px;margin:16px auto 0;padding:20px 24px;background:#fff;border:2px solid #a8124f;border-radius:22px;line-height:1.5}.helppanel h2{margin-top:0}.helppanel h2:focus{outline:none}.helppanel h2:focus-visible{outline:3px solid #4521a8;outline-offset:4px}.helppanel a{color:#4521a8;font-weight:750}.helppanel ul{padding-left:1.2rem}.notice{max-width:1000px;margin:16px auto 0;padding:12px 24px;background:#fff;border:1px solid var(--line);border-radius:14px}.linklike{min-height:0;padding:0;border:0;background:none;box-shadow:none;color:#4521a8;font-weight:750;text-decoration:underline;border-radius:4px}@media(max-width:650px){.help{padding:.6rem .8rem}.helppanel,.notice{margin-left:16px;margin-right:16px}}.helpfooter{max-width:1000px;margin:0 auto;padding:0 24px 40px}@media(max-width:650px){.helpfooter{padding-left:16px;padding-right:16px}}.hero{max-width:1180px;margin:0 auto;padding:clamp(48px,8vw,104px) 24px 80px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(40px,7vw,96px);align-items:center;min-height:calc(100vh - 82px)}.hero h1{font-size:clamp(4rem,7.2vw,7.3rem);line-height:.84;letter-spacing:-.075em;margin:.12em 0 .22em;max-width:760px;color:var(--ink)}.hero h1 span,.accentText{background:linear-gradient(110deg,var(--purple),#a52bd7 48%,#c2185b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{font-size:clamp(1.15rem,1.8vw,1.45rem);max-width:650px}.heroActions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.microcopy{font-weight:750;color:#626b80;margin-top:1.25rem}.heroVisual{position:relative;min-height:470px;border-radius:48px;background:radial-gradient(circle at 50% 50%,#fff 0 12%,#f2edff 13% 32%,#fff4eb 33% 52%,#eef8ff 53% 72%,transparent 73%);isolation:isolate}.core{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:grid;place-items:center;width:92px;height:92px;border-radius:30px;background:linear-gradient(145deg,var(--purple),var(--pink));color:#fff;font-size:2rem;font-weight:900;box-shadow:0 24px 60px #6938ef44;transform:rotate(-6deg)}.orbit{position:absolute;background:#fff;border:1px solid #e4e0ef;border-radius:22px;padding:15px 18px;font-weight:850;box-shadow:0 18px 50px #20204a12}.orbitA{left:4%;top:15%;transform:rotate(-4deg)}.orbitB{right:0;top:26%;transform:rotate(3deg)}.orbitC{left:7%;bottom:17%;transform:rotate(2deg)}.orbitD{right:5%;bottom:9%;transform:rotate(-3deg)}.mapScreen h1{font-size:clamp(3rem,6vw,5.6rem);line-height:.92;letter-spacing:-.055em}.mapGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:34px 0}.mapCard{min-height:280px;padding:28px;border-radius:30px;border:1px solid #e2dfee;background:#fff;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 18px 50px #20204a0d}.mapCard:nth-child(1){background:linear-gradient(145deg,#f0e9ff,#fff 70%)}.mapCard:nth-child(2){background:linear-gradient(145deg,#e8f7ff,#fff 70%)}.mapCard:nth-child(3){background:linear-gradient(145deg,#fff0e3,#fff 70%)}.mapCard:nth-child(4){background:linear-gradient(145deg,#fce8f2,#fff 70%)}.mapCard p{margin:0;color:var(--purple);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.mapCard h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:.4rem 0 .65rem;letter-spacing:-.04em}.mapCard span{line-height:1.55;color:#45506b;margin-bottom:1.5rem}.mapCard button{margin-top:auto}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:44px}.heroVisual{min-height:330px;order:-1}.hero h1{font-size:clamp(3.8rem,15vw,6.4rem)}.mapGrid{grid-template-columns:1fr}}@media(max-width:480px){.heroVisual{min-height:280px}.orbit{font-size:.82rem;padding:11px 13px}.core{width:72px;height:72px;border-radius:24px}.hero{padding-left:16px;padding-right:16px}.mapCard{min-height:240px}}