@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#0b111d;--surface:#111a29;--surface2:#162235;--border:#253147;--text:#e8eef7;--muted:#8190a6;--accent:#70dfc3;--blue:#7eafff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.banner{height:164px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 0,#17435a 0,transparent 65%),linear-gradient(120deg,#0a1424,#111b2b);border-bottom:1px solid #3e6b70}.banner-inner{height:100%;max-width:1400px;margin:auto;padding:0 28px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:16px;align-items:center}.brand-mark{font:800 71px/.9 'Barlow Condensed';color:var(--accent);letter-spacing:-7px;filter:drop-shadow(0 4px 16px #0007)}.brand-mark span{font-size:53px}.brand-name{font:800 36px/.93 'Barlow Condensed';letter-spacing:1px;text-shadow:0 2px 10px #000}.brand-name>span{display:block;color:#d5dfef;font-size:30px;letter-spacing:.8px;margin-top:6px}.banner-note{font-size:10px;letter-spacing:2px;color:#b5d5d9;text-align:right;text-shadow:0 2px 8px #000}.banner-note p{font-size:12px;letter-spacing:0;color:#9db4c6;margin:12px 0 0}.dot{width:5px;height:5px;background:var(--accent);border-radius:100%;display:inline-block;margin-right:5px}.skyline{position:absolute;left:32%;bottom:0;width:65%;height:145px;opacity:.7;pointer-events:none}.workspace{max-width:1400px;margin:auto;padding:0 28px}.toolbar{display:flex;gap:8px;align-items:center;padding:15px 0 10px}.search{flex:1;min-width:80px;display:flex;gap:10px;align-items:center;background:#111b2c;border:1px solid #334157;border-radius:6px;padding:0 12px;height:42px}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #70dfc310}.search svg{width:17px;height:17px;stroke:#8190a6;stroke-width:1.6;fill:none}.search input{flex:1;width:100%;min-width:0;border:0;background:none;color:var(--text);outline:none;font-size:12px}.search input::placeholder{color:#6d7e96}.search button{background:none;border:0;color:var(--muted);font-size:20px;padding:0 4px}.search kbd{font-size:10px;color:#69798f;border:1px solid #354054;padding:2px 5px;border-radius:3px}.tool-button{height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #334157;background:#131e30;border-radius:6px;padding:0 15px;font-size:11px;white-space:nowrap}.tool-button:hover{border-color:var(--accent)}.tool-button>span{font-size:16px;color:var(--accent)}.quote-button{background:#193b37;border-color:#31594e;color:#a6f4de}.quote-button b{background:#70dfc3;color:#102923;border-radius:4px;font-size:10px;min-width:18px;padding:3px 5px}.tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:thin;scrollbar-color:#334157 transparent}.tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#8c9db3;font-size:12px;font-weight:600;white-space:nowrap;padding:17px 15px 16px}.tabs button:first-child{padding-left:7px}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--text)}.tabs button span{font-size:9px;margin-left:6px;color:#64758c}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 0 14px;gap:20px}.list-heading>div:first-child{display:flex;align-items:center;gap:12px}h1{margin:0;font-size:16px;font-weight:600;letter-spacing:-.3px}#count{font-size:10px;color:var(--muted);padding:4px 7px;background:#141f31;border-radius:4px}.view-controls{display:flex;gap:10px;align-items:center}.view-controls label{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:8px}.view-controls select,.view-controls button{border:1px solid var(--border);color:#b7c5d7;background:#111b2c;border-radius:5px;font-size:10px;padding:8px 10px}.list-note{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);padding-bottom:18px}.note-dot{width:4px;height:4px;background:#667a98;border-radius:100%}.updated{margin-left:auto;color:#64768f}.column-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:#62748d;padding:0 18px 10px}.column-head span:last-child{padding-right:38px}.device-list{display:flex;flex-direction:column;gap:7px}.device{border:1px solid #28364d;border-radius:7px;overflow:hidden;background:linear-gradient(105deg,#121d2e,#101a29);transition:border-color .16s,background .16s}.device:hover{border-color:#436477}.row{width:100%;border:0;background:none;display:flex;align-items:center;gap:14px;padding:14px 17px;text-align:left;min-height:64px}.device-icon{width:27px;height:33px;display:flex;align-items:center;justify-content:center;position:relative;color:#7c99ad;font-size:18px;opacity:.8}.device-icon:before{content:'';width:15px;height:25px;border:1px solid currentColor;border-radius:4px;position:absolute}.device-icon:after{content:'';position:absolute;width:5px;height:1px;top:7px;background:currentColor}.device-text{flex:1;min-width:0}.device-name{font-weight:600;font-size:14px;line-height:1.5;display:block}.device-meta{display:block;color:#73869f;font-size:10px;margin-top:2px}.badge{font-size:9px;color:#8db5dd;border:1px solid #304963;border-radius:4px;padding:4px 6px;white-space:nowrap}.device-price{color:var(--accent);font:700 24px 'Barlow Condensed';letter-spacing:.2px;min-width:90px;text-align:right;white-space:nowrap}.device-price small{font:9px 'DM Sans';color:#647e89;margin-left:4px}.chevron{font-size:18px;color:#65758d;width:16px;text-align:right;transition:transform .2s}.device.open .chevron{transform:rotate(90deg)}.device.open{border-color:#487d79}.device-details{border-top:1px solid #29394c;background:#0f1928;padding:18px 20px 20px 60px;display:flex;align-items:center;gap:30px}.details-copy{flex:1;font-size:11px;line-height:1.8;color:#8a9eb7}.details-copy b{display:block;color:#c3d0df;font-size:12px;font-weight:500;margin-bottom:4px}.details-copy .source-note{color:#647a93;font-size:10px}.add{border:1px solid #63c4aa;background:#70dfc3;color:#11382d;padding:11px 16px;border-radius:5px;font-size:11px;font-weight:700;white-space:nowrap}.quick-text{font-size:10px;color:#8eb9b0;border-bottom:1px solid #42645c;padding-bottom:3px;white-space:nowrap}.list-footer{padding:22px 0;display:flex;justify-content:space-between;font-size:10px;color:#6d829b}.list-footer a{color:#9cccbf}.pricing-info{border-top:1px solid var(--border);padding:18px 0 20px;font-size:11px;color:#7c8da6}.pricing-info summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none}.pricing-info p{font-size:11px;color:#6e819b;line-height:1.8;max-width:920px}.empty{padding:60px;text-align:center;border:1px dashed var(--border);border-radius:8px;color:var(--muted)}.empty>span{font-size:30px}.empty h2{font-size:17px;color:#c6d2e4;margin:15px}.empty p{font-size:12px}.empty a{font-size:12px;color:var(--accent);display:inline-block;margin-top:15px}footer{padding:20px 0 30px;border-top:1px solid #1d293d;display:flex;justify-content:space-between;color:#5f738d;font-size:9px;letter-spacing:.5px}footer i{margin:0 8px;font-style:normal;color:#3d536c}footer a{color:#8da6be}dialog{width:min(500px,93vw);max-height:90vh;border:1px solid #34535c;border-radius:12px;background:#111c2c;color:var(--text);padding:26px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#040b17bb;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.eyebrow{font-size:8px;letter-spacing:1.4px;color:var(--accent)}dialog h2{font-size:22px;letter-spacing:-.5px;margin:10px 0}dialog h2 span{color:#729b93;font-size:14px}.close{background:none;border:0;color:#859bb4;font-size:26px;line-height:1}.dialog-intro,.dialog-foot{font-size:11px;color:#7e92ad;line-height:1.7}.basket-item{padding:15px 0;border-bottom:1px solid #2a394e;display:flex;gap:12px;align-items:center}.basket-item>div{flex:1}.basket-item h3{font-size:12px;margin:0 0 5px;font-weight:500}.basket-item small{color:#748ba5;font-size:9px}.basket-item strong{font-size:13px;color:var(--accent);display:block;margin-top:7px}.qty{display:flex;align-items:center;gap:10px}.qty button{border:1px solid #3c4e66;background:#1a293d;border-radius:4px;width:25px;height:25px}.qty span{font-size:12px}.remove{background:none;border:0;color:#7c91aa;font-size:17px}.basket-total{display:flex;justify-content:space-between;align-items:center;margin:22px 0;font-size:12px;color:#97aabe}.basket-total strong{font:700 30px 'Barlow Condensed';color:var(--accent)}.message-label{font-size:10px;color:#8da2bb}textarea{display:block;width:100%;border:1px solid #314359;border-radius:5px;background:#0c1624;color:var(--text);padding:12px;min-height:75px;margin:10px 0 17px;font-size:11px;resize:vertical}.send{display:block;text-align:center;border-radius:5px;background:var(--accent);color:#12392e;padding:14px;font-size:12px;font-weight:700}.send[aria-disabled=true]{opacity:.4;pointer-events:none}#basketEmpty{font-size:12px;color:#8398b1;padding:25px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#1e4e42;border:1px solid #499a80;color:#c9f6e6;border-radius:7px;padding:12px 20px;font-size:12px;box-shadow:0 10px 40px #0005;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.banner{height:175px}}@media(max-width:900px){.workspace{padding:0 18px}.banner-inner{padding:0 22px}.tool-button{padding:0 11px}.tool-button.text{display:none}.badge{display:none}.tabs button{padding-left:12px;padding-right:12px}.device-details{gap:15px;padding-left:20px}.view-controls label{font-size:0}.view-controls select{font-size:10px}.banner-note{font-size:8px}.banner-note p{font-size:10px}.brand-name{font-size:32px}.brand-name>span{font-size:27px}}@media(max-width:600px){.banner{height:125px}.brand-mark{font-size:58px}.brand-mark span{font-size:40px}.brand-name{font-size:27px}.brand-name>span{font-size:23px}.brand{gap:11px}.banner-note{display:none}.skyline{left:22%;width:100%;height:100px;opacity:.45}.banner-inner{padding:0 18px}.workspace{padding:0 10px}.toolbar{flex-wrap:wrap;gap:6px;padding-top:10px}.search{flex-basis:calc(100% - 92px);height:39px}.search kbd{display:none}.quote-button{width:86px;padding:0 7px;font-size:10px;height:39px;gap:5px}.tool-button.call{display:none}.search input{font-size:11px}.tabs{gap:0}.tabs button{font-size:11px;padding:15px 12px 13px}.tabs button span{display:none}.list-heading{padding:16px 3px 12px;align-items:start;gap:10px;flex-wrap:wrap}.list-heading>div:first-child{gap:8px}h1{font-size:14px}#count{font-size:9px}.view-controls{margin-left:auto;gap:5px}.view-controls select,.view-controls button{font-size:9px;padding:7px 5px;max-width:140px}.list-note{padding:0 3px 14px;font-size:8px;gap:5px}.updated{font-size:8px}.column-head{font-size:8px;padding:0 11px 8px}.column-head span:last-child{padding-right:19px}.device-list{gap:6px}.row{padding:12px 11px;gap:8px;min-height:65px}.device-icon{display:none}.device-name{font-size:12px}.device-meta{font-size:9px;line-height:1.5;max-width:210px}.device-price{font-size:21px;min-width:65px}.device-price small{display:none}.chevron{font-size:16px;width:11px}.device-details{padding:14px 12px;gap:12px;flex-wrap:wrap}.details-copy{flex-basis:100%;font-size:10px}.add{font-size:10px;padding:10px 13px}.quick-text{font-size:10px}.list-footer{font-size:9px;gap:20px;padding:20px 3px}.list-footer a{text-align:right}.pricing-info{padding:17px 3px;font-size:10px}.pricing-info p{font-size:10px}footer{font-size:8px;padding:18px 3px 25px}.empty{padding:35px 15px}dialog{padding:21px}.dialog-heading h2{font-size:20px}.basket-item{gap:8px}.qty{gap:6px}.basket-item h3{font-size:11px}.qty button{width:23px;height:23px}#toast{width:max-content;max-width:90vw;text-align:center;font-size:11px}.brand-mark{letter-spacing:-6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.brand-logo{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 16px #0004)}@media(max-width:600px){.brand-logo{width:58px;height:58px}}

.banner{height:190px;background:linear-gradient(90deg,#000 0%,#030709 30%,#0b1d22 100%)}.brand-logo{width:210px;height:188px;object-fit:contain;filter:none}.banner-inner{padding-left:18px}.skyline{opacity:.35}@media(max-width:600px){.banner{height:150px}.brand-logo{width:165px;height:148px}.banner-inner{padding-left:10px}}
.banner{height:235px;background:radial-gradient(ellipse at 75% 50%,#17506455,transparent 60%),linear-gradient(110deg,#000 0%,#03090e 30%,#071c2d 65%,#10192d);isolation:isolate;--city-x:0px;--city-y:0px}.banner-inner{pointer-events:none}.banner-inner a{pointer-events:auto}.brand-logo{height:225px;width:248px}.banner-note{align-self:flex-start;margin-top:35px;text-shadow:0 2px 9px #000}.banner-note p{color:#9fb5c8}.city-scene{position:absolute;inset:0;overflow:hidden;z-index:-1;mask-image:linear-gradient(90deg,transparent 14%,#000 33%);-webkit-mask-image:linear-gradient(90deg,transparent 14%,#000 33%)}.city-layer{position:absolute;inset:auto -25px -1px -25px;width:calc(100% + 50px);height:270px;object-fit:cover;object-position:center bottom;transition:transform .7s ease-out;will-change:transform}.city-distant{opacity:.45;filter:blur(.5px);transform:translate(calc(var(--city-x)*.2),calc(var(--city-y)*.2))}.city-middle{opacity:.75;transform:translate(calc(var(--city-x)*.5),calc(var(--city-y)*.5))}.city-foreground{transform:translate(var(--city-x),var(--city-y));filter:drop-shadow(-10px 5px 10px #0008)}.city-haze{position:absolute;width:70%;height:70%;right:2%;bottom:-10%;background:radial-gradient(ellipse,#3e9b9e35,transparent 65%);filter:blur(20px)}.city-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 43% 15%,#c1d9e8 0 .6px,transparent 1px),radial-gradient(circle at 60% 9%,#bad4ed 0 .6px,transparent 1px),radial-gradient(circle at 82% 19%,#b7d3ee 0 .7px,transparent 1px),radial-gradient(circle at 91% 5%,#d2e9ff 0 .6px,transparent 1px),radial-gradient(circle at 72% 26%,#b0c6d8 0 .5px,transparent 1px)}.city-road{position:absolute;bottom:0;left:25%;right:0;height:8px;background:linear-gradient(180deg,#193642,#09151d);border-top:1px solid #69beaa60;box-shadow:0 -4px 20px #70dfc315}.city-light{position:absolute;bottom:3px;left:34%;width:80px;height:1px;background:linear-gradient(90deg,transparent,#d6fae7,#70e5bd);box-shadow:0 0 6px #8df7cd;animation:cityTraffic 12s linear infinite;opacity:.7}.light-two{animation-delay:-6s;animation-duration:17s;background:linear-gradient(90deg,transparent,#ffb3ba)}.city-motion{position:absolute;z-index:4;right:18px;bottom:18px;background:#0d2033b0;border:1px solid #466478;color:#98c9d0;border-radius:5px;width:26px;height:25px;font-size:10px}.city-paused .city-light{animation-play-state:paused}.city-paused .city-layer{transform:none}@keyframes cityTraffic{0%{transform:translateX(-30px);opacity:0}10%{opacity:.7}90%{opacity:.7}100%{transform:translateX(900px);opacity:0}}@media(max-width:600px){.banner{height:175px}.brand-logo{width:185px;height:170px}.city-layer{width:calc(180% + 40px);left:-10%;height:200px;object-fit:cover}.city-scene{mask-image:linear-gradient(90deg,transparent 28%,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent 28%,#000 65%)}.city-motion{right:10px;bottom:12px;width:23px;height:22px}.banner-inner{padding-left:4px}.city-road{left:35%}}@media(prefers-reduced-motion:reduce){.city-light{animation:none}.city-layer{transition:none}}

.banner{height:225px;background:#000}.skyline-photo{position:absolute;inset:0;z-index:-1;background-image:url(houston-skyline.jpg);background-size:cover;background-position:center 54%;filter:brightness(1.55) saturate(.9)}.skyline-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000e 16%,#0004 33%,transparent 55%)}.banner-note{background:#0006;padding:10px 14px;border-radius:4px}.brand-logo{height:220px;width:242px}.photo-credit{max-width:1400px;margin:0 auto;padding:0 28px 20px;font-size:9px;color:#60738b}.photo-credit a{text-decoration:underline}@media(max-width:600px){.banner{height:170px}.brand-logo{width:180px;height:168px}.skyline-photo{background-position:66% center;background-size:auto 100%}.skyline-photo:after{background:linear-gradient(90deg,#000 0%,#000d 30%,transparent 75%)}.photo-credit{font-size:8px;padding:0 13px 18px}}