@import url('./fonts/fonts.css');
.vsp{--navy:#173853;--blue:#1b6290;--accent:#1f9ce6;--muted:#687789;--line:#e3eaf0;font-family:Geologica,Arial,sans-serif;font-weight:350;font-size:14px;line-height:1.5;color:#172e41;background:#f5f8fb;min-height:100vh;-webkit-font-smoothing:antialiased}
.vsp *{box-sizing:border-box}.vsp [hidden]{display:none!important}.vsp button,.vsp input{font:inherit}.vsp button{cursor:pointer}.vsp button:disabled{cursor:not-allowed;opacity:.4}.vsp :focus-visible{outline:3px solid #1f9ce680;outline-offset:4px}.vsp a{color:var(--blue)}.vsp h1,.vsp h2,.vsp p{margin:0}.vsp button{color:inherit}.vsp .container{max-width:1440px;margin:auto;padding:0 40px}.vsp .header{background:#fff;border-bottom:1px solid var(--line)}.vsp .header-inner{display:flex;align-items:center;gap:38px;min-height:108px}.vsp .header img{object-fit:contain}.vsp .header p{font-size:12px;color:var(--muted);line-height:1.8}.vsp .header strong{font-weight:450;color:var(--navy)}.vsp .header-label{margin-left:auto;font-size:12px;color:var(--blue);background:#eef6fc;border-radius:12px;padding:12px 18px}.vsp .breadcrumb{display:flex;gap:10px;color:#8190a0;font-size:11px;padding-top:25px;margin-bottom:28px}.vsp .breadcrumb span{color:#b7c5cf}.vsp .heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.vsp .eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:600;color:var(--blue);display:flex;align-items:center;gap:8px;margin-bottom:8px}.vsp .eyebrow i{width:7px;height:7px;background:var(--accent);border-radius:50%}.vsp h1{font-size:34px;line-height:1.22;font-weight:520;letter-spacing:-1px}.vsp h1 span{color:var(--blue)}.vsp .subheading{font-size:13px;color:var(--muted);margin-top:10px}.vsp .model-badge{text-align:right;font-size:10px;color:var(--muted)}.vsp .model-badge strong{display:block;font-size:23px;font-weight:450;color:var(--navy);margin-top:3px}.vsp .workspace{display:grid;grid-template-columns:300px minmax(320px,1fr) 300px;gap:20px;align-items:start}.vsp .card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 3px 10px #17385303}.vsp h2{font-size:15px;font-weight:530;display:flex;align-items:center;gap:10px}.vsp .step{width:28px;height:28px;display:inline-grid;place-items:center;font-size:10px;font-weight:500;color:var(--blue);background:#edf5fc;border-radius:7px}.vsp .parameters,.vsp .kit{padding:24px 22px}.vsp .field-label{display:flex;justify-content:space-between;font-size:12px;margin:28px 0 9px}.vsp .field-label span{color:var(--muted)}.vsp .stepper{display:flex;height:61px;border:1px solid #d8e3ed;border-radius:13px;overflow:hidden}.vsp .stepper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #1f9ce612}.vsp .stepper:has([aria-invalid=true]){border-color:#b45d47}.vsp .stepper input{min-width:0;width:100%;border:0;text-align:center;font-size:29px;font-weight:450;color:var(--navy);background:transparent;outline:0}.vsp .stepper button{flex-shrink:0;width:42px;border:0;background:#fff;color:#71849a;font-size:23px}.vsp .stepper button:hover{background:#eef6fc}.vsp .help{font-size:10px;color:var(--muted);margin:10px 0}.vsp .error{font-size:11px;margin-top:10px;color:#a44631}.vsp .range{width:100%;margin:20px 0 6px;accent-color:var(--blue);cursor:pointer}.vsp .range-labels{display:flex;justify-content:space-between;font-size:10px;color:#7b8997}.vsp .presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0 24px}.vsp .presets button{font-size:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 2px;white-space:nowrap}.vsp .presets button[aria-pressed=true]{background:#edf6fc;border-color:#b1d6ed;color:var(--blue)}.vsp .selection{background:#f0f7fc;border:1px solid #dfedf7;border-radius:15px;padding:17px}.vsp .selection>span{font-size:10px;color:#638096}.vsp .selection>strong{display:block;font-size:31px;font-weight:500;letter-spacing:-.5px;color:var(--navy);margin:4px 0}.vsp .selection p{font-size:10px;color:#648096;line-height:1.7}.vsp .principle{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.vsp .principle strong{font-size:11px;font-weight:500}.vsp .principle p{font-size:10px;line-height:1.75;color:var(--muted);margin-top:7px}.vsp .visual{overflow:hidden}.vsp .card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 24px 0}.vsp .tag{font-size:10px;color:var(--blue);padding:6px 10px;background:#eff6fb;border-radius:8px;white-space:nowrap}.vsp .tower{min-height:440px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 90%,#f0f6fa,transparent 65%);position:relative}.vsp .tower>svg{display:block;width:100%;height:482px}.vsp .visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 22px;border-top:1px solid #eef2f6;font-size:9px;color:#7b8c9a}.vsp .visual-bottom>span{display:flex;align-items:center;gap:7px}.vsp .visual-bottom button{border:0;background:none;font-size:10px;color:var(--blue);padding:5px 0}.vsp .dot{width:5px;height:5px;background:#6d9dbb;border-radius:50%}.vsp .kit-list{margin-top:25px}.vsp .kit-row{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #edf2f6}.vsp .kit-row:first-child{padding-top:0}.vsp .kit-icon{width:56px;height:56px;background:#f4f8fb;border-radius:12px;display:grid;place-items:center}.vsp .kit-icon svg{width:50px;height:46px}.vsp .kit-row strong{display:block;font-size:12px;font-weight:500}.vsp .kit-row small{display:block;font-size:9px;color:var(--muted);margin-top:4px;line-height:1.6}.vsp .kit-count{font-size:19px;font-weight:450;color:var(--navy)}.vsp .kit-count small{font-size:9px;text-align:center;font-weight:350}.vsp .kit-total{margin:23px 0}.vsp .kit-total span{font-size:10px;color:var(--muted)}.vsp .kit-total strong{display:block;font-size:17px;line-height:1.5;font-weight:500;color:var(--navy);margin-top:7px}.vsp .primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:13px;min-height:48px;background:var(--navy);color:white;padding:13px 16px;font-size:11px;font-weight:450}.vsp .primary:hover{background:var(--blue)}.vsp .primary span{font-size:18px}.vsp .download-note{text-align:center;font-size:9px;color:#8796a3;margin-top:9px}.vsp .safety{font-size:10px;color:#7d674d;background:#faf6ee;border-radius:10px;padding:12px;line-height:1.65;margin-bottom:20px}.vsp .details{margin-top:22px;overflow:hidden}.vsp summary{cursor:pointer;list-style:none}.vsp summary::-webkit-details-marker{display:none}.vsp .details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 27px}.vsp .details summary strong{font-size:14px;font-weight:500}.vsp .details summary small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.vsp .expand{display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;width:30px;height:30px;font-size:20px;color:var(--blue)}.vsp details[open] .expand{transform:rotate(45deg)}.vsp .parts-table{width:100%;border-collapse:collapse;font-size:11px}.vsp .parts-table th{text-align:left;font-size:10px;color:var(--muted);font-weight:450;padding:12px 27px;background:#f6f9fc}.vsp .parts-table td{padding:9px 27px;border-top:1px solid #eef2f6}.vsp .parts-table td:last-child,.vsp .parts-table th:last-child{text-align:right}.vsp .part-name{display:flex;align-items:center;gap:15px}.vsp .part-name svg{width:48px;height:44px;flex-shrink:0}.vsp .part-name small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.vsp .group-heading td{color:var(--blue);font-size:10px;font-weight:500;background:#f9fbfd}.vsp .notes{font-size:10px;line-height:1.8;color:#7b8996;margin-top:18px}.vsp .notes>p{margin-bottom:10px}.vsp .notes summary{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.vsp .notes details p{max-width:1000px;margin-top:10px}.vsp .notes a{display:inline-block;margin-right:24px}.vsp footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:25px;padding:21px 0 25px;font-size:10px;color:#7b8996}.vsp .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vsp .empty{padding:70px 30px;color:var(--muted);font-size:13px;text-align:center}
@media(min-width:1600px){.vsp .tower>svg{height:500px}}
@media(max-width:1180px){.vsp .container{padding-left:24px;padding-right:24px}.vsp .workspace{grid-template-columns:285px minmax(0,1fr)}.vsp .visual{grid-column:2;grid-row:1 / span 2}.vsp .kit{grid-column:1}.vsp .tower>svg{height:700px}.vsp .kit-list{margin-top:18px}.vsp .parameters,.vsp .kit{padding:22px}.vsp .workspace{gap:18px}}
@media(max-width:700px){.vsp .container{padding-left:18px;padding-right:18px}.vsp .header-inner{min-height:86px;gap:20px}.vsp .header img{width:88px;height:60px}.vsp .header p{font-size:9px}.vsp .header-label{display:none}.vsp .breadcrumb{font-size:9px;margin-bottom:22px;padding-top:20px}.vsp .heading{align-items:flex-start;gap:16px;margin-bottom:22px}.vsp h1{font-size:27px}.vsp h1 span{display:block}.vsp .eyebrow{font-size:8px;letter-spacing:1px}.vsp .subheading{font-size:11px;max-width:255px;line-height:1.7}.vsp .model-badge{font-size:9px;white-space:nowrap;padding-top:28px}.vsp .model-badge strong{font-size:16px}.vsp .workspace{grid-template-columns:minmax(0,1fr)}.vsp .parameters,.vsp .visual,.vsp .kit{grid-column:1;grid-row:auto}.vsp .field-label{margin-top:22px}.vsp .range{margin-top:14px}.vsp .presets{margin-bottom:18px}.vsp .principle{display:none}.vsp .selection{display:grid;grid-template-columns:1fr auto;column-gap:15px;align-items:center}.vsp .selection>strong{grid-column:2;grid-row:1 / span 2;font-size:28px}.vsp .selection p{grid-column:1}.vsp .tower{min-height:360px}.vsp .tower>svg{height:430px}.vsp .kit-list{margin-top:22px}.vsp .card{border-radius:20px}.vsp .details summary{padding:20px}.vsp .details summary strong{font-size:12px}.vsp .details summary small{font-size:9px;max-width:230px}.vsp .parts-table td,.vsp .parts-table th{padding:8px 12px}.vsp .parts-table{font-size:10px}.vsp .part-name{gap:8px}.vsp .part-name svg{width:38px;height:38px}.vsp .parts-table .size{display:none}.vsp footer{font-size:9px;flex-direction:column;gap:6px}.vsp .visual-bottom{font-size:8px;padding:14px 18px}}

.vsp .parts-table .group-heading td{text-align:left}
/* Product renders generated from the VSP-250 component model. */
.vsp .card-top{justify-content:flex-end}
.vsp .tower{min-height:480px;background:radial-gradient(ellipse at 50% 95%,#f0f5f8,transparent 60%)}
.vsp .tower-model{margin:0;width:100%;height:520px;position:relative;display:flex;align-items:center;justify-content:center;padding:0 34px}
.vsp .tower-product{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 6px 5px #19344a10)}
.vsp .height-dimension{position:absolute;left:25px;top:9%;bottom:9%;width:8px;border-left:1px solid #b2c5d2}
.vsp .height-dimension::before,.vsp .height-dimension::after{content:'';position:absolute;left:-5px;width:9px;border-top:1px solid #b2c5d2;transform:rotate(30deg)}
.vsp .height-dimension::before{top:0}.vsp .height-dimension::after{bottom:0}
.vsp .height-dimension span{position:absolute;top:50%;left:0;font-size:11px;color:#6b8599;white-space:nowrap;transform:translate(-70%,-50%) rotate(-90deg);background:#fff;padding:3px 9px}
.vsp .kit-row{grid-template-columns:74px 1fr auto;gap:9px}
.vsp .kit-icon{width:74px;height:68px;background:transparent}
.vsp .kit-icon .part-product{width:74px;height:68px;object-fit:contain}
.vsp .part-name .part-product{width:94px;height:70px;object-fit:contain;flex-shrink:0}
.vsp .kit-total{margin-bottom:0}
.vsp .kit .safety{margin-top:20px;margin-bottom:0}
.vsp .selection p:empty{display:none}
@media(max-width:1180px) and (min-width:701px){.vsp .tower-model{height:680px}}
@media(max-width:700px){.vsp .tower{min-height:390px}.vsp .tower-model{height:440px;padding:0 28px}.vsp .height-dimension{left:21px}.vsp .height-dimension span{font-size:10px}.vsp .part-name .part-product{width:76px;height:58px}.vsp .selection>strong{grid-row:1 / span 2}.vsp .kit-icon,.vsp .kit-icon .part-product{width:80px;height:70px}.vsp .kit-row{grid-template-columns:80px 1fr auto}}

.vsp .rounding-note{margin-top:16px;color:#687789;font-size:11px;line-height:1.6}

.vsp .catalog-back{margin-left:auto;background:#eef6fc;padding:11px 14px;border-radius:10px;font-size:11px;white-space:nowrap}.vsp .catalog-back:focus-visible{outline:3px solid #1f9ce6;outline-offset:4px}@media(max-width:760px){.vsp .catalog-back{font-size:10px;padding:10px}}@media print{.vsp .catalog-back{display:none}}

.vsp #parts{overflow-x:auto}.vsp .parts-table{min-width:740px}.vsp .parts-table th:nth-child(n+3),.vsp .parts-table td:nth-child(n+3){text-align:right;white-space:nowrap}.vsp .weight-source{padding:20px 26px;font-size:11px;line-height:1.7}.vsp .parts-table th:first-child{padding-left:136px}@media(max-width:760px){.vsp .parts-table th:first-child{padding-left:96px}}

/* Native text cursor stays consistent inside height controls. */
.vsp input[type=text],.vsp input:not([type]){cursor:text;caret-color:#173853}

@media(max-width:480px){.vsp .header p{display:none}.vsp .header-inner{gap:12px}.vsp .header img{flex-shrink:0}}