.payment-intro{background:var(--deep);color:white;padding:70px 0 80px}
.payment-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.payment-intro h1{font-size:clamp(2.5rem,4.3vw,3.8rem)}
.payment-intro h1 span{color:var(--mint)}
.payment-card{background:white;color:var(--ink);padding:36px;border-radius:var(--radius);min-width:0}
.payment-card h2{font-size:1.7rem;line-height:1.2}
.test-amount{font-size:3rem;font-weight:650;letter-spacing:-.04em;margin:18px 0 16px;line-height:1.2}
.test-amount span{display:block;font-size:.9rem;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}
.payment-card .button{display:flex;margin-top:26px}
.payment-card .test-hint{font-size:.85rem;color:var(--muted);margin-top:16px}
.test-guide{padding-block:70px}
.test-steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;list-style:none;padding:0;margin:38px 0 45px}
.test-steps li{border-top:1px solid var(--line);padding-top:20px}
.test-steps li:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--green);font-size:.8rem;font-weight:650;margin-bottom:12px}
.test-steps h3{font-size:1.2rem;margin-bottom:10px}
.test-steps p,.test-data p{color:var(--muted)}
.test-data{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;background:var(--paper);padding:30px;border:1px solid var(--line);border-radius:12px}
.test-data h3{font-size:1.4rem;margin-bottom:10px}
.test-data dl{margin:0;min-width:0}
.test-data dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);align-items:baseline}
.test-data dl>div:last-child{border-bottom:0}
.test-data dt{color:var(--muted);font-size:.9rem}
.test-data dd{margin:0;font-size:.95rem;text-align:right;overflow-wrap:anywhere}
.test-data code{font-family:Consolas,monospace;font-size:1rem}
.return-link{display:inline-block;text-decoration:underline;text-underline-offset:5px;margin-top:30px;color:var(--green)}
.test-footer{display:flex;justify-content:space-between;gap:24px;font-size:.85rem;overflow-wrap:anywhere}
.test-footer a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:950px){.payment-grid{gap:35px}.payment-card{padding:28px}.test-data{grid-template-columns:1fr;gap:20px}}
@media(max-width:760px){.payment-intro{padding-block:45px}.payment-grid{grid-template-columns:1fr;gap:32px}.payment-intro .hero-intro{margin-bottom:15px}.test-guide{padding-block:45px}.test-steps{grid-template-columns:1fr;gap:24px}.test-data{padding:23px}.test-footer{flex-direction:column;gap:14px}}
@media(max-width:440px){.payment-card{padding:24px}.payment-card h2{font-size:1.5rem}.payment-card .button{padding-inline:14px;gap:10px}.test-data dl>div{display:block}.test-data dd{text-align:left;margin-top:4px}.payment-intro h1{font-size:2.5rem}.test-footer{font-size:.8rem}}