:root{--navy:#24304f;--navy-deep:#141c38;--navy-ink:#0b1028;--yellow:#ffd23f;--yellow-deep:#f2b705;--cyan:#29b6f6;--green:#49c85a;--pink:#ff6f91;--cream:#fff8e6;--muted:#b9c6ec;--font:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "M PLUS Rounded 1c", "Zen Kaku Gothic New", sans-serif;--display:"Dela Gothic One", "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif}*{box-sizing:border-box}html{background:var(--navy-ink);scroll-behavior:smooth}body{font:500 16px/1.8 var(--font);color:#fff;background:var(--navy-ink);-webkit-text-size-adjust:100%;margin:0}img{max-width:100%;height:auto;display:block}a{color:var(--cyan)}.wrap{width:100%;max-width:560px;margin:0 auto;padding:0 16px}.sec{padding:44px 0}.sec h2{font:400 22px/1.4 var(--display);letter-spacing:.02em;color:var(--yellow);text-shadow:0 3px 0 var(--navy-ink);margin:0 0 14px}.sec p{margin:0 0 12px}.note{color:var(--muted);font-size:13px;line-height:1.7}.btn{text-align:center;width:100%;font:900 18px/1.3 var(--font);color:var(--navy-ink);background:var(--yellow);border:3px solid var(--navy-ink);min-height:56px;box-shadow:0 5px 0 var(--navy-ink);border-radius:999px;padding:16px 22px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:block}.btn:active{box-shadow:0 2px 0 var(--navy-ink);transform:translateY(3px)}.btn:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #fff}.btn.cyan{background:var(--cyan)}.btn.big{padding:18px 22px;font-size:20px}.btn.is-pending{color:#2a3354;cursor:default;box-shadow:0 5px 0 var(--navy-ink);background:#8d97b8}.btn .sub{font:700 12px/1.4 var(--font);margin-top:2px;display:block}.hero{text-align:center;background:radial-gradient(circle at 88% 12%,#fff2a6 0 18px,#ffec9666 22px,#ffec961a 34px,#0000 52px),radial-gradient(1.5px 1.5px at 18% 9%,#fff 99%,#0000),radial-gradient(1.5px 1.5px at 42% 5%,#fff 99%,#0000),radial-gradient(1px 1px at 63% 14%,#fff 99%,#0000),radial-gradient(1.5px 1.5px at 8% 26%,#fff 99%,#0000),radial-gradient(3px 3px at 14% 90%,#e4ff7a 99%,#0000),radial-gradient(2px 2px at 82% 84%,#e4ff7a 99%,#0000),radial-gradient(70% 70px at 12% 100%,#12452c 98%,#0000),radial-gradient(75% 90px at 92% 100%,#165a34 98%,#0000),linear-gradient(#1c2c66,#172456 45%,#111a40);padding:28px 0 40px}.hero .logo{filter:drop-shadow(0 6px #0b10288c);width:min(78%,360px);margin:0 auto 6px}.hero .copy{font:400 clamp(26px, 8vw, 38px)/1.3 var(--display);text-shadow:0 4px 0 var(--navy-ink);margin:10px 0 6px}.hero .copy span{color:var(--yellow);display:block}.hero .sub{max-width:30em;margin:0 auto 20px}.hero .cta{max-width:360px;margin:0 auto}.hero .cta+.note{margin-top:12px}.band{background:var(--navy-deep);border-top:3px solid var(--navy-ink);border-bottom:3px solid var(--navy-ink)}.steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--navy);border:3px solid var(--navy-ink);box-shadow:0 4px 0 var(--navy-ink);border-radius:18px;grid-template-columns:44px 1fr;align-items:start;gap:12px;padding:14px;display:grid}.steps .n{background:var(--yellow);width:44px;height:44px;color:var(--navy-ink);font:400 22px/44px var(--display);text-align:center;border:3px solid var(--navy-ink);border-radius:50%}.steps b{font-size:18px;display:block}.mc{grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0 10px;display:grid}.mc figure{margin:0}.mc .card{aspect-ratio:63/88;border:3px solid var(--navy-ink);box-shadow:0 4px 0 var(--navy-ink);background:linear-gradient(160deg, var(--c1,#3a4c8a), var(--c2,#1e2a52));border-radius:14px;position:relative;overflow:hidden}.mc .card .ph{font:400 64px/1 var(--display);color:#ffffffd9;place-items:center;display:grid;position:absolute;inset:0}.mc .card img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.mc .card .tag{font:900 11px/1 var(--font);color:var(--navy-ink);background:var(--yellow);border:2px solid var(--navy-ink);border-radius:999px;padding:4px 8px;position:absolute;top:6px;left:6px}.mc figure{cursor:pointer;outline:none}.mc .card .ability{color:#fff;opacity:0;pointer-events:none;background:#080c1eeb;max-height:100%;padding:10px;font-size:12px;line-height:1.6;transition:opacity .2s,transform .2s;position:absolute;inset:auto 0 0;overflow:auto;transform:translateY(12px)}.mc .card .ability b{color:var(--yellow);margin-bottom:4px;font-size:13px;display:block}.mc figure:hover .ability,.mc figure:focus .ability,.mc figure:focus-within .ability{opacity:1;transform:none}.mc figure:focus-visible .card{outline:3px solid var(--yellow);outline-offset:2px}@media (prefers-reduced-motion:reduce){.mc .card .ability{transition:none}}.mc figcaption{text-align:center;margin-top:8px;font-weight:900}.mc figcaption small{color:var(--muted);font-size:12px;font-weight:500;display:block}.call{border:3px solid var(--navy-ink);box-shadow:0 5px 0 var(--navy-ink);background:linear-gradient(#2b3f7a,#1e2a52);border-radius:22px;padding:20px 16px}.call h2{margin-top:0}.call .btn{margin-top:16px}.foot{text-align:center;background:#080c1e;padding:28px 0 44px}.foot ul{flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:0 0 14px;padding:0;list-style:none;display:flex}.foot a{color:var(--muted);padding:8px 2px;display:inline-block}.foot .copy{color:var(--muted);font-size:12px}.foot a.is-pending{color:#8d97b8;pointer-events:none;text-decoration:line-through}.page{padding:20px 0 44px}.page .back{padding:10px 0;display:inline-block}.page h1{font:400 26px/1.4 var(--display);color:var(--yellow);margin:8px 0 18px}.page h2{font:900 18px/1.5 var(--font);color:var(--cream);border-bottom:2px solid var(--navy);margin:28px 0 8px;padding-bottom:4px}.page ul{padding-left:1.3em}.page li{margin:4px 0}@media (width>=720px){.wrap{max-width:640px}.mc{grid-template-columns:repeat(4,1fr)}.wrap.wide{max-width:880px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}.form{gap:18px;margin:18px 0 0;display:grid}.form .field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.form label,.form legend{padding:0;font-weight:900}.form .req{font:900 11px/1 var(--font);color:var(--navy-ink);background:var(--pink);vertical-align:2px;border-radius:999px;margin-left:6px;padding:3px 7px;display:inline-block}.form .opt{font:700 11px/1 var(--font);color:var(--muted);border:1px solid var(--muted);vertical-align:2px;border-radius:999px;margin-left:6px;padding:2px 7px;display:inline-block}.form .hint{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.form input[type=text],.form input[type=url],.form select,.form textarea{width:100%;font:500 16px/1.5 var(--font);color:#fff;background:var(--navy);border:3px solid var(--navy-ink);border-radius:14px;min-height:48px;padding:12px 14px}.form textarea{resize:vertical;min-height:140px}.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.form .choices{gap:8px;display:grid}.form .choice{background:var(--navy);border:3px solid var(--navy-ink);border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:10px 14px;font-weight:500;display:flex}.form .choice input{width:22px;height:22px;accent-color:var(--yellow);flex:none}.form .agree{background:var(--navy-deep);border:3px solid var(--navy-ink);border-radius:14px;padding:12px 14px}.form .agree .choice{background:0 0;border:0;min-height:0;padding:0;font-weight:700}.form .btn{cursor:pointer;font-family:var(--font)}.form .btn[disabled]{color:#2a3354;cursor:default;background:#8d97b8}.form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-status{background:var(--navy);border:3px solid var(--yellow);border-radius:14px;padding:12px 14px;font-weight:700;display:none}.form-status.is-on{display:block}.page .lead{margin:0 0 8px}.page .links-row{gap:12px;margin-top:22px;display:grid}.page .links-row .btn{max-width:360px}.feedback-links{flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}
