.hero-builder{background:linear-gradient(135deg,#3b82f61f,#8b5cf61f);border-bottom:1px solid var(--color-border);padding:3.5rem 0 2.5rem;text-align:center}.hero-badge{display:inline-block;background:#3b82f626;color:var(--color-accent-light);padding:.4rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.hero-builder h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 1rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{max-width:640px;margin:0 auto;color:var(--color-text-muted);font-size:1.1rem}.builder{padding:3rem 0 5rem}.progress-wrap{margin-bottom:2rem;max-width:800px;margin-inline:auto}.progress-track{height:8px;background:#ffffff0f;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:999px;transition:width .4s ease}.progress-label{text-align:center;margin-top:.5rem;color:var(--color-text-muted);font-size:.85rem}.step{display:none;max-width:800px;margin:0 auto;animation:fadeIn .4s ease}.step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step h2{font-size:1.6rem;margin:0 0 .5rem}.muted{color:var(--color-text-muted);margin:0 0 1.5rem}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.options.grid-3{grid-template-columns:repeat(3,1fr)}.options.grid-2{grid-template-columns:repeat(2,1fr)}.option{background:#ffffff08;border:1.5px solid var(--color-border);border-radius:var(--radius-md, 12px);padding:1rem 1.1rem;text-align:left;cursor:pointer;color:var(--color-text);display:flex;flex-direction:column;gap:.2rem;transition:all .2s ease;font-family:inherit}.option:hover{border-color:var(--color-accent);background:#3b82f60f;transform:translateY(-1px)}.option.selected{border-color:var(--color-accent);background:#3b82f61f;box-shadow:0 0 0 3px #3b82f62e}.opt-emoji{font-size:1.4rem;margin-bottom:.25rem}.option strong{font-size:.95rem}.option small{color:var(--color-text-muted);font-size:.8rem}.nav-row{display:flex;justify-content:space-between;max-width:800px;margin:2rem auto 0;gap:1rem}.result{max-width:900px;margin:0 auto;animation:fadeIn .5s ease}.result-header{text-align:center;margin-bottom:2rem}.result-header h2{font-size:2rem;margin:0 0 .5rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stack-list{display:grid;gap:1rem;margin-bottom:2rem}.stack-card{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);padding:1.25rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;transition:all .2s ease}.stack-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.stack-rank{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;flex-shrink:0}.stack-info h4{margin:0 0 .25rem;font-size:1.1rem}.stack-info h4 a{color:var(--color-text);text-decoration:none}.stack-info h4 a:hover{color:var(--color-accent-light)}.stack-info p{margin:0;font-size:.88rem;color:var(--color-text-muted);line-height:1.5}.stack-meta{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.sb-pill{font-size:.72rem;padding:.2rem .55rem;border-radius:999px;background:#ffffff0f;color:var(--color-text-muted);font-weight:500;display:inline-block}.sb-pill.rating,.sb-pill.pricing-free{background:#22c55e26;color:#4ade80}.sb-pill.pricing-freemium{background:#3b82f626;color:#60a5fa}.sb-pill.pricing-paid{background:#a855f726;color:#c084fc}.stack-cta{flex-shrink:0}.result-summary{background:#3b82f60f;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md, 12px);padding:1.25rem;margin-bottom:2rem;display:grid;gap:.5rem}.summary-row{display:flex;justify-content:space-between;font-size:1rem}.summary-row strong{color:var(--color-accent-light);font-size:1.1rem}.email-capture{background:linear-gradient(135deg,#3b82f614,#8b5cf614);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);padding:1.5rem;margin-bottom:2rem;text-align:center}.email-capture h3{margin:0 0 .5rem}.email-capture p{color:var(--color-text-muted);margin:0 0 1rem}.email-form{display:flex;gap:.5rem;max-width:480px;margin:0 auto}.email-form input{flex:1;padding:.7rem 1rem;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-sm, 8px);color:var(--color-text);font-family:inherit;font-size:.95rem}.email-form input:focus{outline:none;border-color:var(--color-accent)}.email-status{margin:.75rem 0 0;font-size:.9rem}.email-status.success{color:#4ade80}.email-status.error{color:#f87171}.result-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}@media(max-width:640px){.options,.options.grid-3,.options.grid-2{grid-template-columns:1fr}.stack-card{grid-template-columns:auto 1fr}.stack-cta{grid-column:1 / -1}.stack-cta .btn{width:100%}.email-form{flex-direction:column}}