body{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,#f4f7f8),#fff 58%,color-mix(in srgb,var(--accent) 8%,#f4f7f8))}
header{padding-top:12px;padding-bottom:12px;border-bottom:4px solid var(--accent)}
.header-logo{display:block;width:180px;max-height:58px;padding:7px 10px;border-radius:9px;background:#fff;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
footer{min-height:72px;padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:22px;border-top:4px solid var(--accent)}
.footer-logo{max-width:165px;max-height:42px;object-fit:contain}
.product-lockup{display:flex;align-items:center;gap:20px;margin:0 0 22px;padding:14px 18px;border-radius:14px;background:var(--primary);border-left:6px solid var(--accent)}
.product-lockup .product-logo{display:block;width:190px;max-height:70px;margin:0;padding:8px 10px;border-radius:9px;background:#fff;object-fit:contain}
.product-lockup>div{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.28);padding-left:18px}
.product-lockup b{color:var(--accent);font-size:30px;line-height:1}
.product-lockup span{color:#fff;font-weight:700;font-size:13px}
.question-card h1{margin:12px 0 20px;font-size:24px;line-height:1.35;letter-spacing:-.01em}
.question-card .option{font-size:16px;line-height:1.45}
.question-actions{justify-content:space-between;align-items:center;gap:16px}
.previous-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid #cbd8de;border-radius:10px;background:#fff;color:var(--primary);text-decoration:none;font-weight:800}
.previous-button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,#fff)}
.previous-button.disabled{color:#a9b6bd;background:#f7f9fa;cursor:not-allowed}
@media(max-width:650px){.header-logo{width:155px}.product-lockup{align-items:flex-start;flex-direction:column}.product-lockup>div{width:100%;padding:12px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.28)}.question-card h1{font-size:20px;line-height:1.4}.question-card .option{font-size:15px}.question-actions{flex-direction:column-reverse}.question-actions .button,.previous-button{width:100%}footer{flex-direction:column}}