:root{
  --bg:#040708;--bg2:#071012;--panel:#091214;--panel2:#0c1719;--line:#183033;
  --line-hot:rgba(47,230,200,.48);--teal:#2fe6c8;--teal2:#35f2d0;--cyan:#49bfff;
  --text:#edf7f4;--muted:#78928e;--dim:#526a66;--good:#61e6a7;--warn:#ffb454;--bad:#ff7474;
  --mono:'JetBrains Mono',monospace;--display:'Space Grotesk',sans-serif;--cut:12px;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:76px}body{min-height:100vh;background:radial-gradient(800px 440px at 8% -4%,rgba(47,230,200,.12),transparent 58%),radial-gradient(620px 420px at 98% 18%,rgba(73,191,255,.055),transparent 62%),#040708;color:var(--text);font-family:var(--display);line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(47,230,200,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(47,230,200,.018) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}[hidden]{display:none!important}
.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(47,230,200,.15);background:rgba(4,7,8,.9);backdrop-filter:blur(14px)}.topbar-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo img{width:34px;height:34px;object-fit:contain}.logo b{font:700 11px var(--mono);letter-spacing:.08em}.top-actions{display:flex;align-items:center;gap:8px}.top-link,.prototype{padding:7px 9px;border:1px solid rgba(47,230,200,.14);color:#87a49f;background:rgba(47,230,200,.025);font:700 7px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.top-link:hover{color:var(--teal);border-color:rgba(47,230,200,.4)}
.hero{position:relative;overflow:hidden;padding:clamp(48px,8vw,86px) 0 34px}.hero:after{content:"";position:absolute;right:-110px;top:30px;width:340px;height:340px;border:1px solid rgba(47,230,200,.06);transform:rotate(18deg);pointer-events:none}.eyebrow,.section-kicker,.panel-kicker{display:block;color:var(--teal);font:700 8px var(--mono);letter-spacing:.15em;text-transform:uppercase}.hero h1{max-width:900px;margin-top:12px;font-size:clamp(48px,9vw,92px);line-height:.91;letter-spacing:-.065em}.hero h1 span,.guided-head h2 span{color:var(--teal);text-shadow:0 0 24px rgba(47,230,200,.15)}.hero>p{max-width:680px;margin-top:22px;color:#91aaa5;font-size:clamp(14px,2vw,17px);line-height:1.72}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.btn{min-height:54px;padding:0 18px;border:1px solid #284044;background:#081012;color:#b8cac6;font:700 9px var(--mono);letter-spacing:.07em;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.btn span{margin-left:14px;color:var(--teal)}.hero-primary{border-color:rgba(47,230,200,.58);background:linear-gradient(105deg,#12352f,#0c1d1b 66%,#081012);box-shadow:inset 3px 0 0 var(--teal);color:#ecfffa}.btn:hover,.btn:focus-visible{border-color:var(--teal);outline:none;transform:translateY(-1px)}.notice{margin-top:22px;padding:12px 14px;border:1px solid rgba(47,230,200,.18);background:rgba(47,230,200,.035);color:#88a6a1;font:8px var(--mono);line-height:1.6}
.builder-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 34px}.builder-trust div{position:relative;padding:15px 16px;border:1px solid rgba(92,184,171,.15);background:linear-gradient(135deg,rgba(47,230,200,.045),rgba(7,16,18,.8));clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.builder-trust div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--teal)}.builder-trust b{display:block;font-size:11px;color:#d7e9e5}.builder-trust span{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.mode-shell{padding:10px 0 40px}.mode-shell>h2{max-width:700px;margin:8px 0 18px;font-size:clamp(28px,4.5vw,46px);line-height:1.04;letter-spacing:-.04em}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-card{position:relative;min-height:190px;padding:25px 68px 24px 22px;border:1px solid rgba(93,196,182,.2);background:radial-gradient(circle at 95% 0,rgba(47,230,200,.1),transparent 34%),linear-gradient(145deg,#0a1718,#061012 70%);color:var(--text);text-align:left;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:.18s ease}.mode-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#294043}.mode-card.primary{border-color:rgba(47,230,200,.38)}.mode-card:hover,.mode-card:focus-visible{transform:translateY(-2px);border-color:rgba(47,230,200,.55);outline:none}.mode-card:hover:before{background:var(--teal)}.mode-kicker{display:block;color:var(--teal);font:700 8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.mode-card strong{display:block;margin:10px 0 7px;font-size:clamp(24px,4vw,31px);letter-spacing:-.035em}.mode-card small{display:block;max-width:440px;color:#8ba39e;font-size:12px;line-height:1.65}.mode-arrow{position:absolute;right:20px;bottom:20px;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(47,230,200,.3);color:var(--teal);font:18px var(--mono)}
.panel{position:relative;border:1px solid rgba(47,230,200,.13);background:linear-gradient(145deg,rgba(47,230,200,.025),transparent 36%),linear-gradient(180deg,#0a1214,#081012);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));overflow:hidden}.panel:before{content:"";position:absolute;left:0;top:0;width:58px;height:2px;background:linear-gradient(90deg,var(--teal),transparent);z-index:2}.guided-panel{margin-bottom:42px}.guided-head{padding:34px 30px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 90% 0,rgba(47,230,200,.13),transparent 36%)}.guided-head h2{max-width:800px;margin-top:9px;font-size:clamp(31px,5vw,48px);line-height:1.04;letter-spacing:-.04em}.guided-head p{max-width:700px;margin-top:12px;color:#819994;font-size:14px;line-height:1.72}.guided-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:#061012}.guided-question{position:relative;padding:19px;border:1px solid rgba(94,190,177,.17);background:radial-gradient(circle at 100% 0,rgba(47,230,200,.04),transparent 36%),linear-gradient(145deg,#0a1517,#061012);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.guided-question.full,.guided-actions.full,.guided-error{grid-column:1/-1}.question-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}.question-number{display:grid;flex:0 0 30px;height:30px;place-items:center;border:1px solid rgba(47,230,200,.3);color:var(--teal);background:rgba(47,230,200,.04);font:700 8px var(--mono)}.question-head b{display:block;font-size:15px}.question-head small{display:block;margin-top:4px;color:#819994;font-size:10px;line-height:1.5}.choice-grid{display:grid;gap:7px}.choice-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.choice-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{position:relative;min-height:96px;padding:14px 12px;border:1px solid rgba(104,185,174,.17);background:linear-gradient(145deg,#0b1517,#061012);color:var(--text);text-align:left;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.choice-card strong{display:block;padding-right:18px;font-size:11px}.choice-card span{display:block;margin-top:5px;color:#708a85;font-size:9px;line-height:1.48}.choice-card:hover,.choice-card:focus-visible{border-color:rgba(47,230,200,.48);outline:none}.choice-card.active{border-color:rgba(47,230,200,.72);background:radial-gradient(circle at 95% 0,rgba(47,230,200,.14),transparent 38%),linear-gradient(145deg,rgba(47,230,200,.1),#071113 70%);box-shadow:inset 3px 0 0 var(--teal)}.choice-card.active:after{content:"✓";position:absolute;right:9px;top:8px;color:var(--teal);font:700 10px var(--mono)}.budget-display{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:3px 0 16px}.budget-display span{color:#738d88;font:700 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.budget-display output{color:var(--teal);font:700 clamp(28px,5vw,42px) var(--display);letter-spacing:-.04em}.budget-slider{width:100%;height:7px;border:0;border-radius:0;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,var(--teal) var(--budget-progress,22%),rgba(111,151,145,.2) var(--budget-progress,22%));outline:none}.budget-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:32px;border:5px solid #071012;background:var(--teal);box-shadow:0 0 0 1px var(--teal),0 0 24px rgba(47,230,200,.24);cursor:pointer}.budget-scale{display:flex;justify-content:space-between;margin-top:11px;color:#516965;font:7px var(--mono)}.guided-actions{display:flex;gap:8px;padding-top:2px}.flow-btn{flex:1;min-height:54px;padding:0 15px;border:1px solid rgba(47,230,200,.36);background:linear-gradient(105deg,rgba(47,230,200,.1),rgba(47,230,200,.025));color:var(--teal);font:700 9px var(--mono);letter-spacing:.07em;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.flow-btn.primary-action{background:linear-gradient(105deg,#1de0c1,#43f2d5);color:#02100d;border-color:#68f7df;box-shadow:0 12px 30px rgba(47,230,200,.1)}.flow-btn.secondary{border-color:#263d40;background:#071012;color:#839994}.flow-btn:disabled{opacity:.55;cursor:wait}.guided-error{padding:10px 12px;border-left:2px solid var(--bad);background:rgba(255,116,116,.04);color:#ff9d9d;font:8px var(--mono)}
.guided-result{padding:0 0 10px;background:#061012}.build-reveal{padding:28px 20px;border:1px solid rgba(47,230,200,.3);background:radial-gradient(500px 260px at 90% 0,rgba(47,230,200,.16),transparent 58%),linear-gradient(145deg,#0a191a,#050b0c)}.reveal-kicker{color:var(--teal);font:700 8px var(--mono);letter-spacing:.16em;text-transform:uppercase}.build-reveal h3{margin:10px 0;font-size:clamp(38px,8vw,64px);line-height:.94;letter-spacing:-.055em}.build-reveal h3 em{display:block;color:var(--teal);font-style:normal}.reveal-copy{max-width:740px;color:#a8bfba;font-size:14px;line-height:1.7}.reveal-price{margin-top:20px;padding-top:16px;border-top:1px solid rgba(47,230,200,.17)}.reveal-price span{display:block;color:#6e8883;font:700 7px var(--mono);text-transform:uppercase}.reveal-price strong{display:block;margin-top:5px;color:var(--teal);font-size:36px}.build-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.build-metric{padding:13px;border:1px solid rgba(100,180,169,.16);background:#071012}.build-metric span{display:block;color:#667e7a;font:700 7px var(--mono);text-transform:uppercase}.build-metric strong{display:block;margin-top:5px;font-size:15px}.build-metric small{display:block;margin-top:4px;color:#708984;font-size:8px}.build-verdict{margin:10px 0 14px;padding:14px;border-left:2px solid var(--teal);background:linear-gradient(90deg,rgba(47,230,200,.07),transparent);color:#b8cfca;font-size:11px;line-height:1.65}.guided-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.store-part{padding:15px;border:1px solid rgba(101,192,179,.18);background:radial-gradient(circle at 100% 0,rgba(47,230,200,.07),transparent 36%),linear-gradient(145deg,#0b1719,#061012);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.store-part.hero-part{grid-column:1/-1;border-color:rgba(47,230,200,.48);box-shadow:inset 3px 0 0 var(--teal)}.part-top{display:flex;justify-content:space-between;gap:8px}.part-label{color:#6f8984;font:700 7px var(--mono);text-transform:uppercase}.part-badge{display:block;margin-top:5px;color:var(--teal);font:700 7px var(--mono);text-transform:uppercase}.part-price{color:var(--teal);font:700 11px var(--mono);white-space:nowrap}.store-part h4{margin:11px 0 5px;font-size:19px;line-height:1.12}.part-hook{color:#e2f0ed;font-size:13px;font-weight:600}.part-story{margin-top:6px;color:#8fa6a1;font-size:11px;line-height:1.65}.part-specs{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.part-specs span{padding:5px 7px;border:1px solid rgba(100,180,169,.14);color:#89a19c;font:600 7px var(--mono)}.part-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.part-action{min-height:40px;border:1px solid rgba(47,230,200,.27);background:rgba(47,230,200,.04);color:#a8f8ea;font:700 7px var(--mono);text-transform:uppercase}.part-action.alt{border-color:rgba(120,155,150,.2);background:#071012;color:#819994}.part-why{margin-top:9px;padding:10px;border-left:2px solid rgba(73,191,255,.4);background:rgba(73,191,255,.025);color:#91aaa5;font-size:10px;line-height:1.6}.result-actions{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:7px;margin-top:12px}.result-actions .flow-btn{margin:0}.store-footnote{margin-top:10px;color:#526b66;font:8px var(--mono);line-height:1.55}
.product-media{position:relative;overflow:hidden;display:grid;place-items:center;min-height:150px;margin:12px 0 14px;border:1px solid rgba(88,185,171,.16);background:radial-gradient(circle at 50% 42%,rgba(47,230,200,.065),transparent 55%),linear-gradient(145deg,#0a1517,#050b0c);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.product-media img{display:block;width:100%;height:170px;object-fit:contain;object-position:center;padding:10px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.28));transition:transform .22s ease}.product-media:hover img{transform:scale(1.025)}.product-media.guided{min-height:190px}.product-media.guided img{height:210px;padding:14px}.product-media.guided-hero{min-height:270px;border-color:rgba(47,230,200,.3);background:radial-gradient(circle at 50% 45%,rgba(47,230,200,.13),transparent 52%),linear-gradient(145deg,#0d1c1e,#061012 72%)}.product-media.guided-hero img{height:300px;padding:16px}.media-fallback{display:none;place-items:center;gap:5px;min-height:135px;color:#607a75;text-align:center}.media-fallback b{color:#8ba29e;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.media-fallback small{font:7px var(--mono)}.product-media.no-media .media-fallback,.product-media.media-error .media-fallback{display:grid}.product-media.media-error img{display:none!important}
.layout{display:grid;grid-template-columns:220px minmax(0,1fr) 290px;gap:14px;align-items:start;padding-bottom:90px}.sticky{position:sticky;top:78px}.panel-head{padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(47,230,200,.03),transparent)}.panel-head h2{margin-top:5px;font-size:18px}.panel-head p{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.55}.steps{display:grid;gap:4px;padding:9px}.step{width:100%;display:flex;align-items:center;gap:10px;min-height:54px;padding:10px;border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.step:hover{background:rgba(255,255,255,.02)}.step.active{border-color:rgba(47,230,200,.28);background:linear-gradient(90deg,rgba(47,230,200,.09),transparent);box-shadow:inset 3px 0 0 var(--teal);color:var(--text)}.step-index{display:grid;flex:0 0 27px;height:27px;place-items:center;border:1px solid var(--line);color:#718985;font:700 8px var(--mono)}.step.complete .step-index{border-color:var(--teal);background:var(--teal);color:#03110f}.step-label{min-width:0}.step-label b{display:block;font-size:11px}.step-label small{display:block;margin-top:2px;overflow:hidden;color:#526a66;font:7px var(--mono);text-overflow:ellipsis;white-space:nowrap}.picker-profile{margin:10px;padding:11px;border-left:3px solid var(--teal);background:rgba(47,230,200,.04);color:#9fbab5;font:8px var(--mono);line-height:1.55}.picker-profile:before{content:"YOUR RECOMMENDED BUILD IS LOADED";display:block;margin-bottom:5px;color:var(--teal);font:700 7px var(--mono);letter-spacing:.1em}.catalogue-toolbar{display:flex;align-items:center;gap:8px;padding:11px;border-bottom:1px solid var(--line);background:rgba(4,10,11,.92);backdrop-filter:blur(12px)}.search-shell{display:flex;align-items:center;gap:7px;min-width:0;flex:1;padding:0 11px;border:1px solid #1b3437;background:#071012}.search-shell>span{color:#66807b}.search{width:100%;min-width:0;height:43px;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.search::placeholder{color:#49615d}.toggle{display:flex;align-items:center;gap:7px;min-height:43px;padding:0 10px;border:1px solid #1b3033;background:#081012;color:var(--muted);font:8px var(--mono);white-space:nowrap}.toggle input{width:15px;height:15px;accent-color:var(--teal)}.category-head{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:18px 16px 9px}.category-head h2{margin-top:4px;font-size:25px;letter-spacing:-.03em}#product-count{color:var(--muted);font:8px var(--mono)}.products{display:grid;gap:10px;padding:10px 12px 16px}.resource-note{padding:11px 12px;border:1px solid #1b302e;background:#081210;color:#91aaa6;font:8px var(--mono);line-height:1.55}.resource-note.good{border-color:rgba(83,224,154,.25);color:#9bd6cc}.product{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:15px;padding:16px;border:1px solid rgba(96,180,169,.16);background:radial-gradient(circle at 100% 0,rgba(73,191,255,.03),transparent 32%),linear-gradient(145deg,#0a1517,#061012 72%);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:.16s ease}.product:before{content:"";position:absolute;left:0;top:0;width:34px;height:2px;background:#253e41}.product:hover{transform:translateY(-2px);border-color:rgba(47,230,200,.37)}.product:hover:before{width:76px;background:var(--teal)}.product.selected{border-color:rgba(47,230,200,.5);box-shadow:inset 3px 0 0 rgba(47,230,200,.7)}.product.incompatible{opacity:.52}.product-main{min-width:0}.product .product-media.catalogue{min-height:125px;margin:0 0 13px}.product .product-media.catalogue img{height:145px;padding:7px}.product-brand{color:var(--teal);font:700 7px var(--mono);letter-spacing:.09em;text-transform:uppercase}.product h3{margin-top:5px;font-size:clamp(16px,2vw,19px);line-height:1.25;letter-spacing:-.02em}.product-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.meta{padding:4px 6px;border:1px solid rgba(104,176,166,.13);background:rgba(5,13,14,.75);color:#728b87;font:7px var(--mono)}.product-pitch{grid-column:1/-1;padding:11px 12px;border-left:2px solid rgba(47,230,200,.52);background:linear-gradient(90deg,rgba(47,230,200,.05),transparent);color:#a8bfba;font-size:10.5px;line-height:1.6}.product-pitch b{color:#e8f7f3}.product-warning,.product-error,.product-unknown{margin-top:8px;font:7.5px var(--mono);line-height:1.5}.product-warning{color:var(--warn)}.product-error{color:var(--bad)}.product-unknown{color:#9eb6ff}.product-side{display:flex;min-width:0;flex-direction:column;align-items:flex-end}.price{color:var(--teal);font:700 19px var(--mono);letter-spacing:-.02em;text-align:right}.supplier{margin-top:4px;color:#617b77;font:7px var(--mono);text-align:right;line-height:1.45}.select-btn{width:100%;min-height:43px;margin-top:auto;padding:9px;border:1px solid rgba(47,230,200,.38);background:linear-gradient(110deg,rgba(47,230,200,.09),transparent);color:var(--teal);font:700 8px var(--mono);text-transform:uppercase}.select-btn:hover:not(:disabled){background:var(--teal);color:#03110f}.select-btn:disabled{opacity:.38;cursor:not-allowed}.qty-wrap{width:100%;margin-top:auto}.qty-label{margin-bottom:6px;color:#78928e;font:7px var(--mono);text-align:right}.qty-control{display:grid;grid-template-columns:38px 1fr 38px;gap:5px}.qty-control button,.qty-control span{display:grid;height:38px;place-items:center;border:1px solid rgba(47,230,200,.28);background:#081012;color:var(--teal);font:700 14px var(--mono)}.qty-control span{color:var(--text);font-size:9px}.limit-note{margin-top:6px;color:var(--bad);font:7px var(--mono);line-height:1.45}.empty{padding:42px 18px;color:var(--muted);text-align:center;font:9px var(--mono)}
.summary{padding-bottom:12px}.build-list{padding:8px 12px}.build-item,.build-group{padding:10px 3px;border-bottom:1px solid #162426}.build-item>div{width:100%}.build-item span,.build-group summary span{color:var(--muted);font:7px var(--mono);text-transform:uppercase}.build-item b,.build-group summary b{display:block;margin-top:2px;color:var(--text);font-size:9px;text-align:right}.build-group summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;cursor:pointer;list-style:none}.build-group summary::-webkit-details-marker{display:none}.build-details{margin-top:8px;padding-top:7px;border-top:1px dashed #1b2b2d}.build-detail-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:4px 0}.build-detail-row span{color:#9eb2ae;text-transform:none}.build-detail-row b{color:#69827e}.build-price{margin-top:3px;color:#69827e;font:7px var(--mono);text-align:right}.total{display:flex;justify-content:space-between;align-items:center;margin:5px 12px 0;padding:15px 3px;border-top:1px solid rgba(47,230,200,.15);border-bottom:1px solid var(--line)}.total span{color:var(--muted);font:8px var(--mono);text-transform:uppercase}.total strong{color:var(--teal);font:700 23px var(--mono)}.power{margin:12px;padding:12px;border:1px solid rgba(47,230,200,.18);background:linear-gradient(rgba(47,230,200,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(47,230,200,.02) 1px,transparent 1px),#07110f;background-size:16px 16px,16px 16px,auto}.power-title{color:var(--teal);font:700 7px var(--mono);text-transform:uppercase}.power-grid{display:grid;grid-template-columns:1fr auto;gap:5px 9px;margin-top:8px;color:#738c88;font:8px var(--mono)}.power-grid strong{color:#c7d8d5}.report{display:grid;gap:6px;padding:0 12px}.report-item{padding:9px;border:1px solid #1a292a;font:7.5px var(--mono);line-height:1.5}.report-item.good{border-color:rgba(83,224,154,.22);color:var(--good);box-shadow:inset 2px 0 0 rgba(83,224,154,.45)}.report-item.warn{border-color:rgba(255,180,84,.22);color:var(--warn);box-shadow:inset 2px 0 0 rgba(255,180,84,.48)}.report-item.bad{border-color:rgba(255,107,107,.24);color:var(--bad);box-shadow:inset 2px 0 0 rgba(255,107,107,.48)}.report-item.unknown{border-color:rgba(126,164,255,.24);color:#9eb6ff;box-shadow:inset 2px 0 0 rgba(126,164,255,.48)}.diagnostic-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.diagnostic-action{padding:6px 7px;border:1px solid currentColor;background:transparent;color:inherit;font:700 7px var(--mono);text-transform:uppercase}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}.summary-action,.clear{min-height:43px;padding:9px;border:1px solid #21383b;background:#091113;color:#89a19d;font:700 7px var(--mono);text-transform:uppercase}.summary-action.primary{border-color:rgba(47,230,200,.34);color:var(--teal);box-shadow:inset 2px 0 0 rgba(47,230,200,.5)}.clear{width:calc(100% - 24px);margin:0 12px;color:#718985}.mobile-buildbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid rgba(47,230,200,.34);background:rgba(4,9,10,.95);backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.mobile-buildbar div span{display:block;color:#6c8681;font:7px var(--mono)}.mobile-buildbar div strong{display:block;color:var(--teal);font:700 16px var(--mono)}.mobile-buildbar button{min-height:38px;padding:0 13px;border:1px solid rgba(47,230,200,.35);background:rgba(47,230,200,.08);color:var(--teal);font:700 7px var(--mono);text-transform:uppercase}
@media(max-width:980px){.layout{grid-template-columns:190px minmax(0,1fr)}.summary{grid-column:1/-1;position:static}.build-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.guided-parts{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.choice-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:min(100% - 24px,1180px)}.topbar-inner{min-height:61px}.logo b{font-size:9px}.prototype{display:none}.top-link{font-size:6.5px}.hero{padding:40px 0 25px}.hero h1{font-size:clamp(45px,14vw,64px)}.hero>p{font-size:13px}.hero-actions{display:grid}.hero-actions .btn{width:100%;text-align:left}.builder-trust{grid-template-columns:1fr}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:164px;padding:22px 60px 20px 18px}.guided-head{padding:28px 18px}.guided-form{grid-template-columns:1fr;padding:8px}.guided-question,.guided-question.full,.guided-actions.full,.guided-error{grid-column:1}.choice-grid-5,.choice-grid-4,.choice-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.guided-actions{flex-direction:column}.build-dashboard,.guided-parts,.result-actions,.part-actions{grid-template-columns:1fr}.store-part.hero-part{grid-column:1}.product-media.guided-hero{min-height:210px}.product-media.guided-hero img{height:235px}.layout{display:block;padding-bottom:92px}.sticky{position:static}.steps-panel{margin-bottom:10px}.steps{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:10px 11px 12px;scrollbar-width:none}.steps::-webkit-scrollbar{display:none}.step{flex:0 0 145px;width:145px;min-width:145px;scroll-snap-align:start}.step-label small{white-space:normal;line-height:1.3}.catalogue{margin-bottom:10px}.catalogue-toolbar{position:static;align-items:stretch;flex-direction:column}.category-head h2{font-size:24px}.product{grid-template-columns:1fr;padding:14px 12px}.product-side{display:grid;grid-template-columns:1fr;align-items:stretch}.price,.supplier{text-align:left}.select-btn{margin-top:12px}.qty-label{text-align:left}.build-list{display:block}.summary{margin-top:10px}.mobile-buildbar:not([hidden]){display:flex}}
@media(min-width:701px){.mobile-buildbar{display:none!important}}
@media(max-width:390px){.choice-grid-5,.choice-grid-4,.choice-grid-2{grid-template-columns:1fr 1fr}.choice-card strong{font-size:10px}.hero h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
