/* Standalone physical-card setup guide. Interface illustrations use masked data. */
.gpay-page,.gpay-main{background:#fff}
.gpay-main p{text-align:justify;text-align-last:left;hyphens:auto;overflow-wrap:break-word}
.gpay-main .eyebrow,.gpay-hero__note{text-align:left}
.gpay-breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);padding:28px 0 0}
.gpay-breadcrumb a{text-decoration:none}
.gpay-breadcrumb>span[aria-hidden]{opacity:.45}
.gpay-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:center;padding:55px 0 68px}
.gpay-hero h1{font-size:clamp(40px,4.8vw,62px);line-height:1.1;letter-spacing:-.025em}
.gpay-hero h1 em{font-style:normal;color:var(--crimson)}
.gpay-lede{max-width:49ch;font-size:17px;line-height:1.8;color:var(--muted);margin:24px 0 28px}
.gpay-hero .btn{gap:24px}
.gpay-hero__note{font-size:13px;color:var(--muted);margin:13px 0 0}
.gpay-hero__visual{margin:0;min-width:0}
.gpay-hero__visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.gpay-hero__visual figcaption{font-size:12px;text-align:center;letter-spacing:.03em;color:var(--muted);margin:12px 0 0}
.gpay-prepare{background:#faf7f7;border-block:1px solid var(--line);padding:32px 0}
.gpay-prepare__grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:35px;align-items:center}
.gpay-prepare h2{font-size:30px;line-height:1.2}
.gpay-prepare .eyebrow{margin-bottom:8px;font-size:10px}
.gpay-prepare ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}
.gpay-prepare li{display:flex;align-items:flex-start;gap:10px;min-width:0}
.gpay-prepare li>span{font:600 11px/26px Arial,sans-serif;color:var(--crimson);border:1px solid #dbc4c4;width:27px;height:27px;flex:none;text-align:center;border-radius:50%}
.gpay-prepare strong{font-size:14px;font-weight:600;color:var(--ink)}
.gpay-prepare p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:5px}
.gpay-guide{padding:76px 0 70px;scroll-margin-top:112px}
.gpay-guide__heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}
.gpay-guide h2,.gpay-support h2{font-size:clamp(32px,3.5vw,44px);line-height:1.15}
.gpay-guide__heading>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:33ch;flex-shrink:0}
.gpay-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;padding:0;margin:0}
.gpay-step{min-width:0;border:1px solid #e8dede;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.gpay-step__visual{background:#f8f5f4;height:322px;flex:none;padding:24px 18px 0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-bottom:1px solid #e8dede}
.gpay-screen{width:238px;max-width:100%;height:298px;background:#fff;border:5px solid #29282a;border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 10px 24px #2a151810;position:relative;padding-top:15px;color:#29282a;font-family:Arial,Helvetica,sans-serif}
.gpay-screen::before{content:"";display:block;position:absolute;top:6px;left:calc(50% - 19px);width:38px;height:4px;background:#29282a;border-radius:5px}
.gpay-screen__bar{display:flex;justify-content:space-between;align-items:center;padding:8px 13px 12px;border-bottom:1px solid #eee;font-size:11px}
.gpay-screen__bar>span:first-child,.gpay-screen__bar>span:last-child{font-size:17px;line-height:1}
.gpay-screen__body{padding:18px 14px 14px;display:flex;flex-direction:column;gap:14px;height:239px}
.gpay-screen__label{font-size:14px;line-height:1.35;font-weight:600;color:#29282a}
.gpay-choice{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid #e0d8d8;border-radius:8px;font-size:14px}
.gpay-choice--active{border-color:var(--crimson);background:#fdf8f8}
.gpay-choice>div{min-width:0;flex:1}
.gpay-choice b{display:block;font-size:11px;font-weight:600;line-height:1.4}
.gpay-choice small{display:block;font-size:9px;line-height:1.6;color:#70676a;margin-top:2px}
.gpay-card-icon{font-size:20px;color:var(--crimson)}
.gpay-ghost{height:6px;width:100%;background:#eee9e9;border-radius:6px;flex-shrink:0}
.gpay-ghost--short{width:68%}
.gpay-tap{display:flex;align-items:center;gap:6px;line-height:1.3;font-size:10px;font-weight:600;color:var(--crimson);margin-top:auto;white-space:normal;flex-shrink:0}
.gpay-tap>span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;background:var(--crimson);color:#fff;font-size:10px}
.gpay-scan{padding:10px;border:1.5px dashed #bd9999;border-radius:10px;margin:0 auto;max-width:178px;width:100%}
.gpay-scan img{width:100%;height:auto;border-radius:5px}
.gpay-screen__action{background:var(--crimson);color:#fff;text-align:center;border-radius:20px;padding:9px 8px;font-size:11px;line-height:1.3;font-weight:600;flex-shrink:0}
.gpay-screen__action--outline{background:#fff;color:var(--crimson);border:1px solid #c39a9a}
.gpay-terms{display:grid;gap:12px;padding:6px 0 9px}
.gpay-radio{width:13px;height:13px;border:1px solid #aaa;border-radius:50%;flex:none}
.gpay-choice--active .gpay-radio{border:4px solid var(--crimson)}
.gpay-code{display:flex;gap:5px;margin-top:9px}
.gpay-code>span{display:block;flex:1;border:1px solid #bc9393;border-radius:5px;text-align:center;font-size:20px;line-height:37px;color:var(--crimson)}
.gpay-screen__hint{font-size:10px;color:#70676a;line-height:1.4}
.gpay-screen__body--ready{align-items:center;gap:8px;padding-top:11px}
.gpay-ready-check{width:29px;height:29px;border-radius:50%;background:#edf4ee;color:#376644;text-align:center;line-height:29px;font-size:18px;flex-shrink:0}
.gpay-ready-card{width:117px;height:auto;border-radius:5px;margin:2px 0}
.gpay-screen__body--ready .gpay-screen__action{width:100%}
.gpay-screen__body--ready .gpay-tap{align-self:flex-start}
.gpay-step__copy{padding:26px 24px 28px;flex:1}
.gpay-step__number{display:block;font-size:12px;font-weight:600;color:var(--crimson);letter-spacing:.1em;margin-bottom:10px}
.gpay-step h3{font:600 20px/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.02em;min-height:2.7em;margin-bottom:14px}
.gpay-step p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.gpay-step strong{font-weight:600;color:var(--ink)}
.gpay-step--complete{border-color:#c49e9e}
.gpay-step--complete .gpay-step__visual{background:#f3e9e7}
.gpay-guide__note{font-size:13px;line-height:1.8;color:var(--muted);max-width:100ch;margin:25px 0 0;padding-left:16px;border-left:2px solid #dbc4c4}
.gpay-support{background:#faf7f7;border-block:1px solid var(--line);padding:62px 0}
.gpay-support__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:76px}
.gpay-support__grid>div>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8;margin:20px 0 26px}
.gpay-support .btn{gap:20px}
.gpay-support__email{display:block;width:fit-content;font-size:14px;margin-top:14px;text-underline-offset:4px}
.gpay-questions details{border-bottom:1px solid #e2d5d5}
.gpay-questions summary{padding:18px 28px 18px 0;font-weight:600;font-size:16px;cursor:pointer;list-style:none;position:relative;line-height:1.5}
.gpay-questions details:first-child summary{padding-top:0}
.gpay-questions summary::-webkit-details-marker{display:none}
.gpay-questions summary::after{content:"+";position:absolute;right:0;font-size:22px;color:var(--crimson);font-weight:400;line-height:1}
.gpay-questions details[open] summary::after{content:"−"}
.gpay-questions details p{font-size:14px;line-height:1.85;color:var(--muted);padding:0 0 20px}
.gpay-questions .gpay-privacy-note{font-size:12px!important;line-height:1.8;margin:19px 0 0!important}
.gpay-return{padding-top:30px;padding-bottom:34px;font-size:14px}
.gpay-main a:focus-visible,.gpay-main summary:focus-visible{outline:3px solid var(--crimson);outline-offset:5px}
@media(max-width:1050px){.gpay-prepare__grid{grid-template-columns:1fr;gap:22px}.gpay-guide__heading{display:block}.gpay-guide__heading>p{max-width:70ch;margin-top:18px}.gpay-steps{gap:18px}.gpay-step__copy{padding:22px 19px}.gpay-step__visual{padding-inline:13px}.gpay-support__grid{gap:40px}}
@media(max-width:850px){.gpay-hero__grid{gap:15px}.gpay-hero h1{font-size:42px}.gpay-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.gpay-step__copy{padding:25px}.gpay-support__grid{grid-template-columns:1fr;gap:34px}.gpay-hero__visual figcaption{font-size:11px}.gpay-lede{font-size:16px}}
@media(max-width:600px){.gpay-breadcrumb{padding-top:20px;font-size:12px}.gpay-hero__grid{grid-template-columns:1fr;padding:34px 0 35px;gap:30px}.gpay-hero h1{font-size:41px}.gpay-hero__visual{max-width:420px;width:100%;margin:auto}.gpay-hero__visual figcaption{margin-top:4px}.gpay-lede{margin:20px 0 24px}.gpay-prepare{padding:28px 0}.gpay-prepare ul{grid-template-columns:1fr;gap:18px}.gpay-prepare strong{font-size:15px}.gpay-prepare p{font-size:14px;margin-top:2px}.gpay-guide{padding:48px 0;scroll-margin-top:90px}.gpay-guide__heading{margin-bottom:25px}.gpay-guide h2,.gpay-support h2{font-size:34px}.gpay-steps{grid-template-columns:1fr;gap:24px}.gpay-step h3{min-height:0}.gpay-step__copy{padding:24px}.gpay-support{padding:45px 0}.gpay-main .btn{font-size:14px;max-width:100%;white-space:normal;min-height:50px;padding:12px 22px}.gpay-support__grid{gap:32px}}
