@font-face{font-family:PCB Manrope;src:url('/fonts/pcb-manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:PCB Inter;src:url('/fonts/pcb-inter-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:PCB Mono;src:url('/fonts/pcb-ibm-plex-mono.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--blue:#427EB7;--orange:#CE8751;--ink:#EEEAE1;--muted:#B8B4AC;--paper:#151C23;--surface:#1B2228;--surface-2:#232B31;--line:#454B4F;--heading:'PCB Manrope',Manrope,sans-serif;--body:'PCB Inter',Inter,Arial,sans-serif;--radius:7px;--pcb-copper:#CE8751;--pcb-cobalt:#427EB7;--pcb-ivory:#EEEAE1;--pcb-charcoal:#151C23}
html{background:#151C23;scroll-padding-top:28px}
body{color:var(--ink);font-family:var(--body);background-color:#151C23;background-image:linear-gradient(rgba(21,28,35,.78),rgba(21,28,35,.86)),url('/assets/pcb-carbon-paper.webp');background-position:center top;background-size:cover;background-attachment:fixed}
.homepage{background-color:transparent;background-image:none}
h1,h2,h3{font-family:var(--heading);font-weight:800;letter-spacing:-.035em}
.blue-text{color:#6796C1}
.eyebrow{color:#D09A6D;font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:.16em}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #CE8751;outline-offset:4px}
a:hover{color:#D9A177}
.brand{color:#EEEAE1;letter-spacing:-.04em}
.brand img{width:164px;max-height:34px;object-fit:contain;object-position:left center}
.footer .brand img{width:150px}
.header{height:100px;border-bottom:1px solid rgba(238,234,225,.14);grid-template-columns:minmax(165px,1fr) max-content minmax(100px,1fr)}
.desktop-nav{gap:0;padding:2px 5px;background:rgba(21,28,35,.9);border:1px solid rgba(238,234,225,.18);border-radius:5px;backdrop-filter:none;-webkit-backdrop-filter:none}
.desktop-nav>a{padding:10px 12px;color:#CEC9C0;font-size:12px;font-weight:600}
.desktop-nav>a+a{border-left:1px solid rgba(238,234,225,.12)}
.desktop-nav a.active,.desktop-nav a:hover{color:#EEEAE1}
.desktop-nav a.active:after{height:2px;width:22px;background:#CE8751;border-radius:0}
.header .menu{background:#CE8751;color:#151C23;border-color:transparent;border-radius:4px}
.header .menu:hover{background:#D9A177}
.search-link{color:#EEEAE1;background:transparent;border-color:transparent}
.section-menu{background:#1B2228;border:1px solid #4A4D4D;border-radius:5px;box-shadow:0 18px 44px #0008;backdrop-filter:none}
.section-menu a:hover,.section-menu a.active{background:#27333C;color:#EEEAE1}
.skip{background:#CE8751;color:#151C23}
.button{background:#427EB7;color:#F4F0E7;border:1px solid #427EB7;border-radius:3px 10px 3px 10px;padding:12px 22px;box-shadow:0 5px 14px #0002}
.button:hover{background:#528CBE;border-color:#528CBE;color:#fff}
.button-outline{background:rgba(21,28,35,.72);border-color:#7D8D98;color:#EEEAE1}
.button-outline:hover{background:#242C31;border-color:#CE8751;color:#EEEAE1}
.dark-button{background:#427EB7}
.text-button{color:#E5DFD4;border-color:rgba(206,135,81,.62)}
.text-button:hover{color:#D9A177;border-color:#D9A177}
.circle{background:#20272D;border-color:#454B4F;color:#EEEAE1;border-radius:4px}
.circle:hover{background:#2A343B}
/* New homepage arrangement: real engraving cut-outs, torn paper and technical leaders. */
.homepage .opening{background:linear-gradient(180deg,rgba(21,28,35,.1),rgba(21,28,35,.22) 72%,#151C23)}
.quick-topics{max-width:1260px;margin:0 auto 28px;padding:12px 0}
.quick-topics a{color:#E5E0D7;font:600 15px/1.45 var(--body);border-radius:0}
.quick-topics a+a:before{background:linear-gradient(transparent,rgba(238,234,225,.2),transparent)}
.quick-topics a:hover{background:rgba(238,234,225,.035);color:#EEEAE1}
.topic-icon{width:58px;height:58px;border:1px solid #7B8489;border-radius:50%;color:#D09A6D;background:#1B2228;box-shadow:none}
.topic-icon .line-icon{stroke-width:1.7}
.quick-topics a:nth-child(odd) .topic-icon{border-color:#CE8751;color:#CE8751;background:#1B2228;box-shadow:none}
.manifesto{isolation:isolate;min-height:158px;padding:31px 32px;background:#1B2228;color:#EEEAE1;border:1px solid rgba(238,234,225,.16);border-radius:3px 12px 3px 12px;box-shadow:0 15px 35px #0002}
.manifesto:before{display:none}
.manifesto:after{content:'';position:absolute;z-index:-1;right:-13%;top:-40%;width:56%;height:180%;background:url('/assets/pcb-torn-cobalt.webp') center/100% 100% no-repeat;opacity:.22;transform:rotate(-19deg);pointer-events:none}
.manifesto h2{font:800 clamp(27px,2.6vw,40px)/1.08 var(--heading);letter-spacing:-.045em;transform:none;white-space:normal}
.manifesto .crown{stroke:#CE8751}.manifesto .underline{stroke:#CE8751;stroke-width:4;opacity:.75}
.benefit{border-left:1px solid rgba(238,234,225,.17)}
.benefit .line-icon{stroke:#CE8751}.benefit p{font:600 14px/1.45 var(--body);color:#E0DBD1}
.home-content{padding-top:46px}
/* Shared surfaces, listings, guides, and tools. */
body:not(.admin-body) .panel,body:not(.admin-body) .start-here,body:not(.admin-body) .listing-search,body:not(.admin-body) .newsletter-shell,body:not(.admin-body) .tool-card,body:not(.admin-body) .tool-panel,body:not(.admin-body) .recommend-products,body:not(.admin-body) .contact-grid>section,body:not(.admin-body) .community-card,body:not(.admin-body) .filter-bar,body:not(.admin-body) .selection-shell{background:linear-gradient(135deg,rgba(35,43,49,.94),rgba(27,34,40,.96));border-color:rgba(238,234,225,.16);border-radius:4px 12px 4px 12px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.page-intro h1,.section-head h2,.article-page h1{color:#EEEAE1}
.page-intro>p:not(.eyebrow),.section-head p:not(.eyebrow),.article-excerpt{color:#C8C3BA}
.section{margin-block:66px}
.section-head h2{font-weight:800;letter-spacing:-.045em}
.category-grid{gap:17px}
.category{background:#1B2228;border:1px solid rgba(238,234,225,.18);border-radius:3px 13px 3px 13px;min-height:360px}
.category>div{min-height:360px;background:linear-gradient(180deg,rgba(21,28,35,.89),rgba(21,28,35,.62) 48%,rgba(21,28,35,.12) 100%);color:#EEEAE1}
.category-1>div,.category-2>div{background:linear-gradient(180deg,rgba(21,28,35,.9),rgba(21,28,35,.65) 48%,rgba(21,28,35,.14) 100%);color:#EEEAE1}
.category img,.post-visual img{filter:grayscale(.82) sepia(.13) brightness(.78) contrast(1.06)}
.category>div,.category-1>div,.category-2>div{background:linear-gradient(90deg,rgba(21,28,35,.84),rgba(21,28,35,.58) 54%,rgba(21,28,35,.2));color:#EEEAE1}
.category .eyebrow{color:#D09A6D}.category h2{font-size:32px;font-weight:800}.category p:not(.eyebrow){color:#D0CBC2}
.category-foot{font-family:'PCB Mono',monospace;color:#D09A6D;font-size:9px}
.post-grid{gap:18px}
.post-card{background:rgba(27,34,40,.96);border:1px solid rgba(238,234,225,.17);border-radius:4px 11px 4px 11px;box-shadow:0 12px 26px rgba(0,0,0,.16)}
.post-card:hover{border-color:rgba(206,135,81,.65);transform:translateY(-3px)}
.post-info{padding:20px}
.post-info h3{font-size:19px;font-weight:700;line-height:1.34;color:#EEEAE1}
.post-info>p{color:#B8B4AC}
.meta{color:#B8B4AC;font-family:'PCB Mono',monospace;font-size:9px}
.label{background:rgba(21,28,35,.94);color:#EEEAE1;border:1px solid rgba(238,234,225,.25);border-radius:2px;font-family:'PCB Mono',monospace}
.read{color:#79A2C3}
.social-poster{background:#1B2228;border:1px solid rgba(238,234,225,.2);border-radius:3px 10px 3px 10px}
.social-art{background:linear-gradient(145deg,#293139,#171D22)}
.platform-coin{filter:grayscale(.68) saturate(.52) contrast(1.02);opacity:.94}
.social-caption{color:#EEEAE1;text-shadow:0 2px 10px #000}
.start-here{border:1px solid rgba(238,234,225,.16)}
.start-intro{background:#222A30;color:#EEEAE1}
.start-intro h2{color:#EEEAE1;font-weight:800}
.start-intro p{color:#C3BEB5}
.start-badge{color:#D09A6D;font-family:'PCB Mono',monospace}
.start-route{background:rgba(21,28,35,.55);border-color:rgba(238,234,225,.16);color:#EEEAE1}
.start-route:hover{background:#29333A;border-color:#CE8751}
.route-number{color:#CE8751;font-family:'PCB Mono',monospace}
.route-icon{color:#759BBB}
.about-banner{position:relative;isolation:isolate;overflow:hidden;background:#1B2228;color:#EEEAE1;border:1px solid rgba(238,234,225,.16);border-radius:3px 14px 3px 14px;padding:48px 54px}
.about-banner:before{content:'';position:absolute;z-index:-1;width:50%;height:155%;right:-9%;top:-28%;background:url('/assets/pcb-torn-cobalt.webp') center/100% 100% no-repeat;opacity:.28;transform:rotate(-18deg)}
.about-monogram{font:800 clamp(76px,9vw,140px)/.9 var(--heading);letter-spacing:-.09em;color:#EEEAE1}
.about-monogram span{color:#CE8751}
.about-story .eyebrow{color:#D09A6D}.about-story h1,.about-story h2{font-weight:800;color:#EEEAE1}.about-story p:not(.eyebrow){color:#D0CBC2}
.contact{border-top:1px solid rgba(238,234,225,.16);padding-top:25px}
.contact h2{font-weight:800}.contact p:not(.eyebrow){color:#C8C3BA}
.footer{border-color:rgba(238,234,225,.17)}
.footer p,.footer-links{color:#B8B4AC}
.footer-links a:hover{color:#D9A177}
.breadcrumbs,.result-count{color:#B8B4AC}
.breadcrumbs a:hover,.prose a{color:#D9A177}
body:not(.admin-body) input,body:not(.admin-body) textarea,body:not(.admin-body) select{background:#20282E;color:#EEEAE1;border-color:#535A5D;border-radius:3px 8px 3px 8px}
body:not(.admin-body) input::placeholder,body:not(.admin-body) textarea::placeholder{color:#9D9A93}
body:not(.admin-body) .filter-links a,body:not(.admin-body) .chip,body:not(.admin-body) .tag{background:#242C31;color:#D9D3C9;border:1px solid rgba(238,234,225,.2);border-radius:2px 8px 2px 8px}
body:not(.admin-body) .filter-links a:hover,body:not(.admin-body) .chip:hover{background:#2C3840;border-color:#CE8751;color:#EEEAE1}
body:not(.admin-body) .demo-notice{background:#2D2721;color:#D9B28F;border:1px solid rgba(206,135,81,.42)}
body:not(.admin-body) .empty{background:#1B2228;border:1px dashed rgba(238,234,225,.24);border-radius:4px;padding:24px;color:#C8C3BA}
body:not(.admin-body) table th,body:not(.admin-body) table td{border-color:rgba(238,234,225,.16)}
body:not(.admin-body) code,body:not(.admin-body) pre{background:#11171C;color:#D7D2C9;border-color:#42494D}
body:not(.admin-body) blockquote{border-left-color:#CE8751;color:#CBC5BB}
body:not(.admin-body) hr{border-color:rgba(238,234,225,.18)}
.article-cover{border:1px solid rgba(238,234,225,.18);border-radius:3px 10px 3px 10px}
.article-page .panel{box-shadow:0 16px 38px #0003}
.recommend-products{padding:28px;margin:26px 0;border:1px solid rgba(238,234,225,.16)}
.product-card,.product-detail,.tool-result,.checklist-card,.error-code-card,.suggestion-card{background:#1B2228;border-color:rgba(238,234,225,.18);border-radius:4px 11px 4px 11px}
/* The private editor shares the type and paper, while retaining clear control states. */
.admin-body{background-color:#151C23;background-image:linear-gradient(rgba(21,28,35,.86),rgba(21,28,35,.92)),url('/assets/pcb-carbon-paper.webp');color:#EEEAE1}
.admin-body .brand{color:#EEEAE1}
.admin-body .brand img{width:155px}
.admin-body .admin-top{border-color:rgba(238,234,225,.16)}
.admin-body .admin-top .button,.admin-body .admin-top .text-button{color:#EEEAE1}
@media(max-width:1000px){.header{height:88px}}
@media(max-width:760px){body{background-attachment:scroll;background-size:auto 100vh}.header{height:82px}.brand img{width:142px}.section-menu{top:72px;background:#1B2228}.quick-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px auto 20px;padding:8px 0}.quick-topics a{font-size:12px;gap:10px;min-height:64px;padding:6px 4px}.topic-icon{width:45px;height:45px}.topic-icon .line-icon{width:24px;height:24px}.manifesto{grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 16px 18px;gap:18px 6px}.manifesto-title{grid-column:1/-1;justify-content:flex-start;gap:10px}.manifesto h2{font-size:clamp(21px,6vw,30px)}.manifesto .crown{width:29px;height:29px}.benefit{border:0;padding:0;gap:6px;min-height:56px}.benefit .line-icon{width:25px;height:25px}.benefit p{font-size:10px}.manifesto:after{width:76%;right:-31%;opacity:.2}.home-content{padding-top:28px}.category-grid{grid-template-columns:1fr}.category,.category>div{min-height:320px}.category h2{font-size:30px}.section{margin:44px 0}.section-head{margin-bottom:19px}.post-grid,#posts{grid-template-columns:1fr}.about-banner{padding:30px 24px}.contact{padding-top:20px}.footer{margin-top:42px}.footer-links{gap:14px}.newsletter-shell{padding:26px 18px}.recommend-products{padding:20px 15px}body:not(.admin-body) .panel{padding:22px 17px}}
@media(prefers-reduced-motion:reduce){}
@media(min-width:761px) and (max-width:1000px){
}
@media(max-width:760px){
}

/* Exploded hardware scene: one artwork, independently readable cards. */
.hero{position:relative;isolation:isolate;display:flex;align-items:flex-start;min-height:clamp(650px,53vw,820px);padding:0;gap:0}
.hero-copy{position:relative;z-index:8;width:42%;padding:clamp(138px,12vw,184px) 16px 76px 0}
.hero-copy .eyebrow{color:#D09A6D;font-size:10px;letter-spacing:.13em}
.hero h1{font:800 clamp(42px,4.15vw,67px)/1.04 var(--heading);letter-spacing:-.055em;margin:20px 0 23px}
.slogan-line{display:block;white-space:nowrap}
.hero-copy>p:not(.eyebrow){max-width:400px;color:#D0CBC2;font-size:14px;line-height:1.85}
.hero-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:11px;margin-top:27px}
.hero-actions .button{font-size:12px;padding:13px 20px}
.hero-visual{position:absolute;z-index:2;inset:auto;left:auto;right:-3%;top:50%;width:71%;height:auto;aspect-ratio:3/2;transform:translateY(-50%);margin:0;overflow:visible;mask-image:none;pointer-events:none}
.hardware-artboard{position:relative;width:100%;aspect-ratio:3/2}
.hero-visual .hero-composition{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;transform:none;filter:none;mask-image:none}
.hardware-lines{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;fill:none;stroke:#CE8751;stroke-width:2;filter:none;opacity:.9}
.hardware-lines path{vector-effect:non-scaling-stroke;stroke-width:1.2}
.hardware-lines circle{fill:#CE8751;stroke:#EEEAE1;stroke-width:2}
.hardware-cards{margin:0;padding:0}
.hardware-label{display:block;position:absolute;z-index:3;width:156px;max-width:none;white-space:normal;padding:9px 11px;background:rgba(21,28,35,.96);color:#C9C4BA;border:1px solid rgba(238,234,225,.22);border-left:2px solid #CE8751;border-radius:0 5px 0 5px;box-shadow:0 5px 15px #0002;letter-spacing:0}
.hardware-label dt{display:flex;align-items:center;gap:7px;margin:0;color:#EEEAE1;font:700 12px/1.4 var(--body)}
.hardware-label dd{margin:4px 0 0;color:#B8B4AC;font:400 10px/1.5 'PCB Mono',monospace}
.hardware-number{color:#CE8751;font:400 9px/1 'PCB Mono',monospace;letter-spacing:.02em}
.label-graphics{left:15.625%;top:6.055%;transform:translate(-50%,-100%)}
.label-processor{left:52.93%;top:6.055%;transform:translate(-50%,-100%)}
.label-memory{left:75%;top:9.96%;transform:translateY(-50%)}
.label-storage{left:35.03%;top:94.04%;transform:translateX(-50%)}
.label-board{left:58.98%;top:94.04%;transform:translateX(-50%)}
.hardware-markers{display:none}
.mobile-hardware{display:none}
@media(min-width:1001px) and (max-width:1200px){
 .hero{min-height:630px}
 .hero-copy{padding-top:155px;width:42%}
 .hero h1{font-size:clamp(38px,4vw,48px)}
 .hero-copy>p:not(.eyebrow){font-size:12px;max-width:340px}
 .hero-visual{width:72%;right:-3%}
 .hardware-label{width:140px;padding:7px 9px}
 .hardware-label dt{font-size:11px}.hardware-label dd{font-size:9px}
}
@media(max-width:1000px){
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:32px 0 0;gap:35px}
 .hero-copy{width:100%;padding:0;z-index:8}
 .hero h1{font-size:clamp(42px,6vw,58px);margin:18px 0 21px}
 .hero-copy>p:not(.eyebrow){max-width:560px;font-size:14px}
 .hero-actions{flex-direction:row;margin-top:22px}
 .hero-visual{position:relative;inset:auto;left:auto;top:auto;right:auto;transform:none;width:100%;height:auto;aspect-ratio:3/2;margin:24px 0 68px;overflow:visible;mask-image:none}
 .hardware-label{width:148px;padding:8px 10px}
 .hardware-label dt{font-size:11px}.hardware-label dd{font-size:10px}
 .quick-topics{margin-top:5px}
}
@media(max-width:600px){
 .hero{padding-top:25px;gap:18px}
 .hero-copy{padding:0 3px}
 .hero h1{font-size:clamp(35px,9.4vw,54px);letter-spacing:-.055em;line-height:1.07;margin:17px 0 19px}
 .hero-copy .eyebrow{font-size:8px;letter-spacing:.11em}
 .hero-copy>p:not(.eyebrow){font-size:13px}
 .hero-actions{gap:9px;margin-top:20px}
 .hero-actions .button{font-size:11px;padding:11px 14px}
 .hero-visual{width:100%;height:auto;aspect-ratio:auto;margin:4px 0 20px}
 .hardware-artboard{width:calc(100% + 24px);margin:0 -12px}
 .hardware-lines{display:none}
 .hardware-markers{display:block;position:absolute;inset:0;width:100%;height:100%}
 .hardware-markers circle{fill:#151C23;stroke:#CE8751;stroke-width:5}
 .hardware-markers text{fill:#EEEAE1;font:700 33px 'PCB Inter',sans-serif}
 .hardware-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0}
 .hardware-label{display:block;position:static;transform:none;width:auto;max-width:none;padding:10px 11px;background:#1B2228;box-shadow:none}
 .hardware-label:last-child{grid-column:1/-1}
 .hardware-label dt{font-size:11px}
 .hardware-label dd{font-size:9px;margin-top:4px}
 .hardware-number{font-size:10px}
}