/* Project choice pages: shared layout, responsive phone previews. */
.project-options-page{background:#fafbfd;color:#192d4e}
.project-options{max-width:1320px;margin:auto;padding:38px 6% 70px}
.options-back{font-size:13px;color:#566275;display:inline-block;padding:8px 0}
.options-heading{padding:38px 0 32px;border-bottom:1px solid #dce3e9}
.options-heading .eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--option-accent)}
.options-heading h1{font-size:clamp(48px,6vw,76px);margin:16px 0;letter-spacing:-.055em}
.options-heading>p:last-child{font-size:18px;color:#566275;line-height:1.6}
.options-intro{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:30px 0 22px}
.options-intro h2{font-size:20px;font-weight:500}
.options-intro p{font-size:13px;color:#66778c}
.options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.option-card{display:flex;flex-direction:column;background:white;border:1px solid #dce3e9;border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.option-card[href]:hover{transform:translateY(-5px);box-shadow:0 18px 36px #192d4e12}
.option-card:focus-visible,.options-back:focus-visible{outline:3px solid var(--option-accent);outline-offset:5px}
.option-visual{height:360px;position:relative;background:var(--option-wash);overflow:hidden;display:flex;align-items:center;justify-content:center}
.option-visual>.project-visual{height:100%;min-height:0;width:100%;padding:42px 20px 24px;background:transparent}
.option-visual .project-visual .handset{width:140px;max-width:100%;filter:drop-shadow(0 14px 16px #192d4e20)}
.option-visual .gather-device{width:150px!important;height:312px;overflow:visible}
.option-visual .gather-mobile{transform:scale(.625);transform-origin:top left}
.option-tag{position:absolute;left:22px;top:18px;font-size:9px;letter-spacing:1.2px;font-weight:700;color:var(--option-accent)}
.option-copy{padding:27px 28px 30px}
.option-number{font-size:9px;letter-spacing:1.4px;color:#66778c}
.option-copy h2{display:flex;justify-content:space-between;gap:12px;font-size:25px;letter-spacing:-.7px;font-weight:500;margin:10px 0 12px}
.option-copy h2>span{color:var(--option-accent)}
.option-copy p{font-size:14px;color:#647184;line-height:1.7;max-width:340px}
.option-action{display:block;margin-top:24px;color:var(--option-accent);font-size:13px;font-weight:600}
.option-card[aria-disabled="true"]{cursor:default}
.option-card[aria-disabled="true"] .option-action{color:#66778c}
.study-visual{background:#f0f1f3}
.study-sheet{width:236px;height:288px;background:white;padding:22px;color:var(--option-accent);box-shadow:0 15px 35px #192d4e15;transform:rotate(-5deg);margin-top:24px;display:flex;flex-direction:column}
.sheet-label{font-size:6px;letter-spacing:1.1px;color:#66778c}
.sheet-rule{height:2px;background:var(--option-accent);margin:13px 0 16px}
.study-sheet>strong{font-size:18px;letter-spacing:-.6px}
.study-sheet>em{font:italic 31px/1.1 Georgia,serif;margin:7px 0 20px}
.sheet-sections{display:grid;gap:7px;font-size:8px;color:#66778c}
.sheet-bottom{font-size:6px;letter-spacing:1px;margin-top:auto;display:flex;justify-content:space-between;align-items:center}
.sheet-bottom b{font-size:16px}
@media(max-width:760px){.project-options{padding:24px 6% 45px}.options-heading{padding-top:25px}.options-intro{display:block}.options-intro p{margin-top:8px;line-height:1.6}.options-grid{grid-template-columns:1fr;gap:24px}.option-visual{height:340px}.option-copy{padding:24px}.option-copy h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.option-card{transition:none}.option-card[href]:hover{transform:none}}
/* Keep the complete PayLink screen inside the preview panel. */
.option-visual .paylink-handset{height:280px;width:138px!important;border-radius:23px}
.option-visual .paylink-handset img{width:100%;height:100%;object-fit:fill}
.option-visual .project-visual .gather-device{height:290px!important;width:134px!important;overflow:hidden}
.option-visual .gather-device .gather-mobile{transform:scale(.5583)!important;transform-origin:top left}
.option-visual .project-visual .paylink-handset{height:280px!important}
.option-visual .project-visual .handset{min-height:0!important}
.option-visual .project-visual>.paylink-handset img{object-fit:fill}
.option-visual .project-visual .screen-crop{height:auto!important;width:138px!important;aspect-ratio:522/1078}