#screen-welcome{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 20px 60px;position:relative;overflow:hidden}#screen-welcome:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(232,67,15,.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}#screen-welcome:after{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(232,67,15,.06) 0%,transparent 70%);pointer-events:none}.welcome-content{position:relative;z-index:1;text-align:center;max-width:760px}.welcome-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-dim);border:1px solid rgba(232,67,15,.22);border-radius:999px;padding:6px 16px;font-size:.8rem;font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px;animation:fadeUp .6s var(--ease) both}.welcome-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}.welcome-title{font-size:clamp(2.6rem,7vw,5rem);font-weight:900;line-height:.95;letter-spacing:-.01em;color:var(--text);margin-bottom:20px;animation:fadeUp .6s var(--ease) .1s both}.welcome-title .accent-word{color:var(--accent);display:block}.welcome-subtitle{font-size:1.1rem;color:var(--text-dim);line-height:1.65;max-width:520px;margin:0 auto 40px;font-weight:400;animation:fadeUp .6s var(--ease) .2s both}.gender-selector{display:flex;gap:12px;justify-content:center;margin-bottom:32px;animation:fadeUp .6s var(--ease) .3s both}.gender-btn{display:flex;align-items:center;gap:10px;padding:13px 28px;border-radius:var(--radius);border:2px solid var(--bg-dark);background:transparent;color:var(--bg-dark);font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s var(--ease)}.gender-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.gender-btn.selected{border-color:var(--accent);background:var(--accent);color:#fff}.start-btn{display:inline-flex;align-items:center;gap:10px;padding:17px 44px;border-radius:var(--radius);background:var(--bg-dark);color:var(--bg);font-family:var(--font-body);font-size:1.05rem;font-weight:700;border:2px solid var(--bg-dark);cursor:pointer;transition:all .25s var(--ease);letter-spacing:.02em;animation:fadeUp .6s var(--ease) .4s both}.start-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 14px 36px var(--accent-glow)}.start-btn:active{transform:translateY(-1px)}.start-btn svg{width:18px;height:18px}.trust-bar{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;margin-top:52px;animation:fadeUp .6s var(--ease) .5s both}.trust-item{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.82rem;font-weight:500}.trust-item .check{width:18px;height:18px;border-radius:50%;background:var(--accent-dim);border:1px solid rgba(232,67,15,.22);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--accent)}.brand-ticker{width:100%;overflow:hidden;margin-top:56px;padding:16px 0;background:var(--bg-dark);animation:fadeUp .6s var(--ease) .6s both}.brand-ticker-inner{display:flex;gap:56px;animation:tickerScroll 22s linear infinite;width:max-content}.brand-ticker-inner:hover{animation-play-state:paused}.brand-name{font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:#f5f1eb59;white-space:nowrap;transition:color .2s}.brand-name:hover{color:var(--accent)}#screen-quiz{display:none;min-height:100vh;flex-direction:column;padding-top:80px}#screen-quiz.active{display:flex}.progress-wrap{padding:24px 32px 0;max-width:720px;width:100%;margin:0 auto}.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--text-muted);padding:4px 0;transition:color .2s;visibility:hidden}.back-btn:hover{color:var(--text)}.back-btn.visible{visibility:visible}.progress-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.progress-count{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--accent)}.progress-track{width:100%;height:4px;background:var(--border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .5s var(--ease)}.quiz-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 60px}.question-slide{max-width:680px;width:100%;display:none;animation:slideIn .32s var(--ease) both}.question-slide.active{display:block}.question-slide.exit{animation:slideOut .22s var(--ease) both}.question-num{font-size:.78rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.question-text{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;line-height:1.08;margin-bottom:32px;font-family:var(--font-display)}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.options-grid.cols-3{grid-template-columns:repeat(3,1fr)}.option-card{display:flex;flex-direction:column;align-items:flex-start;padding:20px 22px;border-radius:var(--radius);border:2px solid var(--border);background:var(--bg-option);cursor:pointer;transition:all .25s var(--ease);position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-dim),transparent);opacity:0;transition:opacity .25s}.option-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #e8430f1a}.option-card:hover:before{opacity:1}.option-card.selected{border-color:var(--accent);background:var(--accent-dim)}.option-card.selected:before{opacity:1}.option-icon{font-size:1.8rem;margin-bottom:10px;line-height:1}.option-label{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.02em;color:var(--text)}.option-desc{font-size:.78rem;color:var(--text-dim);margin-top:4px;line-height:1.4}#screen-results{display:none;min-height:100vh;padding:100px 20px 80px;background:var(--bg)}#screen-results.active{display:block}.results-container{max-width:1100px;margin:0 auto}.results-header{text-align:center;margin-bottom:48px;animation:fadeUp .5s var(--ease) both}.results-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:900;line-height:1.05;margin-bottom:12px}.results-title .highlight{color:var(--accent)}.results-subtitle{color:var(--text-dim);font-size:1rem;max-width:480px;margin:0 auto 28px;line-height:1.6}.summary-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.chip{padding:5px 14px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--text-dim)}.chip span{color:var(--accent);margin-left:4px}.gender-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:40px}.gender-tab{padding:10px 28px;border-radius:var(--radius-sm);border:2px solid var(--border);background:transparent;color:var(--text-dim);font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.gender-tab:hover{border-color:var(--text-dim);color:var(--text)}.gender-tab.active{border-color:var(--accent);background:var(--accent);color:#fff}.shoes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}.shoe-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s var(--ease);animation:cardIn .5s var(--ease) both;position:relative}.shoe-card:nth-child(1){animation-delay:.1s}.shoe-card:nth-child(2){animation-delay:.2s}.shoe-card:nth-child(3){animation-delay:.3s}.shoe-card:hover{transform:translateY(-4px);border-color:#e8430f40;box-shadow:0 20px 50px #18130e1f}.shoe-card.rank-1{border-color:#e8430f59;grid-column:1 / -1}.top-pick-banner{background:var(--accent);color:#fff;text-align:center;padding:8px;font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.card-body{padding:24px}.shoe-card.rank-1 .card-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.card-rank{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.rank-1 .card-rank{color:var(--accent)}.card-brand{font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.card-name{font-family:var(--font-display);font-size:1.7rem;font-weight:900;line-height:1.05;margin-bottom:6px}.rank-1 .card-name{font-size:1.9rem}.card-tagline{font-size:.85rem;color:var(--text-dim);margin-bottom:16px;line-height:1.5}.card-price{display:flex;align-items:center;gap:8px;margin-bottom:16px}.card-price-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.card-price-value{font-family:var(--font-display);font-size:1.9rem;font-weight:900;color:var(--text);line-height:1}.card-price-note{font-size:.72rem;color:var(--text-muted);font-weight:500}.card-specs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.spec-tag{padding:4px 10px;border-radius:6px;background:var(--bg-mid);border:1px solid var(--border);font-size:.72rem;font-weight:600;color:var(--text-dim)}.card-why{margin-bottom:20px;padding:12px 14px;background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.why-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:8px}.why-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:.81rem;color:var(--text-dim);line-height:1.5}.why-list li:before{content:"✓ ";color:var(--accent);font-weight:700}.buy-buttons{display:flex;flex-direction:column;gap:9px}.shoe-card.rank-1 .buy-buttons{justify-content:flex-end}.buy-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);text-decoration:none;font-size:.82rem;font-weight:700;letter-spacing:.02em;transition:all .2s;border:1px solid transparent}.buy-btn.amazon{background:var(--bg-dark);color:var(--bg);border-color:var(--bg-dark)}.buy-btn.amazon:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow)}.buy-btn.rw{background:transparent;border-color:var(--border);color:var(--text)}.buy-btn.rw:hover{border-color:var(--text-dim);background:var(--bg-mid);transform:translateY(-1px)}.buy-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.retailer-icon{font-size:.9rem}.match-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(232,67,15,.25);font-size:.72rem;font-weight:700;color:var(--accent);margin-bottom:14px}.results-footer{text-align:center;padding-top:24px;border-top:1px solid var(--border)}.retake-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:var(--radius-sm);border:2px solid var(--border);background:transparent;color:var(--text-dim);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.retake-btn:hover{border-color:var(--text-dim);color:var(--text)}.retake-btn svg{width:16px;height:16px}.blog-preview{max-width:1100px;margin:60px auto 0;padding:0 20px}.section-title{font-family:var(--font-display);font-size:2.2rem;font-weight:900;margin-bottom:6px}.section-sub{color:var(--text-dim);font-size:.9rem;margin-bottom:28px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;text-decoration:none;color:var(--text);transition:all .25s;display:block}.blog-card:hover{border-color:#e8430f4d;transform:translateY(-2px);box-shadow:0 8px 24px #18130e14}.blog-tag{font-size:.72rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.blog-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1.2;color:var(--text)}.blog-arrow{display:inline-block;margin-top:12px;font-size:.8rem;color:var(--text-muted);font-weight:600}.loading-overlay{display:none;position:fixed;inset:0;background:var(--bg);z-index:200;align-items:center;justify-content:center;flex-direction:column;gap:16px}.loading-overlay.active{display:flex}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-dim);letter-spacing:.06em}@media(max-width:900px){.shoes-grid{grid-template-columns:1fr}.shoe-card.rank-1{grid-column:auto}.shoe-card.rank-1 .card-body{grid-template-columns:1fr}}@media(max-width:700px){#screen-welcome{padding:100px 20px 48px}.welcome-content{max-width:100%}.welcome-title{font-size:clamp(3rem,13vw,5rem)}.welcome-subtitle{font-size:1rem;margin-bottom:32px}.gender-selector{flex-direction:row;gap:10px}.gender-btn{padding:12px 20px;font-size:.9rem;flex:1;justify-content:center}.start-btn{width:100%;justify-content:center;padding:16px 24px}.trust-bar{gap:16px;margin-top:36px}.trust-item{font-size:.78rem}.progress-wrap{padding:20px 20px 0}.quiz-main{padding:28px 16px 48px}.question-text{font-size:clamp(1.7rem,7vw,2.4rem);margin-bottom:24px}.options-grid{grid-template-columns:1fr 1fr;gap:10px}.options-grid.cols-3{grid-template-columns:1fr 1fr}.option-card{padding:16px 14px}.option-icon{font-size:1.5rem;margin-bottom:7px}.option-label{font-size:1.05rem}.option-desc{font-size:.72rem}#screen-results{padding:88px 16px 60px}.results-title{font-size:clamp(2rem,9vw,3.2rem)}.results-subtitle{font-size:.9rem}.gender-tabs{gap:6px}.gender-tab{padding:9px 18px;font-size:.85rem}.summary-chips{gap:6px}.chip{font-size:.72rem;padding:4px 10px}.card-name{font-size:1.4rem}.rank-1 .card-name{font-size:1.7rem}.card-price-value{font-size:1.5rem}.buy-buttons{gap:8px}.buy-btn{padding:12px 14px;font-size:.82rem}.blog-preview{margin-top:40px}.blog-grid{grid-template-columns:1fr}}@media(max-width:400px){.gender-selector{flex-direction:column;align-items:stretch}.options-grid,.options-grid.cols-3{grid-template-columns:1fr}.welcome-title{font-size:3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.brand-ticker-inner,.question-slide,.question-slide.exit{animation:none}}.fallback-note{text-align:center;margin:-24px 0 24px;font-size:.82rem;color:var(--text-muted);min-height:20px;grid-column:1 / -1}.gender-tab,.buy-btn,.gender-btn{min-height:44px}