:root{font-family: 'Segoe UI',Arial,sans-serif;color:#f4f5ed;background:#10120e;font-synthesis:none;font-size:16px;--navy:#181e14;--teal:#d5e4a2;--line:#39412f}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}a{color:inherit}.topbar{height:86px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:1.125rem;font-weight:750;letter-spacing:.13em}.mark{display:grid;place-items:center;background:#d5e4a2;color:var(--navy);height:34px;width:34px;border-radius:7px;font-size:1.5rem;letter-spacing:0}.top-label{font-size:.875rem;color:#b3b8a8}main{max-width:1350px;margin:auto;padding:50px max(3vw,24px) 0}.intro{margin-bottom:40px}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.14em;margin:0 0 15px;color:#b3b8a8}h1{font-size:clamp(2.1rem,4.3vw,3.65rem);font-weight:650;letter-spacing:-.045em;line-height:1.09;margin:0}h1 span{color:#bdc8a8}.lead{margin:20px 0 0;color:#b3b8a8;line-height:1.5}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:32px;align-items:start}.configuration{min-width:0}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}h2{font-size:1.125rem;margin:0;font-weight:650}.step{color:#a8b497;font-size:.875rem;font-weight:600}.hint{font-size:.875rem;color:#b3b8a8;margin-left:auto}fieldset{padding:0;border:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.base-card{position:relative;display:flex;flex-direction:column;min-height:168px;padding:20px 16px;border:1px solid var(--line);border-radius:12px;background:#1a2017;cursor:pointer;transition:border-color .15s,background .15s}.base-card:hover{border-color:#8f9e72}.base-card:has(input:checked){border:2px solid var(--teal);padding:19px 15px;background:#2c3523}.base-card:has(input:focus-visible){outline:3px solid #d5e4a2;outline-offset:3px}.base-card input{accent-color:var(--teal);width:19px;height:19px;margin:0 0 25px;cursor:pointer}.base-number{position:absolute;right:16px;top:21px;color:#adb89e;font-size:.75rem;font-weight:650}.base-name{font-size:1.0625rem;font-weight:650;margin-bottom:7px}.base-range{font-size:1rem;white-space:nowrap;color:#c4cfb3}.included-panel{margin-top:32px;border:1px solid var(--line);border-radius:12px;padding:24px;background:#1a2017}.badge{margin-left:auto;background:#303c24;color:#d5e4a2;border-radius:5px;font-size:.75rem;padding:5px 8px}.included-list{list-style:none;padding:0;margin:0}.included-list li{display:flex;align-items:center;gap:13px;padding:17px 0;border-top:1px solid #333d2b}.included-list li:last-child{padding-bottom:0}.item-check{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;background:#283020;color:var(--teal);border-radius:50%;font-size:.875rem}.item-name{font-weight:600;line-height:1.4}.item-detail{color:#b3b8a8;font-size:.875rem;margin-top:4px}.quantity{margin-left:auto;color:#bac5aa;font-size:.875rem;white-space:nowrap}.addons-panel{margin-top:30px;margin-bottom:32px}.empty{border:1px dashed #48523b;border-radius:10px;padding:22px;color:#b3b8a8;font-size:.9375rem;line-height:1.6;margin:0}.addon{display:flex;align-items:center;gap:12px;padding:15px;background:#1a2017;border:1px solid var(--line);border-radius:8px;margin-bottom:8px}.addon input{width:18px;height:18px;accent-color:var(--teal)}.summary{background:var(--navy);color:#fff;border-radius:16px;padding:26px;position:sticky;top:24px;box-shadow:0 12px 30px #00000020}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.summary .eyebrow{color:#b3b8a8;margin:0}.summary-icon{color:#d5e4a2;font-size:1.5rem}.summary h2{font-size:1.65rem;letter-spacing:-.02em}.chosen-base{border-bottom:1px solid #3c472f;padding:26px 0 20px}.chosen-base strong{font-size:1.125rem;display:block;margin-bottom:7px}.chosen-range{color:#d5e4a2;font-size:1.0625rem}.summary-list{list-style:none;padding:6px 0 10px;margin:0}.summary-list li{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;line-height:1.55;color:#d3dbc7;padding-top:14px}.summary-list small{font-size:.875rem;white-space:nowrap;color:#b7c3a4}.summary-actions{border-top:1px solid #3c472f;padding-top:24px}button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#d5e4a2;border:0;border-radius:8px;font-size:.875rem;font-weight:700;padding:16px;width:100%;color:#18200e;cursor:pointer}button:hover{background:#e5efc4}button:focus-visible{outline:3px solid #fff;outline-offset:4px}.summary-actions p{color:#b3b8a8;font-size:.875rem;line-height:1.55;margin:14px 0 0}#copy-status:empty{display:none}#copy-status{color:#d5e4a2}textarea{width:100%;min-height:180px;margin-top:16px;padding:12px;border-radius:6px;font-size:.875rem}footer{display:flex;justify-content:space-between;gap:16px;margin-top:35px;padding:24px 0 30px;border-top:1px solid var(--line);font-size:.75rem;color:#a0ac90}footer span:first-child{letter-spacing:.12em;font-weight:700}.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}@media(max-width:1080px){.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:22px}fieldset{grid-template-columns:1fr}.base-card{min-height:96px;padding:18px 18px 18px 52px}.base-card:has(input:checked){padding:17px 17px 17px 51px}.base-card input{position:absolute;left:17px;top:35px;margin:0}.base-number{top:20px}.base-range{white-space:normal}.base-name{padding-right:70px}}@media(max-width:700px){.topbar{height:auto;min-height:72px;padding:18px 20px;flex-wrap:wrap;gap:10px}.top-label{font-size:.75rem}main{padding:32px 20px 0}.intro{margin-bottom:30px}.workspace{grid-template-columns:1fr;gap:0}.summary{position:static;margin-top:0}.included-panel{padding:20px}.section-heading{gap:8px}.badge{margin-left:0}.hint{margin-left:auto}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.addon-group{display:block;margin:0 0 24px;min-width:0}.addon-group legend{font-size:.9375rem;font-weight:650;margin-bottom:12px;padding:0}.addon{cursor:pointer;min-height:56px}.addon input{flex-shrink:0}.addon:has(input:checked){border-color:var(--teal);background:#2c3523}.addon:has(input:focus-visible){outline:3px solid #d5e4a2;outline-offset:2px}.addon-name{display:block;font-size:.9375rem}.addon-detail{display:block;color:#b3b8a8;font-size:.875rem;margin-top:5px}.summary-list span{overflow-wrap:anywhere}


.equipment-icon{width:48px;height:48px;flex:0 0 48px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#303925;color:#bdcda5}.equipment-icon svg{width:32px;height:32px;stroke-width:1.6}.addon:has(input:checked) .equipment-icon{background:#3c492e;color:#d5e4a2}.summary-item-name{display:flex;gap:9px;align-items:flex-start;min-width:0}.equipment-icon-small{background:transparent;color:#c3d3a6;width:20px;height:23px;flex-basis:20px;border-radius:0}.equipment-icon-small svg{width:19px;height:19px;stroke-width:1.7}@media(max-width:400px){.equipment-icon{width:38px;height:42px;flex-basis:38px}.equipment-icon svg{width:27px;height:27px}.equipment-icon-small{width:18px;height:23px;flex-basis:18px}.equipment-icon-small svg{width:18px;height:18px}.addon{gap:9px;padding:12px}}


/* Shared TL Engineering identity. */
:root{font-family:Arial,'Segoe UI',sans-serif;color-scheme:dark}
.topbar{background:#10120e;border-bottom:1px solid var(--line);min-height:98px}
.brand{position:relative;width:220px;height:50px;overflow:hidden;flex-shrink:0}
.brand img{position:absolute;width:112%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
.base-card,.included-panel,.addon{border-radius:5px}
.summary{border:1px solid #4c593b;border-radius:6px;background:linear-gradient(150deg,#29331f,#181e14)}
.equipment-icon{border-radius:5px}.badge{border-radius:3px}button{border-radius:4px}
textarea{background:#13190f;color:#f4f5ed;border:1px solid var(--line)}
footer{color:#a0ac90}a:focus-visible{outline:2px solid #d5e4a2;outline-offset:5px}
@media(max-width:700px){.brand{width:190px;height:44px}.topbar{min-height:82px}}