@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500&display=swap');
:root{font-family:Onest,system-ui,sans-serif;color:#424449;background:#EEF2F6;--accent:#FF6F61}*{box-sizing:border-box}body{margin:0}header,footer{max-width:1120px;margin:auto;padding:40px 64px;display:flex;align-items:center;justify-content:space-between;gap:24px}header img{display:block;width:196px;height:auto}header span,.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:500}main{max-width:800px;margin:auto;padding:32px 48px 64px;min-height:65vh}h1{font-size:clamp(28px,4.5vw,40px);font-weight:400;line-height:1.2;letter-spacing:-.02em;margin:24px 0}h2{font-size:26px;font-weight:400;margin:0 0 16px}h3{font-size:18px;font-weight:500;margin:0 0 12px}p{line-height:1.6}a{color:inherit}button,input,select{font:inherit}button,.button{cursor:pointer;border:0;border-radius:24px;padding:14px 24px;min-height:48px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#171921;font-weight:500}button:disabled{opacity:.45;cursor:default}.secondary{background:transparent;border:1px solid #727287;color:#424449}.navigation{display:flex;justify-content:space-between;gap:16px;margin-top:32px}.meta{display:flex;justify-content:space-between;font-size:14px;color:#727287;gap:16px}progress{appearance:none;width:100%;height:6px;border:0;background:#EEF2F6;border-radius:8px;margin:16px 0 8px;overflow:hidden}progress::-webkit-progress-bar{background:#EEF2F6}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}fieldset{padding:0;border:0;margin:24px 0 0}legend{padding:0;width:100%}.choice{display:flex;align-items:center;gap:16px;border:1px solid #EBEEFD;background:#fff;padding:18px 20px;border-radius:24px;margin:12px 0;cursor:pointer;line-height:1.45}.choice:has(input:checked){border-color:#424449;background:#EBEEFD;box-shadow:inset 0 0 0 1px #424449}.choice input{accent-color:#424449;flex-shrink:0;width:18px;height:18px}.hint,.muted{font-size:14px;color:#727287;line-height:1.6}.field{display:block;margin:24px 0}.field input,.field select{display:block;width:100%;margin-top:8px;padding:16px;border:1px solid #727287;border-radius:16px;background:white;color:#424449}.field input:focus-visible,.field select:focus-visible,:focus-visible{outline:3px solid #424449;outline-offset:4px}.optional{padding-top:16px}.help{position:relative;display:inline-block;margin:8px 0}.help button{background:transparent;padding:4px 8px;min-height:32px;border:1px solid #727287;border-radius:8px;color:#424449;font-size:13px}.tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;width:min(320px,75vw);padding:16px;background:#171921;color:#EEF2F6;border-radius:16px;line-height:1.5;font-size:14px;z-index:2}.help:hover .tooltip,.help:focus-within .tooltip,.help.open .tooltip{display:block}.score{font-size:clamp(64px,12vw,96px);line-height:1;margin:24px 0 12px}.score span{font-size:28px;color:#727287}.facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.fact{border-top:1px solid #727287;padding-top:24px}.offer{background:#171921;color:#EEF2F6;border-radius:32px;padding:32px;margin-top:40px}.offer p{color:#EBEEFD}.offer .price{font-size:40px;margin:16px 0}.notice{padding:16px 20px;border:1px solid #727287;border-radius:16px;line-height:1.6;margin:24px 0;font-size:14px}.error{color:#424449;font-size:14px}.dimension{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #EBEEFD}footer{font-size:12px;color:#727287;flex-wrap:wrap}footer button{padding:0;background:transparent;color:#424449;font-size:12px;min-height:32px;text-decoration:underline}details{margin:24px 0}summary{cursor:pointer}.check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6}.check input{margin-top:5px;accent-color:#424449}@media(max-width:600px){header,footer{padding:32px 24px}header{display:block}header span{display:block;margin-top:24px}main{padding:16px 24px 40px}.facts{grid-template-columns:1fr}.offer{padding:24px}.choice{padding:16px}.navigation button{padding:14px 20px}}
@media(prefers-reduced-motion:no-preference){.choice{transition:background .15s,border-color .15s}}

/* Approved square PNG: clip transparent canvas in CSS; preserve artwork and proportions. */
.assessment-header{position:sticky;top:0;z-index:10;max-width:none;margin:0;padding:24px max(24px,calc((100vw - 992px)/2));min-height:88px;background:#EEF2F6f5;border-bottom:1px solid #EEF2F6;backdrop-filter:blur(12px)}
.ix-logo{position:relative;display:block;width:220px;height:32px;overflow:hidden;flex:0 0 220px}
.assessment-header .ix-logo img{position:absolute;max-width:none;width:304.29px;height:304.29px;left:-42px;top:50%;transform:translateY(-49.325%)}
main{padding-top:32px}h1:focus{outline:none}.choice{border-radius:24px}.choice:has(input:checked){border-color:#424449;background:#EBEEFD}
.navigation button{min-width:112px;border-radius:24px}.field .hint{display:block;margin-top:12px}.field-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.help{margin:0}.help button{width:28px;height:28px;min-height:28px;padding:0;border-radius:50%;font-size:14px}.tooltip{position:static;display:none;width:100%;margin-top:8px;background:#EBEEFD;color:#424449;border-radius:16px}.help:hover .tooltip,.help:focus-within .tooltip,.help.open .tooltip{display:block}.help:has(.tooltip:not([hidden])){max-width:100%}
@media(max-width:600px){.assessment-header{display:flex;padding:24px;gap:16px}.assessment-header span{margin:0;font-size:10px;max-width:90px;line-height:1.5}.ix-logo{width:196px;flex-basis:196px}.assessment-header .ix-logo img{width:271.09px;height:271.09px;left:-37.42px}main{padding-top:24px}}