.sp{--sp-coral:#ff7a3c;--sp-coral-d:#e8421f;--sp-ink:#222;--sp-sub:#777;--sp-line:#eee;min-height:100vh;color:var(--sp-ink);-webkit-font-smoothing:antialiased;background:#fff;font-family:Poppins,Noto Sans JP,system-ui,sans-serif}.sp-wrap{max-width:640px;margin:0 auto;padding:0 20px 40px}.sp-head{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--sp-line);background:#ffffffeb;position:sticky;top:0}.sp-head-in{justify-content:space-between;align-items:center;max-width:640px;margin:0 auto;padding:12px 16px;display:flex}.sp-back{color:var(--sp-ink);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:6px 8px;font-size:14px;font-weight:700}.sp-back:hover{background:#f6f6f6}.sp-logo{color:var(--sp-coral-d);letter-spacing:.01em;font-size:16px;font-weight:800;text-decoration:none}.sp-head-sp{width:58px}.sp-reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(16px)}.sp-reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sp-reveal{opacity:1;transition:none;transform:none}}.sp-hero{text-align:center;padding:64px 6px 26px}.sp-kicker{letter-spacing:.22em;color:var(--sp-coral-d);background:#fff2ea;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-block}.sp-hero-badge{place-items:center;margin:22px auto 8px;display:grid}.sp-h1{letter-spacing:-.01em;margin:10px 0 0;font-size:28px;font-weight:800;line-height:1.25}.sp-hero-s{color:var(--sp-coral-d);margin:12px 0 0;font-size:15.5px;font-weight:700}.sp-hero-b{color:var(--sp-sub);text-align:left;max-width:480px;margin:18px auto 0;font-size:13.5px;line-height:1.85}.sp-sec{padding:44px 0 8px}.sp-h2{text-align:center;margin:0 0 18px;font-size:20px;font-weight:800}.sp-perks{gap:14px;display:grid}@media (min-width:560px){.sp-perks{grid-template-columns:1fr 1fr 1fr}}.sp-perk{border:1px solid var(--sp-line);text-align:center;background:#fff;border-radius:18px;padding:22px 18px;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 26px -18px #00000040}@media (max-width:559px){.sp-perk{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:3px 12px;padding:14px 16px;display:grid}.sp-perk-ic{width:40px;height:40px;margin-bottom:0}.sp-perk-b{grid-column:1/-1;margin-top:2px}}.sp-perk:hover{transform:translateY(-3px);box-shadow:0 16px 34px -18px #e8421f4d}.sp-perk-ic{color:#fff;background:linear-gradient(135deg, var(--sp-coral), var(--sp-coral-d));border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:12px;display:inline-grid}.sp-perk-t{font-size:15px;font-weight:800}.sp-perk-b{color:var(--sp-sub);margin-top:6px;font-size:12.5px;line-height:1.7}.sp-plans-s{text-align:center;color:var(--sp-sub);margin:-8px 0 20px;font-size:13px}.sp-plans{gap:16px;display:grid}.sp-plan{border:1.5px solid var(--sp-line);background:#fff;border-radius:20px;align-items:flex-start;gap:16px;padding:20px 18px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;box-shadow:0 10px 30px -22px #0000004d}.sp-plan:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px #00000059}.sp-plan.tier-supporter{border-color:#ffd9c2}.sp-plan.tier-silver{border-color:#dde3ea}.sp-plan.tier-gold{border-color:#f3ddad}.sp-plan.tier-platinum{border-color:#cfe4f4}.sp-plan.tier-founder{background:linear-gradient(#fdfcff,#fff);border-color:#d9ccf6}.sp-plan-badge{flex:none;padding-top:2px}.sp-plan-main{flex:1;min-width:0}.sp-plan-name{font-size:16px;font-weight:800}.sp-plan-price{letter-spacing:-.01em;margin:2px 0 8px;font-size:24px;font-weight:800}.sp-plan-price span{color:var(--sp-sub);margin-left:3px;font-size:12.5px;font-weight:700}.sp-plan-list{gap:5px;margin:0 0 14px;padding:0;list-style:none;display:grid}.sp-plan-list li{color:#444;align-items:center;gap:7px;font-size:12.5px;display:flex}.sp-plan-list li svg{color:var(--sp-coral-d);flex:none}.sp-plan-btn{width:100%;font:inherit;color:#fff;background:linear-gradient(135deg, var(--sp-coral), var(--sp-coral-d));cursor:pointer;border:none;border-radius:13px;padding:13px 12px;font-size:14px;font-weight:800;transition:transform .12s,filter .2s;box-shadow:0 10px 22px -12px #e8421fa6}.sp-plan-btn:hover{filter:brightness(1.05)}.sp-plan-btn:active{transform:scale(.95)}.sp-plan-btn:disabled{opacity:.6;cursor:default}.sp-err{text-align:center;color:#c0392b;margin-top:14px;font-size:13px}.sp-note{text-align:center;color:var(--sp-sub);margin-top:18px;font-size:12px;line-height:1.7}.sp-thanks{text-align:center;border-top:1px solid var(--sp-line);margin-top:44px;padding:72px 6px 40px}.sp-thanks-h{letter-spacing:-.01em;background:linear-gradient(135deg, var(--sp-coral), var(--sp-coral-d));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:30px;font-weight:800}.sp-thanks-b{color:#555;max-width:460px;margin:0 auto 12px;font-size:13.5px;line-height:1.9}.sp-foot{border-top:1px solid var(--sp-line);text-align:center;padding:26px 0 10px}.sp-foot-links{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:16px;display:flex}.sp-foot-links a{color:var(--sp-sub);font-size:12px;text-decoration:none}.sp-foot-links a:hover{color:var(--sp-ink);text-decoration:underline}.sp-foot-logo{color:var(--sp-coral-d);font-size:15px;font-weight:800}.sp-foot-tag{color:var(--sp-sub);margin-top:4px;font-size:11.5px}