:root{--ink:#0f1b2d;--muted:#546072;--line:#dfe4ea;--soft:#f4f6f9;--accent:#1f4fd1;--accent-ink:#fff;--ok:#0f7a4f;--warn:#b42318;color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;font-family:Hiragino Sans,Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.7}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}h1,h2,p{margin:0}.bar,main,.foot{width:min(1080px,100% - 40px);margin-inline:auto}.bar{align-items:baseline;gap:10px;padding-block:22px;display:flex}.brand{letter-spacing:.02em;font-weight:700}.by{color:var(--muted);font-size:13px}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;padding-block:48px 72px;display:grid}h1{letter-spacing:.01em;font-size:clamp(30px,4.4vw,46px);line-height:1.3}.lead{color:var(--muted);max-width:34em;margin-top:22px}.checks{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.checks li{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px}.checks li:before{content:"✓ ";color:var(--ok)}.card{border:1px solid var(--line);background:#fff;border-radius:16px;gap:14px;padding:28px;display:grid;box-shadow:0 18px 40px -24px #0f1b2d59}.plan{background:var(--soft);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.plan input{opacity:0;position:absolute}.plan span{cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;padding:8px;font-size:14px;line-height:1.4;display:flex}.plan small{color:var(--muted);font-size:12px}.plan input:checked+span{background:#fff;font-weight:700;box-shadow:0 1px 3px #0f1b2d1f}.plan input:focus-visible+span{outline:2px solid var(--accent)}.field{gap:4px;display:grid}input[type=text],input[type=email]{border:1px solid var(--line);width:100%;font:inherit;color:inherit;border-radius:10px;padding:13px 14px}input[type=text]:focus,input[type=email]:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.error{color:var(--warn);font-size:13px}.error:empty{display:none}.consent{color:var(--muted);align-items:flex-start;gap:10px;margin-top:4px;font-size:13px;line-height:1.6;display:flex}.consent input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:1px}button{font:inherit;cursor:pointer}button[type=submit]{background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;margin-top:6px;padding:14px;font-weight:700}button[type=submit]:disabled{opacity:.6;cursor:progress}.received{text-align:center;justify-items:center;padding-block:48px}.received:focus{outline:none}.mark{width:52px;height:52px;color:var(--ok);background:#e7f6ef;border-radius:50%;place-items:center;font-size:26px;display:grid}.receipt{color:var(--muted);font-size:13px}.flow{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;margin-bottom:88px;display:grid}.step{gap:20px;padding:40px 32px 0 0;display:flex}.step+.step{border-left:1px solid var(--line);padding-left:32px}.num{color:var(--accent);flex:none;font-size:40px;font-weight:700;line-height:1}.step h2{font-size:20px}.step p{color:var(--muted);margin-top:8px}em{vertical-align:3px;border-radius:6px;margin-left:6px;padding:2px 8px;font-size:12px;font-style:normal}.free{color:var(--ok);background:#e7f6ef}.paid{color:var(--accent);background:#e9eefc}.ghost{border:1px solid var(--accent);color:var(--accent);background:#fff;border-radius:10px;margin-top:18px;padding:10px 16px;font-weight:700}.foot{border-top:1px solid var(--line);color:var(--muted);padding-block:28px 40px;font-size:13px}@media (width<=820px){.hero,.flow{grid-template-columns:1fr}.hero{gap:32px;padding-block:16px 48px}.card{padding:20px}.step,.step+.step{border-left:0;padding:28px 0 0}.step+.step{border-top:1px solid var(--line);margin-top:28px}}