:root{--bg: #f5f5f7;--bg-deep: #ffffff;--ink: #1d1d1f;--ink-soft: #6e6e73;--accent: #0071e3;--accent-deep: #0077ed;--surface: #ffffff;--border: rgba(0, 0, 0, .08);--shadow: 0 2px 12px rgba(0, 0, 0, .04);--radius: 18px;--font-display: "Outfit", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--ease: cubic-bezier(.25, .1, .25, 1);--max: 680px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh}button,input{font:inherit}a{color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column}.shell{width:min(100% - 2.5rem,var(--max));margin-inline:auto}.hero{min-height:calc(100vh - 5rem);display:flex;flex-direction:column;justify-content:center;padding:4rem 0 5rem;text-align:center;align-items:center}.brand{font-family:var(--font-display);font-size:clamp(3rem,9vw,4.5rem);font-weight:700;letter-spacing:-.045em;line-height:.95;margin:0 0 1.75rem;color:var(--ink);animation:fadeUp .65s var(--ease) both}.hero h1{font-family:var(--font-display);font-size:clamp(1.35rem,3.2vw,1.65rem);font-weight:600;line-height:1.35;margin:0 0 .75rem;max-width:18ch;color:var(--ink);animation:fadeUp .65s var(--ease) .06s both}.hero-lead{margin:0 0 2.25rem;font-size:1.05rem;line-height:1.5;color:var(--ink-soft);max-width:36ch;animation:fadeUp .65s var(--ease) .12s both}.cta-row{display:flex;flex-direction:column;align-items:center;gap:.85rem;animation:fadeUp .65s var(--ease) .18s both}.btn{appearance:none;border:none;cursor:pointer;border-radius:980px;padding:.9rem 1.75rem;font-weight:600;font-size:1rem;letter-spacing:-.01em;transition:transform .2s var(--ease),background .2s var(--ease),opacity .2s var(--ease)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-deep)}.btn-ghost{background:transparent;color:var(--accent);padding-inline:.5rem}.btn-ghost:hover{text-decoration:underline}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.meta-hint{font-size:.85rem;color:var(--ink-soft)}.quiz-screen{min-height:calc(100vh - 5rem);padding:2.5rem 0 3rem;display:flex;flex-direction:column}.quiz-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.quiz-brand{font-family:var(--font-display);font-weight:650;font-size:1.1rem;letter-spacing:-.02em;color:var(--ink)}.step-label{font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--ink-soft)}.progress{height:2px;background:#00000014;border-radius:999px;overflow:hidden;margin-bottom:2.5rem}.progress-bar{height:100%;background:var(--ink);border-radius:inherit;transition:width .4s var(--ease)}.question-panel{flex:1;display:flex;flex-direction:column;justify-content:center;animation:slideIn .35s var(--ease) both}.question-panel.leaving{animation:slideOut .25s var(--ease) both}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.question-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,1.85rem);font-weight:650;letter-spacing:-.03em;line-height:1.2;margin:0 0 1.5rem;text-align:center}.options{display:flex;flex-direction:column;gap:.6rem}.option{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.05rem 1.2rem;cursor:pointer;color:var(--ink);font-weight:500;font-size:.98rem;transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.option:hover{border-color:#0071e373;background:#fafafa;transform:scale(1.01)}.option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.results-screen{padding:2.5rem 0;animation:fadeUp .5s var(--ease) both}.results-header{margin-bottom:2rem;text-align:center}.results-header .quiz-brand{display:block;margin-bottom:.85rem}.profile-badge{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.results-header h2{font-family:var(--font-display);font-size:clamp(1.65rem,4.5vw,2.15rem);font-weight:650;letter-spacing:-.03em;margin:0 0 .55rem;line-height:1.15}.results-desc{margin:0 auto;color:var(--ink-soft);line-height:1.5;max-width:38ch}.product-list{display:flex;flex-direction:column;gap:.85rem;margin:0 0 2rem;padding:0;list-style:none}.product-card{position:relative;display:grid;grid-template-columns:112px 1fr;gap:1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem;box-shadow:var(--shadow);animation:fadeUp .45s var(--ease) both;text-decoration:none;color:inherit;transition:transform .2s var(--ease),border-color .2s var(--ease)}.product-card:nth-child(1){animation-delay:.04s}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.16s}.product-card:hover{transform:translateY(-2px);border-color:#0071e359}.product-card-best{border-color:#0071e347;background:linear-gradient(180deg,#fff,#f7faff)}.best-badge{position:absolute;top:.75rem;right:.85rem;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.product-img{width:112px;height:112px;border-radius:14px;object-fit:contain;background:var(--bg)}.product-body{display:flex;flex-direction:column;gap:.2rem;min-width:0;padding-right:4.5rem}.product-brand{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.product-name{font-family:var(--font-display);font-size:1.15rem;font-weight:650;letter-spacing:-.02em;margin:0;line-height:1.2}.product-price{margin:.15rem 0 .2rem;font-size:1.05rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}.product-desc{margin:0;font-size:.88rem;color:var(--ink-soft);line-height:1.4}.product-cta{margin-top:auto;padding-top:.45rem;font-size:.88rem;font-weight:600;color:var(--accent)}.empty-results{padding:1.25rem 1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--ink-soft);font-size:.92rem;line-height:1.45;list-style:none;text-align:center}.lead-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem 1.25rem 1.5rem;animation:fadeUp .45s var(--ease) .2s both}.lead-panel h3{font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.02em;margin:0 0 .35rem}.lead-panel p{margin:0 0 1.1rem;font-size:.9rem;color:var(--ink-soft);line-height:1.45}.privacy-block{margin:0 0 1rem;padding:.85rem .95rem;border-radius:12px;background:var(--bg);border:1px solid var(--border)}.privacy-block h4{margin:0 0 .45rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.privacy-block p{margin:0 0 .55rem;font-size:.8rem;line-height:1.45}.privacy-block p:last-child{margin-bottom:0}.consent-row{display:flex;align-items:flex-start;gap:.55rem;margin-bottom:1rem;font-size:.82rem;line-height:1.4;color:var(--ink-soft);cursor:pointer}.consent-row input{margin-top:.15rem;accent-color:var(--accent)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.field label{font-size:.8rem;font-weight:600;color:var(--ink-soft)}.field input{border:1px solid var(--border);border-radius:12px;padding:.8rem .95rem;background:#fff;color:var(--ink)}.field input:read-only{background:var(--bg);color:var(--ink-soft);cursor:not-allowed}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0071e326}.restart-row{margin-top:1.5rem;text-align:center}.disclaimer{margin-top:auto;padding:1.5rem 0 1rem;font-size:.72rem;line-height:1.45;color:var(--ink-soft);opacity:.85;text-align:center}.site-footer{margin-top:auto;border-top:1px solid var(--border);background:var(--bg-deep)}.site-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0}.footer-brand{margin:0;font-family:var(--font-display);font-weight:650;font-size:.95rem;letter-spacing:-.02em;color:var(--ink)}.social-nav{display:flex;align-items:center;gap:.25rem}.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--ink-soft);transition:color .2s var(--ease),background .2s var(--ease)}.social-link:hover{color:var(--accent);background:#0071e314}.social-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:480px){.product-card{grid-template-columns:88px 1fr;gap:.85rem}.product-img{width:88px;height:88px}.product-body{padding-right:0;padding-top:1.1rem}.best-badge{top:.65rem;right:.7rem}.site-footer-inner{flex-direction:column;text-align:center}}