/* Voucher photography and the actual issuance flow. */
.method-infographic{margin:30px 0 12px}.method-infographic img{display:block;width:100%;height:auto;border-radius:20px}.method-art-note{font-size:14px;line-height:1.7;color:#607086}.pass-method{scroll-margin-top:160px}
.method-flow.method-flow-illustrated li{padding:20px;background:#fff;border:0;border-left:3px solid #d6ad57;border-radius:0}
.method-flow.method-flow-illustrated svg,.method-flow.method-flow-illustrated li:after{display:none}
@media(max-width:620px){.method-infographic{display:none}.method-flow.method-flow-illustrated{gap:24px}.method-flow.method-flow-illustrated li{padding:0 0 18px;min-height:0;border:1px solid #e4e8ef;border-radius:16px;overflow:hidden}.method-flow.method-flow-illustrated li:before{content:'';display:block;width:100%;aspect-ratio:3/2;background-image:url('/assets/subscription/generation-method-v2.png');background-size:200% 200%;background-position:left top;margin-bottom:16px}.method-flow.method-flow-illustrated li:nth-child(2):before{background-position:right top}.method-flow.method-flow-illustrated li:nth-child(3):before{background-position:left bottom}.method-flow.method-flow-illustrated li:nth-child(4):before{background-position:right bottom}.method-flow.method-flow-illustrated small,.method-flow.method-flow-illustrated h3,.method-flow.method-flow-illustrated p{margin-left:18px;margin-right:18px}.method-flow.method-flow-illustrated h3{font-size:21px}.method-flow.method-flow-illustrated p{font-size:16px;line-height:1.8}.pass-method{scroll-margin-top:80px}}
.pass-card .pass-art{height:auto;aspect-ratio:3/2;padding:0;position:relative;display:block;background:#102039;isolation:isolate}
.pass-art>.voucher-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.pass-card .pass-art>.pass-mark{position:absolute;top:32%;left:6%;width:auto;min-height:0;padding:0;background:none;box-shadow:none;transform:none;color:#fff;text-shadow:0 1px 8px #102039}
.pass-card.pass-light .pass-mark{color:#18283f;text-shadow:none}
.pass-card .pass-art>.pass-mark b{font-size:clamp(24px,2.5vw,34px)}
.pass-card .pass-art>.pass-mark small{color:inherit;margin-top:12px;font-size:12px}
.pass-card .pass-art>.pass-mark em{color:inherit;font-size:12px}
.pass-art>span{top:14px!important;left:6%!important;font-size:11px!important}
.voucher-caption{margin:12px 0 0;color:#65738a;font-size:12px;line-height:1.6}
.pass-method{padding:72px 0;background:#fff;color:#172b46}
.pass-method header>span,.method-eyebrow{font-size:12px;font-weight:800;color:#1769c2;letter-spacing:.08em}
.pass-method h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;margin:12px 0}
.pass-method header p{font-size:17px;line-height:1.8;color:#53667b;margin:0}
.method-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0;margin:32px 0;list-style:none;counter-reset:none}
.method-flow li{position:relative;border:1px solid #dce5ef;border-radius:18px;padding:22px;background:#f6f9fd}
.method-flow li:not(:last-child):after{content:'→';position:absolute;right:-17px;top:55px;z-index:1;font-size:24px;color:#1769c2}
.method-flow svg{width:110px;height:78px;fill:#e5eefb;stroke:#1769c2;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;display:block;margin-bottom:18px}
.method-flow small{font-size:13px;font-weight:800;color:#1769c2}
.pass-method h3{font-size:20px;line-height:1.5;margin:8px 0}
.method-flow p{font-size:15px;line-height:1.8;margin:0;color:#4c6078}
.method-example{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;background:#102b4a;color:#fff;border-radius:20px;padding:32px}
.method-example .method-eyebrow{color:#ffda70}
.method-example p{font-size:13px;color:#bed0e2;line-height:1.7}
.method-balls{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}
.method-balls b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f8ce53;color:#142039;font-size:18px;box-shadow:inset -3px -4px 8px #0002}
.method-balls b:nth-child(2){background:#6cc1fa}.method-balls b:nth-child(3),.method-balls b:nth-child(4){background:#f59391}.method-balls b:nth-child(5){background:#d4dbe2}.method-balls b:nth-child(6){background:#9bda9d}
.method-example dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.method-example dl>div{background:#ffffff0c;border:1px solid #ffffff20;padding:14px;border-radius:12px}
.method-example dt{font-size:13px;color:#bed0e2}.method-example dd{margin:6px 0 0}.method-example dd b{display:block;font-size:20px;color:#ffda70}.method-example dd span{display:block;font-size:13px;margin-top:4px}
.method-detail{margin-top:24px;border:1px solid #dce5ef;border-radius:12px;padding:18px 20px}.method-detail summary{cursor:pointer;font-size:16px;font-weight:750}.method-detail p,.method-note{font-size:15px;line-height:1.85;color:#52647a}.method-note{margin:20px 0 12px}.method-more{font-size:15px;font-weight:750;color:#1769c2}
@media(max-width:900px){.method-flow{grid-template-columns:1fr 1fr}.method-flow li:nth-child(2):after{display:none}.method-example{grid-template-columns:1fr}.pass-card .pass-art>.pass-mark b{font-size:30px}}
@media(max-width:620px){.pass-method{padding:46px 0}.method-flow{grid-template-columns:1fr;gap:20px}.method-flow li{padding:20px 20px 20px 96px;min-height:170px}.method-flow svg{position:absolute;left:12px;top:24px;width:72px}.method-flow li:not(:last-child):after{display:block;content:'↓';right:50%;top:auto;bottom:-23px}.method-example{padding:22px 18px;gap:16px}.method-example dl{gap:8px}.method-example dl>div{padding:12px}.method-balls{gap:6px}.method-balls b{width:36px;height:36px;font-size:17px}}