/* Payment V1 only. Reuses the approved screen 5 backdrop. */
body.offer-screen-six { --coral:#ff705e; --warm:#f5f5f5; display:flow-root; position:relative; background:#151b20; }
body.offer-screen-six::before { position:absolute; inset:0; background:url('assets/tunnel-89/scene-5-clean.jpg') center top / 100% auto; filter:blur(9px); }
.offer-screen-six .demo-notice { display:none; }
.offer-screen-six .skip-link { top:12px; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.offer-screen-six .skip-link:focus-visible { width:auto; height:auto; padding:10px; overflow:visible; clip-path:none; }
.offer-screen-six .funnel { container-type:inline-size; width:calc(100% - 84px); max-width:1280px; margin:44px auto 54px; padding:0; border:1px solid #718188; border-radius:26px; background:linear-gradient(115deg,#111b1f,#0c1619); overflow:hidden; }
.offer-screen-six .funnel-header { position:absolute; top:3.7cqw; left:4.2cqw; right:6cqw; margin:0; align-items:flex-start; }
.offer-screen-six .funnel-header .brand { width:13cqw; height:auto; }
.offer-screen-six .progress-area { width:31cqw; padding-top:.1cqw; }
.offer-screen-six .progress-label { font-size:1.4cqw; gap:1cqw; }
.offer-screen-six .progress-label button { min-width:2.3cqw; min-height:2.8cqw; padding:0; font-size:2.4cqw; }
.offer-screen-six .progress-track { height:1cqw; margin:.65cqw 0 0 3.3cqw; background:#454a4c; }
.offer-screen-six #progress { background:linear-gradient(100deg,#ff8874,#ff6356); }
.offer-screen-six .checkout-hero { position:relative; height:40.2cqw; isolation:isolate; }
.offer-screen-six .checkout-backdrop { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#10191df2,#10191d99 45%,transparent 85%),linear-gradient(0deg,#101719,transparent 25%),url('assets/tunnel-89/scene-5-clean.jpg') center 12% / 100% auto no-repeat; }
.offer-screen-six .checkout-copy { position:absolute; top:12.9cqw; left:4.4cqw; width:57cqw; }
.offer-screen-six .checkout-copy .kicker { font-size:1.5cqw; margin:0 0 1.6cqw; letter-spacing:.17em; }
.offer-screen-six .checkout-copy h1 { font-size:6.5cqw; line-height:.97; letter-spacing:-.04em; margin:0 0 2.1cqw; }
.offer-screen-six .checkout-copy .lead { font-size:2.3cqw; line-height:1.35; font-weight:400; margin:0; }
.offer-screen-six .checkout-caption { position:absolute; top:15.6cqw; left:56.4cqw; width:19.6cqw; height:12.6cqw; stroke:none; fill:none; filter:contrast(2); mix-blend-mode:screen; }
.offer-screen-six .checkout-content { margin:0 4.2cqw; }
.offer-screen-six .checkout-total { display:grid; grid-template-columns:1fr 1fr; gap:3.6cqw; padding:3.1cqw 4cqw; border:1px solid #71818888; border-radius:2.2cqw; background:linear-gradient(110deg,#25303620,#0e171a88); }
.offer-screen-six .checkout-total h2 { font-size:2.6cqw; font-weight:400; letter-spacing:0; margin:0 0 1cqw; }
.offer-screen-six .checkout-total > div > p { color:var(--coral); font-size:3.9cqw; line-height:1.12; font-weight:700; letter-spacing:-.045em; margin:0; }
.offer-screen-six .checkout-security { display:flex; align-items:center; gap:2.2cqw; border-left:1px solid #71818899; padding-left:3.5cqw; }
.offer-screen-six .checkout-security .icon { width:8.6cqw; height:8.6cqw; background:linear-gradient(120deg,#ffffff0c,#ffffff03); }
.offer-screen-six .checkout-security svg { width:3.4cqw; height:3.4cqw; }
.offer-screen-six .checkout-security h3 { font-size:2.1cqw; font-weight:500; letter-spacing:0; margin:0 0 .55cqw; }
.offer-screen-six .checkout-security p { font-size:1.4cqw; line-height:1.4; margin:0; color:#bdc5cc; }
.offer-screen-six .checkout-payment { margin-top:2.8cqw; padding:3cqw 1.4cqw 1.5cqw; border:1px solid #71818866; border-radius:2.4cqw; background:linear-gradient(110deg,#25303620,#0e171a66); }
.offer-screen-six .checkout-payment-heading { display:flex; align-items:center; justify-content:space-between; gap:2cqw; margin:0 2.3cqw 2.8cqw; }
.offer-screen-six .checkout-payment-heading h2 { display:flex; align-items:center; gap:3.2cqw; font-size:2.2cqw; font-weight:500; letter-spacing:-.015em; margin:0; }
.offer-screen-six .checkout-payment-heading svg { width:4cqw; height:3.4cqw; }
.offer-screen-six .checkout-payment-heading > p { font-size:1.4cqw; line-height:1.4; color:#bdc5cc; margin:0; }
.offer-screen-six .checkout-card-fields { border:1px solid #71818822; border-radius:2.2cqw; padding:3cqw 2.6cqw 3.5cqw; background:#09121544; }
.offer-screen-six .checkout-field label { display:block; font-size:1.65cqw; line-height:1.35; margin:0 0 .9cqw; }
.offer-screen-six .checkout-field input { display:block; width:100%; min-width:0; height:6.1cqw; border:1px solid #9ca9ad88; border-radius:1cqw; background:linear-gradient(110deg,#ffffff06,#ffffff0a); padding:1.5cqw 2.3cqw; color:#b4c0c4; font-size:1.9cqw; opacity:1; }
.offer-screen-six .checkout-field input::placeholder { color:#8b989f; opacity:1; }
.offer-screen-six .checkout-input { position:relative; }
.offer-screen-six .checkout-input input { padding-right:7cqw; }
.offer-screen-six .checkout-input > svg { position:absolute; right:2.1cqw; top:1.7cqw; width:3.7cqw; height:2.8cqw; color:#b2bdc2; }
.offer-screen-six .checkout-question { display:flex; align-items:center; justify-content:center; position:absolute; right:2.3cqw; top:1.7cqw; width:2.7cqw; height:2.7cqw; border:2px solid #9ca9ad88; border-radius:50%; color:#aeb8be; font-size:2cqw; line-height:1; }
.offer-screen-six .checkout-field-row { display:grid; grid-template-columns:1fr 1fr; gap:3.4cqw; margin:2.7cqw 0; }
.offer-screen-six .checkout-recurring { display:flex; align-items:center; gap:2.8cqw; margin-top:1.7cqw; padding:1.5cqw 2.8cqw; border:1px solid #71818866; border-radius:2.2cqw; }
.offer-screen-six .checkout-recurring .icon { width:8.1cqw; height:8.1cqw; }
.offer-screen-six .checkout-recurring .icon svg { width:3.4cqw; height:3.4cqw; }
.offer-screen-six .checkout-recurring p { font-size:1.95cqw; line-height:1.35; margin:0 0 .8cqw; }
.offer-screen-six .checkout-recurring small { display:block; font-size:1.5cqw; line-height:1.4; }
.offer-screen-six .checkout-simulation { font-size:1.25cqw; color:#bdc5cc; margin:1.1cqw 1.2cqw 0; text-align:center; }
.offer-screen-six .payment-status:empty { display:none; }
.offer-screen-six .payment-status { margin:1cqw; text-align:center; }
.offer-screen-six .checkout-continue { width:100%; min-height:7.5cqw; padding:1.7cqw; margin:0; display:flex; align-items:center; justify-content:center; gap:2.6cqw; font-size:2.4cqw; font-weight:500; background:linear-gradient(110deg,#ff6355,#ff7b68); }
.offer-screen-six .checkout-continue svg { width:3.1cqw; height:3.4cqw; }
.offer-screen-six .checkout-privacy { display:flex; align-items:center; justify-content:center; gap:3cqw; margin:3.4cqw 5.2cqw 0; }
.offer-screen-six .checkout-privacy .icon { width:5.3cqw; height:5.3cqw; }
.offer-screen-six .checkout-privacy svg { width:2.4cqw; height:2.4cqw; }
.offer-screen-six .checkout-privacy p { font-size:1.45cqw; line-height:1.55; margin:0; padding-left:3.2cqw; border-left:1px solid #71818866; }
.offer-screen-six .funnel-footer { margin:4.8cqw 4.2cqw 2.2cqw; padding:0; min-height:4.6cqw; border:0; gap:2.1cqw; }
.offer-screen-six .funnel-footer .brand { width:8cqw; height:auto; }
.offer-screen-six .funnel-footer::before { content:''; order:1; width:7cqw; height:1px; background:#93a3a577; }
.offer-screen-six .funnel-footer > span { order:2; font-size:.97cqw; letter-spacing:.14em; line-height:1.5; }
@media (min-width:701px) and (max-width:1000px) {
 .offer-screen-six .funnel { width:calc(100% - 40px); margin:24px auto; }
 .offer-screen-six .progress-label { font-size:12px; }
 .offer-screen-six .checkout-copy .kicker { font-size:12px; }
 .offer-screen-six .checkout-security p,.offer-screen-six .checkout-payment-heading > p { font-size:12px; }
 .offer-screen-six .checkout-payment-heading { align-items:flex-start; }
 .offer-screen-six .checkout-payment-heading h2 { font-size:18px; gap:18px; flex:1.3; }
 .offer-screen-six .checkout-payment-heading > p { flex:1; }
 .offer-screen-six .checkout-field label { font-size:14px; }
 .offer-screen-six .checkout-field input { font-size:16px; height:52px; }
 .offer-screen-six .checkout-recurring small,.offer-screen-six .checkout-privacy p { font-size:13px; }
 .offer-screen-six .checkout-simulation { font-size:12px; margin-top:12px; }
}
@media (max-width:700px) {
 body.offer-screen-six::before { background-size:auto 100%; }
 .offer-screen-six .funnel { width:calc(100% - 20px); margin:12px auto 24px; border-radius:20px; }
 .offer-screen-six .funnel-header { position:relative; top:auto; left:auto; right:auto; margin:18px 20px 24px; gap:16px; align-items:center; }
 .offer-screen-six .funnel-header .brand { width:98px; }
 .offer-screen-six .progress-area { width:165px; padding:0; }
 .offer-screen-six .progress-label { font-size:11px; gap:4px; }
 .offer-screen-six .progress-label button { font-size:23px; min-width:28px; min-height:44px; }
 .offer-screen-six .progress-track { height:6px; margin:0 0 0 32px; }
 .offer-screen-six .checkout-hero { height:auto; padding-bottom:108px; }
 .offer-screen-six .checkout-backdrop { top:-92px; background:linear-gradient(90deg,#10191ddd,#10191d77),linear-gradient(0deg,#101719,transparent 20%),url('assets/tunnel-89/scene-5-clean.jpg') center top / 145% auto no-repeat; }
 .offer-screen-six .checkout-copy { position:relative; top:auto; left:auto; width:auto; margin:0 22px; }
 .offer-screen-six .checkout-copy .kicker { font-size:11px; margin-bottom:16px; }
 .offer-screen-six .checkout-copy h1 { font-size:37px; line-height:1.05; margin-bottom:20px; }
 .offer-screen-six .checkout-copy .lead { font-size:17px; line-height:1.5; }
 .offer-screen-six .checkout-desktop-break { display:none; }
 .offer-screen-six .checkout-caption { top:auto; bottom:6px; left:auto; right:28px; width:145px; height:93px; }
 .offer-screen-six .checkout-content { margin:0 16px; }
 .offer-screen-six .checkout-total { grid-template-columns:1fr; gap:22px; padding:24px 20px; border-radius:18px; }
 .offer-screen-six .checkout-total h2 { font-size:23px; margin-bottom:12px; }
 .offer-screen-six .checkout-total > div > p { font-size:29px; }
 .offer-screen-six .checkout-security { border-left:0; border-top:1px solid #71818877; padding:20px 0 0; gap:18px; }
 .offer-screen-six .checkout-security .icon { width:58px; height:58px; }
 .offer-screen-six .checkout-security svg { width:26px; height:26px; }
 .offer-screen-six .checkout-security h3 { font-size:18px; margin-bottom:6px; }
 .offer-screen-six .checkout-security p { font-size:13px; }
 .offer-screen-six .checkout-payment { margin-top:22px; padding:24px 10px 16px; border-radius:18px; }
 .offer-screen-six .checkout-payment-heading { flex-direction:column; gap:12px; margin:0 8px 22px; }
 .offer-screen-six .checkout-payment-heading h2 { gap:14px; font-size:21px; line-height:1.25; }
 .offer-screen-six .checkout-payment-heading svg { width:32px; height:28px; }
 .offer-screen-six .checkout-payment-heading > p { font-size:13px; }
 .offer-screen-six .checkout-card-fields { padding:20px 12px; border-radius:16px; }
 .offer-screen-six .checkout-field label { font-size:14px; margin-bottom:9px; }
 .offer-screen-six .checkout-field input { height:54px; border-radius:8px; padding:14px; font-size:16px; }
 .offer-screen-six .checkout-input input { padding-right:45px; }
 .offer-screen-six .checkout-input > svg { right:12px; top:17px; width:27px; height:21px; }
 .offer-screen-six .checkout-question { right:14px; top:16px; width:23px; height:23px; font-size:18px; }
 .offer-screen-six .checkout-field-row { grid-template-columns:1fr; gap:22px; margin:22px 0; }
 .offer-screen-six .checkout-recurring { align-items:flex-start; gap:12px; padding:18px 12px; margin-top:16px; border-radius:16px; }
 .offer-screen-six .checkout-recurring .icon { width:42px; height:42px; }
 .offer-screen-six .checkout-recurring .icon svg { width:24px; height:24px; }
 .offer-screen-six .checkout-recurring p { font-size:15px; margin-bottom:10px; }
 .offer-screen-six .checkout-recurring small { font-size:13px; line-height:1.5; }
 .offer-screen-six .checkout-simulation { font-size:12px; line-height:1.5; margin:16px 8px 0; }
 .offer-screen-six .checkout-continue { min-height:68px; padding:16px 10px; font-size:16px; gap:12px; }
 .offer-screen-six .checkout-continue svg { width:23px; height:26px; }
 .offer-screen-six .checkout-privacy { align-items:flex-start; gap:14px; margin:26px 4px 0; }
 .offer-screen-six .checkout-privacy .icon { width:40px; height:40px; }
 .offer-screen-six .checkout-privacy svg { width:23px; height:23px; }
 .offer-screen-six .checkout-privacy p { padding-left:14px; font-size:12px; line-height:1.6; }
 .offer-screen-six .funnel-footer { margin:28px 18px 18px; padding:0; gap:12px; flex-wrap:wrap; }
 .offer-screen-six .funnel-footer .brand { width:65px; }
 .offer-screen-six .funnel-footer::before { flex:1; width:auto; }
 .offer-screen-six .funnel-footer > span { order:4; width:100%; text-align:center; font-size:8px; line-height:1.6; letter-spacing:.12em; }
}