.reference-replica #quiz[data-step="7"]{width:min(1100px,calc(100% - 24px));background:#fff;border-radius:24px}
.reference-replica #quiz[data-step="7"] #popup-stages,.reference-replica #quiz[data-step="7"] .progress-track{display:none}
.reference-replica #quiz[data-step="7"] #screen{padding:28px 34px}
.offer-design{color:#19123e;font-family:ReplicaInter,Arial,sans-serif}
.offer-design svg{width:32px;height:32px;flex-shrink:0}
.offer-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}
.offer-pill{padding:12px 18px;border-radius:30px;background:#f6f1fd;color:#5022a0;font-size:12px;font-weight:800;letter-spacing:1.3px}
.offer-reminder{display:flex;gap:12px;align-items:center;padding:12px 20px;border-radius:22px;background:#fff1f8;color:#bb175d}
.offer-reminder small{display:block;font-size:12px;color:#605777;margin-top:3px}
.reference-replica #quiz .offer-design #quiz-title{font:800 32px/1.2 ReplicaInter,Arial,sans-serif!important;text-transform:none;letter-spacing:-1px;margin:0 0 10px!important}
.offer-design #quiz-title span{color:#88259b}
.reference-replica #quiz .offer-sub{font-size:23px;line-height:1.4;margin:0 0 25px;color:#211847}
.offer-items{list-style:none;padding:0;margin:0 0 22px;border:1px solid #e9e0f5;border-radius:20px;overflow:hidden;background:#fdfbff}
.offer-items li{display:flex;gap:20px;align-items:center;padding:20px;border-bottom:1px solid #e9e0f5}
.offer-items li:last-child{border:0}
.offer-icon{background:#f6e4fc;color:#a52ed0;border-radius:19px;padding:16px;display:grid;place-items:center}
.offer-item-copy{flex:1}.offer-item-copy b{font-size:20px;line-height:1.35;display:block}
.offer-item-copy small{font-size:16px;color:#746d8d;display:block;margin-top:5px;line-height:1.4}
.offer-value{white-space:nowrap;background:#f5effc;padding:13px 18px;border-radius:25px;font-size:17px;font-weight:600}
.offer-prices{display:flex;align-items:center;justify-content:space-around;gap:20px;background:#faf3fd;padding:24px;border-radius:20px;margin:0 0 15px}
.offer-was{border-right:2px solid #e6daf6;padding-right:24px;color:#767185}.offer-was>span,.offer-now>span{display:block;font-size:21px;font-weight:700}
.offer-was s{display:block;font-size:45px;font-weight:800;text-decoration-color:#ed3c80;text-decoration-thickness:4px}
.offer-now{color:#8a198e}.offer-now strong{display:block;font:900 100px/1.05 ReplicaInter,Arial;letter-spacing:-6px;color:#b51b9d}
.offer-saving{text-align:center;transform:rotate(-7deg)}.offer-saving>b{display:block;background:#ed216b;color:#fff;border-radius:16px;padding:12px 22px;font-size:22px}.offer-saving strong{display:block;font-size:36px}.offer-saving small{display:block;margin:6px 0 0;background:#ffe0ef;color:#8d104c;border-radius:10px;padding:5px 8px;font-size:22px;font-weight:800}
.offer-reassurance{display:flex;align-items:center;gap:20px;background:#effaf5;border-radius:18px;padding:18px 24px;margin-bottom:17px;color:#309f73}
.reference-replica #quiz .offer-reassurance p{margin:0;font-size:18px;line-height:1.4;color:#30274e}
.reference-replica #quiz .offer-pay{display:flex;align-items:center;justify-content:center;gap:25px;width:100%;padding:23px 16px;border-radius:25px;background:linear-gradient(120deg,#b72195,#8114a4);box-shadow:0 9px 24px #b3239b30;font:400 44px/1.1 Podium,Impact,sans-serif;color:white}
.reference-replica #quiz .offer-pay:hover{background:linear-gradient(120deg,#991579,#680e8a)}
.offer-trust{display:flex;justify-content:space-between;gap:12px;margin:27px 0}.offer-trust>div{display:flex;align-items:center;gap:12px;flex:1;font-size:15px}.offer-trust>div+div{border-left:1px solid #e5dcf2;padding-left:20px}.offer-trust svg{color:#8325bb}.offer-trust small{display:block;font-size:13px;color:#746d8d;margin-top:5px}
.offer-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e5dcf2;padding-top:18px}.reference-replica #quiz .offer-footer p{font-size:11px;color:#746d8d;margin:0}
@media(max-width:700px){.reference-replica #quiz[data-step="7"] #screen{padding:20px}.offer-top{align-items:flex-start}.offer-pill{font-size:9px;padding:10px}.offer-reminder{padding:9px;font-size:11px;gap:6px}.offer-reminder svg{width:24px}.offer-reminder small{font-size:10px}.reference-replica #quiz .offer-design #quiz-title{font-size:25px!important}.reference-replica #quiz .offer-sub{font-size:18px}.offer-items li{gap:12px;padding:15px 12px;flex-wrap:wrap}.offer-icon{padding:11px}.offer-icon svg{width:25px;height:25px}.offer-item-copy b{font-size:16px}.offer-item-copy small{font-size:13px}.offer-value{margin-left:59px;font-size:13px;padding:7px 12px}.offer-prices{gap:10px;padding:18px 12px}.offer-was{padding-right:12px}.offer-was>span,.offer-now>span{font-size:14px}.offer-was s{font-size:26px}.offer-now strong{font-size:65px;letter-spacing:-4px}.offer-saving>b{padding:9px;font-size:14px}.offer-saving strong{font-size:23px}.offer-saving small{font-size:15px}.reference-replica #quiz .offer-reassurance p{font-size:14px}.offer-reassurance{padding:15px;gap:12px}.reference-replica #quiz .offer-pay{font-size:29px;gap:12px;padding:20px 12px;border-radius:20px}.offer-trust{flex-wrap:wrap;gap:16px}.offer-trust>div{min-width:130px;font-size:12px}.offer-trust>div+div{border:0;padding:0}.offer-trust small{font-size:11px}.offer-trust svg{width:24px}.offer-footer{align-items:flex-start}.reference-replica #quiz[data-language=ta] .offer-pay{font:600 16px/1.5 Arial,sans-serif}}
.reference-replica #quiz[data-step="7"]{border-radius:30px;max-height:96dvh;box-shadow:0 12px 80px #d9d1f355}
.reference-replica #quiz[data-step="7"] .modal-top{background:#fff;border:0;min-height:0;padding:0;height:0;position:relative;z-index:2}
.reference-replica #quiz[data-step="7"] .modal-brand{display:none}
.reference-replica #quiz[data-step="7"] .modal-top>div{position:absolute;right:12px;top:5px;display:flex;gap:6px}
.reference-replica #quiz[data-step="7"] .modal-top #language{color:#74658c;border:0;font-size:10px;padding:2px;background:#fff}
.reference-replica #quiz[data-step="7"] .modal-top #close{color:#74658c;font-size:18px;padding:2px}
.reference-replica #quiz[data-step="7"] #screen{padding:30px 36px 24px;background:linear-gradient(135deg,#fff 65%,#fefcff)}
.offer-top{margin-bottom:20px}
.offer-pill{font-size:16px;letter-spacing:1.6px;padding:16px 23px;background:linear-gradient(100deg,#f6f0fe,#f8f3ff)}
.offer-reminder{min-width:280px;padding:15px 24px;background:linear-gradient(100deg,#fff1f8,#fdf3f8)}
.offer-reminder b{font-size:22px}.offer-reminder small{font-size:16px}.offer-reminder svg{width:36px;height:36px}
.reference-replica #quiz .offer-design #quiz-title{font-size:42px!important;letter-spacing:-1.7px;line-height:1.15}
.offer-design #quiz-title span{background:linear-gradient(100deg,#b01b87,#5424b6);background-clip:text;-webkit-background-clip:text;color:transparent}
.reference-replica #quiz .offer-sub{font-size:32px;line-height:1.3;margin-bottom:28px;letter-spacing:-.8px}
.offer-items li{padding:20px 24px;gap:26px;min-height:120px}
.offer-icon{width:80px;height:80px;padding:20px;border-radius:23px;background:linear-gradient(130deg,#f1e2ff,#fce3fa)}
.offer-icon svg{width:40px;height:40px}
.offer-item-copy b{font-size:24px;letter-spacing:-.7px}.offer-item-copy small{font-size:20px}
.offer-value{font-size:22px;padding:18px 22px;border-radius:28px}
.offer-prices{padding:24px 30px;min-height:215px;background:linear-gradient(110deg,#fcf5ff,#faf3fe)}
.offer-was>span,.offer-now>span{font-size:28px}.offer-was s{font-size:64px;letter-spacing:-3px;text-decoration:none;position:relative}
.offer-was s:after{content:"";position:absolute;left:0;right:0;top:54%;height:5px;background:#f42c78;transform:rotate(-10deg);border-radius:5px}
.offer-now strong{font-size:150px;letter-spacing:-9px;background:linear-gradient(140deg,#cf27c5,#9f1283);background-clip:text;-webkit-background-clip:text;color:transparent}
.offer-saving>b{font-size:29px;padding:12px 24px;background:linear-gradient(140deg,#ff448b,#ef0750);border-radius:20px 34px 34px 20px}.offer-saving strong{font-size:46px}.offer-saving small{font-size:28px}
.offer-reassurance{padding:20px 30px;background:linear-gradient(110deg,#ecfbf3,#f1fcf7)}
.offer-reassurance svg{width:44px;height:44px;fill:#37ad7c;stroke:#fff}
.reference-replica #quiz .offer-reassurance p{font-size:23px;line-height:1.35}
.reference-replica #quiz .offer-pay{border-radius:35px;font-size:57px;padding:27px 20px;background:linear-gradient(170deg,#d02cae,#a51c95 48%,#7b0ca7);box-shadow:inset 0 3px 2px #fa76e9,0 14px 30px #b3239b38;gap:35px}
.offer-pay svg{width:47px;height:47px}.offer-pay>span:last-child{font-family:Arial,sans-serif;font-size:58px}
.offer-trust{margin:32px 8px 36px}.offer-trust>div{font-size:20px;gap:16px}.offer-trust small{font-size:17px}.offer-trust svg{width:38px;height:38px}
.offer-footer{padding-top:25px}.reference-replica #quiz .offer-footer p{font-size:14px}
@media(max-width:800px){.reference-replica #quiz[data-step="7"] #screen{padding:30px 20px 20px}.offer-top{gap:10px}.offer-pill{font-size:10px;padding:12px;letter-spacing:.7px}.offer-reminder{min-width:0;padding:10px}.offer-reminder b{font-size:14px}.offer-reminder small{font-size:11px}.offer-reminder svg{width:26px;height:26px}.reference-replica #quiz .offer-design #quiz-title{font-size:29px!important}.reference-replica #quiz .offer-sub{font-size:22px}.offer-items li{padding:17px 14px;gap:14px;min-height:95px;flex-wrap:nowrap}.offer-icon{width:58px;height:58px;padding:12px;border-radius:18px}.offer-icon svg{width:30px;height:30px}.offer-item-copy b{font-size:17px}.offer-item-copy small{font-size:14px}.offer-value{font-size:14px;padding:12px;margin:0}.offer-prices{padding:20px 15px;min-height:155px}.offer-was>span,.offer-now>span{font-size:18px}.offer-was s{font-size:37px}.offer-now strong{font-size:95px;letter-spacing:-6px}.offer-saving>b{font-size:18px;padding:12px}.offer-saving strong{font-size:28px}.offer-saving small{font-size:19px}.reference-replica #quiz .offer-reassurance p{font-size:17px}.offer-reassurance{padding:18px}.reference-replica #quiz .offer-pay{font-size:36px;padding:24px 14px;gap:20px;border-radius:26px}.offer-pay svg{width:32px;height:32px}.offer-pay>span:last-child{font-size:38px}.offer-trust>div{font-size:14px}.offer-trust small{font-size:12px}.offer-trust svg{width:26px}.reference-replica #quiz .offer-footer p{font-size:11px}}
@media(max-width:480px){.offer-top{flex-wrap:wrap}.offer-reminder{padding:8px 12px}.reference-replica #quiz .offer-design #quiz-title{font-size:25px!important}.offer-items li{flex-wrap:wrap}.offer-item-copy{min-width:160px}.offer-value{margin-left:72px;padding:7px 12px}.offer-was s{font-size:29px}.offer-now strong{font-size:73px}.offer-saving strong{font-size:22px}.offer-saving small{font-size:15px}.offer-prices{gap:8px}.reference-replica #quiz .offer-pay{font-size:28px;gap:12px}.offer-pay svg{width:28px}.offer-pay>span:last-child{font-size:30px}.offer-trust{margin:24px 0}.offer-trust>div{min-width:120px}.offer-reassurance svg{width:30px;height:30px}}
/* Compact payment review: keep the action visible in short viewports. */
.reference-replica #quiz[data-step="7"]{max-height:96dvh}
.reference-replica #quiz[data-step="7"] #screen{padding:24px 22px 14px}
.offer-top{margin-bottom:12px}
.offer-pill{font-size:11px;padding:9px 13px}
.offer-reminder{min-width:0;padding:8px 13px}
.offer-reminder b{font-size:15px}.offer-reminder small{font-size:11px}.offer-reminder svg{width:25px;height:25px}
.reference-replica #quiz .offer-design #quiz-title{font-size:28px!important;margin-bottom:6px!important}
.reference-replica #quiz .offer-sub{font-size:18px;margin-bottom:14px}
.offer-items{margin-bottom:12px;border-radius:16px}
.offer-items li{min-height:0;padding:12px 15px;gap:14px}
.offer-icon{width:46px;height:46px;padding:10px;border-radius:14px}.offer-icon svg{width:26px;height:26px}
.offer-item-copy b{font-size:16px}.offer-item-copy small{font-size:13px;margin-top:3px}
.offer-value{font-size:14px;padding:9px 13px}
.offer-prices{min-height:0;padding:14px 20px;margin-bottom:10px}
.offer-was>span,.offer-now>span{font-size:16px}.offer-was s{font-size:35px}.offer-now strong{font-size:78px;letter-spacing:-5px}
.offer-saving>b{font-size:16px;padding:8px 16px}.offer-saving strong{font-size:27px}.offer-saving small{font-size:17px;margin-top:4px}
.offer-reassurance{padding:12px 16px;margin-bottom:12px;gap:12px}.offer-reassurance svg{width:30px;height:30px}
.reference-replica #quiz .offer-reassurance p{font-size:14px}
.reference-replica #quiz .offer-pay{position:sticky;bottom:0;z-index:4;font-size:34px;padding:17px 14px;border-radius:20px;gap:18px;box-shadow:inset 0 2px 2px #fa76e9,0 0 0 7px #fff,0 5px 18px #b3239b30}
.offer-pay svg{width:30px;height:30px}.offer-pay>span:last-child{font-size:35px}
.offer-trust{margin:17px 0;gap:10px}.offer-trust>div{font-size:12px;gap:9px}.offer-trust small{font-size:10px;margin-top:3px}.offer-trust svg{width:24px;height:24px}
.offer-footer{padding-top:12px;gap:12px}.reference-replica #quiz .offer-footer p{font-size:10px}
@media(max-width:480px){.reference-replica #quiz[data-step="7"] #screen{padding:25px 14px 14px}.offer-top{flex-wrap:nowrap}.offer-pill{font-size:8px;letter-spacing:.4px;padding:8px}.offer-reminder{padding:6px;gap:5px}.offer-reminder b{font-size:11px}.offer-reminder small{font-size:9px}.reference-replica #quiz .offer-design #quiz-title{font-size:22px!important}.reference-replica #quiz .offer-sub{font-size:15px}.offer-items li{gap:10px;padding:10px;flex-wrap:nowrap}.offer-icon{width:34px;height:34px;padding:7px}.offer-icon svg{width:21px;height:21px}.offer-item-copy{min-width:0}.offer-item-copy b{font-size:13px}.offer-item-copy small{font-size:11px}.offer-value{font-size:10px;padding:7px;margin:0}.offer-prices{gap:9px;padding:12px}.offer-was{padding-right:10px}.offer-was s{font-size:27px}.offer-now strong{font-size:62px}.offer-saving>b{padding:7px;font-size:13px}.offer-saving strong{font-size:21px}.offer-saving small{font-size:13px}.reference-replica #quiz .offer-pay{font-size:26px;gap:9px}.offer-trust>div{min-width:90px}.offer-trust svg{width:18px}.offer-trust>div+div{padding:0}}
