@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";:root{--black:#0d0f0d;--black-2:#151814;--black-3:#22251f;--bone:#e7e5dc;--bone-2:#f2f0e7;--lime:#c8ff36;--orange:#ff5a2a;--gray:#8e9288;--line-dark:#3b3f37;--line-light:#b9b9b0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--black);margin:0;font-family:Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.topbar{z-index:20;height:72px;color:var(--bone-2);border-bottom:1px solid var(--line-dark);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0f0df5;justify-content:space-between;align-items:center;padding:0 3.2vw;display:flex;position:sticky;top:0}.brand{letter-spacing:.09em;align-items:center;gap:12px;font:700 14px Space Mono,monospace;display:flex}.brand-sigil{color:var(--lime);font-size:23px;display:inline-block;transform:rotate(90deg)}nav{letter-spacing:.1em;align-items:center;gap:30px;font:700 10px Space Mono,monospace;display:flex}nav>a{transition:color .18s}nav>a:hover{color:var(--lime)}.language-select{color:var(--bone-2);cursor:pointer;background:#171a16;border:1px solid #4c5048;border-radius:0;padding:8px 26px 8px 9px;font:700 10px Space Mono,monospace}.outline-button{letter-spacing:.03em;border:1px solid #62665c;padding:11px 16px;font-family:Noto Sans TC,sans-serif;font-size:12px}.outline-button:hover{border-color:var(--lime)}.hero{min-height:calc(100svh - 72px);color:var(--bone-2);isolation:isolate;background-color:var(--black);background-image:linear-gradient(90deg,#070806fc 0%,#070806e6 39%,#07080633 78%),linear-gradient(#0000 52%,#070806f5),url(/hero-assembly.png);background-position:50%;background-size:cover;align-items:center;padding:clamp(100px,12vh,150px) max(6vw,40px) 110px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background-image:linear-gradient(#c8ff360f 1px,#0000 1px),linear-gradient(90deg,#c8ff360f 1px,#0000 1px);background-size:88px 88px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.hero:after{content:"+";color:var(--lime);font:400 34px Space Mono,monospace;position:absolute;top:18%;right:7vw}.hero-inner{z-index:2;width:min(1120px,100%);position:relative}.eyebrow,.section-kicker{color:#6e7400;letter-spacing:.17em;margin:0;font:700 10px Space Mono,monospace}.eyebrow{color:var(--lime)}.eyebrow span{border:1px solid;place-items:center;width:27px;height:27px;margin-right:11px;display:inline-grid}h1{letter-spacing:-.07em;max-width:1050px;margin:30px 0 28px;font-size:clamp(57px,7.6vw,116px);font-weight:800;line-height:.94}h1 em{color:var(--lime);font-style:normal}.hero-copy{color:#c3c5bd;max-width:610px;margin:0;font-size:16px;line-height:1.85}.search-shell{background:#0d0f0de0;border:1px solid #858980;align-items:center;width:min(720px,100%);margin-top:38px;padding:6px 6px 6px 20px;display:flex}.search-shell>span{color:var(--lime);font:28px Space Mono,monospace}.search-shell input{min-width:0;color:var(--bone-2);background:0 0;border:0;outline:0;flex:1;padding:14px}.search-shell input::placeholder{color:#92968d}.search-shell:focus-within{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.search-shell button,.join-section form button{background:var(--lime);color:var(--black);cursor:pointer;border:0;padding:14px 30px;font-weight:800}.search-shell button:hover,.join-section form button:hover{background:var(--bone-2)}.quick-links{color:#777b73;letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font:10px Space Mono,monospace;display:flex}.quick-links button{color:#bbbdb5;cursor:pointer;background:0 0;border:1px solid #4b4f47;padding:6px 10px}.quick-links button:hover{color:var(--lime);border-color:var(--lime)}.hero-readout{z-index:2;color:#989b93;letter-spacing:.1em;gap:25px;font:9px Space Mono,monospace;display:flex;position:absolute;bottom:28px;right:3vw}.trust-strip{min-height:116px;color:var(--black);background:var(--lime);border-top:1px solid var(--black);grid-template-columns:repeat(3,auto) 1fr;align-items:stretch;padding:0 max(5vw,32px);display:grid}.trust-strip div{border-right:1px solid #0d0f0d47;flex-direction:column;justify-content:center;min-width:190px;padding:24px 28px 24px 0;display:flex}.trust-strip div+div{padding-left:28px}.trust-strip strong{font:700 28px/1 Space Mono,monospace}.trust-strip span{letter-spacing:.08em;margin-top:8px;font:700 9px Space Mono,monospace}.trust-strip p{letter-spacing:.08em;place-self:center end;max-width:305px;margin:0;font:700 9px/1.7 Space Mono,monospace}.category-preview,.sourcing-brief,.supplier-section{padding:104px max(5vw,32px) 116px}.category-preview{background:var(--bone)}.section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:42px;display:flex}.section-heading h2{letter-spacing:-.055em;margin:10px 0 0;font-size:clamp(36px,4.2vw,64px);font-weight:800;line-height:1.05}.text-button{color:var(--black);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 7px;font:700 11px Space Mono,monospace}.category-grid{border-top:1px solid var(--black);border-left:1px solid var(--black);grid-template-columns:repeat(3,1fr);display:grid}.category-card{text-align:left;border:0;border-right:1px solid var(--black);border-bottom:1px solid var(--black);cursor:pointer;background:0 0;min-height:230px;padding:28px;transition:background .2s,color .2s;position:relative}.category-card:hover{color:var(--bone-2);background:var(--black)}.category-icon{color:#666a62;letter-spacing:.1em;font:700 11px Space Mono,monospace;display:block}.category-card:hover .category-icon{color:var(--lime)}.category-card h3{max-width:240px;margin:76px 0 8px;font-size:20px}.category-card p{color:#6f736b;letter-spacing:.08em;margin:0;font:10px Space Mono,monospace}.category-card:hover p{color:#aeb1a8}.arrow{font-size:25px;position:absolute;top:22px;right:27px}.sourcing-brief{color:var(--black);background:var(--bone-2);border-top:1px solid var(--black)}.sourcing-brief .section-kicker{color:#687000}.brief-note{color:#656960;max-width:360px;margin:0 0 7px;font-size:12px;line-height:1.7}.research-sources{flex-wrap:wrap;align-items:center;gap:8px;margin:-12px 0 34px;display:flex}.research-sources span{color:#6a6e66;letter-spacing:.1em;text-transform:uppercase;margin-right:4px;font:700 9px Space Mono,monospace}.research-sources b{border:1px solid var(--line-light);padding:7px 9px;font-size:10px;font-weight:700}.need-list{border-top:1px solid var(--black);border-left:1px solid var(--black);grid-template-columns:repeat(3,1fr);display:grid}.need-list span{border-right:1px solid var(--black);border-bottom:1px solid var(--black);align-items:center;gap:15px;min-height:78px;padding:18px;font-size:14px;font-weight:700;display:flex}.need-list b{color:#6d7200;font:700 9px Space Mono,monospace}.qa-grid{border-top:1px solid var(--line-light);border-left:1px solid var(--line-light);grid-template-columns:repeat(3,1fr);margin-top:42px;display:grid}.qa-grid article{border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light);min-height:190px;padding:22px}.qa-grid article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.qa-grid h3{margin:0;font-size:18px}.qa-grid article span{letter-spacing:.06em;white-space:nowrap;padding:5px 8px;font-size:9px;font-weight:800}.qa-ready{color:var(--black);background:var(--lime)}.qa-check{color:var(--bone-2);background:var(--black-3)}.qa-grid p{color:#5d6259;margin:45px 0 0;font-size:12px;line-height:1.8}.supplier-section{color:var(--bone-2);background:var(--black);border-top:1px solid var(--line-dark)}.supplier-section .section-kicker{color:var(--lime)}.result-count{color:#858980;letter-spacing:.08em;font:10px Space Mono,monospace}.directory-legend{color:#92968d;flex-wrap:wrap;gap:18px;margin:-18px 0 30px;font-size:11px;display:flex}.directory-legend span{align-items:center;gap:7px;display:flex}.directory-legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-source{background:var(--lime)}.legend-potential{background:var(--orange)}.filter-row{scrollbar-width:thin;gap:7px;margin-bottom:30px;padding-bottom:10px;display:flex;overflow-x:auto}.filter-row button{color:#a2a59d;cursor:pointer;background:0 0;border:1px solid #4e524a;flex:none;padding:9px 12px;font-size:11px}.filter-row button.active,.filter-row button:hover{color:var(--black);background:var(--lime);border-color:var(--lime)}.search-status{color:#92968d;margin:-12px 0 24px;font-size:12px}.search-status button{color:var(--lime);cursor:pointer;background:0 0;border:0;margin-left:10px;text-decoration:underline}.supplier-grid{border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark);grid-template-columns:1fr 1fr;display:grid}.supplier-card{background:var(--black-2);border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);grid-template-columns:62px 1fr;gap:20px;min-height:300px;padding:26px 26px 62px;transition:background .2s;display:grid;position:relative}.supplier-card:hover{background:#1a1d18}.supplier-logo{width:62px;height:62px;color:var(--lime);border:1px solid var(--lime);place-items:center;font:700 17px Space Mono,monospace;display:grid}.supplier-logo.amber,.supplier-logo.coral{color:var(--orange);border-color:var(--orange)}.supplier-logo.violet,.supplier-logo.blue{color:#a5a2ff;border-color:#a5a2ff}.supplier-title{justify-content:space-between;gap:12px;display:flex}.supplier-title h3{margin:0;font-size:18px}.verified{color:var(--lime);letter-spacing:.08em;margin-top:7px;font:700 8px Space Mono,monospace;display:block}.supplier-badges{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.potential-badge,.approved-badge,.role-badge,.source-badge{letter-spacing:.08em;padding:3px 7px;font-size:9px;font-weight:800;display:inline-block}.potential-badge{color:var(--black);background:var(--orange)}.approved-badge{color:var(--black);background:var(--lime)}.role-badge{color:#c4c7be;border:1px solid #555a51}.source-badge{color:var(--lime);border:1px solid #667334}.location{color:#777b73;white-space:nowrap;font:9px Space Mono,monospace}.supplier-content>p{color:#a7aaa1;min-height:54px;margin:24px 0 18px;font-size:13px;line-height:1.75}.original-note{color:#73776f;white-space:nowrap;font-size:9px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span{color:#b2b5ac;background:var(--black-3);letter-spacing:.04em;padding:5px 8px;font:9px Space Mono,monospace}.detail-button{color:var(--bone-2);letter-spacing:.1em;font:700 9px Space Mono,monospace;position:absolute;bottom:23px;right:25px}.detail-button:hover{color:var(--lime)}.detail-button span{margin-left:6px}.empty-state{text-align:center;border:1px solid var(--line-dark);padding:76px 20px}.empty-state strong{font-size:22px}.empty-state p{color:#8f938a}.empty-state button{color:var(--black);background:var(--lime);cursor:pointer;border:0;padding:10px 16px}.about-band{color:var(--black);background:var(--bone);grid-template-columns:.8fr 1.5fr;gap:8vw;padding:110px max(5vw,32px);display:grid}.section-kicker.light{color:#686d00}.about-band h2{letter-spacing:-.06em;margin:16px 0 0;font-size:clamp(42px,5vw,74px);line-height:1.04}.about-points{border-top:1px solid var(--black);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.about-points article{border-right:1px solid var(--line-light);min-height:300px;padding:22px 24px 0 0}.about-points article+article{padding-left:24px}.about-points span{color:#555a52;letter-spacing:.08em;font:700 9px Space Mono,monospace}.about-points h3{margin:88px 0 14px;font-size:18px}.about-points p{color:#5e625b;margin:0;font-size:13px;line-height:1.8}.join-section{color:var(--black);background:var(--lime);justify-content:space-between;align-items:end;gap:50px;padding:86px max(6vw,40px);display:flex}.join-section .section-kicker{color:#464b00}.join-section h2{letter-spacing:-.05em;max-width:700px;margin:12px 0;font-size:clamp(34px,4vw,58px);line-height:1.1}.join-section>div>p:last-child{color:#383c31;max-width:680px}.join-section form{background:var(--black);border:1px solid var(--black);grid-template-columns:1fr 1fr;gap:1px;width:min(520px,100%);display:grid;position:relative}.join-section input,.join-section select,.join-section textarea{min-width:0;color:var(--black);background:var(--bone-2);border:0;border-radius:0;outline:0;padding:15px}.join-section select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#444 50%),linear-gradient(135deg,#444 50%,#0000 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-repeat:no-repeat;background-size:5px 5px}.join-section textarea{resize:vertical;grid-column:1/-1;min-height:110px}.join-section .form-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.join-section form button{color:var(--bone-2);background:var(--black);grid-column:1/-1}.join-section form button:hover{color:var(--black);background:var(--bone-2)}.join-section form button:disabled{cursor:wait;opacity:.7}footer{min-height:148px;color:var(--bone-2);background:var(--black);border-top:1px solid var(--line-dark);align-items:center;gap:38px;padding:34px max(5vw,32px);display:flex}footer>p{color:#858980;font-size:12px}.admin-link{color:#aeb1a8;letter-spacing:.08em;border-bottom:1px solid #555a51;margin-left:auto;padding-bottom:4px;font:700 9px Space Mono,monospace}.admin-link:hover{color:var(--lime);border-color:var(--lime)}footer>span:last-child{color:#74786f;letter-spacing:.08em;margin-left:auto;font:9px Space Mono,monospace}.toast{z-index:50;max-width:430px;color:var(--bone-2);background:var(--black);border:1px solid var(--lime);padding:17px 45px 17px 18px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 50px #00000059}.toast button{color:var(--bone-2);cursor:pointer;background:0 0;border:0;font-size:23px;position:absolute;top:7px;right:11px}@media (max-width:980px){.category-grid,.need-list,.qa-grid{grid-template-columns:1fr 1fr}.supplier-grid,.about-band{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(3,1fr)}.trust-strip div{min-width:0}.trust-strip p{display:none}.join-section{flex-direction:column;align-items:flex-start}.join-section form{width:100%}}@media (max-width:760px){.topbar{height:64px;padding:0 18px}nav>a:not(.outline-button){display:none}nav{gap:7px}.outline-button{display:none}.language-select{max-width:116px}.hero{background-position:60%;align-items:flex-end;min-height:690px;padding:92px 20px 90px}.hero:after{top:12%}h1{font-size:clamp(49px,14vw,72px)}.hero-copy{font-size:14px}.hero-readout{gap:14px;left:20px;right:auto}.hero-readout span:last-child{display:none}.trust-strip{min-height:100px;padding:0}.trust-strip div{padding:20px 12px}.trust-strip div+div{padding-left:12px}.trust-strip strong{font-size:22px}.trust-strip span{font-size:7px}.category-preview,.sourcing-brief,.supplier-section{padding:72px 20px 82px}.section-heading{align-items:flex-start}.section-heading h2{font-size:40px}.need-list,.qa-grid{grid-template-columns:1fr}.qa-grid article{min-height:auto}.qa-grid p{margin-top:28px}.category-card{min-height:200px;padding:20px}.category-card h3{margin-top:65px;font-size:17px}.supplier-card{grid-template-columns:50px 1fr;gap:14px;padding:20px 20px 62px}.supplier-logo{width:50px;height:50px;font-size:14px}.supplier-title{display:block}.location{margin-top:8px;display:block}.about-band{padding:76px 20px}.about-points{grid-template-columns:1fr}.about-points article{border-right:0;border-bottom:1px solid var(--line-light);min-height:auto;padding:20px 0 34px}.about-points article+article{padding-left:0}.about-points h3{margin-top:38px}.join-section{padding:68px 20px}footer{flex-direction:column;align-items:flex-start;gap:14px;padding:32px 20px}.admin-link,footer>span:last-child{margin:0}.toast{bottom:16px;left:16px;right:16px}}@media (max-width:500px){.brand span:last-child{font-size:12px}.category-grid{grid-template-columns:1fr}.section-heading{display:block}.text-button{margin-top:20px}.search-shell{padding-left:10px}.search-shell>span{display:none}.search-shell input{padding-left:8px}.search-shell button{padding-inline:17px}.join-section form{grid-template-columns:1fr}.join-section form button{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.category-card{transition:none}}