@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-vietnamese-400-normal-TxZB8OSn.woff2) format("woff2"),url(/assets/public-sans-vietnamese-400-normal-BO1meqcx.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2) format("woff2"),url(/assets/public-sans-latin-ext-400-normal-B02wwOdZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2) format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-vietnamese-600-normal-P4BtCUdw.woff2) format("woff2"),url(/assets/public-sans-vietnamese-600-normal-CcnAzmUX.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-ext-600-normal-DchWdWJ_.woff2) format("woff2"),url(/assets/public-sans-latin-ext-600-normal-DfkbVac2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-600-normal-Fru-LXNs.woff2) format("woff2"),url(/assets/public-sans-latin-600-normal-BR59oU-I.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-vietnamese-700-normal-D97ShjGS.woff2) format("woff2"),url(/assets/public-sans-vietnamese-700-normal-Dq5VrXjD.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-latin-ext-700-normal-CgolUQuG.woff2) format("woff2"),url(/assets/public-sans-latin-ext-700-normal-jWHjnMgZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-latin-700-normal-BqJmxWdE.woff2) format("woff2"),url(/assets/public-sans-latin-700-normal-Dm-oTPSL.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/public-sans-vietnamese-800-normal-BUvYaYg7.woff2) format("woff2"),url(/assets/public-sans-vietnamese-800-normal-BFk1Z7Fw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/public-sans-latin-ext-800-normal-BFRSyk9K.woff2) format("woff2"),url(/assets/public-sans-latin-ext-800-normal-COj-CKlZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/public-sans-latin-800-normal-Cymo4W0O.woff2) format("woff2"),url(/assets/public-sans-latin-800-normal-qgH1Oyzx.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #14212c;--ink-soft: #4b5a64;--ink-faint: #62707a;--paper: #ffffff;--paper-sunken: #f4f6f7;--line: #e1e6e8;--line-strong: #ccd4d7;--accent: #0b7285;--accent-hover: #095c6c;--accent-active: #074955;--accent-soft: #e4f1f3;--accent-contrast: #ffffff;--danger: #ab2b23;--danger-soft: #f7e9e8;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(20, 33, 44, .07), 0 1px 1px rgba(20, 33, 44, .04);--shadow-md: 0 10px 24px rgba(20, 33, 44, .1), 0 2px 6px rgba(20, 33, 44, .05);--shadow-lg: 0 28px 56px rgba(20, 33, 44, .16), 0 8px 18px rgba(20, 33, 44, .08);--font-sans: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}.quiz-app,.quiz-app *,.quiz-app *:before,.quiz-app *:after{box-sizing:border-box;margin:0;padding:0}.quiz-app{font-family:var(--font-sans);color:var(--ink);background:var(--paper-sunken);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding:var(--space-6) var(--space-4);min-height:100%;display:flex;flex-direction:column;align-items:center}.quiz-app fieldset{border:none}.quiz-app :where(button){font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}.quiz-app img{display:block;max-width:100%}.quiz-app :where(a){color:inherit}.quiz-app :focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz-app__active{width:100%;max-width:30rem;display:flex;flex-direction:column;gap:var(--space-6);animation:rise .5s var(--ease-out-expo) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.route-line{width:100%}.route-line__step{font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--ink-faint);margin-bottom:var(--space-3)}.route-line ol{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);align-items:start;gap:var(--space-1)}.waypoint{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding-top:var(--space-2)}.waypoint:before{content:"";position:absolute;top:0;left:-50%;width:100%;height:3px;background:var(--line);border-radius:var(--radius-pill);z-index:0}.waypoint:first-child:before{display:none}.waypoint--answered:before,.waypoint--skipped:before{background:var(--accent)}.waypoint__marker{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--paper);border:2.5px solid var(--line-strong);color:var(--accent-contrast);transition:background-color .2s var(--ease-out-expo),border-color .2s var(--ease-out-expo)}.waypoint--current .waypoint__marker{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.waypoint--answered .waypoint__marker{background:var(--accent);border-color:var(--accent)}.waypoint--skipped .waypoint__marker{background:var(--paper);border-color:var(--line-strong);border-style:dashed}.waypoint__label{font-size:.75rem;font-weight:600;color:var(--ink-faint);line-height:1.2}.waypoint--current .waypoint__label{color:var(--ink)}.waypoint--answered .waypoint__label{color:var(--ink-soft)}.question-card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-7) var(--space-6) var(--space-6);animation:rise .4s var(--ease-out-expo) both}.question-card legend{float:left;width:100%;font-size:1.375rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;padding:0;margin-bottom:var(--space-5);max-width:26ch}.question-card__body{clear:both;display:flex;flex-direction:column;gap:var(--space-5)}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.options-grid--3up{grid-template-columns:repeat(3,1fr)}.option-button{background:var(--paper);border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);padding:var(--space-4) var(--space-3);font-weight:600;font-size:.9375rem;text-align:center;transition:border-color .15s var(--ease-out-expo),background-color .15s var(--ease-out-expo),transform .15s var(--ease-out-expo)}.option-button:hover{border-color:var(--accent);background:var(--accent-soft)}.option-button:active{transform:scale(.98)}.options-grid--3up .option-button{padding-left:var(--space-2);padding-right:var(--space-2)}.primary-button{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:var(--radius-pill);padding:var(--space-4) var(--space-5);font-weight:700;font-size:1rem;box-shadow:var(--shadow-sm);transition:background-color .15s var(--ease-out-expo),transform .15s var(--ease-out-expo)}.primary-button:hover{background:var(--accent-hover)}.primary-button:active{background:var(--accent-active);transform:scale(.98)}.skip-button{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ink-faint);font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong);align-self:center;padding:var(--space-3);min-height:44px;transition:color .15s var(--ease-out-expo)}.skip-button:hover{color:var(--ink);text-decoration-color:var(--ink-faint)}.slider-field{display:flex;flex-direction:column;gap:var(--space-3)}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--slider-fill, 50%),var(--line) var(--slider-fill, 50%),var(--line) 100%);outline-offset:6px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--paper);border:3px solid var(--accent);box-shadow:var(--shadow-sm);cursor:pointer}.slider-input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--paper);border:3px solid var(--accent);box-shadow:var(--shadow-sm);cursor:pointer}.slider-field__endpoints{display:flex;justify-content:space-between;font-size:.8125rem;font-weight:600;color:var(--ink-faint)}.loading-state,.unavailable-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-5);text-align:center;color:var(--ink-soft);font-weight:600}.loading-state__spinner{color:var(--accent);animation:spin .8s linear infinite}.unavailable-state__icon{color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.quiz-app__active,.question-card{animation:none}.loading-state__spinner{animation-duration:2.2s}}.results-screen{width:100%;max-width:62rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-7);animation:rise .5s var(--ease-out-expo) both}.results-screen__header{text-align:center;max-width:34rem;display:flex;flex-direction:column;gap:var(--space-3)}.results-screen__header h2{font-size:clamp(1.75rem,1.4rem + 1.2vw,2.375rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}.results-screen__lede{color:var(--ink-soft);font-size:1.0625rem;line-height:1.5}.result-cards{width:100%;display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start}@media (min-width: 860px){.result-cards{grid-template-columns:repeat(3,1fr)}}.result-card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:box-shadow .2s var(--ease-out-expo),transform .2s var(--ease-out-expo)}.result-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.result-card__best{position:absolute;top:var(--space-3);left:var(--space-3);z-index:2;background:var(--ink);color:var(--paper);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill)}.result-card__media{position:relative;aspect-ratio:4 / 3;background:var(--paper-sunken)}.result-card__media img{width:100%;height:100%;object-fit:cover}.result-card .match-percent{position:absolute;bottom:var(--space-3);right:var(--space-3);background:var(--paper);color:var(--accent);font-size:.8125rem;font-weight:700;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.result-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.result-card__body h3{font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1.3}.result-card .price{font-size:1.0625rem;font-weight:700;color:var(--ink)}.result-card .specs{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}.result-card .specs li{background:var(--paper-sunken);color:var(--ink-soft);font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}.result-card .why-this-fits{color:var(--ink-soft);font-size:.9375rem;line-height:1.5;flex:1}.result-card__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--space-2);background:var(--accent);color:var(--accent-contrast);font-weight:700;font-size:.9375rem;text-decoration:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);transition:background-color .15s var(--ease-out-expo)}.result-card__cta:hover{background:var(--accent-hover)}@media (max-width: 640px){.quiz-app{padding:var(--space-5) var(--space-3)}.question-card{padding:var(--space-6) var(--space-4) var(--space-5)}.options-grid,.options-grid--3up{grid-template-columns:1fr}.waypoint__label{display:none}.route-line ol{gap:0}}