/* Catalog-led design system. Board image and map transforms remain untouched. */
:root{--mint:#79dfc1;--ink:#edf4f2;--muted:#9eafac;--line:#ffffff1c;--surface:#131c20;--canvas:#0c1215;color-scheme:dark}
body{background:var(--canvas);color:var(--ink);font:15px/1.55 Arial,sans-serif;min-width:320px;margin:0}h1,h2,h3{font-family:Arial,sans-serif;letter-spacing:-.035em}a{color:var(--mint);text-underline-offset:4px}button,input,select{font-family:inherit}button,a{transition:background .18s,border-color .18s,color .18s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:hover,.button-secondary:hover{border-color:var(--mint);background:#20312f}.button-primary:hover{background:#a2eed6;color:#0a2420}.button-primary,.button-secondary{border-radius:8px}main{max-width:1440px;padding:30px clamp(16px,4vw,56px);margin:auto}.topbar{height:64px;padding:0 clamp(16px,4vw,56px);background:var(--canvas);border-bottom:1px solid var(--line);box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar .brand{display:flex;align-items:center;gap:9px;font:700 20px Arial,sans-serif;color:var(--ink);text-decoration:none}.topbar .brand>span{transform:none;border:0;width:auto;height:auto}.topbar .brand b span{color:var(--mint)}.topbar nav,.top-actions{display:flex;gap:24px;align-items:center}.topbar nav a,.topbar .catalog-link,.topbar .close-link{font:500 13px Arial,sans-serif;letter-spacing:0;color:var(--ink);text-decoration:none;background:none;border:0;padding:0}.topbar a:hover{color:var(--mint)}.topbar p,#headerLine{display:none}.topbar #themeToggle{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:50%;width:28px;height:28px;font-size:14px}
.product-stats{display:flex;gap:36px;margin-top:34px}.product-stats>div{display:flex;flex-direction:column;gap:3px}.product-stats strong{font:600 32px Arial,sans-serif;color:var(--ink);letter-spacing:-.04em}.product-stats span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.customer-catalog .hero{align-items:center}.customer-catalog .hero .product-stats{margin:0;flex-shrink:0}.manufacturer-grid{gap:14px;border:0}.manufacturer-card{border:1px solid var(--line);border-radius:8px;padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start}.manufacturer-card:hover,.benefit-card:hover{border-color:#79dfc170;background:#1a292c}.manufacturer-image{display:flex;align-items:center;justify-content:center;height:90px;width:140px;max-width:100%;color:#dce7e4;margin:0 0 18px}.manufacturer-image svg{max-width:100%;height:72px;width:130px}.manufacturer-card h2{font-size:21px}
.hero-proof{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:27px;color:var(--muted);font-size:11px}.hero-proof span:before{content:'✓';color:var(--mint);margin-right:6px}.home-hero{gap:48px;min-height:660px}.home-hero h1{font-size:clamp(44px,5vw,70px)}.home-hero p{line-height:1.65;font-size:17px}.home-demo{background:radial-gradient(ellipse at 50% 40%,#2c413f,#131d22 70%);min-height:0;box-shadow:0 25px 70px #0003;scroll-margin-top:24px}.preview-top{display:flex;align-items:center;gap:8px;padding:18px 22px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.1em;color:#bdd2cb}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #79dfc180}.preview-badge{margin-left:auto;font-size:9px}.preview-boards{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px 26px 18px}.preview-boards figure{margin:0;text-align:center}.preview-boards img{width:100%;height:300px;object-fit:contain;filter:drop-shadow(0 15px 12px #0008)}.preview-boards figcaption{color:#adc1ba;font-size:9px;letter-spacing:.14em;margin-top:14px}.preview-tech{display:flex;justify-content:space-around;gap:14px;padding:16px;border-top:1px solid var(--line);font:12px 'DM Mono',monospace}.preview-tech small{display:block;color:var(--muted);font:9px Arial,sans-serif;margin-bottom:7px;letter-spacing:.1em}.demo-caption{background:#111b20;padding:20px;flex-wrap:wrap;font-size:13px}.demo-caption .button-secondary{font-size:12px;padding:10px 15px}.product-benefits{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin:58px 0}.product-benefits h2,.home-growth h2{font-size:32px;line-height:1.15;margin:15px 0}.benefit-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:28px;text-decoration:none;color:var(--ink)}.benefit-card h3{font-size:21px;margin:16px 0 10px}.benefit-card p,.home-growth p{font-size:14px;color:var(--muted);max-width:40ch}.feature-icon{font-size:28px;color:var(--mint)}.text-link{display:block;font-size:12px;color:var(--mint);margin-top:24px}.home-growth{display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:36px 0}.growth-brands{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.growth-brands a{padding:8px 18px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.growth-brands .manufacturer-image{margin:0;height:65px}.growth-brands svg{height:42px}.product-footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:16px}
.customer-viewer:not(.authoring-mode) #exteriorView,.customer-viewer:not(.authoring-mode) #keyAnimation{display:none!important}.customer-viewer .intro{margin:12px 0}.customer-viewer .intro h1{font-size:22px;letter-spacing:-.02em;margin:0 0 8px}.customer-viewer #introLabel{display:none}.customer-viewer .key-record-navigation{background:var(--canvas);position:sticky;top:0;min-height:0}.customer-viewer .key-identity-summary{display:none}.customer-viewer .technical-summary{margin:10px 0;gap:8px 26px}.customer-viewer .compatibility-panel{margin:8px 0 14px}.customer-viewer .board-toolbar{min-height:0;padding:10px 18px}.customer-viewer .board-toolbar>div:first-child{display:flex;align-items:center;gap:18px}.customer-viewer #viewState{font-size:11px;color:var(--mint)}.customer-viewer #activeComponent{font-size:11px;color:var(--muted)}.customer-viewer .stage-flip{background:#1b2b30;color:var(--ink);border:1px solid var(--line);border-radius:6px;font:12px Arial,sans-serif;box-shadow:none}.customer-viewer .board-footer{display:none}.customer-viewer.authoring-mode .board-footer{display:flex}.customer-viewer .pcb-legend h2{text-transform:none;font-size:13px}.customer-viewer .pcb-legend-link{font-size:11px}.customer-viewer .readout-kicker{color:var(--muted)}
.customer-repair .intro{display:block;margin:12px 0 28px;padding:0;min-height:0}.customer-repair .intro h1{font-size:48px;margin:12px 0;line-height:1.1}.customer-repair .intro p{color:var(--muted);font-size:16px;max-width:55ch}.customer-repair .section-nav{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 32px;background:none;padding:0;border:0;position:static}.customer-repair .section-nav a{padding:10px 15px;border:1px solid var(--line);background:var(--surface);border-radius:6px;color:var(--ink);font-size:12px;text-decoration:none}.customer-repair .section-nav a:hover{border-color:var(--mint);background:#20312f}.customer-repair .repair-section{padding:32px;margin:0 0 24px;border:1px solid var(--line);border-radius:8px;background:var(--surface);scroll-margin-top:20px}.customer-repair .section-kicker{color:var(--mint);font-size:10px;letter-spacing:.1em}.customer-repair h2{font-size:30px;color:var(--ink);margin:12px 0 20px}.customer-repair h3{color:var(--ink);font-size:18px}.customer-repair p{color:#bdcdc8;line-height:1.7;font-size:15px}.customer-repair .lesson-copy{max-width:90ch}.lesson-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lesson-workflow article{padding:20px;background:#0f181c;border-radius:6px;border:1px solid var(--line)}.lesson-workflow b{color:var(--mint);font-size:12px}.lesson-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.lesson-figures.two{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-figure{margin:0;min-width:0}.lesson-figure a{display:block;background:#fff;border-radius:6px;overflow:hidden}.lesson-figure img{display:block;width:100%;height:280px;object-fit:contain}.lesson-figure figcaption{padding:12px 0;color:#c7d8d1;font-size:13px}.lesson-figure .image-link{font-size:10px;color:var(--mint);float:right}.lesson-detail{max-width:490px;margin:20px 0}.lesson-detail img{height:auto}.lesson-types{display:flex;gap:24px;max-width:460px}.lesson-types figure{flex:1}.lesson-types img{height:100px}.lesson-example{font-size:12px!important;color:var(--muted)!important}.customer-repair .repair-legend{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:28px}.customer-repair .repair-legend-item{background:#0f181c;border-color:var(--line)}.customer-repair .repair-legend-item p{display:none}.customer-repair .technical-notes p{font-size:12px}.customer-repair .page-footer{border-color:var(--line)}
@media(max-width:900px){.home-hero{gap:26px}.preview-boards img{height:240px}.product-benefits{grid-template-columns:1fr 1fr}.product-benefits>div:first-child{grid-column:1/-1}.lesson-workflow{grid-template-columns:1fr}.topbar nav,.top-actions{gap:16px}.lesson-figure img{height:220px}}
@media(max-width:760px){.topbar{height:58px}.topbar nav a,.topbar .catalog-link,.topbar .close-link{font-size:11px}.home-hero{min-height:0;padding-top:12px}.home-hero h1{font-size:46px}.home-demo{width:100%}.product-stats{margin:26px 0;gap:34px}.product-stats strong{font-size:28px}.preview-boards{padding:20px 14px;gap:12px}.preview-boards img{height:245px}.preview-top{padding:16px 14px;font-size:8px}.product-benefits{margin:38px 0;gap:14px}.benefit-card{padding:22px}.product-benefits h2,.home-growth h2{font-size:28px}.home-growth{flex-direction:column;align-items:stretch}.growth-brands{grid-template-columns:repeat(4,1fr);gap:6px}.growth-brands a{padding:8px}.growth-brands .manufacturer-image{height:42px;width:100%}.growth-brands svg{height:32px;max-width:100%}.product-footer{font-size:10px}.customer-catalog .hero .product-stats{margin:10px 0 4px}.manufacturer-card{padding:18px 14px}.manufacturer-card h2{font-size:17px}.manufacturer-image{height:75px;width:110px;margin-bottom:12px}.manufacturer-image svg{height:58px}.customer-viewer .intro h1{font-size:19px}.customer-viewer .technical-summary{gap:8px 18px}.customer-viewer .technical-summary dt{font-size:9px}.customer-viewer .technical-summary dd{font-size:11px}.customer-viewer .board-toolbar>div:first-child{display:block}.customer-repair .intro h1{font-size:36px}.customer-repair .repair-section{padding:22px 18px}.customer-repair h2{font-size:26px}.customer-repair p{font-size:14px}.lesson-figures,.lesson-figures.two{grid-template-columns:1fr}.lesson-figure img{height:auto;max-height:420px}.lesson-types img{height:85px}.lesson-workflow article{padding:16px}.customer-repair .repair-legend{padding:22px 18px}.customer-repair .repair-legend-grid{grid-template-columns:1fr}.customer-repair .section-nav a{padding:8px 10px;font-size:11px}}
@media(max-width:430px){.product-benefits{grid-template-columns:1fr}.topbar{gap:8px}.topbar nav,.top-actions{gap:12px}.topbar .brand{font-size:17px}.preview-boards img{height:210px}.customer-viewer .topbar .catalog-link{font-size:10px}}

.customer-viewer .stage-flip{background:#1b2b30!important;border-color:var(--line)!important;color:var(--ink)!important;box-shadow:none!important}.customer-viewer .stage-flip:before{display:none}.customer-viewer .stage-flip:hover{transform:none;background:#20312f!important;border-color:var(--mint)!important}.customer-viewer .pcb-legend-link,.customer-viewer .component-basics-link{border:0;background:none;padding:0;color:var(--mint);font:12px Arial,sans-serif;letter-spacing:0;text-decoration:none}.customer-viewer .pcb-legend-link:hover,.customer-viewer .component-basics-link:hover{text-decoration:underline}.customer-viewer .inspection-note{font-size:12px;color:var(--muted);margin-top:18px}.customer-viewer .inspection-note summary{cursor:pointer;color:#c4d5cf}.customer-viewer .inspection-note p{font-size:12px!important}.customer-viewer .board-toolbar #viewState{margin-right:12px}.customer-catalog .filter-panel label>span,.customer-catalog .catalog-meta,.customer-catalog .card-index,.eyebrow,.customer-viewer #activeComponent,.customer-viewer #viewState{font-family:Arial,sans-serif;letter-spacing:.07em}.customer-viewer .board-stage{background:radial-gradient(ellipse,#253b38,#101b1d 75%)}
.home-hero h1,.hero h1,.customer-viewer .intro h1,.customer-repair .intro h1,.customer-repair h2,.customer-repair h3{font-family:Arial,sans-serif}

.manufacturer-image{width:100%;height:114px;max-width:none;background:#fff;border-radius:6px;padding:16px;margin-bottom:20px;overflow:hidden}.manufacturer-image img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1}.manufacturer-image-unavailable{background:#1c292e;color:var(--muted);font-size:18px}.growth-brands .manufacturer-image{width:140px;height:64px;padding:9px}.growth-brands a{padding:0;border:0;background:none}.manufacturer-card h2{margin-top:0}@media(max-width:760px){.manufacturer-image{height:94px;padding:14px}.growth-brands .manufacturer-image{width:100%;height:48px;padding:6px}}

@media(max-width:760px){.customer-viewer.mobile-inspection-active:not(.embed-view) .zoom-controls{position:fixed;left:16px;right:16px;bottom:var(--details-height,84px);z-index:56;width:auto;border:1px solid #42645b;border-radius:8px 8px 0 0}.customer-viewer.mobile-inspection-active:not(.embed-view) .component-readout{border-radius:0}.customer-viewer.mobile-inspection-active:not(.embed-view) .inspection-workspace{padding-bottom:164px}}

/* Clear navigation destinations: one Catalog return and one Repair Basics action. */
.topbar nav a,.topbar .catalog-link,.topbar .close-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid #49615c;border-radius:7px;background:#17262a;color:#edf4f2;font:600 13px Arial,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}.topbar nav a:hover,.topbar .catalog-link:hover,.topbar .close-link:hover{background:#284139;border-color:#79dfc1;color:#fff}.topbar nav a[aria-current="page"]{border-color:#79dfc1;background:#213b34}.topbar .close-link{background:#79dfc1;color:#0c2420;border-color:#79dfc1}.topbar .close-link:hover{background:#a2eed6;color:#0c2420}.topbar nav,.top-actions{gap:10px}.customer-viewer .key-record-navigation{gap:10px;padding:10px 0}.customer-viewer .key-record-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #49615c;border-radius:7px;background:#17262a;color:#edf4f2;font:600 12px Arial,sans-serif;box-shadow:none}.customer-viewer .key-record-navigation a:hover{border-color:#79dfc1;background:#284139;box-shadow:none}.customer-viewer .key-record-navigation .back-to-catalog{background:#79dfc1;border-color:#79dfc1;color:#0c2420}.customer-viewer .key-record-navigation .back-to-catalog:hover{background:#a2eed6}.customer-viewer .top-actions .catalog-link:first-child{display:inline-flex}
@media(max-width:760px){.topbar nav a,.topbar .catalog-link,.topbar .close-link{min-height:42px;padding:9px 11px;font-size:11px}.customer-viewer .key-record-navigation{gap:6px}.customer-viewer .key-record-navigation a{min-height:42px;padding:8px 7px;font-size:10px}.customer-viewer .key-record-navigation .back-to-catalog{flex:1}.topbar nav,.top-actions{gap:7px}}

.customer-catalog .catalog-meta{align-items:center}.customer-catalog #allManufacturers{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid #49615c;border-radius:7px;background:#17262a;color:#edf4f2;font:600 12px Arial,sans-serif;letter-spacing:0;text-decoration:none;white-space:nowrap;cursor:pointer}.customer-catalog #allManufacturers:before{content:"←";color:#79dfc1;font-size:16px}.customer-catalog #allManufacturers:hover{background:#284139;border-color:#79dfc1;color:#fff}.customer-catalog #allManufacturers:focus-visible{outline:2px solid #79dfc1;outline-offset:3px}@media(max-width:620px){.customer-catalog .catalog-meta{align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:12px}.customer-catalog #allManufacturers{min-height:42px;margin-left:auto}}

/* One shared action palette across every customer page; PCB annotation colors stay intact. */
:root{--action-bg:#172e29;--action-border:#79dfc1;--action-text:#edf4f2;--action-hover:#284b40;--action-pressed:#345e50}
body:is(.customer-home,.customer-catalog,.customer-repair,.customer-viewer) :is(button:not(.interactive-target-node):not(.academy-card):not(.academy-image),.topbar nav a,.top-actions a,.button-primary,.button-secondary,.key-record-navigation a,#allManufacturers,.open-card,.component-basics-link,.pcb-legend-link,.section-nav a,.repair-legend-item a){background:var(--action-bg)!important;color:var(--action-text)!important;border:1px solid var(--action-border)!important;border-radius:7px;box-shadow:none!important;text-decoration:none}
body:is(.customer-home,.customer-catalog,.customer-repair,.customer-viewer) :is(.open-card,.component-basics-link,.pcb-legend-link,.repair-legend-item a){display:inline-flex;align-items:center;padding:9px 12px;min-height:38px}
body:is(.customer-home,.customer-catalog,.customer-repair,.customer-viewer) :is(button:not(.interactive-target-node):not(.academy-card):not(.academy-image),.topbar nav a,.top-actions a,.button-primary,.button-secondary,.key-record-navigation a,#allManufacturers,.open-card,.component-basics-link,.pcb-legend-link,.section-nav a,.repair-legend-item a):hover:not(:disabled){background:var(--action-hover)!important;color:var(--action-text)!important;border-color:var(--action-border)!important;box-shadow:none!important;text-decoration:none}
body:is(.customer-home,.customer-catalog,.customer-repair,.customer-viewer) :is(button:not(.interactive-target-node):not(.academy-card):not(.academy-image),.topbar nav a,.top-actions a,.button-primary,.button-secondary,.key-record-navigation a,#allManufacturers,.open-card,.component-basics-link,.pcb-legend-link,.section-nav a,.repair-legend-item a):active:not(:disabled){background:var(--action-pressed)!important}
body:is(.customer-home,.customer-catalog,.customer-repair,.customer-viewer) :is(button:not(.interactive-target-node):not(.academy-card):not(.academy-image),.topbar nav a,.top-actions a,.button-primary,.button-secondary,.key-record-navigation a,#allManufacturers,.open-card,.component-basics-link,.pcb-legend-link,.section-nav a,.repair-legend-item a):focus-visible{outline:2px solid var(--action-border);outline-offset:3px}
body:is(.customer-home,.customer-catalog,.customer-repair,.customer-viewer) button:disabled{opacity:.4;cursor:not-allowed}


/* Home uses actual records and lesson imagery to demonstrate the product. */
.home-product-proof{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0 48px}.proof-card{min-width:0;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.proof-card h2{font:600 30px/1.18 Arial,sans-serif;letter-spacing:-.04em;margin:15px 0 24px}.home-search-form label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.home-search-form>div{display:flex;gap:8px}.home-search-form input{min-width:0;flex:1;padding:12px;border:1px solid #49615c;border-radius:7px;background:#0c1215;color:var(--ink);font:13px Arial,sans-serif}.home-search-form button{padding:10px 13px;white-space:nowrap;font-size:12px;font-weight:600}.home-search-preview{display:grid;gap:10px;margin:20px 0}.home-record-preview{display:flex;gap:16px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:#101a1e;text-decoration:none;color:var(--ink)}.home-record-preview:hover{border-color:var(--mint);background:#1c2b2b}.home-record-preview img{height:65px;width:48px;object-fit:contain}.home-record-preview>span{min-width:0;flex:1}.home-record-preview strong{font-size:15px;font-weight:600}.home-record-preview small{display:block;color:var(--muted);font-size:11px;margin-top:5px;overflow-wrap:anywhere}.home-record-preview b{color:var(--mint);font-size:18px}.home-lesson-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.home-lesson-preview a{min-width:0;text-decoration:none;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#0f181c}.home-lesson-preview a:hover{border-color:var(--mint)}.home-lesson-preview img{display:block;width:100%;height:172px;object-fit:contain;background:white}.home-lesson-preview span{display:block;padding:12px 8px;color:var(--ink);font-size:12px;text-align:center}.proof-note{font-size:12px;line-height:1.6;color:var(--muted);margin:18px 0}.proof-card>.button-secondary{font-size:12px;margin-top:8px}.home-growth h2{line-height:1.2}
@media(max-width:900px){.home-product-proof{grid-template-columns:1fr}.home-lesson-preview img{height:200px}}@media(max-width:480px){.home-product-proof{gap:18px;margin:24px 0 32px}.proof-card{padding:22px 18px}.proof-card h2{font-size:27px}.home-search-form>div{flex-wrap:wrap}.home-search-form input{flex-basis:100%}.home-search-form button{min-height:42px}.home-lesson-preview{gap:7px}.home-lesson-preview img{height:120px}.home-lesson-preview span{font-size:11px;padding:10px 4px}.home-record-preview{gap:12px}}

/* Static paid-product showcase: examples carry no navigation or simulated controls. */
.customer-home .home-hero{padding:48px 0 36px;min-height:640px;gap:56px}
.customer-home .home-hero h1{font-size:clamp(46px,5.7vw,78px);line-height:1.02;letter-spacing:-.055em}
.customer-home .home-demo{min-height:0;border-radius:20px;background:radial-gradient(ellipse at 50% 40%,#34554b 0,#192c2c 40%,#101a1e 75%);box-shadow:0 28px 85px #0005}
.customer-home .preview-boards{background-image:linear-gradient(#79dfc107 1px,transparent 1px),linear-gradient(90deg,#79dfc107 1px,transparent 1px);background-size:32px 32px;padding-top:36px}
.customer-home .preview-boards img{height:310px}
.customer-home .demo-caption{align-items:flex-start;padding:22px;gap:16px}
.showcase-tag{display:inline-block;font-size:9px;letter-spacing:.12em;color:var(--mint);line-height:1.5}
.showcase-copy{font-size:14px;line-height:1.7;color:var(--muted);max-width:40ch}
.customer-home .proof-card{border-radius:16px;padding:32px;background:linear-gradient(145deg,#172327,#10191d)}
.customer-home .home-product-proof{scroll-margin-top:32px}
.customer-home .home-record-preview:hover{border-color:var(--line);background:#101a1e}
.customer-home .home-lesson-preview figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0f181c}
.customer-home .home-growth{padding:48px 0}.customer-home .growth-brands>div{min-width:0}
@media(max-width:760px){.customer-home .home-hero{padding:22px 0 16px;gap:28px;min-height:0}.customer-home .home-hero h1{font-size:clamp(44px,10vw,66px)}.customer-home .preview-boards img{height:235px}.customer-home .proof-card{padding:24px 20px}.customer-home .home-growth{padding:32px 0}.customer-home .product-footer{flex-wrap:wrap}}

/* Full rectangular lesson images, conservatively enlarged from originals. */
.customer-repair .lesson-figure a,.customer-home .home-lesson-preview img{background:#fff}.customer-repair .lesson-figure img,.customer-home .home-lesson-preview img{filter:none}.customer-repair .lesson-figures .lesson-figure img{height:360px}.customer-repair .lesson-detail{max-width:650px}@media(max-width:760px){.customer-repair .lesson-figures .lesson-figure img{height:auto;max-height:560px}}

/* AI previews preserve transparency; original references remain accessible. */
.customer-repair .lesson-figure a,.customer-home .home-lesson-preview img{background:transparent}.customer-repair .image-version-note{font-size:12px;color:var(--muted)}

/* More manufacturer artwork, kept as static product previews. */
.customer-home .home-growth{display:grid;grid-template-columns:1fr 1.25fr;gap:36px}
.customer-home .growth-brands{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.customer-home .growth-brands .manufacturer-image{width:100%;height:66px;padding:12px}
.customer-repair .lesson-figure>img{cursor:default;border-radius:6px}
@media(max-width:760px){.customer-home .home-growth{grid-template-columns:1fr;gap:22px}.customer-home .growth-brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.customer-home .growth-brands .manufacturer-image{height:62px;padding:10px}}

.manufacturer-image.manufacturer-image-dark{background:#101820}

/* Embedded demo: one complete workspace, sized to content by the homepage. */
.customer-viewer.embed-view main{padding:0;margin:0;max-width:none}
.customer-viewer.embed-view .board-card{border:0;border-radius:0;margin:0}
.customer-viewer.embed-view .board-card>.technical-notes,.customer-viewer.embed-view .board-card>p.beta-caveat:not(#hdDetailStatus){display:none!important}
.customer-viewer.embed-view .board-stage{height:340px;min-height:0}
.customer-viewer.embed-view .board-toolbar{padding:9px 14px;gap:6px}
.customer-viewer.embed-view .component-readout{padding:10px 14px;max-height:none;overflow:visible}
.customer-viewer.embed-view .zoom-controls{padding:7px 12px;gap:8px}
.customer-viewer.embed-view .pcb-legend{padding:12px 14px}
.customer-viewer.embed-view .pcb-legend-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.customer-viewer.embed-view .pcb-legend-item{font-size:10px;line-height:1.35}
.customer-viewer.embed-view .pcb-legend-link{margin-top:10px}

/* Catalog header and integrated logo wells. */
.customer-catalog .hero{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:28px;padding-block:12px}
.customer-catalog .hero>div:first-child{min-width:0;flex:1}
.customer-catalog .hero .product-stats{display:flex;flex-direction:row;gap:26px;margin:0;text-align:right}
.customer-catalog .hero .product-stats span{font-size:9px;white-space:nowrap}
.customer-catalog .hero h1{font-size:clamp(28px,3.6vw,48px)}
.customer-catalog #collectionNote{display:none}
.customer-catalog .manufacturer-image:not(.manufacturer-image-dark):not(.manufacturer-image-unavailable){background:radial-gradient(ellipse at 50% 40%,#b2c1c2,#81999c);box-shadow:inset 0 0 0 1px #ffffff12;border-radius:12px}
.customer-home .showcase-copy{max-width:none;line-height:1.5;margin:14px 0 22px}
.preview-boards{perspective:900px;position:relative}
.preview-boards figure{position:relative;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.preview-boards img{transition:filter .55s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.preview-boards.is-loaded:hover figure:first-child{transform:translateY(-12px) rotateY(-12deg) rotateZ(-3deg) scale(1.035)}
.preview-boards.is-loaded:hover figure:last-child{transform:translateY(-8px) rotateY(12deg) rotateZ(3deg) scale(1.035)}
.preview-boards.is-loaded:hover img{filter:drop-shadow(0 20px 16px #0009) drop-shadow(0 0 15px #6be2bd55)}
}
@media(max-width:540px){.customer-catalog .hero{gap:14px}.customer-catalog .hero>div:first-child>span{font-size:8px;letter-spacing:.06em}.customer-catalog .hero .product-stats{flex-direction:column;gap:10px}.customer-catalog .hero .product-stats strong{font-size:25px}.customer-catalog .hero h1{font-size:28px}}

/* Shared logo panels, including the homepage. */
.customer-home .growth-brands .manufacturer-image:not(.manufacturer-image-dark):not(.manufacturer-image-unavailable){background:radial-gradient(ellipse at 50% 40%,#b2c1c2,#81999c);box-shadow:inset 0 0 0 1px #ffffff12;border-radius:12px}
.manufacturer-chery img{mask-image:url("assets/manufacturers/chery-mask.svg");mask-size:contain;mask-position:center;mask-repeat:no-repeat}
.manufacturer-maserati img{mask-image:url("assets/manufacturers/maserati-mask.svg");mask-size:contain;mask-position:center;mask-repeat:no-repeat}
.manufacturer-maxus img{mask-image:url("assets/manufacturers/maxus-mask.svg");mask-size:contain;mask-position:center;mask-repeat:no-repeat}
.manufacturer-ssangyong img{mask-image:url("assets/manufacturers/ssangyong-mask.svg");mask-size:contain;mask-position:center;mask-repeat:no-repeat}
.manufacturer-subaru img{mask-image:url("assets/manufacturers/subaru-mask.svg");mask-size:contain;mask-position:center;mask-repeat:no-repeat}
/* Interactive product preview: shared launch action, load-gated motion. */
.preview-boards[role=button]{cursor:pointer;isolation:isolate;--tilt-x:0deg;--tilt-y:0deg;--light-x:50%;--light-y:45%;outline:none}
.preview-boards[role=button]:focus-visible{box-shadow:inset 0 0 0 2px #80e3ca}
.preview-boards::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#64e8cc30,transparent 65%);transition:opacity .35s}
.preview-boards::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 32%,#c9fff00f 44%,#c9fff033 50%,#c9fff00f 56%,transparent 68%);background-size:240% 100%;background-position:100% 0}
.preview-launch{position:absolute;z-index:3;bottom:12px;left:50%;transform:translate(-50%,6px);padding:8px 14px;border:1px solid #6ec8b394;border-radius:999px;background:#102a25ed;color:#c2fff0;font:600 12px/1.2 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.preview-boards.is-loaded:is(:hover,:focus-visible) .preview-launch{opacity:1;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .preview-boards.is-loaded:is(:hover,:focus-visible)::before{opacity:1}
 .preview-boards.is-loaded:hover::after{animation:preview-sheen 1.1s ease-out both}
 .preview-boards.is-loaded:hover figure:first-child{transform:translate3d(-5px,-14px,30px) rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) - 9deg)) rotateZ(-3deg) scale(1.055)}
 .preview-boards.is-loaded:hover figure:nth-child(2){transform:translate3d(5px,-10px,45px) rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) + 9deg)) rotateZ(3deg) scale(1.055)}
 .preview-boards.is-loaded:hover figure{transition:transform .18s ease-out}
 .preview-boards.is-loaded:hover img{filter:drop-shadow(0 22px 14px #0009) drop-shadow(0 0 19px #6be2bd60)}
 @keyframes preview-sheen{0%{opacity:0;background-position:100% 0}20%{opacity:1}100%{opacity:0;background-position:0 0}}
}
@media(prefers-reduced-motion:reduce){.preview-boards figure,.preview-boards img,.preview-launch{transition:none!important}.preview-boards::before,.preview-boards::after{display:none}}
/* Autonomous homepage previews, paused by visibility and reduced-motion preferences. */
.home-growth .growth-brands{perspective:700px}.growth-brands>div{min-width:0}.brand-cycle-slot{transform-origin:center;will-change:transform,opacity}
body.customer-home button.motion-control{display:inline-flex;align-items:center;justify-content:center;min-height:32px;height:auto;padding:7px 10px;border:1px solid #4f837366!important;border-radius:6px;background:#112b23!important;color:#a9dbcc!important;font:500 11px/1.2 system-ui,sans-serif;letter-spacing:0;cursor:pointer}.home-growth .motion-control{margin-top:14px}
.pcb-walkthrough{overflow:hidden;border:1px solid #35534d;border-radius:12px;background:#0c171b;min-width:0}.walkthrough-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid #315047;background:#172c29;font-size:12px;color:#bfeadf}.walkthrough-stage{height:300px;position:relative;overflow:hidden;direction:ltr;isolation:isolate;background:radial-gradient(ellipse at 40% 50%,#1f3936,#0b181d 75%)}.walkthrough-browser,.walkthrough-viewer{position:absolute;inset:0;transition:opacity .5s,transform .6s}.walkthrough-browser{padding:12px}.walkthrough-track{display:grid;gap:10px;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.pcb-walkthrough .home-record-preview{height:80px;min-height:80px;margin:0;padding:10px 14px;display:flex;align-items:center;gap:16px;border:1px solid #304a45;border-radius:8px;background:#102126;box-sizing:border-box}.pcb-walkthrough .home-record-preview img{width:32px;height:58px;object-fit:contain;flex:0 0 32px}.pcb-walkthrough .home-record-preview strong{font-size:14px;line-height:1.2}.pcb-walkthrough .home-record-preview small{font-size:10px;line-height:1.4;display:block;margin-top:5px}.walkthrough-cursor{position:absolute;width:18px;height:25px;background:#dcfff3;clip-path:polygon(0 0,100% 65%,60% 69%,81% 100%,64% 100%,44% 74%,12% 98%);filter:drop-shadow(0 2px 3px #000);pointer-events:none;z-index:4;transition:left .8s,top .8s,opacity .3s}.walkthrough-browser>.walkthrough-cursor{left:80%;top:30%;opacity:0}.pcb-walkthrough.motion-ready .walkthrough-browser>.walkthrough-cursor{opacity:1}
.pcb-walkthrough[data-phase=scroll] .walkthrough-track,.pcb-walkthrough[data-phase=select] .walkthrough-track{transform:translateY(-80px)}.pcb-walkthrough[data-phase=scroll] .walkthrough-browser>.walkthrough-cursor,.pcb-walkthrough[data-phase=select] .walkthrough-browser>.walkthrough-cursor{left:72%;top:77%}.pcb-walkthrough[data-phase=select] .walkthrough-choice{border-color:#82e6c9;box-shadow:0 0 0 2px #62deba24;background:#1e3e34}
.walkthrough-viewer{display:grid;grid-template-columns:minmax(130px,1fr) minmax(90px,.8fr);gap:12px;align-items:center;padding:18px;opacity:0;transform:translateY(20px);pointer-events:none}.walkthrough-board{position:relative;width:130px;height:260px;margin:auto;transform-origin:50% 48%;transition:transform .7s;direction:ltr}.walkthrough-board>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .5s,transform .6s}.walkthrough-back{opacity:0;transform:rotateY(-90deg)}.walkthrough-detail{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px 9px;border:1px solid #41685b;border-radius:8px;background:#142c26}.walkthrough-detail small{font-size:10px;color:#8fc3b3}.walkthrough-detail strong{font-size:14px;line-height:1.3;color:#d8f9ed}.walkthrough-marking{font:11px/1.4 system-ui,sans-serif;color:#7fe3c5;overflow-wrap:anywhere}.walkthrough-caption{min-height:39px;display:flex;align-items:center;padding:10px 14px;border-top:1px solid #315047;font-size:12px;color:#a7d8c7}
.pcb-walkthrough:not([data-phase=browse]):not([data-phase=scroll]):not([data-phase=select]) .walkthrough-browser{opacity:0;transform:translateY(-15px);pointer-events:none}.pcb-walkthrough:not([data-phase=browse]):not([data-phase=scroll]):not([data-phase=select]) .walkthrough-viewer{opacity:1;transform:none}
.walkthrough-highlight{position:absolute;left:39.402%;top:48.197%;width:38.286%;height:8.379%;border:2px solid #8affd8;border-radius:3px;background:#7affe61c;box-shadow:0 0 12px #61e7bc88;opacity:0;transition:all .7s}.walkthrough-board>.walkthrough-cursor{left:85%;top:85%;opacity:0}.pcb-walkthrough[data-phase=ic] .walkthrough-highlight,.pcb-walkthrough[data-phase=button] .walkthrough-highlight{opacity:1}.pcb-walkthrough[data-phase=ic] .walkthrough-board>.walkthrough-cursor{left:58.5%;top:52.4%;opacity:1}.pcb-walkthrough[data-phase=button] .walkthrough-highlight{left:35.629%;top:10.741%;width:17.978%;height:6.825%}.pcb-walkthrough[data-phase=button] .walkthrough-board>.walkthrough-cursor{left:44.6%;top:14.15%;opacity:1}.pcb-walkthrough[data-phase=reverse] .walkthrough-front{opacity:0;transform:rotateY(90deg)}.pcb-walkthrough[data-phase=reverse] .walkthrough-back{opacity:1;transform:rotateY(0)}
html[dir=rtl] .walkthrough-detail{direction:rtl;text-align:start}.pcb-walkthrough .walkthrough-marking{direction:ltr;unicode-bidi:isolate}.pcb-walkthrough .home-record-preview{text-align:left}
@media(max-width:400px){.walkthrough-viewer{padding:12px;gap:8px;grid-template-columns:130px minmax(0,1fr)}.walkthrough-detail{padding:9px 6px}.walkthrough-detail strong{font-size:12px}.walkthrough-top{padding:10px}}
@media(prefers-reduced-motion:reduce){.pcb-walkthrough *{transition:none!important;animation:none!important}.brand-cycle-slot{will-change:auto}}
.customer-home .growth-brands .manufacturer-image-unavailable{font:600 11px/1.3 system-ui,sans-serif;letter-spacing:.01em;text-align:center;overflow-wrap:anywhere;padding:8px;color:#c9e5db;background:#1b302b;display:flex;align-items:center;justify-content:center}

/* Passive BMW walkthrough; coordinates match bmw-32's recorded front image. */
.pcb-walkthrough{pointer-events:none;user-select:none}.walkthrough-board{width:160px;height:239.84375px}.walkthrough-highlight{left:25.1%;top:27.1%;width:9.4%;height:15.1%;box-sizing:border-box}.pcb-walkthrough[data-phase=ic] .walkthrough-board>.walkthrough-cursor{left:29.8%;top:34.65%}.pcb-walkthrough[data-phase=button] .walkthrough-highlight{left:42.9%;top:22.9%;width:11.8%;height:5%}.pcb-walkthrough[data-phase=button] .walkthrough-board>.walkthrough-cursor{left:48.8%;top:25.4%}.walkthrough-viewer{grid-template-columns:minmax(160px,1fr) minmax(80px,.8fr)}
.home-included{margin:48px 0 36px;padding:40px;border:1px solid #365a50;border-radius:24px;background:radial-gradient(ellipse at top left,#1e4035,transparent 65%),#102025}.home-included h2{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:18px 0;color:#effcf7}.included-heading p{color:#aec9c1}.included-list{list-style:none;padding:0;margin:32px 0;display:grid;grid-template-columns:1fr 1fr;gap:28px 36px}.included-list li{position:relative;padding-inline-start:36px}.included-list li::before{content:'✓';position:absolute;inset-inline-start:0;top:0;color:#7be3c2;font:bold 24px/1.2 system-ui}.included-list strong{display:block;font-size:clamp(19px,2vw,24px);line-height:1.2;color:#f0fff9}.included-list span{display:block;margin-top:9px;color:#adc7bf;font-size:14px;line-height:1.6}.included-cta{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:600px){.home-included{padding:26px 22px}.included-list{grid-template-columns:1fr;gap:25px}.walkthrough-viewer{padding:12px;gap:8px;grid-template-columns:160px minmax(0,1fr)}}

.manufacturer-hanteng img,.manufacturer-hongxing img,.manufacturer-yema img,.manufacturer-zedriv img{mix-blend-mode:multiply}.manufacturer-enovate{background:#263e42!important}
/* Distinct animated guide and a longer catalog journey. */
.walkthrough-guide-label{font-size:10px;color:#c0b8ff;padding:4px 8px;border:1px solid #665c96;border-radius:20px;white-space:nowrap}.walkthrough-cursor{clip-path:none;width:22px;height:22px;border:2px solid #d8bcff;border-radius:50%;background:#9c64fa38;box-shadow:0 0 0 5px #a275f323,0 0 20px #ad7cff88;filter:none;transform:translate(-50%,-50%)}.walkthrough-cursor::before{content:'';position:absolute;inset:6px;border-radius:50%;background:#e7d7ff}.pcb-walkthrough[data-phase=select] .walkthrough-browser>.walkthrough-cursor{animation:guide-tap .85s ease-out 2}.pcb-walkthrough[data-phase=scroll] .walkthrough-track{transform:translateY(-180px)}.pcb-walkthrough[data-phase=scroll-more] .walkthrough-track{transform:translateY(-360px)}.pcb-walkthrough[data-phase=scroll-last] .walkthrough-track,.pcb-walkthrough[data-phase=select] .walkthrough-track{transform:translateY(-540px)}.pcb-walkthrough[data-mode=browse] .walkthrough-browser{opacity:1;transform:none}.pcb-walkthrough[data-mode=browse] .walkthrough-viewer{opacity:0;transform:translateY(20px)}.pcb-walkthrough[data-phase=scroll-more] .walkthrough-browser>.walkthrough-cursor,.pcb-walkthrough[data-phase=scroll-last] .walkthrough-browser>.walkthrough-cursor{left:72%;top:77%}.walkthrough-track{transition-duration:1.45s}
@keyframes guide-tap{0%{box-shadow:0 0 0 0 #ad7cff99}100%{box-shadow:0 0 0 20px #ad7cff00}}

/* Original Repair Basics photographs, with a quiet rotating spotlight. */
.home-lesson-preview.photo-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;isolation:isolate}.photo-lessons figure{position:relative;min-width:0;margin:0!important;overflow:hidden;border:1px solid #314d48!important;border-radius:14px!important;background:linear-gradient(145deg,#19332c,#0d1c21)!important;transition:transform .75s ease,border-color .75s,box-shadow .75s}.photo-lessons .lesson-photo-frame{position:relative;display:flex;align-items:center;justify-content:center;height:260px;padding:16px;overflow:hidden;box-sizing:border-box;direction:ltr;background:radial-gradient(ellipse at center,#284e3d44,transparent 75%)}.photo-lessons .lesson-photo-frame img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;transform:scale(1);filter:brightness(.9);transition:transform 3.8s cubic-bezier(.2,.6,.2,1),filter 1s;will-change:auto}.photo-lessons figure>span{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px!important;font:600 14px/1.3 system-ui,sans-serif!important;position:relative;background:#0d1e20b3;color:#d2e6df!important}.photo-lessons figure>span::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:#8aefd0;transform:scaleX(0);transform-origin:left}.photo-lessons.motion-ready figure.is-active{border-color:#89e5c5!important;box-shadow:0 8px 28px #0004,0 0 22px #63d7aa14;transform:translateY(-5px)}.photo-lessons.motion-ready figure.is-active img{transform:scale(1.045);filter:brightness(1.07)}.lesson-photo-sweep{position:absolute;inset:-40% -70%;background:linear-gradient(115deg,transparent 42%,#b2ffe315 49%,#c4fff535 50%,transparent 57%);transform:translateX(-70%);opacity:0;pointer-events:none}.photo-lessons.photos-playing figure.is-active .lesson-photo-sweep{animation:lesson-sweep 2.2s ease-in-out infinite}.photo-lessons.photos-playing figure.is-active>span::after{animation:lesson-progress 2.2s linear infinite}
@keyframes lesson-sweep{0%,10%{transform:translateX(-60%);opacity:0}25%{opacity:1}75%,100%{transform:translateX(60%);opacity:0}}@keyframes lesson-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){.home-lesson-preview.photo-lessons{grid-template-columns:1fr;gap:18px}.photo-lessons .lesson-photo-frame{height:230px;padding:20px}.photo-lessons figure>span{min-height:44px}.photo-lessons.motion-ready figure.is-active{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.photo-lessons *{transition:none!important;animation:none!important}.photo-lessons.motion-ready figure.is-active,.photo-lessons.motion-ready figure.is-active img{transform:none}.photo-lessons .lesson-photo-frame img{filter:none}}

/* Included learning product */
.customer-repair .academy-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:clamp(25px,4vw,50px);border:1px solid #315b57;border-radius:28px;background:radial-gradient(ellipse at 85% 20%,#245c505c,transparent 65%),#101e23;overflow:hidden;margin-bottom:32px}
.customer-repair .academy-intro{max-width:none}.customer-repair .academy-badge{display:inline-flex;border:1px solid #548f80;border-radius:30px;padding:7px 12px;color:#80dfc5;font:600 12px/1.5 Arial,sans-serif;letter-spacing:.035em}.customer-repair .academy-hero h1{font-size:clamp(42px,5.7vw,76px);line-height:1.02;margin:24px 0 18px}.customer-repair .academy-hero p{font-size:18px;max-width:360px;line-height:1.65}.academy-art{display:flex;align-items:center;justify-content:center;min-height:270px;gap:8px;perspective:600px}.academy-art>div{width:31%;height:210px;padding:12px 7px;background:#0a171d;border:1px solid #31544f;border-radius:16px;box-shadow:0 24px 30px #0004;transform:rotate(-8deg) translateY(12px)}.academy-art>div:nth-child(2){transform:translateY(-12px);z-index:1;height:250px}.academy-art>div:last-child{transform:rotate(8deg) translateY(12px)}.academy-art img{width:100%;height:100%;object-fit:contain}.academy-dashboard{margin-bottom:24px}.academy-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:30px 0 24px}.customer-repair .academy-heading h2{font-size:clamp(24px,3vw,34px);margin:9px 0}.academy-progress{display:grid;grid-template-columns:1fr auto;gap:5px 18px;min-width:190px;color:#b9d0ce;font-size:13px}.academy-progress strong{color:#84dfc8;font-size:20px}.academy-progress progress{grid-column:1/-1;width:100%;height:6px;accent-color:#79d8bd}.academy-progress small{grid-column:1/-1;font-size:11px}.academy-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.customer-repair .academy-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;min-height:230px;text-align:start;padding:16px;border:1px solid #2c4248;background:#101e25;border-radius:16px;color:#e5f1f1;font:inherit;cursor:pointer;transition:transform .25s,border-color .25s,background .25s}.academy-card .academy-number{color:#72d6bb;font-size:12px;letter-spacing:.12em}.academy-card img{width:100%;height:86px;object-fit:contain;filter:drop-shadow(0 10px 10px #0006)}.academy-card strong{font-size:15px;line-height:1.35}.academy-card .academy-status{font-size:11px;color:#acc1c4;margin-top:auto}.customer-repair .academy-card[aria-pressed=true]{border-color:#79d8bd;background:linear-gradient(145deg,#1c3e39,#102128);box-shadow:inset 0 0 0 1px #79d8bd33}.academy-card.is-complete .academy-number:after{content:' ✓';color:#9ff4d8}.customer-repair .academy-reference-nav{justify-content:flex-end;margin:12px 0}.customer-repair .academy-reference-nav a{font:inherit;font-size:13px}.customer-repair .repair-section[hidden],.customer-repair .section-nav a[hidden]{display:none!important}.customer-repair .repair-section{border-radius:24px;scroll-margin-top:20px}.customer-repair .repair-section h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;margin:14px 0 24px}.customer-repair .repair-section p{max-width:850px}.customer-repair .lesson-figure{margin:0;overflow:hidden}.customer-repair .academy-image{display:block;position:relative;width:100%;padding:22px 20px 40px;background:radial-gradient(ellipse at center,#294b4366,transparent 70%),#0b181e;border:1px solid #2d4948;border-radius:16px;cursor:zoom-in;overflow:hidden}.customer-repair .academy-image img{display:block;width:100%;height:290px;max-height:none;max-width:100%;object-fit:contain;margin:0;transition:transform .5s}.customer-repair .lesson-detail .academy-image img{height:350px}.academy-enlarge{position:absolute;bottom:12px;right:16px;font:500 11px/1.5 Arial,sans-serif;color:#84dbc6}.customer-repair .lesson-figure figcaption{padding:12px 2px 22px}.academy-lesson-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:35px;padding-top:25px;border-top:1px solid #2e4448}.academy-lesson-actions>div{display:flex;gap:8px;flex-wrap:wrap}.customer-repair .academy-lesson-actions button,.academy-lightbox-close{min-height:44px;padding:10px 16px;color:#e9f6f2;border:1px solid #53786d;border-radius:9px;background:#18342f;font:600 14px/1.3 Arial,sans-serif;cursor:pointer}.customer-repair .academy-complete[aria-pressed=true]{background:#386957}.academy-lightbox{width:min(1000px,94vw);max-height:94vh;background:#0c1c23;color:#e7f3ee;border:1px solid #68958b;border-radius:20px;padding:24px;text-align:center}.academy-lightbox::backdrop{background:#030d12db;backdrop-filter:blur(8px)}.academy-lightbox img{display:block;width:100%;height:70vh;object-fit:contain}.academy-lightbox-close{display:block;margin-inline-start:auto}.academy-lightbox p{margin:10px 0 0}.customer-repair button:focus-visible{outline:3px solid #c7fff0;outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.customer-repair .academy-card:hover{transform:translateY(-5px);border-color:#79d8bd}.academy-image.image-ready:hover img{transform:scale(1.045)}.academy-art .art-ready{animation:academy-drift 7s ease-in-out infinite alternate}.academy-art .art-ready:nth-child(2){animation-delay:-2s}.academy-art .art-ready:nth-child(3){animation-delay:-4s}@keyframes academy-drift{to{translate:0 -10px}}}
@media(max-width:800px){.customer-repair .academy-hero{grid-template-columns:1fr;gap:8px}.academy-art{min-height:220px}.academy-art>div{max-width:160px;height:170px}.academy-art>div:nth-child(2){height:210px}.academy-path{grid-template-columns:repeat(3,minmax(0,1fr))}.academy-heading{align-items:flex-start}.academy-progress{min-width:150px}.customer-repair .academy-card{min-height:220px}}
@media(max-width:500px){.academy-path{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-heading{flex-direction:column;align-items:stretch}.academy-progress{width:100%}.academy-art{min-height:190px}.academy-art>div{height:145px}.academy-art>div:nth-child(2){height:185px}.customer-repair .academy-image img,.customer-repair .lesson-detail .academy-image img{height:260px}.academy-lesson-actions,.academy-lesson-actions>div{display:grid;grid-template-columns:1fr;width:100%}.customer-repair .academy-card{min-height:208px}}
@media(prefers-reduced-motion:reduce){.customer-repair *{scroll-behavior:auto!important}.academy-card,.academy-image img{transition:none!important}.academy-art>div{animation:none!important}}

/* Continuous Repair Basics: atmosphere and image motion, without task controls. */
.customer-repair .repair-flow-nav{justify-content:flex-start;gap:10px;padding:12px 0;margin:12px 0 22px}
.customer-repair .repair-flow-nav a{border-radius:30px;padding:11px 18px;font:500 13px/1.4 system-ui,sans-serif;transition:border-color .25s,transform .25s}
.customer-repair .repair-flow-nav a[aria-current=location]{border-color:#91e5cb;background:#204137}
.customer-repair .repair-flow-section{position:relative;isolation:isolate;margin-bottom:38px;padding:clamp(24px,4vw,48px);background:radial-gradient(ellipse at 95% 0%,#24544440,transparent 55%),#111f24;border-color:#304b48;overflow:hidden}
.repair-flow-section::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(transparent,#78e2bd,transparent);opacity:.55;pointer-events:none}
.customer-repair .lesson-workflow article{position:relative;padding:26px;border-radius:18px;transition:transform .3s,border-color .3s;background:linear-gradient(150deg,#17302e,#0d191e);overflow:hidden}
.customer-repair .lesson-workflow article b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#77dfbc13;border:1px solid #77dfbc55;font-size:14px}
.customer-repair .academy-image::after{content:'';position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 40%,#b9ffe00c 47%,#dcfff024 50%,transparent 59%);pointer-events:none;opacity:0;transform:translateX(-70%)}
.customer-repair .lesson-types .academy-image img{height:130px}.customer-repair .lesson-types{max-width:560px;width:100%}
@media(prefers-reduced-motion:no-preference){html:has(.customer-repair){scroll-behavior:smooth}.repair-flow-section.has-entered{animation:repair-arrive .7s both}.lesson-figure.is-in-view .academy-image.image-ready::after{animation:repair-sheen 6s ease-in-out infinite}.lesson-figure.is-in-view .academy-image.image-ready img{animation:repair-breathe 7s ease-in-out infinite}.academy-hero.is-in-view .academy-art .art-ready{animation:academy-drift 7s ease-in-out infinite alternate}.academy-hero.is-in-view .academy-art .art-ready:nth-child(2){animation-delay:-2s}.academy-hero.is-in-view .academy-art .art-ready:nth-child(3){animation-delay:-4s}.lesson-workflow article.is-in-view b{animation:repair-halo 4s ease-in-out infinite}.lesson-workflow article:nth-child(2) b{animation-delay:-1.3s}.lesson-workflow article:nth-child(3) b{animation-delay:-2.6s}}
@media(hover:hover){.customer-repair .lesson-workflow article:hover{transform:translateY(-5px);border-color:#79d8bd}.customer-repair .repair-flow-nav a:hover{transform:translateY(-2px)}}
@keyframes repair-arrive{from{opacity:.55;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes repair-sheen{0%,15%{opacity:0;transform:translateX(-65%)}30%{opacity:1}65%,100%{opacity:0;transform:translateX(65%)}}
@keyframes repair-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes repair-halo{0%,100%{box-shadow:0 0 0 0 #79d8bd00}50%{box-shadow:0 0 0 8px #79d8bd0c}}
@media(max-width:600px){.customer-repair .repair-flow-nav{gap:7px}.customer-repair .repair-flow-nav a{font-size:12px;padding:9px 12px}.customer-repair .repair-flow-section{margin-bottom:22px}.customer-repair .lesson-workflow article{padding:20px}.customer-repair .lesson-types .academy-image{padding:14px 10px 38px}.customer-repair .lesson-types .academy-image img{height:110px}}
@media(prefers-reduced-motion:reduce){.repair-flow-section,.customer-repair .academy-image::after,.customer-repair .academy-image img,.customer-repair .lesson-workflow article b{animation:none!important;transition:none!important}}

/* Catalog return and uncluttered continuous Repair Basics. */
.customer-catalog .filter-panel{grid-template-columns:minmax(0,1fr) minmax(210px,280px)}
.customer-catalog #allManufacturers.catalog-back{display:inline-flex;align-items:center;gap:9px;margin:20px 0 0;padding:10px 15px;font:600 13px/1.4 system-ui,sans-serif}
.customer-catalog #allManufacturers[hidden],.customer-repair .repair-flow-nav[hidden]{display:none!important}
.customer-catalog .catalog-back::before{content:'←'}
.customer-repair .academy-hero{margin-bottom:32px;background:radial-gradient(ellipse at 75% 20%,#35756066,transparent 60%),linear-gradient(125deg,#101f27,#0c1b1e)}
.customer-repair .academy-art>div{border-radius:22px;border-color:#4d8a7666;background:linear-gradient(140deg,#234b3c44,#08161d);box-shadow:0 20px 40px #0005}
.customer-repair .image-version-note{margin:10px 0 28px;font-size:11px;opacity:.7}
.customer-repair .repair-flow-section{margin-block:35px 45px;box-shadow:0 18px 55px #0002}
.customer-repair .lesson-figures .lesson-figure:nth-child(2){--image-delay:-2s}.customer-repair .lesson-figures .lesson-figure:nth-child(3){--image-delay:-4s}
.customer-repair .lesson-figure.is-in-view .academy-image::after,.customer-repair .lesson-figure.is-in-view .academy-image img{animation-delay:var(--image-delay,0s)}
.customer-repair .lesson-workflow{counter-reset:steps}.customer-repair .lesson-workflow article{border-top:2px solid #71d9b366}.customer-repair .lesson-workflow h3{font-size:24px}
@media(min-width:1000px){.customer-repair .lesson-detail{float:inline-end;width:42%;margin:0 0 28px 35px}.customer-repair .repair-flow-section:after{content:'';display:block;clear:both}.customer-repair .lesson-figures{clear:both;padding-top:16px}}
@media(max-width:600px){.customer-catalog .filter-panel{grid-template-columns:1fr}.customer-repair .repair-flow-section{margin-block:24px}.customer-repair .lesson-detail{float:none;width:auto}}

/* Optional circuit play, always on the same page. */
.repair-play{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:30px 0 52px;padding:40px;border:1px solid #294844;border-radius:28px;background:radial-gradient(ellipse at 85% 40%,#1b46413d,transparent 65%),#0e1c23;overflow:hidden}
.repair-play h2{font-size:clamp(25px,3vw,40px);line-height:1.15;margin:14px 0}.repair-play p{color:#a8bcc6;line-height:1.6}.repair-play label{display:flex;justify-content:space-between;font-weight:700;color:#dffbf3;margin:26px 0 16px}.repair-play input{width:100%;accent-color:#7ce4cd;cursor:ew-resize}.repair-play .repair-play-note{font-size:12px;margin-top:18px;max-width:42ch}.repair-circuit{position:relative}.repair-circuit svg{width:100%;overflow:visible}.circuit-track{fill:none;stroke:#34514f;stroke-width:4;stroke-linecap:round}.circuit-flow{fill:none;stroke:#95f3da;stroke-width:4;stroke-dasharray:2 28;stroke-linecap:round;animation:circuit-flow var(--flow-duration,2s) linear infinite}.circuit-battery{stroke:#f3c26b;stroke-width:5}.circuit-resistor{fill:#214640;stroke:#8ae3ce;stroke-width:2}.repair-circuit text{fill:#a9c0c8;font:18px ui-monospace,monospace}.circuit-light{fill:#aeffe2;opacity:var(--circuit-glow,.4)}.circuit-halo{fill:#68e4b9;opacity:var(--circuit-glow,.4);filter:blur(20px)}.circuit-reading{display:flex;justify-content:center;align-items:baseline;gap:9px;margin-top:-8px;color:#a1edd9}.circuit-reading output{font:600 40px ui-monospace,monospace}.circuit-reading span{font-size:16px}@keyframes circuit-flow{to{stroke-dashoffset:-120}}
@media(max-width:680px){.repair-play{grid-template-columns:1fr;padding:26px;gap:4px}.repair-circuit{max-width:440px;width:100%;margin:auto}.repair-play h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.circuit-flow{animation:none}}
.repair-play h2 br:after{content:' '}