.config-wrap{padding:54px 0 90px}.config-head{max-width:900px;margin-bottom:30px}.config-head h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:14px 0 18px}.config-head p{font-size:19px;line-height:1.65;color:#afc5d2}
.config-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;align-items:start}
.config-panel,.config-summary{border:1px solid rgba(185,225,243,.20);border-radius:26px;background:linear-gradient(145deg,rgba(225,243,250,.10),rgba(14,48,72,.48));backdrop-filter:blur(22px);box-shadow:0 28px 76px rgba(0,0,0,.20)}
.config-panel{padding:30px}.config-summary{padding:24px;position:sticky;top:104px}
.config-progress{display:flex;gap:7px;margin-bottom:28px}.config-progress i{height:5px;flex:1;border-radius:999px;background:rgba(214,238,248,.12)}.config-progress i.on{background:linear-gradient(90deg,#4ca7ff,#51e1d9)}
.config-step{display:none}.config-step.active{display:block}.config-step .step-label{font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#62dce7}
.config-step h2{font-size:34px;line-height:1.08;letter-spacing:-.035em;margin:11px 0 8px}.config-step>p{color:#aac1cf;margin:0 0 25px}
.config-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.config-field{display:grid;gap:7px}.config-field.full{grid-column:1/-1}.config-field label{font-size:12px;font-weight:800;color:#cce0ea}
.config-field input[type=number],.config-field select{width:100%;min-height:50px;border:1px solid rgba(185,225,243,.22);border-radius:13px;background:rgba(5,25,40,.58);color:#fff;padding:0 14px;font:inherit}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice label{display:block;min-height:112px;padding:18px;border:1px solid rgba(185,225,243,.18);border-radius:17px;background:rgba(218,240,248,.055);cursor:pointer}.choice label strong{display:block;font-size:17px;margin-bottom:6px}.choice label span{color:#9fb9c8;font-size:13px}.choice input:checked+label{border-color:#55dce1;background:rgba(72,207,216,.12);box-shadow:inset 0 0 0 1px rgba(85,220,225,.25)}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;gap:10px;align-items:flex-start;padding:15px;border:1px solid rgba(185,225,243,.17);border-radius:15px;background:rgba(218,240,248,.05)}.check input{margin-top:4px;accent-color:#47d4d2}.check strong{display:block;font-size:14px}.check span{display:block;color:#9fb9c8;font-size:12px;margin-top:3px}
.config-controls{display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(184,225,243,.14)}.config-controls button{min-height:46px;padding:0 18px;border-radius:12px;border:1px solid rgba(184,225,243,.20);background:rgba(220,241,249,.07);color:#fff;font-weight:800;cursor:pointer}.config-controls .next{margin-left:auto;background:linear-gradient(135deg,#368eff,#42d6d0);border:0;color:#051522}
.config-summary .sum-eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#60dce5}.config-summary h3{font-size:24px;margin:9px 0 20px}.sum-list{display:grid;gap:9px}.sum-row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid rgba(184,225,243,.12);font-size:13px}.sum-row span{color:#9fb8c7}.sum-row b{text-align:right}
.sum-note{margin-top:18px;padding:14px;border-radius:14px;background:rgba(83,220,201,.08);border:1px solid rgba(83,220,201,.16);color:#bce4db;font-size:12px;line-height:1.5}
.config-result{display:grid;gap:14px}.result-box{padding:18px;border:1px solid rgba(186,225,243,.18);border-radius:17px;background:rgba(220,241,249,.05)}.result-box strong{display:block;margin-bottom:7px}.result-box p{margin:0;color:#a7c0ce}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.result-actions button,.result-actions a{min-height:46px;display:inline-flex;align-items:center;padding:0 16px;border-radius:12px;border:1px solid rgba(184,225,243,.20);background:rgba(220,241,249,.07);color:#fff;text-decoration:none;font-weight:800}.result-actions .primary{border:0;background:linear-gradient(135deg,#368eff,#42d6d0);color:#051522}
@media(max-width:980px){.config-shell{grid-template-columns:1fr}.config-summary{position:static}}
@media(max-width:650px){.config-panel{padding:21px}.config-fields,.choice-grid,.check-grid{grid-template-columns:1fr}.config-field.full{grid-column:auto}.config-head h1{font-size:48px}}


/* EPTT configurator context gallery — real operational imagery */
.config-context-gallery{
 display:grid;
 grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
 gap:14px;
 margin:0 0 24px;
}
.config-context-card{
 position:relative;
 min-height:310px;
 margin:0;
 overflow:hidden;
 border:1px solid rgba(202,234,247,.16);
 border-radius:28px;
 background:#061620;
 box-shadow:0 28px 72px rgba(0,0,0,.22);
}
.config-context-card img{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 object-fit:cover;
 transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .35s ease;
}
.config-context-card:after{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(180deg,rgba(4,16,25,.04) 22%,rgba(4,16,25,.84) 100%);
}
.config-context-card figcaption{
 position:absolute;
 z-index:2;
 left:24px;
 right:24px;
 bottom:22px;
 display:grid;
 gap:7px;
}
.config-context-card figcaption small{
 font-size:14px;
 line-height:1.3;
 letter-spacing:.13em;
 text-transform:uppercase;
 font-weight:900;
 color:#7ce7e8;
}
.config-context-card figcaption strong{
 max-width:680px;
 font-size:clamp(19px,2vw,25px);
 line-height:1.14;
 letter-spacing:-.025em;
 color:#f7fbff;
}
.config-context-card:hover img{transform:scale(1.025);filter:saturate(1.04) contrast(1.02)}
@media(max-width:850px){
 .config-context-gallery{grid-template-columns:1fr}
 .config-context-card{min-height:280px}
 .config-context-side{min-height:235px}
}
@media(max-width:520px){
 .config-context-card{min-height:245px;border-radius:22px}
 .config-context-side{min-height:210px}
 .config-context-card figcaption{left:18px;right:18px;bottom:17px}
}
@media(prefers-reduced-motion:reduce){
 .config-context-card img{transition:none!important}
}