:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;place-items:center;min-width:320px;min-height:100vh;background:#fafafa}h1{font-size:3.2em;line-height:1.1}button{padding:.9rem 1.6rem;font-size:1rem;font-weight:600;border-radius:10px;border:none;background:#111;color:#fff;cursor:pointer;transition:background .2s ease,transform .1s ease}button:hover{background:#333}button:active{transform:scale(.97)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.options-grid{display:flex;flex-direction:column;gap:.85rem;margin-top:1.5rem}button.answer-option{padding:1.1rem 1.25rem;border-radius:12px;background:#fdfdfd;border:1px solid #e5e5e5;box-shadow:0 1px 2px #0000000a}button.answer-option:active{background:#eee;transform:scale(.98)}button.answer-option:hover{background:#f7f7f7}button.answer-option:active{transform:scale(.98);background:#eee}.shoe-price{font-size:1.1rem;font-weight:600;color:#111;margin:.25rem 0 .75rem}.results-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem;animation:fadeIn .2s ease forwards;opacity:0}.results-header{text-align:center;margin-bottom:2.5rem}.results-header h1{font-size:2rem;margin-bottom:.5rem}.results-subtitle{font-size:1.1rem;color:#555}.results-grid{display:grid;gap:1.5rem;margin-bottom:3rem;align-items:start}@media(max-width:599px){.results-grid{grid-template-columns:1fr}}@media(min-width:600px)and (max-width:959px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.results-footer{text-align:center}.retake-button{margin-top:2rem}.fade{opacity:0;animation:fadeIn .18s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-lift{opacity:0;transform:translateY(2px);animation:fadeLift .16s ease forwards}@keyframes fadeLift{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.quiz-page{max-width:600px;margin:0 auto;padding:1.5rem}.quiz-card{background:#fff;padding:2rem;border-radius:14px;box-shadow:0 4px 14px #0000000f;opacity:0;transform:translateY(8px);animation:quizCardFade .18s ease-out forwards}@keyframes quizCardFade{to{opacity:1;transform:translateY(0)}}.answer-option:hover{background:#f0f0f0}.answer-option:active{transform:scale(.98)}.quiz-question{font-size:1.25rem;margin-bottom:1rem;line-height:1.4;color:#222}.answer-option{display:block;width:100%;padding:1rem;margin-bottom:.75rem;border-radius:10px;background:#f9f9f9;border:1px solid #ddd;text-align:left;font-size:1rem;color:#222;cursor:pointer;transition:background .2s ease,transform .1s ease}.quiz-section{margin-bottom:2rem}.quiz-start-wrapper{max-width:600px;margin:0 auto;padding:1rem 1.5rem}.quiz-start-card{background:#fff;padding:2.5rem 2rem;border-radius:16px;box-shadow:0 4px 18px #0000000f;text-align:center;opacity:0;transform:translateY(10px);animation:fadeUp .25s ease-out forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.quiz-start-card h1{font-size:2rem;margin-bottom:1rem;color:#222}.start-subtext{font-size:1.1rem;color:#555;margin-bottom:2rem}.start-button{width:50%;margin-top:1rem;transition:all .18s ease;transform:translateY(0) scale(1);box-shadow:0 4px 10px #00000014}.start-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #0000001f}.start-footer{margin-top:1.5rem;font-size:.9rem;color:#777}.progress-bar{width:100%;height:8px;background:#eee;border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.progress-fill{height:100%;background:#000;transition:width .3s ease}.progress-text{text-align:center;margin-bottom:.75rem;font-size:.95rem;color:#666}.answer-option:active{transform:scale(.98);transition:transform 80ms ease}.shoe-card{background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column;gap:1rem;color:#222;transition:transform .15s ease,box-shadow .15s ease}.shoe-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001f;z-index:2}.shoe-image{width:100%;height:180px;object-fit:contain;display:block;border-radius:10px;background:#fff}.shoe-title{font-size:1.25rem;font-weight:700;margin:0;color:#111}.shoe-tagline{color:#666;font-size:.95rem;margin-top:.25rem}.shoe-info{display:flex;flex-direction:column;flex:1;width:100%;box-sizing:border-box}.shoe-attributes{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.shoe-attribute{background:#f5f5f5;padding:.35rem .6rem;border-radius:6px;font-size:.8rem;color:#444}.why-container{margin-top:1rem}.why-toggle{background:none;border:none;color:#444;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.why-toggle:hover{color:#000}.why-list{margin-top:.75rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem}.why-item{font-size:.9rem;line-height:1.35;color:#555;position:relative}.why-item:before{content:"•";position:absolute;left:-1rem;color:#999}.cta-primary{display:inline-block;margin-top:2rem;margin-bottom:2.5rem;padding:.9rem 1.4rem;background:#111;color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:1rem;transition:background .2s ease,transform .1s ease}.cta-primary:hover{background:#333;transform:translateY(-2px)}.cta-primary:active{transform:scale(.97)}.related-section{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid #e6e6e6}.related-heading{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;opacity:.9}.related-guides{list-style:none;padding-left:0;margin-top:.5rem}.related-guides li{margin-bottom:.4rem}.related-guides a{color:#444;text-decoration:none;border-bottom:1px solid #ddd;padding-bottom:2px;transition:border-color .2s ease,color .2s ease}.related-guides a:hover{color:#111;border-color:#111}.recommendation-list{margin-top:.75rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.25rem}.recommendation-text{display:flex;flex-direction:column}.recommendation-item{padding:1rem 1.25rem;background:#fdfdfd;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 1px 2px #0000000a;display:flex;align-items:flex-start;gap:1rem}.recommendation-thumb{width:80px;height:80px;object-fit:contain;background:#fff;border:1px solid #eee;border-radius:8px;padding:4px;flex-shrink:0}.recommendation-text strong{font-size:1.05rem;color:#111}.recommendation-text p{margin:.35rem 0 0;color:#444;line-height:1.45}.recommendation-item strong{font-size:1.05rem;color:#111}.recommendation-item p{margin:.35rem 0 0;color:#444;line-height:1.45}.seo-page{max-width:700px;margin:0 auto;padding:2rem}.seo-page h2{margin-top:2.5rem;margin-bottom:.75rem}.seo-page ul{margin-top:.5rem;margin-bottom:1.5rem}.common-issues{margin-top:2.5rem}.common-issues-heading{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.common-issues-list{margin:.5rem 0 0;padding-left:1.25rem;line-height:1.5}.affiliate-disclaimer{margin-top:1.5rem;font-size:.75rem;color:#999}.affiliate-button{display:inline-block;align-self:flex-start;padding:.45rem .75rem;margin-top:.6rem;background:#f5f5f5;color:#111;border-radius:6px;font-size:.85rem;text-decoration:none;border:1px solid #ddd;transition:background .2s ease,border-color .2s ease}.affiliate-button:hover{background:#e9e9e9;border-color:#ccc;cursor:pointer}.brand-header{display:flex;flex-direction:column;align-items:center;gap:.05rem}.brand-title{font-size:1.4rem;font-weight:700;letter-spacing:-.5px;line-height:1;margin:0}.brand-tagline{font-size:.9rem;color:#666;margin-top:.01rem}