.subscribe-page{min-height:100vh;background:radial-gradient(circle at 70% -10%,rgba(126,73,238,.21),transparent 35rem),#08080b}.checkout-header{display:flex;height:66px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding:0 max(24px,calc((100% - 1050px)/2));}.checkout-header a{font:23px "Bebas Neue",sans-serif;letter-spacing:.12em}.checkout-header a span{margin-left:9px;color:#77717f;font:7px "Noto Sans JP",sans-serif;letter-spacing:.18em}.checkout-header>span{color:#85808b;font-size:7px;letter-spacing:.16em}.checkout-main{width:min(1050px,calc(100% - 40px));margin:0 auto;padding:29px 0 60px}.checkout-back{color:#88828d;font-size:8px}.checkout-title{margin:27px 0 23px}.checkout-title p{margin:0 0 4px;color:#a987ff;font-size:8px;font-weight:700;letter-spacing:.2em}.checkout-title h1{margin-bottom:10px;font-family:"Noto Sans JP",sans-serif;font-size:32px;font-weight:600;letter-spacing:.03em}.checkout-title span{color:#8f8994;font-size:9px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);gap:14px}.plan-panel,.confirm-panel{border:1px solid rgba(255,255,255,.11);background:#111116}.plan-visual{position:relative;height:245px;overflow:hidden}.plan-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.56) brightness(.6)}.plan-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,8,12,.94),rgba(9,8,12,.08)),linear-gradient(0deg,rgba(9,8,12,.72),transparent 60%)}.plan-visual div{position:absolute;z-index:1;left:29px;bottom:27px}.plan-visual p{margin:0 0 7px;color:#b495ff;font-size:8px;letter-spacing:.18em}.plan-visual h2{margin:0;font:36px "Bebas Neue",sans-serif;letter-spacing:.1em;line-height:1.05}.plan-price{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);padding:19px 26px}.plan-price span{color:#8c8790;font-size:8px}.plan-price strong{margin:0 5px;font-size:29px}.plan-price small,.plan-price p{margin:0;color:#817b85;font-size:7px}.plan-features{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:10px 26px 22px;list-style:none}.plan-features li{display:grid;gap:4px;border-bottom:1px solid rgba(255,255,255,.07);padding:13px 0}.plan-features li:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}.plan-features li:nth-child(even){padding-left:17px}.plan-features b{color:#b79aff;font:11px "Bebas Neue",sans-serif;letter-spacing:.12em}.plan-features span{color:#97919c;font-size:8px}.confirm-panel{padding:25px}.confirm-panel h2{margin-bottom:17px;font-size:17px}.confirm-panel dl{margin:0;border-top:1px solid rgba(255,255,255,.09)}.confirm-panel dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.07);padding:11px 0;font-size:8px}.confirm-panel dt{color:#7e7883}.confirm-panel dd{margin:0;text-align:right}.cancel-note{margin-top:17px;border-left:2px solid #8d68ff;background:rgba(126,78,240,.06);padding:11px 13px}.cancel-note h3{margin:0 0 5px;font-size:9px}.cancel-note p{margin:0;color:#8d8792;font-size:7px;line-height:1.8}.agreement{display:flex;align-items:flex-start;gap:9px;margin:17px 0;color:#aaa4ae;font-size:8px;line-height:1.7}.agreement input{margin-top:3px;accent-color:#8559e8}.agreement a{color:#b395f7;text-decoration:underline}.checkout-button{width:100%;border:0;background:linear-gradient(100deg,#7138e8,#9838c8);padding:14px;color:#fff;font-size:10px;font-weight:700}.checkout-button:disabled{background:#302d36;color:#69646e}.secure-copy{display:flex;align-items:flex-start;gap:8px;margin:13px 0 0;color:#77717c;font-size:7px;line-height:1.7}.secure-copy span{border:1px solid #77717c;border-radius:50%;padding:4px;font-size:5px}.checkout-error{min-height:1em;margin:8px 0 0;color:#c17d8a;font-size:7px}.checkout-help{margin-top:35px;border-top:1px solid rgba(255,255,255,.09);padding-top:22px}.checkout-help h2{font:21px "Bebas Neue",sans-serif;letter-spacing:.12em}.checkout-help>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.checkout-help article{border:1px solid rgba(255,255,255,.09);padding:17px}.checkout-help article b{color:#8f6be5;font:14px "Bebas Neue",sans-serif}.checkout-help h3{margin:8px 0 5px;font-size:10px}.checkout-help p{margin:0;color:#7e7883;font-size:7px;line-height:1.7}.checkout-footer{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding:16px max(24px,calc((100% - 1050px)/2));color:#5e5963;font-size:7px}.success-main{width:min(560px,calc(100% - 40px));margin:0 auto;padding:90px 0;text-align:center}.success-mark{display:grid;width:58px;height:58px;margin:0 auto 24px;place-items:center;border:1px solid #9b77ef;border-radius:50%;color:#c9b4ff;font-size:24px;box-shadow:0 0 30px rgba(139,89,232,.2)}.success-kicker{color:#a987ff;font-size:8px;letter-spacing:.19em}.success-main h1{font-family:"Noto Sans JP",sans-serif;font-size:34px;font-weight:600;line-height:1.5}.success-main>p:not(.success-kicker){color:#99939e;font-size:9px;line-height:1.9}.status-card{display:flex;align-items:center;gap:13px;margin:29px 0;border:1px solid rgba(255,255,255,.11);background:#111116;padding:17px;text-align:left}.status-light{width:8px;height:8px;border-radius:50%;background:#be9cff;box-shadow:0 0 12px #996cff}.status-card div{display:grid;gap:4px}.status-card b{font-size:10px}.status-card small,.success-main>small{color:#706a75;font-size:7px;line-height:1.7}.success-actions{display:grid;gap:8px;margin-bottom:18px}.success-actions a{border:1px solid rgba(255,255,255,.15);padding:12px;font-size:9px}.success-actions a:first-child{border:0;background:linear-gradient(100deg,#7138e8,#9838c8);font-weight:700}
@media(max-width:720px){.checkout-main{width:calc(100% - 32px)}.checkout-title h1{font-size:27px}.checkout-layout{grid-template-columns:1fr}.plan-visual{height:210px}.confirm-panel{padding:20px}.checkout-help>div{grid-template-columns:1fr}.checkout-footer{display:block;line-height:2}.success-main{padding-top:65px}}

/* Readability pass */
.checkout-header > span { font-size: 9px; }
.checkout-back { color: #aaa4af; font-size: 11px; }
.checkout-title { margin: 30px 0 27px; }
.checkout-title p { font-size: 10px; }
.checkout-title h1 { font-size: 35px; }
.checkout-title span { color: #aaa4af; font-size: 12px; }
.plan-visual p { font-size: 10px; }
.plan-price span { color: #aaa4ae; font-size: 10px; }
.plan-price strong { font-size: 32px; }
.plan-price small, .plan-price p { color: #99939e; font-size: 9px; }
.plan-features b { font-size: 13px; }
.plan-features span { color: #aaa4ae; font-size: 10px; }
.confirm-panel { padding: 27px; }
.confirm-panel h2 { font-size: 20px; }
.confirm-panel dl div { gap: 18px; padding: 14px 0; font-size: 11px; }
.confirm-panel dt { color: #96909a; }
.confirm-panel dd strong { font-size: 17px; }
.payment-row dd { display: grid; gap: 5px; }
.payment-row dd small { color: #98919c; font-size: 9px; }
.wallet-note { margin: 14px 0 0; border: 1px solid rgba(169,135,255,.18); background: rgba(126,78,240,.05); padding: 11px 12px; color: #aaa3ae; font-size: 9px; line-height: 1.8; }
.cancel-note h3 { margin-bottom: 7px; font-size: 12px; }
.cancel-note p { color: #aaa4ae; font-size: 10px; }
.agreement { gap: 10px; margin: 19px 0; color: #c1bbc5; font-size: 10px; line-height: 1.8; }
.checkout-button { padding: 15px; font-size: 12px; }
.secure-copy { color: #99929d; font-size: 9px; line-height: 1.75; }
.checkout-help article b { color: #a987ff; font-size: 16px; }
.checkout-help h3 { font-size: 12px; }
.checkout-help p { color: #9b949f; font-size: 9px; line-height: 1.8; }
.checkout-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; }
.checkout-footer a { color: #8d8792; }
.checkout-footer a:hover { color: #c4b1f4; }

@media(max-width:720px) {
  .checkout-title h1 { font-size: 30px; }
  .checkout-title span { font-size: 11px; line-height: 1.8; }
  .confirm-panel { padding: 22px; }
  .confirm-panel dl div { font-size: 10px; }
  .checkout-footer nav { justify-content: flex-start; margin: 5px 0; }
}

/* Readability pass */
.checkout-header>span,.checkout-back,.checkout-title p,.plan-visual p,.plan-price span,.plan-price small,.plan-price p,.plan-features b,.payment-row dd small,.wallet-note,.secure-copy,.checkout-help p,.checkout-footer{font-size:12px}.checkout-title span,.plan-features span,.confirm-panel dl div,.cancel-note p,.agreement{font-size:13px}.checkout-button,.checkout-help h3{font-size:14px}
