:root{--background:#080b10;--surface:#10151d;--surface-2:#151b24;--text:#f5f7fa;--muted:#929baa;--accent:#6675ff;--border:#242b36;--success:#81d8ad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,a,label,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}header{border-bottom:1px solid var(--border)}nav{max-width:1200px;height:100px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.logo img{display:block;width:260px;max-height:75px;object-fit:contain}.menu{display:flex;gap:32px;color:var(--muted);font-size:14px}.menu a:hover{color:#fff}.configurator-hero{max-width:1200px;margin:auto;padding:110px 30px 100px}.eyebrow{margin:0;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.18em}h1{margin:25px 0 35px;font-size:clamp(54px,8vw,100px);line-height:.95;letter-spacing:-.055em}h1 span{color:var(--muted)}.intro{max-width:760px;color:var(--muted);font-size:20px;line-height:1.7}.trust-points{display:flex;flex-wrap:wrap;gap:26px;margin-top:40px;color:#c8ced8;font-size:13px}.trust-points span:before{content:"✓";margin-right:9px;color:var(--success)}.configurator-section{max-width:1200px;margin:auto;padding:110px 30px 140px;border-top:1px solid var(--border)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:70px}.section-heading h2{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-.04em}.configurator-shell{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.progress{padding:0 30px;border-bottom:1px solid var(--border);background:#0c1118;overflow-x:auto}.progress ol{min-width:750px;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none}.progress li{position:relative;padding:22px 12px;color:#687180;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid transparent}.progress li span{display:block;margin-bottom:6px;color:#48515e}.progress li.is-active{color:var(--text);border-color:var(--accent)}.progress li.is-active span,.progress li.is-complete span{color:var(--accent)}.progress li.is-complete{color:#a4acb8}.configurator-form{max-width:930px;margin:auto;padding:70px 50px 55px}fieldset{min-width:0;margin:0;padding:0;border:0}legend{width:100%;padding:0;font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.035em}legend span{display:block;margin-bottom:14px;color:var(--accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.step-intro{margin:18px 0 50px;color:var(--muted);line-height:1.7}.field-group{margin-top:38px}.field-group>p,.field-group>label{display:block;margin:0 0 14px;color:#dfe3e9;font-size:14px;font-weight:650}.field-group p small{margin-left:8px;color:var(--muted);font-weight:400}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.option-grid--three{grid-template-columns:repeat(3,1fr)}.option-grid--five{grid-template-columns:1.5fr repeat(4,1fr)}.option-grid label{position:relative;cursor:pointer}.option-grid input{position:absolute;opacity:0;pointer-events:none}.option-grid label>span{min-height:62px;padding:16px;display:flex;align-items:center;justify-content:center;text-align:center;color:#c5cbd4;font-size:13px;font-weight:650;border:1px solid #303846;border-radius:7px;background:#0d1219;transition:border-color .18s,background .18s,color .18s}.option-grid label:hover>span{border-color:#596274;color:#fff}.option-grid input:checked+span{color:#fff;border-color:var(--accent);background:#6675ff21;box-shadow:inset 0 0 0 1px var(--accent)}.option-grid input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.option-grid .recommended span{flex-direction:column;gap:4px}.option-grid .recommended small{color:var(--success);font-size:9px;letter-spacing:.08em;text-transform:uppercase}select{width:100%;min-height:58px;padding:0 44px 0 16px;color:var(--text);border:1px solid #303846;border-radius:7px;background:#0d1219;cursor:pointer}.form-error{margin:30px 0 0;padding:13px 16px;color:#ffd0d0;border:1px solid #723f45;border-radius:6px;background:#261519;font-size:13px}.form-actions{margin-top:55px;display:flex;justify-content:flex-end;gap:12px}.form-actions button,.edit-button{padding:15px 22px;color:#fff;font-weight:700;border-radius:7px;cursor:pointer}.back-button,.edit-button{border:1px solid #303846;background:transparent}.next-button,.calculate-button{border:1px solid var(--accent);background:var(--accent);color:#080b10!important}.result{padding:60px;scroll-margin-top:20px}.result-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-start;padding-bottom:48px;border-bottom:1px solid var(--border)}.result-heading h2{margin:14px 0;font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.04em}.result-heading h2 span{color:var(--accent)}.result-summary{max-width:690px;margin:0;color:var(--muted);line-height:1.7}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:45px 0;background:var(--border);border:1px solid var(--border)}.spec-grid article{min-height:150px;padding:26px;display:flex;flex-direction:column;background:var(--surface)}.spec-grid article>span{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.spec-grid strong{margin:auto 0 8px;font-size:22px}.spec-grid small{color:var(--muted)}.result-details{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.reasons-card,.pricing-card{padding:34px;border:1px solid var(--border);border-radius:9px;background:#0d1219}.result-details h3,.result-cta h3{margin:14px 0 24px;font-size:26px}.reasons-card ul{margin:0;padding:0;list-style:none}.reasons-card li{padding:13px 0 13px 24px;position:relative;color:#c8ced8;line-height:1.5;border-top:1px solid var(--border)}.reasons-card li:before{content:"→";position:absolute;left:0;color:var(--accent)}.price-row{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--border)}.price-row>span{color:var(--muted)}.price-row strong{font-size:24px}.price-row small{color:var(--muted);font-size:12px;font-weight:400}.pricing-note{margin:22px 0 0;color:#7f8998;font-size:12px;line-height:1.6}.result-cta{margin-top:20px;padding:38px;display:flex;justify-content:space-between;gap:35px;align-items:center;border-radius:9px;background:var(--accent);color:#080b10}.result-cta .eyebrow{color:#222c7b}.result-cta h3{margin-bottom:9px}.result-cta p:last-child{margin:0;color:#283170}.result-cta a{flex:0 0 auto;padding:16px 20px;border-radius:7px;background:#080b10;color:#fff;font-weight:700;text-align:center}footer{max-width:1200px;margin:auto;padding:35px 30px;display:flex;justify-content:space-between;border-top:1px solid var(--border);color:var(--muted);font-size:13px}footer strong{color:#fff}@media(max-width:800px){.menu{display:none}.logo img{width:210px}.configurator-hero{padding-top:80px}.section-heading{grid-template-columns:1fr}.configurator-form,.result{padding:45px 24px}.field-pair,.result-details{grid-template-columns:1fr;gap:0}.option-grid,.option-grid--three,.option-grid--five,.spec-grid{grid-template-columns:repeat(2,1fr)}.result-heading,.result-cta{flex-direction:column}.result-cta a{width:100%}}@media(max-width:520px){nav{height:82px;padding:0 20px}.configurator-hero,.configurator-section{padding-left:20px;padding-right:20px}.configurator-hero{padding-top:70px;padding-bottom:75px}.trust-points{flex-direction:column;gap:12px}.configurator-section{padding-top:75px;padding-bottom:90px}.section-heading{margin-bottom:45px}.progress{padding:0 16px}.progress ol{min-width:620px}.configurator-form,.result{padding:38px 18px}.option-grid,.option-grid--three,.option-grid--five,.spec-grid{grid-template-columns:1fr}.form-actions{justify-content:stretch}.form-actions button{flex:1}.edit-button{width:100%}.reasons-card,.pricing-card,.result-cta{padding:25px 20px}footer{flex-direction:column;gap:14px}}
