.smart-configurator{padding:65px 0;background:#f4f8fc}.sc-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:55px;align-items:start}.sc-intro{padding-top:20px}.sc-intro h2{font-size:38px;line-height:1.2;margin:15px 0 20px;color:#2d475d}.sc-intro h2 span{color:#40a1e9}.sc-intro p{font-size:16px;line-height:1.8}.sc-progress{height:5px;border-radius:8px;overflow:hidden;margin:28px 0 10px;background:#dceaf4}.sc-progress span{display:block;width:25%;height:100%;background:#40a1e9;transition:width .25s}.sc-intro>small{font-size:12px;color:#7790a3}.sc-panel{min-width:0;background:#fff;border:1px solid #dce8f1;border-radius:8px;padding:30px;box-shadow:0 12px 35px #214f7810;min-height:450px}.sc-step{display:none}.sc-step.is-active{display:block;animation:scIn .25s ease}.sc-question-number{display:inline-grid;place-items:center;width:36px;height:36px;background:#eaf5fe;border-radius:6px;color:#3599dc;font-size:12px;font-weight:600}body.ha-redesign .sc-step h3{font-size:27px;color:#2d475d;margin:18px 0 8px}.sc-step h3:focus{outline:none}.sc-step>p{font-size:14px;margin:0 0 24px}.sc-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sc-options-3{grid-template-columns:1fr}.sc-options button{font:inherit;text-align:left;padding:16px;background:#f7fafd;border:1px solid #dce7f0;color:#3f5e77;border-radius:5px;cursor:pointer;transition:background .2s,border-color .2s}.sc-options button b{display:block;font-size:15px;font-weight:600}.sc-options button small{display:block;margin-top:6px;color:#7a90a2;font-size:12px;line-height:1.5}.sc-options button:hover,.sc-options button.is-selected{background:#edf7fe;border-color:#40a1e9}.sc-back{border:0;background:none;color:#4996c9;font:inherit;font-size:13px;margin-top:22px;padding:8px 0;cursor:pointer}.sc-result-badge{color:#3398d9;font-size:10px;letter-spacing:.08em;font-weight:600}.sc-result-top{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:20px 0}.sc-result-top>div:first-child{min-width:0}.sc-result-top small{font-size:12px;color:#7c94a7}body.ha-redesign .sc-result-top h3{font-size:30px;margin:6px 0 10px}.sc-result-top p{font-size:14px;margin:0}.sc-match{width:74px;height:74px;flex-shrink:0;background:#effaf6;border:1px solid #bfe7d9;border-radius:50%;display:grid;place-content:center;text-align:center}.sc-match strong{color:#4bb294;font-size:25px;line-height:1.2}.sc-match span{font-size:9px;color:#6da493;text-transform:uppercase}.sc-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sc-result-grid>div{background:#f4f9fd;padding:15px;border-radius:5px;min-width:0}.sc-result-grid span{display:block;font-size:10px;color:#7d94a5;margin-bottom:5px}.sc-result-grid b{font-size:15px;color:#426985}.sc-price-note{display:block;font-size:10px;color:#7d94a5;margin-top:5px}.sc-reasons{margin-top:15px}.sc-reasons>div{padding:8px 0;font-size:13px;color:#6a8295;border-bottom:1px solid #ecf1f5}.sc-reasons>div:before{content:'✓';color:#52bca0;margin-right:9px}.sc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}.sc-actions>a,.sc-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border:1px solid #dbe6ee;border-radius:4px;font:inherit;font-size:13px;cursor:pointer;color:#5996bf;background:#fff}.sc-actions>a.sc-primary{background:#40a1e9;border-color:#40a1e9;color:#fff}
.ha-speed-section{padding:60px 0;background:#fff}.ha-speed-shell{max-width:960px;margin:auto;border:1px solid #dce8f1;border-radius:8px;padding:30px;background:#fff}.ha-speed-head{display:flex;justify-content:space-between;gap:25px;align-items:center}.ha-speed-head>div{min-width:0}.ha-speed-head h2{margin:10px 0;font-size:31px}.ha-speed-head p{font-size:14px;margin:0;max-width:550px}.ha-speed-retest{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;border:1px solid #40a1e9;border-radius:4px;background:#fff;color:#3899db;font:inherit;font-size:13px;padding:11px 15px;cursor:pointer}.ha-speed-retest:disabled{opacity:.65;cursor:wait}.ha-speed-dot{width:6px;height:6px;background:#54bd9e;border-radius:50%}body.ha-redesign .ha-speed-live{margin:24px 0 18px;padding:14px 16px;background:#eaf6ff;border-radius:5px;color:#4187b6;font-size:14px}.ha-speed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ha-speed-row{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #e0eaf2;border-radius:5px;background:#f7fafc}.ha-speed-code{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;font-size:11px;color:#3997d3;background:#e6f3fc;border-radius:6px}.ha-speed-main{flex:1;min-width:0}.ha-speed-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.ha-speed-title strong{font-size:14px;font-weight:600;color:#46657c}.ha-speed-ms{font-size:15px;color:#3898d9;white-space:nowrap}.ha-speed-best{display:block;font-size:8px;letter-spacing:.03em;color:#58a997}.ha-speed-track{height:4px;border-radius:5px;background:#dfeaf2;margin:12px 0 8px;overflow:hidden}.ha-speed-track span{display:block;background:#6cbde7;height:100%;border-radius:5px}.ha-speed-meta{display:flex;justify-content:space-between;gap:10px;color:#8297a7;font-size:10px}.ha-speed-meta em{font-size:9px;font-style:normal}.ha-speed-meta .excellent{color:#52ab90}.ha-speed-meta .good{color:#4393c5}.ha-speed-note{font-size:11px;line-height:1.8;margin:20px 0 0}
@keyframes scIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:850px){.sc-shell{grid-template-columns:minmax(0,1fr);gap:25px}.sc-intro{padding:0}.sc-intro h2{font-size:31px}.sc-panel{min-height:0}.ha-speed-head{align-items:flex-start;flex-direction:column}.ha-speed-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.smart-configurator,.ha-speed-section{padding:40px 0}.sc-panel,.ha-speed-shell{padding:22px 18px}.sc-options{grid-template-columns:minmax(0,1fr)}.sc-result-grid{grid-template-columns:minmax(0,1fr)}.sc-result-top{align-items:flex-start}.sc-match{width:62px;height:62px}.ha-speed-row{padding:14px;gap:12px}body.ha-redesign .sc-step h3{font-size:24px}.ha-speed-title strong{font-size:12px}.ha-speed-head h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.sc-step.is-active{animation:none}.sc-progress span{transition:none}}