/* PCB Lab light theme */
.section-kicker{display:block;margin-bottom:16px;color:var(--accent-blue);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.info-pillars{display:grid;grid-template-columns:1.18fr 1fr 1fr 1fr;gap:14px;align-items:stretch;margin-top:30px}.info-pillar{position:relative;min-height:300px;padding:24px 22px 25px;background:#fff;border:1px solid var(--border-color);border-top:4px solid #aeb9bd;box-shadow:0 8px 24px rgba(23,33,38,.08);overflow:hidden;transform-origin:50% 100%}.info-pillar:before{content:"";position:absolute;right:-22px;top:52px;width:82px;height:1px;background:var(--accent-blue);transform:rotate(-45deg);opacity:.35}.info-pillar.pillar-main{background:#10202a;border-color:#10202a;border-top-color:var(--accent-blue);color:#fff;box-shadow:0 14px 30px rgba(16,32,42,.2)}.pillar-index{font-family:var(--font-mono);font-size:.69rem;letter-spacing:.11em;color:var(--accent-blue);margin-bottom:32px}.pillar-main .pillar-index{color:#f08a5b}.pillar-number{font-size:clamp(4.5rem,8vw,7rem);font-weight:800;line-height:.75;letter-spacing:-.09em;color:#fff}.pillar-number span{display:inline-block;margin-left:9px;font-size:1.05rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#f08a5b}.info-pillar h3{font-size:1.25rem;line-height:1.12;margin:26px 0 11px;letter-spacing:-.025em}.info-pillar p{font-size:.94rem;line-height:1.55;color:var(--text-secondary);margin:0;max-width:290px}.pillar-main p{color:#d5e0e2}.pillar-mark{display:block;margin-top:24px;color:var(--accent-blue);font-size:1.35rem}.info-pillar.reveal{will-change:transform,opacity}.info-pillars + .experience-strip{margin-top:14px}
@media (prefers-reduced-motion: no-preference){.info-pillar.reveal{animation:pillar-in .7s cubic-bezier(.2,.8,.2,1) both}.info-pillar.reveal-delay-1{animation-delay:.12s}.info-pillar.reveal-delay-2{animation-delay:.24s}.info-pillar.reveal-delay-3{animation-delay:.36s}@keyframes pillar-in{from{opacity:0;transform:translateY(28px) skewY(2deg) scale(.97)}to{opacity:1;transform:translateY(0) skewY(0) scale(1)}}}
@media(max-width:900px){.info-pillars{grid-template-columns:1fr 1fr}.info-pillar.pillar-main{grid-column:span 2;min-height:250px}}
@media(max-width:700px){.info-pillars{grid-template-columns:1fr}.info-pillar.pillar-main{grid-column:auto}.info-pillar{min-height:0}.experience-strip{margin-top:14px}}
.experience-editorial{display:grid;grid-template-columns:.72fr 1.28fr;gap:8%;align-items:start;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:44px 0 34px}.experience-intro{padding:8px 0}.experience-number{font-size:clamp(4.5rem,10vw,8.5rem);line-height:.8;font-weight:800;letter-spacing:-.09em;color:var(--accent-blue)}.experience-number span{display:block;font-size:1.1rem;line-height:1;margin:18px 0 0 8px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.experience-intro p{max-width:250px;margin:26px 0 0 8px;color:var(--text-secondary);font-size:1rem}.experience-points{border-left:1px solid var(--border-color)}.experience-point{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:0 0 25px 24px;margin:0 0 25px;border-bottom:1px solid #d7dfdc}.experience-point:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.experience-point>span{font-family:var(--font-mono);font-size:.82rem;color:var(--accent-blue);padding-top:4px}.experience-point h3{font-size:1.25rem;margin-bottom:7px}.experience-point p{color:var(--text-secondary);max-width:590px;font-size:.96rem;margin:0}.experience-strip{display:flex;gap:0;margin-top:28px;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color)}.experience-strip span{flex:1;padding:15px 18px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;border-right:1px solid var(--border-color)}.experience-strip span:last-child{border-right:0}@media(max-width:700px){.experience-editorial{grid-template-columns:1fr;gap:34px;padding:32px 0 26px}.experience-number{font-size:6rem}.experience-points{border-left:0}.experience-point{padding-left:0}.experience-strip{display:block}.experience-strip span{display:block;border-right:0;border-bottom:1px solid var(--border-color)}.experience-strip span:last-child{border-bottom:0}}
:root{--bg-primary:#f7f9f8;--bg-secondary:#edf1ef;--bg-card:#fff;--bg-card-hover:#fff;--accent-blue:#c65320;--accent-gold:#c65320;--accent-gold-light:#e26e38;--text-primary:#172126;--text-secondary:#4c5a61;--text-muted:#627078;--border-color:#b9c3c7;--gradient-hero:linear-gradient(135deg,#f7f9f8 0%,#eef3f1 100%);--gradient-accent:linear-gradient(135deg,#c65320,#e26e38);--shadow-glow:0 12px 28px rgba(198,83,32,.13);--shadow-card:0 8px 24px rgba(23,33,38,.08)}
body{background:var(--bg-primary);color:var(--text-primary)}.navbar{background:rgba(247,249,248,.94);border-bottom-color:#cbd4d1;backdrop-filter:blur(14px)}.navbar.scrolled{background:rgba(247,249,248,.98);box-shadow:var(--shadow-card)}
.navbar-brand{background:none;-webkit-text-fill-color:initial;color:var(--accent-blue);font-family:var(--font-mono);font-size:1rem;letter-spacing:.12em}.navbar-brand span{color:var(--text-secondary)}.nav-links a{color:var(--text-secondary)}.nav-links a::after{background:var(--accent-blue)}.nav-links a:hover{color:var(--text-primary)}.nav-cta{border-radius:3px;background:var(--accent-blue);color:#fff}.nav-cta:hover{color:#fff;box-shadow:var(--shadow-glow)}
.hero{background:var(--gradient-hero)}.hero::before{opacity:.18}.hero-content{text-align:left;max-width:980px}.hero-badge,.section-label{border-radius:0;background:rgba(198,83,32,.08);border-color:rgba(198,83,32,.35);color:var(--accent-blue)}.hero h1{font-weight:750;letter-spacing:-.045em}.hero h1 .gradient-text{background:none;-webkit-text-fill-color:initial;color:var(--accent-blue)}.hero p{margin-left:0;color:var(--text-secondary)}.hero-buttons{justify-content:flex-start}
.btn{border-radius:0}.btn-primary{background:var(--accent-blue);color:#fff;box-shadow:0 4px 16px rgba(198,83,32,.22)}.btn-primary:hover{color:#fff;box-shadow:0 8px 22px rgba(198,83,32,.28)}.btn-secondary{color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--accent-blue);color:var(--accent-blue)}
.section-header h2{letter-spacing:-.035em}.section-header p{color:var(--text-secondary)}.course-card,.feature-card,.discount-item,.order-section{border-radius:3px;border-color:var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-card)}.course-card:hover{transform:translateY(-4px);border-color:rgba(198,83,32,.55);box-shadow:var(--shadow-glow)}.course-card::before{background:var(--accent-blue)}.course-card.featured{border-color:var(--accent-blue)}.course-card.featured::before{background:var(--accent-blue)}
.course-badge{border-radius:0}.course-badge.popular,.course-badge.standard,.course-badge.advanced{background:rgba(198,83,32,.09);color:var(--accent-blue)}.course-price{color:var(--accent-blue)}.course-topics li{color:var(--text-secondary);border-bottom-color:#e0e6e4}.course-topics li::before{color:var(--accent-blue)}.discounts-section{border-radius:3px;background:var(--bg-secondary)}.discount-item{box-shadow:none}.discount-number{color:var(--accent-blue)}.feature-icon{border-radius:3px;background:rgba(198,83,32,.08);color:var(--accent-blue)}.feature-card p{color:var(--text-secondary)}
.form-group label{color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{border-radius:3px;background:#fff;border-color:var(--border-color);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(198,83,32,.12)}.price-summary{border-radius:3px;background:#f1f5f3;border-color:rgba(198,83,32,.32);box-shadow:none}.price-summary h3{color:var(--accent-blue)!important}.price-row{color:var(--text-secondary);border-bottom-color:#d7dfdc}.price-row span:last-child{color:var(--text-primary)}.price-row.total{color:var(--text-primary);border-top-color:var(--accent-blue)}.price-row.total span:last-child{color:var(--accent-blue)}.footer{background:#0b1218;color:#eef3f1}.footer p{color:#aebbc0}.footer h4{color:#fff}.footer a{color:#f08a5b}@media(max-width:768px){.hero-content{text-align:left}.hero p{margin-left:0}.hero-buttons{justify-content:flex-start}}

/* Training booking: make the location rule visible without disrupting the existing two-step flow. */
.training-format-hint{margin:8px 0 0;padding-left:10px;border-left:2px solid var(--accent-blue);color:var(--text-secondary);font-size:.78rem;line-height:1.45}

/* SystemEL homepage: service gateway */
.service-overview{padding-top:112px}.service-overview-header{max-width:700px}.service-gates{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.service-gate{position:relative;display:flex;min-height:348px;flex-direction:column;padding:28px 26px 25px;background:#fff;border:1px solid var(--border-color);border-top:4px solid #9da9ad;box-shadow:var(--shadow-card);overflow:hidden}.service-gate:after{position:absolute;right:-13px;top:52px;width:92px;height:1px;background:var(--accent-blue);content:"";opacity:.38;transform:rotate(-45deg)}.service-gate-training{border-top-color:var(--accent-blue);background:#fdfaf8}.service-gate-index{position:relative;z-index:1;color:var(--accent-blue);font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.13em}.service-gate h3{margin:64px 0 13px;font-size:1.8rem;line-height:1;letter-spacing:-.045em}.service-gate p{max-width:300px;margin:0;color:var(--text-secondary);font-size:.98rem;line-height:1.58}.service-gate a,.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding-top:30px;color:var(--text-primary);font-family:var(--font-mono);font-size:.73rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase}.service-gate a span,.text-link span{color:var(--accent-blue);font-size:1.2rem;transition:transform .2s ease}.service-gate a:hover,.text-link:hover{color:var(--accent-blue)}.service-gate a:hover span,.text-link:hover span{transform:translateX(5px)}
.process-summary{padding:42px 0;background:#e9efec;border-top:1px solid #d2dcda;border-bottom:1px solid #d2dcda}.process-summary-grid{display:grid;grid-template-columns:.9fr 1.5fr;gap:10%;align-items:center}.process-statement h2{max-width:390px;margin:0;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.02;letter-spacing:-.05em}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--border-color)}.process-steps>div{min-height:146px;padding:7px 18px 0 22px;border-right:1px solid var(--border-color)}.process-steps span{display:block;margin-bottom:28px;color:var(--accent-blue);font-family:var(--font-mono);font-size:.72rem}.process-steps strong{display:block;font-size:1.05rem}.process-steps p{margin:7px 0 0;color:var(--text-secondary);font-size:.86rem;line-height:1.45}
.references-gate{padding:100px 0}.references-gate-grid{display:grid;grid-template-columns:1fr .75fr;gap:13%;align-items:center}.references-gate-copy h2{max-width:540px;margin:16px 0;font-size:clamp(2rem,4vw,3.7rem);line-height:1;letter-spacing:-.055em}.references-gate-copy p{max-width:570px;margin:0;color:var(--text-secondary);font-size:1.04rem;line-height:1.62}.references-gate-copy .text-link{margin-top:8px}.references-gate-mark{display:flex;min-height:218px;flex-direction:column;justify-content:center;padding:25px 32px;background:#10202a;border:1px solid #10202a;box-shadow:0 14px 30px rgba(16,32,42,.18)}.references-gate-mark span{color:#fff;font-family:var(--font-mono);font-size:1.15rem;font-weight:700;letter-spacing:.18em}.references-gate-mark i{display:block;width:100%;height:1px;margin:17px 0;background:linear-gradient(90deg,#f08a5b 0 18%,rgba(255,255,255,.24) 18% 100%)}
.contact-gate{padding:0 0 108px}.contact-gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:44px 48px;background:#fff;border:1px solid var(--border-color);border-left:5px solid var(--accent-blue);box-shadow:var(--shadow-card)}.contact-gate h2{margin:10px 0 0;font-size:clamp(2rem,3.5vw,3.3rem);line-height:1;letter-spacing:-.05em}.contact-gate p{max-width:500px;margin:0 0 22px;color:var(--text-secondary);font-size:1rem;line-height:1.6}
@media(max-width:900px){.service-gates{grid-template-columns:1fr}.service-gate{min-height:255px}.service-gate h3{margin-top:36px}.process-summary-grid,.references-gate-grid{grid-template-columns:1fr;gap:38px}.process-steps{max-width:700px}.references-gate-mark{max-width:560px}.contact-gate-grid{gap:30px;padding:38px}}
@media(max-width:640px){.service-overview{padding-top:74px}.service-gates{margin-top:30px}.service-gate{padding:24px 21px;min-height:0}.service-gate h3{font-size:1.55rem}.service-gate a{margin-top:26px;padding-top:0}.process-summary{padding:35px 0}.process-steps{grid-template-columns:1fr;border-top:1px solid var(--border-color);border-left:0}.process-steps>div{min-height:0;padding:16px 0;border-right:0;border-bottom:1px solid var(--border-color)}.process-steps span{display:inline;margin:0 13px 0 0}.process-steps strong{display:inline}.process-steps p{margin:7px 0 0}.references-gate{padding:70px 0}.references-gate-mark{min-height:170px}.contact-gate{padding-bottom:70px}.contact-gate-grid{grid-template-columns:1fr;padding:30px 24px}.contact-gate h2{font-size:2.2rem}}
.page-shell{min-height:70vh;padding:150px 0 100px;background:var(--gradient-hero)}.page-shell h1{max-width:800px;margin:18px 0 28px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.98;letter-spacing:-.06em}.page-content{max-width:760px;margin-bottom:34px;color:var(--text-secondary);font-size:1.06rem;line-height:1.72}.page-content h2{margin:36px 0 12px;color:var(--text-primary);font-size:1.55rem}.page-content p{margin:0 0 18px}.page-content ul{margin:0 0 24px;padding-left:20px}.page-content li{margin:7px 0}
@media(max-width:768px){.navbar .container{height:auto;min-height:70px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.nav-links{display:flex;order:3;justify-content:space-between;width:100%;gap:8px;margin:3px 0 0;padding:10px 0 2px;border-top:1px solid #d6dfdc;overflow-x:auto}.nav-links a{white-space:nowrap;font-size:.69rem;letter-spacing:.01em}.nav-cta{padding:9px 13px;font-size:.76rem}}
.nav-links{gap:14px}.nav-split-control{display:flex;align-items:stretch;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;background:#e8ecea}.nav-links .nav-split-control a{display:flex;align-items:center;color:var(--text-primary);font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.005em}.nav-links .nav-split-control a::after{display:none}.nav-split-scroll{position:relative;z-index:1;gap:7px;padding:9px 18px 9px 12px;background:#fff;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%)}.nav-split-scroll i{color:var(--accent-blue);font-size:1rem;font-style:normal;line-height:1}.nav-split-page{justify-content:center;min-width:45px;margin-left:-10px;padding-left:9px;color:var(--accent-blue)!important;font-size:1.03rem!important;transition:background .2s ease}.nav-split-scroll:hover{background:#fff8f4}.nav-split-page:hover{background:#dfe6e2}@media(max-width:768px){.nav-links{gap:7px}.nav-split-control{border-radius:13px}.nav-links .nav-split-control a{font-size:.6rem}.nav-split-scroll{padding:8px 15px 8px 9px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,0 100%)}.nav-split-page{min-width:37px;margin-left:-8px;padding-left:7px;font-size:.9rem!important}}
.mobile-menu-toggle{display:none}@media(max-width:1300px){.navbar .container{height:auto;min-height:72px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.navbar-brand{font-size:.98rem}.nav-cta{display:none}.mobile-menu-toggle{display:inline-flex;align-items:center;gap:13px;margin-left:auto;padding:10px 13px;border:1px solid var(--border-color);border-radius:3px;background:#fff;color:var(--text-primary);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.mobile-menu-toggle i{color:var(--accent-blue);font-size:1.25rem;font-style:normal;line-height:.7;transition:transform .2s ease}.mobile-menu-toggle.is-open i{transform:rotate(45deg)}.nav-links{display:none!important;order:3;width:100%;margin:12px 0 0;padding:12px 0 2px;border-top:1px solid #d6dfdc;overflow:visible}.nav-links.is-open{display:grid!important;grid-template-columns:1fr;gap:9px}.nav-split-control{width:100%;border-radius:5px}.nav-links .nav-split-control a{font-size:.74rem}.nav-split-scroll{flex:1;padding:13px 20px 13px 15px}.nav-split-page{min-width:58px;margin-left:-10px;padding-left:10px;font-size:1.2rem!important}}@media(max-width:480px){.navbar .container{min-height:66px}.navbar-brand{font-size:.9rem}.mobile-menu-toggle{padding:9px 11px;font-size:.68rem}.nav-links .nav-split-control a{font-size:.7rem}.nav-split-scroll{padding:12px 19px 12px 13px}.nav-split-page{min-width:52px}}

/* Mobile: the hero is a calm, centred invitation; detailed cards remain left-aligned for scanning. */
@media(max-width:640px){
    .hero-content{width:100%;max-width:38rem;padding:0 24px;text-align:center}
    .hero-badge{margin-right:auto;margin-left:auto;font-size:.78rem;line-height:1.35}
    .hero h1{font-size:clamp(2.4rem,10vw,3.1rem);line-height:1.02}
    .hero p{max-width:34rem;margin:0 auto 30px;font-size:1.05rem;line-height:1.55}
    .hero-buttons{width:100%;justify-content:center;gap:12px}
    .hero-buttons .btn{width:min(100%,340px);justify-content:center}
}

/* References: scanned documents are treated as evidence, not decoration. */
.references-page{background:var(--bg-primary)}
.references-hero{padding:164px 0 92px;background:var(--gradient-hero);border-bottom:1px solid #d2dcda}
.references-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:11%;align-items:end}
.references-hero-copy{max-width:710px}.references-hero-copy h1{margin:17px 0 23px;font-size:clamp(3rem,6vw,5.75rem);line-height:.93;letter-spacing:-.07em}.references-hero-copy h1 span{color:var(--accent-blue)}
.references-hero-copy p{max-width:620px;color:var(--text-secondary);font-size:1.08rem;line-height:1.68}
.references-proof{position:relative;min-height:330px;padding:27px 29px;background:#10202a;border-top:4px solid var(--accent-blue);box-shadow:0 16px 36px rgba(16,32,42,.18);color:#fff;overflow:hidden}.references-proof:after{position:absolute;right:-19px;bottom:33px;width:115px;height:1px;background:#f08a5b;content:"";opacity:.8;transform:rotate(-45deg)}.references-proof-index{color:#f08a5b;font-family:var(--font-mono);font-size:.69rem;letter-spacing:.11em}.references-proof strong{display:block;margin:37px 0 1px;font-size:6.5rem;line-height:.78;letter-spacing:-.09em}.references-proof-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.references-proof i{display:block;width:100%;height:1px;margin:28px 0 17px;background:linear-gradient(90deg,#f08a5b 0 21%,rgba(255,255,255,.28) 21% 100%)}.references-proof p{max-width:290px;color:#d5e0e2;font-size:.9rem;line-height:1.5}
.references-gallery-section{padding:100px 0 115px}.references-gallery-header{margin-bottom:46px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.references-gallery-header h2{margin:0;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1;letter-spacing:-.06em}
.references-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 22px}.reference-document-card{position:relative;min-width:0}.reference-preview{position:relative;z-index:1;display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.reference-preview-frame{position:relative;display:block;aspect-ratio:1 / 1.23;border:1px solid var(--border-color);background:#e9edeb;box-shadow:0 10px 22px rgba(23,33,38,.1);overflow:hidden;transform:scale(1);transform-origin:center;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s cubic-bezier(.2,.8,.2,1)}.reference-preview-frame:after{position:absolute;inset:0;border:10px solid rgba(255,255,255,.13);content:"";pointer-events:none;transition:border-color .25s ease}.reference-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.reference-preview-open{display:flex;align-items:center;justify-content:space-between;padding:12px 2px 0;color:var(--text-primary);font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em}.reference-preview-open b{color:var(--accent-blue);font-size:1.15rem;line-height:1;font-weight:400;transition:transform .25s ease}.reference-preview:hover{z-index:3}.reference-preview:hover .reference-preview-frame,.reference-preview:focus-visible .reference-preview-frame{transform:scale(1.3);box-shadow:0 20px 34px rgba(23,33,38,.2)}.reference-preview:hover .reference-preview-frame:after,.reference-preview:focus-visible .reference-preview-frame:after{border-color:rgba(198,83,32,.25)}.reference-preview:hover .reference-preview-open b,.reference-preview:focus-visible .reference-preview-open b{transform:translate(3px,-3px)}.reference-preview:focus-visible{outline:2px solid var(--accent-blue);outline-offset:5px}.reference-document-meta{padding-top:18px}.reference-document-meta>span{display:block;margin-bottom:13px;color:var(--accent-blue);font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.12em}.reference-document-meta h3{margin:0 0 4px;font-size:1.32rem;line-height:1.06;letter-spacing:-.035em}.reference-document-meta strong{display:block;margin-bottom:10px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.055em;text-transform:uppercase}.reference-document-meta p{margin:0;color:var(--text-secondary);font-size:.91rem;line-height:1.52}
.references-next-step{padding:0 0 112px}.references-next-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:50px 52px;background:#10202a;border-left:5px solid var(--accent-blue);box-shadow:0 14px 30px rgba(16,32,42,.16);color:#fff}.references-next-step h2{max-width:500px;margin:12px 0 0;font-size:clamp(2rem,3.7vw,3.5rem);line-height:1;letter-spacing:-.055em}.references-next-step p{max-width:455px;margin:0 0 23px;color:#d5e0e2;font-size:1rem;line-height:1.6}.references-next-step .btn{background:#fff;color:#172126}.references-next-step .btn:hover{background:#fff;color:#172126;box-shadow:0 7px 22px rgba(255,255,255,.16)}
.reference-modal-open{overflow:hidden}.reference-modal{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:24px}.reference-modal[hidden]{display:none}.reference-modal-backdrop{position:absolute;inset:0;background:rgba(7,12,15,.88);backdrop-filter:blur(8px)}.reference-modal-dialog{position:relative;z-index:1;display:grid;width:min(100%,1060px);height:min(100%,calc(100vh - 48px));grid-template-rows:auto 1fr;background:#f7f9f8;box-shadow:0 24px 75px rgba(0,0,0,.42)}.reference-modal-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em}.reference-modal-close{padding:8px 0;border:0;background:transparent;color:var(--accent-blue);font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;cursor:pointer}.reference-modal-close b{margin-left:8px;font-size:1.4rem;font-weight:400;vertical-align:-2px}.reference-modal-document{display:block;width:100%;height:100%;border:0;background:#52585b}
@media(max-width:900px){.references-hero-grid{grid-template-columns:1fr;gap:42px}.references-proof{max-width:530px;min-height:260px}.references-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.references-next-step-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){.references-hero{padding:124px 0 66px}.references-hero-copy{text-align:center}.references-hero-copy h1{font-size:clamp(2.75rem,13vw,4rem);line-height:.96}.references-hero-copy p{font-size:1rem}.references-proof{min-height:0;padding:24px;text-align:left}.references-proof strong{margin-top:28px;font-size:5.5rem}.references-gallery-section{padding:72px 0}.references-gallery-header{display:block;margin-bottom:33px;text-align:center}.references-gallery-header p{margin:19px auto 0}.references-document-grid{grid-template-columns:1fr;gap:38px;max-width:430px;margin:0 auto}.reference-document-meta{text-align:center}.reference-document-meta p{max-width:330px;margin-right:auto;margin-left:auto}.references-next-step{padding-bottom:70px}.references-next-step-grid{padding:34px 27px;text-align:center}.references-next-step h2{font-size:2.35rem}.references-next-step p{margin-right:auto;margin-left:auto}.reference-modal{padding:10px}.reference-modal-dialog{height:calc(100vh - 20px)}.reference-modal-bar{padding:13px;font-size:.63rem}.reference-preview-open{padding-top:10px}}

/* Brand mark: extracted from the supplied CorelDRAW source and used at native proportions. */
.navbar-brand{display:inline-flex;align-items:center;height:38px}.systemel-logo{display:block;width:146px;height:auto}.systemel-logo-header{max-width:146px}.nav-cta{border-radius:16px}.footer-identity h4{margin-bottom:16px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-privacy-link{color:#f08a5b;text-decoration:underline;text-underline-offset:3px}.footer-privacy-link:hover{color:#fff}
@media(max-width:480px){.navbar-brand{height:31px}.systemel-logo-header{width:128px}}

/* Training reservation: programme first, then a short, deliberate choice of working days. */
.training-booking{max-width:1100px;margin:0 auto;border:1px solid var(--border-color);background:#fff;box-shadow:var(--shadow-card)}.booking-intro{padding:30px 32px 24px;border-bottom:1px solid #d7dfdc}.booking-intro .section-kicker{margin-bottom:11px}.booking-intro h3{margin:0 0 9px;font-size:1.8rem;line-height:1.04;letter-spacing:-.045em}.booking-intro p{max-width:680px;margin:0;color:var(--text-secondary);font-size:.96rem;line-height:1.6}.booking-layout{display:grid;grid-template-columns:230px 1fr;gap:22px;padding:28px 32px 25px;background:#f1f5f3}.booking-course-picker{padding:18px;border:1px solid var(--border-color);background:#fff;align-self:start}.booking-course{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;padding:13px 11px;border:1px solid #c7d0cd;background:#fff;color:var(--text-primary);font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.035em;text-align:left;cursor:pointer}.booking-course:first-child{margin-top:0}.booking-course:last-of-type{margin-bottom:17px}.booking-course b{color:var(--accent-blue);font-size:.76rem}.booking-course.active{border-color:var(--accent-blue);background:#fff8f4;box-shadow:inset 3px 0 0 var(--accent-blue)}.booking-course-picker small{display:block;padding-top:15px;border-top:1px solid #d9e0de;color:var(--text-secondary);font-family:var(--font-mono);font-size:.65rem;line-height:1.5;letter-spacing:.035em}.booking-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.booking-month{min-width:0;padding:14px;border-top:3px solid #abb6b9;background:#fff;box-shadow:0 5px 13px rgba(23,33,38,.06)}.booking-month h3{margin:0 0 13px;font-family:var(--font-mono);font-size:.67rem;letter-spacing:.075em}.booking-weekdays,.booking-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.booking-weekdays span{padding-bottom:4px;color:#718087;font-family:var(--font-mono);font-size:.56rem;text-align:center}.booking-day{aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid transparent;background:#fff;color:var(--text-primary);font-family:var(--font-mono);font-size:.66rem;cursor:pointer}.booking-day:not(.busy):hover,.booking-day:not(.busy):focus-visible{border-color:var(--accent-blue);outline:0}.booking-day.busy{border-color:#d7dfdc;background:repeating-linear-gradient(135deg,#eef2f0 0 3px,#dce3e0 3px 5px);color:#8c999c;cursor:not-allowed}.booking-day.empty{pointer-events:none}.booking-day.selected{border-color:var(--accent-blue);background:var(--accent-blue);color:#fff;box-shadow:0 3px 8px rgba(198,83,32,.22)}.booking-legend{display:flex;flex-wrap:wrap;gap:16px;padding:14px 32px;border-top:1px solid #d7dfdc;border-bottom:1px solid #d7dfdc;background:#fff;color:var(--text-secondary);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.04em;text-transform:uppercase}.booking-legend i{display:inline-block;width:9px;height:9px;margin-right:5px;border:1px solid #aab6b8;vertical-align:-1px}.booking-free{background:#fff}.booking-selected{border-color:var(--accent-blue)!important;background:var(--accent-blue)}.booking-busy{border-color:#cfd8d6!important;background:repeating-linear-gradient(135deg,#eef2f0 0 2px,#dce3e0 2px 4px)}.booking-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 32px;background:#fff}.booking-summary span{display:block;margin-bottom:5px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.63rem;font-weight:700;letter-spacing:.085em}.booking-summary strong{font-size:1rem}.booking-continue{display:inline-flex;opacity:.42;pointer-events:none}.booking-ready .booking-continue{opacity:1;pointer-events:auto}.booking-details{margin-top:30px}.booking-details[hidden]{display:none}.booking-details-heading{margin-bottom:27px}.booking-details-heading .section-kicker{margin-bottom:9px}.booking-details-heading h3{margin:0;font-size:1.75rem;letter-spacing:-.045em}
@media(max-width:840px){.booking-layout{grid-template-columns:1fr}.booking-course-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.booking-course,.booking-course:first-child,.booking-course:last-of-type{min-height:68px;margin:0;align-items:flex-start;flex-direction:column}.booking-course-picker small{display:none}.booking-months{gap:8px}.booking-layout{padding:23px}.booking-intro,.booking-legend,.booking-summary{padding-right:24px;padding-left:24px}}
@media(max-width:640px){.booking-intro{text-align:center}.booking-intro h3{font-size:1.55rem}.booking-layout{padding:20px}.booking-course-picker{grid-template-columns:1fr}.booking-course,.booking-course:first-child,.booking-course:last-of-type{min-height:0;align-items:center;flex-direction:row}.booking-months{grid-template-columns:1fr}.booking-month{padding:17px}.booking-weekdays span{font-size:.64rem}.booking-day{font-size:.78rem}.booking-legend{justify-content:center;gap:9px;font-size:.59rem}.booking-summary{align-items:flex-start;flex-direction:column;text-align:center}.booking-summary>div{width:100%}.booking-continue{width:100%;justify-content:center}.booking-details-heading{text-align:center}}

/* Every internal link lands below the fixed navigation, not underneath it. */
html{scroll-padding-top:104px}section[id],article[id],footer[id]{scroll-margin-top:104px}
@media(max-width:1024px){html{scroll-padding-top:88px}section[id],article[id],footer[id]{scroll-margin-top:88px}}

/* Contact page: a technical contact board with a clear path from question to project. */
.contact-page{overflow:hidden;background:#f4f7f6;color:#172126}.contact-hero{padding:151px 0 105px;background:#f4f7f6;background-image:linear-gradient(rgba(174,194,197,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(174,194,197,.2) 1px,transparent 1px);background-size:100% 112px,112px 100%}.contact-board{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(500px,1.14fr);gap:34px;align-items:start}.contact-intro{min-width:0;padding:7px 0 0}.contact-intro h1{max-width:610px;margin:21px 0 26px;font-size:clamp(3.35rem,5.6vw,6rem);line-height:.9;letter-spacing:-.075em}.contact-intro h1 span{color:#c65320}.contact-intro>p{max-width:620px;margin:0;color:#52636b;font-size:1.08rem;line-height:1.6}.contact-card-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:34px}.contact-card{display:block;min-width:0;border:1px solid #aebdc0;text-decoration:none}.contact-card-dark{display:flex;min-height:491px;flex-direction:column;padding:25px 27px 24px;background:#10202a;border-color:#10202a;color:#fff}.contact-card-top,.contact-route-heading,.contact-company-heading{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em}.contact-card-top span,.contact-route-heading>span,.contact-company-heading>span{color:#ed7441}.contact-card-top i,.contact-route-heading i,.contact-company-heading i{display:block;width:40px;height:1px;background:#c65320}.contact-card-top small{margin-left:auto;color:#b9c9cc;font-size:.63rem;letter-spacing:.13em}.contact-card-dark h2{margin:83px 0 14px;font-size:2rem;line-height:1;letter-spacing:-.05em}.contact-card-dark p{max-width:265px;margin:0;color:#d3dfe1;font-size:.98rem;line-height:1.57}.contact-card-cta{display:inline-flex;align-items:center;gap:25px;width:max-content;margin-top:35px;padding:13px 16px;background:#e05a1b;color:#fff;font-size:.94rem;font-weight:700}.contact-card-cta b{font-size:1.35rem;font-weight:400;line-height:.7}.contact-card-cta:hover{background:#f07336;color:#fff}.contact-card-note{margin-top:auto;color:#91a8ad;font-family:var(--font-mono);font-size:.6rem;line-height:1.6;letter-spacing:.1em}.contact-card-stack{display:grid;gap:8px}.contact-card-light{min-height:158px;padding:21px 22px;background:rgba(255,255,255,.42);color:#172126;transition:background .2s ease,border-color .2s ease}.contact-card-light:hover{background:#fff;border-color:#c65320}.contact-card-content{display:flex;align-items:flex-start;gap:19px;margin-top:26px}.contact-card-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #172b38;color:#172b38;font-size:1.45rem;line-height:1}.contact-card-content h2{margin:0 0 4px;font-size:1.05rem;letter-spacing:-.03em}.contact-card-content strong{display:block;color:#314b58;font-size:.98rem;line-height:1.35}.contact-card-content small{display:block;margin-top:13px;color:#6b7b82;font-family:var(--font-mono);font-size:.56rem;line-height:1.5;letter-spacing:.1em}.contact-route{min-width:0;padding:17px 22px 21px;border:1px solid #9eafb4;background:rgba(247,250,249,.62)}.contact-route-heading{padding-bottom:15px;border-bottom:1px solid #c5d1d2}.contact-route-heading small{margin-left:auto;color:#61757d;font-size:.64rem;letter-spacing:.13em}.contact-route-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:31px 21px 0}.contact-route-steps article{position:relative;min-width:0}.contact-route-steps article:not(:last-child):after{position:absolute;top:7px;right:-13px;width:27px;border-top:1px dashed #8aa5ab;content:\"→\";color:#172b38;font-size:.84rem;line-height:0}.contact-route-steps b{display:block;width:max-content;padding-bottom:7px;border-bottom:3px solid #d05420;color:#172b38;font-family:var(--font-mono);font-size:1.25rem}.contact-route-steps h2{margin:10px 0 7px;font-size:1.17rem;letter-spacing:-.035em}.contact-route-steps p{max-width:170px;margin:0;color:#5d7078;font-size:.83rem;line-height:1.45}.contact-route-diagram{position:relative;margin:19px -1px 0;overflow:hidden}.contact-route-diagram svg{display:block;width:100%;height:auto;min-height:342px}.contact-route-caption{display:flex;align-items:center;gap:14px;padding:16px 10px 0;border-top:1px solid #c5d1d2;color:#5d7078;font-family:var(--font-mono);font-size:.61rem;letter-spacing:.1em}.contact-route-caption span{color:#d05420}.contact-route-caption p{margin:0;line-height:1.55}.contact-route-caption b{margin-left:auto;color:#d05420;font-size:1.2rem}.contact-company{grid-column:1 / -1;margin-top:0;border:1px solid #9eafb4;background:rgba(247,250,249,.75)}.contact-company-heading{padding:13px 20px;border-bottom:1px solid #c5d1d2}.contact-company-heading small{color:#61757d;font-size:.64rem;letter-spacing:.14em}.contact-company-grid{display:grid;grid-template-columns:minmax(240px,1.7fr) repeat(3,minmax(100px,.72fr)) minmax(125px,.9fr);gap:22px;align-items:center;padding:17px 20px}.contact-company-grid>div{min-width:0;padding-left:18px;border-left:1px solid #bcc9cb}.contact-company-grid>div:first-child{padding-left:0;border-left:0}.contact-company-name strong{display:block;font-size:1.06rem}.contact-company-name span{display:block;margin-top:4px;color:#5d7078;font-size:.78rem}.contact-company-grid small{display:block;margin-bottom:5px;color:#d05420;font-family:var(--font-mono);font-size:.57rem;letter-spacing:.1em}.contact-company-grid div strong{font-size:.78rem;white-space:nowrap}.contact-company-mark{color:#71858b;font-family:var(--font-mono);font-size:.57rem;line-height:1.55;letter-spacing:.11em}
@media(max-width:1100px){.contact-board{grid-template-columns:1fr}.contact-intro{max-width:820px}.contact-route{max-width:900px}.contact-company{grid-column:auto}.contact-company-grid{grid-template-columns:1.5fr repeat(3,1fr)}}
@media(max-width:700px){.contact-hero{padding:120px 0 72px;background-size:100% 78px,78px 100%}.contact-intro h1{font-size:clamp(3.05rem,14vw,4.5rem)}.contact-intro>p{font-size:1rem}.contact-card-grid{grid-template-columns:1fr}.contact-card-dark{min-height:380px}.contact-card-dark h2{margin-top:57px}.contact-card-stack{grid-template-columns:1fr}.contact-route{padding:15px 14px 18px}.contact-route-steps{gap:13px;padding:25px 5px 0}.contact-route-steps h2{font-size:1rem}.contact-route-steps p{font-size:.76rem}.contact-route-steps article:not(:last-child):after{right:-12px;width:20px}.contact-route-diagram svg{min-height:285px}.contact-company-grid{grid-template-columns:1fr 1fr;gap:16px;padding:16px}.contact-company-name{grid-column:1 / -1}.contact-company-grid>div{padding-left:0;border-left:0}.contact-company-mark{grid-column:1 / -1;padding-top:11px;border-top:1px solid #bcc9cb}}
@media(max-width:470px){.contact-route-steps{grid-template-columns:1fr;gap:18px}.contact-route-steps article:not(:last-child):after{top:auto;right:auto;bottom:-13px;left:0;width:28px;transform:rotate(90deg)}.contact-route-steps p{max-width:none}.contact-route-diagram svg{min-height:230px}.contact-card-dark{padding:22px}.contact-card-light{padding:18px}.contact-company-grid{grid-template-columns:1fr}.contact-company-name,.contact-company-mark{grid-column:auto}}

/* Shared navigation on every page; no page-ID-specific menu overrides. */
.menu-label-compact { display:none; }

/* Navigation controls follow the rectangular CTA language. The contact CTA
   stays intentionally rounded as the primary conversational action. */
.nav-links .nav-split-control { border-radius:0; }

/* Training illustrations: the signal graphic sits above the original proof
   card, while the workflow graphic spans the complete intro text block. */
.training-hero-proof-wrap { display:flex; min-width:0; flex-direction:column; gap:10px; }
.training-hero-art { display:block; width:100%; height:clamp(210px,21vw,290px); margin:-50px 0 -24px; object-fit:contain; object-position:center; opacity:.96; transform:translate(15%,-20%); }
.training-intro-art { width:100%; margin:48px auto 0; }
.training-intro-art img { display:block; width:100%; max-width:3884px; height:auto; margin-inline:auto; max-height:none; object-fit:initial; object-position:center; image-rendering:auto; }
@media(max-width:820px) {
  .training-hero-art { height:220px; margin:-34px 0 -14px; transform:translate(9%,-15%); }
  .training-intro-art { margin-top:38px; }
}
@media(max-width:560px) {
  .training-hero-art { height:190px; margin:-24px 0 -8px; transform:translate(6%,-10%); }
  .training-intro-art { margin-top:28px; }
  .training-intro-art img { max-height:none; }
}

/* The dedicated PCB and device-development pages remain published; only their
   duplicate header buttons are hidden from the primary navigation. */
.nav-links .nav-hidden-service { display:none!important; }

/* Desktop navigation keeps one deliberate rhythm between every control, including the CTA. */
@media(min-width:1025px){.nav-links{gap:12px}.nav-links .nav-split-control a{white-space:nowrap;line-height:1}.nav-split-scroll{padding-top:7px;padding-bottom:7px}.nav-cta{margin-left:12px;padding:7px 22px;flex:0 0 auto}}

/* Dedicated PCB page: a production-focused explanation rather than a generic text page. */
.pcb-page{overflow:hidden;background:var(--bg-primary)}.pcb-hero{position:relative;padding:170px 0 100px;background:var(--gradient-hero);border-bottom:1px solid var(--border-color)}.pcb-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background:linear-gradient(112deg,transparent 0 23%,rgba(198,83,32,.18) 23.1% 23.2%,transparent 23.3% 59%,rgba(198,83,32,.13) 59.1% 59.2%,transparent 59.3%)}.pcb-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.65fr);align-items:end;gap:9%;}.pcb-hero-copy{max-width:740px}.pcb-hero h1{max-width:700px;margin:21px 0 25px;font-size:clamp(3.3rem,6.6vw,6.5rem);line-height:.9;letter-spacing:-.075em}.pcb-hero h1 span{color:var(--accent-blue)}.pcb-hero-copy>p{max-width:620px;margin:0;color:var(--text-secondary);font-size:1.17rem;line-height:1.65}.pcb-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.pcb-hero-panel{padding:29px 28px;border:1px solid #aebbb8;background:#102128;color:#fff;box-shadow:20px 20px 0 rgba(198,83,32,.12)}.pcb-panel-index{margin-bottom:47px;color:#f0743f;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em}.pcb-hero-panel strong{display:block;font-size:1.55rem;letter-spacing:-.04em}.pcb-hero-panel p{margin:11px 0 31px;color:#bccbd0;font-size:.92rem;line-height:1.55}.pcb-panel-track{display:flex;align-items:center;gap:10px;color:#f5f8f7;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em}.pcb-panel-track i{flex:1;height:1px;background:#c65320}.pcb-intro{padding:105px 0}.pcb-intro-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:9%;align-items:start}.section-kicker{display:block;color:var(--accent-blue);font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.12em}.pcb-intro h2,.pcb-section-head h2,.pcb-priorities h2,.pcb-delivery h2{margin:17px 0 0;font-size:clamp(2.35rem,4vw,4rem);line-height:.98;letter-spacing:-.065em}.pcb-rich-copy{max-width:680px;border-left:1px solid var(--border-color);padding-left:30px}.pcb-rich-copy p{margin:0 0 18px;color:var(--text-secondary);font-size:1.06rem;line-height:1.72}.pcb-rich-copy p:last-child{margin-bottom:0}.pcb-process{padding:88px 0 100px;border-top:1px solid var(--border-color);background:#eef3f1}.pcb-section-head{max-width:730px}.pcb-section-head h2{margin-top:14px}.pcb-section-head p{margin:18px 0 0;color:var(--text-secondary);font-size:1rem;line-height:1.6}.pcb-process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:49px;border-top:1px solid #b9c3c7;border-left:1px solid #b9c3c7}.pcb-process-grid article{min-height:225px;padding:21px 20px;border-right:1px solid #b9c3c7;border-bottom:1px solid #b9c3c7;background:#f8faf9;transition:background .22s ease,transform .22s ease}.pcb-process-grid article:hover{position:relative;z-index:1;background:#fff;transform:translateY(-5px);box-shadow:0 14px 23px rgba(23,33,38,.1)}.pcb-process-grid span{display:block;margin-bottom:40px;color:var(--accent-blue);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.09em}.pcb-process-grid h3{margin:0 0 10px;font-size:1.08rem;letter-spacing:-.025em}.pcb-process-grid p{margin:0;color:var(--text-secondary);font-size:.87rem;line-height:1.58}.pcb-priorities{padding:106px 0}.pcb-priorities-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:9%;align-items:start}.pcb-priorities-title{position:sticky;top:120px}.pcb-priorities-title p{max-width:400px;margin:22px 0 0;color:var(--text-secondary);line-height:1.65}.pcb-priority-list{border-top:1px solid var(--border-color)}.pcb-priority-list article{display:grid;grid-template-columns:130px 1fr;column-gap:20px;padding:24px 0;border-bottom:1px solid var(--border-color)}.pcb-priority-list b{grid-row:span 2;color:var(--accent-blue);font-family:var(--font-mono);font-size:.67rem;letter-spacing:.09em}.pcb-priority-list h3{margin:0 0 7px;font-size:1.2rem;letter-spacing:-.03em}.pcb-priority-list p{margin:0;color:var(--text-secondary);font-size:.93rem;line-height:1.55}.pcb-delivery{padding:85px 0 102px;background:#102128;color:#fff}.pcb-delivery-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:9%}.pcb-delivery .section-kicker{color:#ee7948}.pcb-delivery h2{max-width:480px}.pcb-delivery p{margin:0 0 20px;color:#c5d1d4;font-size:1rem;line-height:1.7}.pcb-text-link{display:inline-flex;gap:14px;margin-top:13px;color:#fff;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pcb-text-link span{color:#ee7948;font-size:1.15rem;line-height:.7}@media(max-width:820px){.pcb-hero{padding-top:135px}.pcb-hero-grid,.pcb-intro-grid,.pcb-priorities-grid,.pcb-delivery-grid{grid-template-columns:1fr;gap:40px}.pcb-hero-panel{max-width:510px}.pcb-rich-copy{border-left:0;border-top:1px solid var(--border-color);padding:25px 0 0}.pcb-process-grid{grid-template-columns:repeat(2,1fr)}.pcb-priorities-title{position:static}.pcb-delivery h2{max-width:700px}}@media(max-width:560px){.pcb-hero{padding:122px 0 68px}.pcb-hero h1{font-size:3.45rem}.pcb-hero-copy>p{font-size:1.03rem}.pcb-hero-panel{padding:22px;box-shadow:10px 10px 0 rgba(198,83,32,.12)}.pcb-panel-index{margin-bottom:31px}.pcb-intro,.pcb-priorities{padding:70px 0}.pcb-process{padding:66px 0 72px}.pcb-process-grid{grid-template-columns:1fr;margin-top:35px}.pcb-process-grid article{min-height:0;padding:18px}.pcb-process-grid span{margin-bottom:24px}.pcb-priority-list article{grid-template-columns:1fr;gap:9px}.pcb-priority-list b{grid-row:auto}.pcb-delivery{padding:67px 0 72px}.pcb-hero-actions .btn{width:100%;justify-content:center}}

/* Device development continues the PCB story, with a more systemic visual language. */
.device-page{overflow:hidden;background:#f7f9f8}.device-hero{position:relative;padding:166px 0 100px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f7f9f8 0%,#e9f0ed 100%)}.device-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 14% 22%,rgba(198,83,32,.32) 0 2px,transparent 2.5px),radial-gradient(circle at 79% 15%,rgba(198,83,32,.28) 0 2px,transparent 2.5px),radial-gradient(circle at 88% 71%,rgba(198,83,32,.25) 0 2px,transparent 2.5px);background-size:160px 160px,190px 190px,210px 210px;opacity:.5}.device-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:center}.device-hero-copy{max-width:760px}.device-hero h1{max-width:760px;margin:20px 0 25px;font-size:clamp(3.2rem,6vw,6rem);line-height:.91;letter-spacing:-.075em}.device-hero h1 span{color:var(--accent-blue)}.device-hero-copy>p{max-width:630px;margin:0;color:var(--text-secondary);font-size:1.16rem;line-height:1.65}.device-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.device-system-map{position:relative;min-height:345px;border:1px solid #aebbb8;background:#102128;color:#fff;overflow:hidden}.device-system-map:before{content:"";position:absolute;inset:18px;border:1px solid rgba(220,238,234,.18)}.device-map-label{position:absolute;top:29px;left:29px;color:#ed7b4c;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em}.device-map-center{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:104px;height:104px;border:1px solid #ef7d4a;border-radius:50%;background:#172d34;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.07em}.device-map-node{position:absolute;z-index:2;padding:7px 8px;background:#f5f8f7;color:#172126;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.05em}.node-hw{top:78px;left:38px}.node-fw{top:70px;right:34px}.node-case{bottom:63px;left:36px}.node-build{right:30px;bottom:55px}.device-map-line{position:absolute;z-index:1;width:40%;height:1px;background:#738d8d;transform-origin:left center}.line-one{top:39%;left:29%;transform:rotate(31deg)}.line-two{top:39%;left:56%;transform:rotate(145deg)}.line-three{top:61%;left:29%;transform:rotate(-31deg)}.line-four{top:61%;left:56%;transform:rotate(-145deg)}.device-intro{padding:105px 0}.device-intro-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:9%;align-items:start}.device-intro h2,.device-section-head h2,.device-disciplines h2,.device-bridge h2,.device-contact h2{margin:16px 0 0;font-size:clamp(2.35rem,4.1vw,4rem);line-height:.98;letter-spacing:-.065em}.device-rich-copy{max-width:680px;border-left:1px solid var(--border-color);padding-left:30px}.device-rich-copy p{margin:0 0 18px;color:var(--text-secondary);font-size:1.06rem;line-height:1.72}.device-rich-copy p:last-child{margin-bottom:0}.device-flow{padding:86px 0 99px;background:#102128;color:#fff}.device-flow .section-kicker{color:#ee7948}.device-section-head{max-width:730px}.device-section-head p{margin:18px 0 0;color:#b8c7ca;line-height:1.6}.device-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:47px;border-top:1px solid #4c6266;border-left:1px solid #4c6266}.device-flow-grid article{min-height:245px;padding:22px 20px;border-right:1px solid #4c6266;border-bottom:1px solid #4c6266;transition:background .2s ease}.device-flow-grid article:hover{background:#1b343b}.device-flow-grid span{display:block;margin-bottom:50px;color:#ef7d4a;font-family:var(--font-mono);font-size:.67rem;letter-spacing:.08em}.device-flow-grid h3{margin:0 0 9px;font-size:1.15rem;letter-spacing:-.035em}.device-flow-grid p{margin:0;color:#c2d0d2;font-size:.89rem;line-height:1.58}.device-disciplines{padding:106px 0}.device-disciplines-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:9%;align-items:start}.device-disciplines-title{position:sticky;top:120px}.device-discipline-list{border-top:1px solid var(--border-color)}.device-discipline-list article{display:grid;grid-template-columns:68px 1fr;gap:16px;padding:21px 0;border-bottom:1px solid var(--border-color)}.device-discipline-id{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border-color);color:var(--accent-blue);font-family:var(--font-mono);font-size:.8rem}.device-discipline-list h3{margin:1px 0 7px;font-size:1.2rem;letter-spacing:-.03em}.device-discipline-list p{margin:0;color:var(--text-secondary);font-size:.93rem;line-height:1.55}.device-bridge{padding:80px 0;border-top:1px solid var(--border-color);background:#edf2f0}.device-bridge-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:9%;align-items:center}.device-bridge-number{display:flex;align-items:center;gap:13px;color:#172126;font-family:var(--font-mono);font-size:clamp(1.45rem,3vw,2.6rem);font-weight:600;letter-spacing:-.07em}.device-bridge-number span{color:var(--accent-blue);font-family:Inter,sans-serif;font-size:2.1em;font-weight:300}.device-bridge p{max-width:610px;margin:20px 0 23px;color:var(--text-secondary);line-height:1.68}.device-text-link{display:inline-flex;gap:14px;color:var(--text-primary);font-family:var(--font-mono);font-size:.73rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.device-text-link span{color:var(--accent-blue);font-size:1.15rem;line-height:.7}.device-contact{padding:89px 0 103px}.device-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.device-contact p{max-width:530px;margin:0 0 25px;color:var(--text-secondary);line-height:1.68}@media(max-width:820px){.device-hero{padding-top:135px}.device-hero-grid,.device-intro-grid,.device-disciplines-grid,.device-bridge-grid,.device-contact-grid{grid-template-columns:1fr;gap:39px}.device-system-map{max-width:510px}.device-rich-copy{border-top:1px solid var(--border-color);border-left:0;padding:25px 0 0}.device-flow-grid{grid-template-columns:repeat(2,1fr)}.device-disciplines-title{position:static}}@media(max-width:560px){.device-hero{padding:122px 0 68px}.device-hero h1{font-size:3.25rem}.device-hero-copy>p{font-size:1.03rem}.device-system-map{min-height:300px}.device-intro,.device-disciplines{padding:70px 0}.device-flow{padding:67px 0 72px}.device-flow-grid{grid-template-columns:1fr;margin-top:35px}.device-flow-grid article{min-height:0;padding:19px}.device-flow-grid span{margin-bottom:25px}.device-bridge{padding:66px 0}.device-contact{padding:67px 0 73px}.device-hero-actions .btn{width:100%;justify-content:center}}

/* Training page: practical, instructor-led and deliberately easy to scan. */
.training-page{overflow:hidden;background:#f7f9f8}.training-hero{padding:166px 0 96px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f7f9f8 0%,#edf3f0 100%)}.training-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:end}.training-hero-copy{max-width:750px}.training-hero h1{max-width:720px;margin:20px 0 25px;font-size:clamp(3.3rem,6.1vw,6.2rem);line-height:.9;letter-spacing:-.075em}.training-hero h1 span{color:var(--accent-blue)}.training-hero-copy>p{max-width:630px;margin:0;color:var(--text-secondary);font-size:1.15rem;line-height:1.65}.training-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.training-hero-proof{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;padding:25px;border:1px solid #aebbb8;background:#102128;color:#fff;box-shadow:17px 17px 0 rgba(198,83,32,.12)}.training-hero-proof>span{font-size:6.4rem;line-height:.75;font-weight:800;letter-spacing:-.09em;color:#f7f9f8}.training-hero-proof strong{display:block;margin-top:4px;font-size:1.25rem;line-height:1.05;letter-spacing:-.035em}.training-hero-proof p{margin:11px 0 0;color:#bdcbcf;font-size:.82rem;line-height:1.55}.training-proof-footer{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin-top:24px;padding-top:13px;border-top:1px solid #435c61;color:#ed7b4c;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em}.training-proof-footer i{width:4px;height:4px;border-radius:50%;background:#ed7b4c}.training-intro{padding:105px 0}.training-intro-grid{display:grid;grid-template-columns:.77fr 1.23fr;gap:9%;align-items:start}.training-intro h2,.training-section-head h2,.training-format h2,.training-discounts h2,.training-cta h2{margin:16px 0 0;font-size:clamp(2.35rem,4.1vw,4rem);line-height:.98;letter-spacing:-.065em}.training-rich-copy{max-width:690px;border-left:1px solid var(--border-color);padding-left:30px}.training-rich-copy p{margin:0 0 18px;color:var(--text-secondary);font-size:1.06rem;line-height:1.72}.training-rich-copy p:last-child{margin-bottom:0}.training-courses{padding:85px 0 102px;background:#eef3f1}.training-section-head{max-width:720px}.training-section-head p{margin:18px 0 0;color:var(--text-secondary);font-size:.93rem}.training-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start;margin-top:47px}.training-course{border:1px solid #b9c3c7;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.training-course:hover{transform:translateY(-6px);box-shadow:0 15px 26px rgba(23,33,38,.11)}.training-course.featured{border-color:#c65320;box-shadow:0 12px 25px rgba(198,83,32,.12)}.training-course-top{position:relative;min-height:195px;padding:21px 20px;border-bottom:1px solid #d5dedb}.training-course-top>span{display:block;color:var(--accent-blue);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em}.training-course-top em{position:absolute;top:20px;right:18px;color:#c65320;font-family:var(--font-mono);font-size:.55rem;font-style:normal;font-weight:700;letter-spacing:.06em}.training-course h3{margin:35px 0 7px;font-size:1.45rem;letter-spacing:-.045em}.training-course-top p{margin:0;color:var(--text-secondary);font-size:.86rem}.training-course-top strong{display:block;margin-top:21px;color:#172126;font-size:1.15rem}.training-course-top small{color:#607078;font-size:.68rem;font-weight:500}.training-course ul{min-height:277px;margin:0;padding:19px 20px 15px;list-style:none}.training-course li{position:relative;margin:0 0 11px;padding-left:13px;color:#4c5a61;font-size:.82rem;line-height:1.45}.training-course li:before{content:"▹";position:absolute;left:0;color:#c65320}.training-course-link{display:flex;justify-content:space-between;align-items:center;margin:0 20px 20px;padding-top:15px;border-top:1px solid #d5dedb;color:#172126;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.training-course-link span{color:#c65320;font-size:1.1rem}.training-format{padding:106px 0}.training-format-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:9%;align-items:start}.training-format-title{position:sticky;top:120px}.training-format-title p{max-width:390px;margin:20px 0 0;color:var(--text-secondary);line-height:1.65}.training-format-list{border-top:1px solid var(--border-color)}.training-format-list article{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--border-color)}.training-format-list b{color:var(--accent-blue);font-family:var(--font-mono);font-size:.67rem;letter-spacing:.08em}.training-format-list h3{margin:0 0 7px;font-size:1.2rem;letter-spacing:-.03em}.training-format-list p{margin:0;color:var(--text-secondary);font-size:.93rem;line-height:1.55}.training-discounts{padding:75px 0 82px;background:#102128;color:#fff}.training-discounts .section-kicker{color:#ef7d4a}.training-discounts h2{max-width:540px}.training-discount-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border-top:1px solid #486065;border-left:1px solid #486065}.training-discount-grid>div{padding:18px 18px 23px;border-right:1px solid #486065;border-bottom:1px solid #486065}.training-discount-grid strong{display:block;font-size:2.35rem;line-height:1;color:#fff;letter-spacing:-.07em}.training-discount-grid span{display:block;margin-top:4px;color:#afc1c4;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em}.training-discount-grid b{display:block;margin-top:23px;color:#ef7d4a;font-family:var(--font-mono);font-size:1rem}.training-cta{padding:91px 0 103px}.training-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.training-cta p{max-width:520px;margin:0 0 25px;color:var(--text-secondary);line-height:1.68}@media(max-width:820px){.training-hero{padding-top:135px}.training-hero-grid,.training-intro-grid,.training-format-grid,.training-cta-grid{grid-template-columns:1fr;gap:39px}.training-hero-proof{max-width:480px}.training-rich-copy{border-top:1px solid var(--border-color);border-left:0;padding:25px 0 0}.training-course-grid{grid-template-columns:1fr;max-width:520px}.training-course ul{min-height:0}.training-format-title{position:static}.training-discount-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.training-hero{padding:122px 0 67px}.training-hero h1{font-size:3.35rem}.training-hero-copy>p{font-size:1.03rem}.training-hero-proof{padding:21px;box-shadow:10px 10px 0 rgba(198,83,32,.12)}.training-hero-proof>span{font-size:5.2rem}.training-proof-footer{font-size:.51rem}.training-intro,.training-format{padding:70px 0}.training-courses{padding:67px 0 72px}.training-course-grid{margin-top:35px}.training-format-list article{grid-template-columns:1fr;gap:9px}.training-discounts{padding:66px 0}.training-discount-grid>div{padding:17px}.training-cta{padding:67px 0 73px}.training-hero-actions .btn{width:100%;justify-content:center}}

/* Data-protection notice within the training request: clear, compact and separate from marketing. */
.form-consents{margin:24px 0 22px;padding:18px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#f6f8f7}.form-consent{display:grid;grid-template-columns:17px 1fr;gap:10px;align-items:start;margin:0 0 13px;color:var(--text-secondary);font-size:.83rem;line-height:1.55;cursor:pointer}.form-consent:last-of-type{margin-bottom:0}.form-consent input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--accent-blue)}.form-consent a{color:var(--accent-blue);font-weight:700;text-decoration:underline;text-underline-offset:2px}.form-consents>p{margin:14px 0 0;padding-top:12px;border-top:1px solid #d9e1de;color:#69777c;font-size:.76rem;line-height:1.5}.privacy-page{padding:150px 0 100px;background:var(--gradient-hero)}.privacy-shell{max-width:900px}.privacy-page h1{margin:19px 0 16px;font-size:clamp(2.8rem,5vw,4.7rem);line-height:.95;letter-spacing:-.07em}.privacy-lead{max-width:690px;margin:0 0 58px;color:var(--text-secondary);font-size:1.12rem;line-height:1.65}.privacy-content{border-top:1px solid var(--border-color)}.privacy-content section{padding:27px 0;border-bottom:1px solid var(--border-color)}.privacy-content h2{margin:0 0 10px;font-size:1.18rem;letter-spacing:-.025em}.privacy-content p{max-width:760px;margin:0 0 11px;color:var(--text-secondary);font-size:.96rem;line-height:1.68}.privacy-content p:last-child{margin-bottom:0}.privacy-content a{color:var(--accent-blue)}.privacy-review{margin:31px 0 0;padding:16px;border-left:3px solid var(--accent-blue);background:#fff8f4;color:var(--text-secondary);font-size:.84rem;line-height:1.55}@media(max-width:560px){.form-consents{padding:15px}.form-consent{font-size:.8rem}.privacy-page{padding:122px 0 70px}.privacy-lead{margin-bottom:36px}.privacy-content section{padding:22px 0}}

/* Cookie consent: a small, calm control panel rather than a disruptive modal. */
.cookie-consent{position:fixed;right:20px;bottom:20px;z-index:9999;width:min(468px,calc(100vw - 40px));opacity:0;transform:translateY(16px);transition:opacity .22s ease,transform .22s ease}.cookie-consent.is-visible{opacity:1;transform:translateY(0)}.cookie-consent__panel{padding:24px 25px 17px;border:1px solid #9eaeb2;border-top:4px solid var(--accent-blue);background:rgba(255,255,255,.98);box-shadow:0 18px 48px rgba(16,32,42,.2);backdrop-filter:blur(14px)}.cookie-consent__eyebrow{margin:0 0 13px;color:var(--accent-blue);font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.13em}.cookie-consent h2{margin:0 0 11px;color:var(--text-primary);font-size:1.38rem;line-height:1.05;letter-spacing:-.04em}.cookie-consent p{margin:0;color:var(--text-secondary);font-size:.82rem;line-height:1.55}.cookie-consent__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.cookie-button{min-height:39px;padding:9px 13px;border:1px solid var(--border-color);border-radius:3px;background:#fff;color:var(--text-primary);font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.025em;cursor:pointer;transition:.18s ease}.cookie-button:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.cookie-button--primary{border-color:var(--accent-blue);background:var(--accent-blue);color:#fff}.cookie-button--primary:hover{background:#a94319;color:#fff}.cookie-consent__settings-toggle{margin-left:auto;padding:8px 0;border:0;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.04em;cursor:pointer}.cookie-consent__settings-toggle:hover{color:var(--accent-blue)}.cookie-consent__settings-toggle span{margin-left:4px;color:var(--accent-blue);font-size:1rem}.cookie-consent__settings{margin-top:17px;border-top:1px solid #d7dfdc}.cookie-category{display:grid;grid-template-columns:1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #d7dfdc}.cookie-category strong,.cookie-category span{display:block}.cookie-category strong{margin-bottom:3px;font-size:.78rem}.cookie-category span{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.cookie-category b{color:#718087;font-family:var(--font-mono);font-size:.59rem;text-transform:uppercase;letter-spacing:.04em}.cookie-switch{position:relative;width:37px;height:21px}.cookie-switch input{position:absolute;width:1px;height:1px;opacity:0}.cookie-switch span{display:block;width:100%;height:100%;border:1px solid #9eaaae;border-radius:20px;background:#e8edeb;cursor:pointer;transition:.18s ease}.cookie-switch span:after{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.18);content:"";transition:.18s ease}.cookie-switch input:checked+span{border-color:var(--accent-blue);background:var(--accent-blue)}.cookie-switch input:checked+span:after{transform:translateX(16px)}.cookie-switch input:focus-visible+span{outline:2px solid var(--accent-blue);outline-offset:2px}.cookie-consent__save{margin-top:15px}.cookie-consent__legal{margin-top:14px!important;font-size:.69rem!important}.cookie-consent__legal a{color:var(--accent-blue);text-decoration:underline;text-underline-offset:2px}@media(max-width:560px){.cookie-consent{right:12px;bottom:12px;width:calc(100vw - 24px)}.cookie-consent__panel{padding:20px 19px 15px}.cookie-consent__actions{display:grid;grid-template-columns:1fr 1fr}.cookie-button{font-size:.61rem}.cookie-consent__settings-toggle{grid-column:1/-1;margin-left:0;text-align:left}.cookie-category{gap:8px}.cookie-consent__save{width:100%}}

/* Rozwój produktu: one page that connects PCB, embedded and mechanics into a single delivery path. */
.product-page{overflow:hidden;background:#f7f9f8}.product-hero{position:relative;padding:158px 0 84px;border-bottom:1px solid #cdd7d4;background:linear-gradient(135deg,#f8faf9 0%,#edf3f1 100%)}.product-hero:before{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(90,212,240,.11) 1px,transparent 1px),linear-gradient(rgba(90,212,240,.09) 1px,transparent 1px);background-size:92px 92px;content:"";mask-image:linear-gradient(90deg,transparent 0,black 25%,black 78%,transparent 100%);opacity:.34;pointer-events:none}.product-hero-grid{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;align-items:center}.product-hero-copy{max-width:600px}.product-hero h1{margin:20px 0 24px;font-size:clamp(3.35rem,5.3vw,5.7rem);line-height:.91;letter-spacing:-.078em}.product-hero h1 span{color:var(--accent-blue)}.product-hero-copy>p{max-width:555px;margin:0;color:var(--text-secondary);font-size:1.1rem;line-height:1.68}.product-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}.product-hero-notes{display:flex;align-items:center;gap:9px;margin-top:52px;color:#4b5a60;font-family:var(--font-mono);font-size:.61rem;font-weight:700;letter-spacing:.08em}.product-hero-notes i{display:block;width:4px;height:4px;border-radius:50%;background:var(--accent-blue)}.product-system{position:relative;min-height:510px}.product-system-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#34474e;stroke-width:1.3}.product-system-lines path{vector-effect:non-scaling-stroke}.product-system-input,.product-system-output{position:absolute;z-index:1;border:1px solid #aebcc0;background:rgba(255,255,255,.89)}.product-system-input{left:0;width:39%;min-height:118px;padding:16px}.product-system-input b,.product-system-output b{display:block;color:#172126;font-size:.79rem;line-height:1.08}.product-system-input span,.product-system-output span{display:block;margin-top:10px;color:#65747a;font-size:.68rem;line-height:1.45}.input-electronics{top:2%}.input-embedded{top:38%}.input-mechanics{top:74%}.product-board,.product-chip,.product-case{position:absolute;right:17px;bottom:17px;display:block;opacity:.82}.product-board{width:68px;height:42px;border:2px solid #4f6267;background:repeating-linear-gradient(90deg,transparent 0 10px,#4f6267 10px 11px),repeating-linear-gradient(0deg,transparent 0 8px,#4f6267 8px 9px)}.product-chip{width:42px;height:42px;border:2px solid #4f6267;background:repeating-linear-gradient(90deg,transparent 0 7px,#4f6267 7px 8px),repeating-linear-gradient(0deg,transparent 0 7px,#4f6267 7px 8px)}.product-case{width:61px;height:36px;border:2px solid #4f6267;transform:skewY(-22deg)}.product-system-core{position:absolute;z-index:2;top:31%;left:42%;display:grid;width:25%;aspect-ratio:1;place-items:center;border:1px solid #273c43;background:#f8fbfa;box-shadow:13px 13px 0 rgba(198,83,32,.1);text-align:center}.product-system-core span{z-index:1;color:#172126;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;line-height:1.2}.product-system-core i{position:absolute;width:48%;height:30%;border:2px solid #3d5258;transform:skewY(-25deg)}.product-system-core em{position:absolute;top:calc(100% + 20px);width:175px;color:#6c7a80;font-family:var(--font-mono);font-size:.54rem;font-style:normal;line-height:1.5;letter-spacing:.07em}.product-system-output{right:0;width:23%;min-height:94px;padding:15px}.output-prototype{top:10%}.output-tests{top:41%}.output-production{top:72%}.product-intro{padding:104px 0}.product-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}.product-intro h2,.product-section-head h2,.product-disciplines-title h2,.product-assurance h2{margin:16px 0 0;font-size:clamp(2.45rem,4.4vw,4.3rem);line-height:.97;letter-spacing:-.07em}.product-rich-copy{max-width:700px;padding:4px 0 0 30px;border-left:1px solid var(--border-color)}.product-rich-copy p{margin:0 0 18px;color:var(--text-secondary);font-size:1.05rem;line-height:1.72}.product-rich-copy p:last-child{margin-bottom:0}.product-process{padding:93px 0 102px;background:#102128;color:#fff}.product-process .section-kicker{color:#ef7d4a}.product-section-head{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;align-items:end}.product-section-head h2{margin-top:0}.product-section-head p{max-width:510px;margin:0;color:#b9c9cc;font-size:.98rem;line-height:1.62}.product-process-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:0;margin:54px 0 0;padding:0;list-style:none;border-top:1px solid #50686d}.product-process-rail li{position:relative;min-height:214px;padding:31px 14px 0 0;border-right:1px solid #50686d}.product-process-rail li:not(:first-child){padding-left:14px}.product-process-rail li:before{position:absolute;top:-6px;left:-1px;width:11px;height:11px;border:2px solid #102128;border-radius:50%;background:#d9e4e4;content:""}.product-process-rail li.is-key:before{background:var(--accent-blue)}.product-process-rail span{display:block;color:#ef7d4a;font-family:var(--font-mono);font-size:.67rem;letter-spacing:.08em}.product-process-rail h3{margin:27px 0 8px;font-size:1.09rem;line-height:1.04;letter-spacing:-.035em}.product-process-rail p{margin:0;color:#b4c3c6;font-size:.75rem;line-height:1.5}.product-disciplines{padding:105px 0}.product-disciplines-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}.product-discipline-list{border-top:1px solid var(--border-color)}.product-discipline-list article{display:grid;grid-template-columns:57px 1fr;gap:19px;padding:24px 0;border-bottom:1px solid var(--border-color)}.product-discipline-list article>span{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--border-color);color:var(--accent-blue);font-family:var(--font-mono);font-size:.75rem}.product-discipline-list h3{margin:1px 0 7px;font-size:1.25rem;letter-spacing:-.035em}.product-discipline-list p{max-width:590px;margin:0;color:var(--text-secondary);font-size:.93rem;line-height:1.58}.product-assurance{padding:84px 0 100px;border-top:1px solid var(--border-color);background:#eef3f1}.product-assurance-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;align-items:center}.product-assurance-mark{display:flex;align-items:center;gap:13px;color:#172126;font-family:var(--font-mono);font-size:clamp(1.55rem,3vw,2.8rem);font-weight:700;letter-spacing:-.07em}.product-assurance-mark i{color:var(--accent-blue);font-family:Inter,sans-serif;font-size:2.1em;font-style:normal;font-weight:300}.product-assurance-mark span{color:var(--accent-blue)}.product-assurance p{max-width:650px;margin:20px 0 24px;color:var(--text-secondary);line-height:1.68}.product-text-link{display:inline-flex;gap:14px;color:var(--text-primary);font-family:var(--font-mono);font-size:.73rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.product-text-link span{color:var(--accent-blue);font-size:1.1rem}@media(max-width:1000px){.product-hero-grid{grid-template-columns:1fr;gap:50px}.product-system{max-width:740px;width:100%}.product-intro-grid,.product-disciplines-grid,.product-assurance-grid{grid-template-columns:1fr;gap:38px}.product-section-head{grid-template-columns:1fr;gap:22px}.product-process-rail{grid-template-columns:repeat(4,1fr)}.product-process-rail li:nth-child(4){border-right:0}.product-process-rail li:nth-child(n+5){border-top:1px solid #50686d}.product-process-rail li:nth-child(n+5):before{top:-6px}.product-assurance-mark{margin-bottom:5px}}@media(max-width:640px){.product-hero{padding:122px 0 66px}.product-hero h1{font-size:3.2rem}.product-hero-copy>p{font-size:1.02rem}.product-hero-actions .btn{width:100%;justify-content:center}.product-hero-notes{flex-wrap:wrap;margin-top:35px;font-size:.55rem}.product-system{min-height:590px;transform:scale(.96);transform-origin:top left;width:104%}.product-system-input{width:43%;padding:12px}.product-system-input span{font-size:.58rem}.product-system-output{width:22%;padding:10px}.product-system-output b{font-size:.61rem}.product-system-output span{font-size:.52rem}.product-system-core{left:46%;width:25%}.product-system-core span{font-size:.55rem}.product-system-lines{width:100%}.product-intro,.product-disciplines{padding:68px 0}.product-intro h2,.product-disciplines-title h2{font-size:2.75rem}.product-rich-copy{padding:24px 0 0;border-top:1px solid var(--border-color);border-left:0}.product-process{padding:66px 0 70px}.product-process-rail{grid-template-columns:1fr 1fr;margin-top:38px}.product-process-rail li{min-height:180px;padding:23px 13px!important}.product-process-rail li:nth-child(2n){border-right:0}.product-process-rail li:nth-child(n+3){border-top:1px solid #50686d}.product-process-rail li:nth-child(n+3):before{top:-6px}.product-process-rail h3{margin-top:19px;font-size:1.02rem}.product-process-rail p{font-size:.7rem}.product-assurance{padding:66px 0 72px}.product-assurance h2{font-size:2.7rem}.product-assurance-mark{font-size:1.65rem}}

/* Product-system illustration: replaces the former abstract square with an actual exploded device drawing. */
.product-system-core{top:17%;left:35%;display:block;width:34%;border:0;background:transparent;box-shadow:none}.product-system-core span{position:absolute;z-index:2;top:0;left:0;width:100%}.product-system-core img{position:absolute;z-index:1;top:10%;left:-18%;width:136%;height:83%;object-fit:contain;transform:scale(1.48);filter:contrast(1.04) saturate(.78)}.product-system-core em{z-index:2;top:calc(100% + 12px);left:50%;width:190px;transform:translateX(-50%)}@media(max-width:640px){.product-system-core{left:40%;width:33%}.product-system-core img{left:-24%;width:148%;transform:scale(1.18)}}

.product-system{min-height:548px}.product-system-lines marker path{fill:#c65320;stroke:none}.product-system-input{overflow:hidden;isolation:isolate}.product-system-input b,.product-system-input span{position:relative;z-index:2}.product-card-art{position:absolute;z-index:1;top:0;right:0;width:66%;height:100%;object-fit:cover;object-position:right center;mix-blend-mode:multiply;opacity:.95}.product-system-input span{max-width:54%}.product-system-output:before{position:absolute;top:17px;right:17px;width:21px;height:21px;border:1px solid #8a9aa0;content:""}.product-system-output:after{position:absolute;top:23px;right:23px;width:9px;height:9px;border:1px solid #c65320;content:""}.product-system-output b,.product-system-output span{position:relative;z-index:1;max-width:78%}@media(max-width:640px){.product-system{min-height:590px}.product-card-art{display:none}.product-system-output:before,.product-system-output:after{display:none}.product-system-output b,.product-system-output span{max-width:100%}}

/* Output stage illustrations and optical centring of the finished product. */
.product-system-core{left:38%}.product-system-output:before,.product-system-output:after{display:none}.product-system-output b,.product-system-output span{max-width:62%}.product-output-icon{position:absolute;top:50%;right:15px;width:39px;height:39px;transform:translateY(-50%);fill:none;stroke:#263c43;stroke-width:1.55;stroke-linecap:square;stroke-linejoin:miter}.output-prototype .product-output-icon{stroke:#273d44}.output-tests .product-output-icon{stroke:#3e575d}.output-production .product-output-icon{stroke:#273d44}@media(max-width:640px){.product-system-core{left:40%}.product-output-icon{display:none}.product-system-output b,.product-system-output span{max-width:100%}}
.product-hero{padding-bottom:38px}.product-hero-grid{grid-template-columns:.68fr 1.32fr;gap:4%}.product-system{transform:scale(1.06);transform-origin:center top;margin:0 -2.5% -4px}.product-system-input,.product-system-output{background:transparent}.product-system-input{isolation:auto}.product-card-art{mix-blend-mode:multiply}.product-proof-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:31px;border-top:1px solid #b9c8c8;border-bottom:1px solid #b9c8c8}.product-proof-strip>div{min-height:79px;padding:17px 18px;border-right:1px solid #b9c8c8}.product-proof-strip>div:last-child{border-right:0}.product-proof-strip strong,.product-proof-strip span{display:block}.product-proof-strip strong{color:#172126;font-size:1.2rem;line-height:1;letter-spacing:-.04em}.product-proof-strip span{max-width:210px;margin-top:7px;color:#65747a;font-family:var(--font-mono);font-size:.59rem;line-height:1.45;letter-spacing:.035em;text-transform:uppercase}.product-hero-process{display:grid;grid-template-columns:106px 1fr 105px;gap:18px;align-items:start;margin-top:30px}.product-hero-process-label,.product-hero-process-note{padding-top:9px;color:#65747a;font-family:var(--font-mono);font-size:.59rem;line-height:1.45;letter-spacing:.09em}.product-hero-process-note{text-align:right}.product-hero-process ol{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin:0;padding:0;border-top:1px solid #697a7f;list-style:none}.product-hero-process ol:before{position:absolute;top:-3px;right:-1px;width:5px;height:5px;border:1px solid #65747a;border-radius:50%;background:#f7f9f8;content:""}.product-hero-process li{position:relative;min-height:70px;padding:11px 15px 0 0;border-right:1px solid #c3cfce}.product-hero-process li:not(:first-child){padding-left:15px}.product-hero-process li:before{position:absolute;top:-6px;left:-1px;width:10px;height:10px;border:2px solid #f7f9f8;border-radius:50%;background:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue);content:""}.product-hero-process i{display:block;color:var(--accent-blue);font-family:var(--font-mono);font-size:.55rem;font-style:normal;letter-spacing:.05em}.product-hero-process b{display:block;margin-top:7px;color:#172126;font-size:.78rem;line-height:1.05}.product-hero-process small{display:block;margin-top:7px;color:#69787d;font-size:.6rem;line-height:1.35}.product-hero-process li:last-child{border-right:0}@media(max-width:1000px){.product-hero-grid{grid-template-columns:1fr;gap:45px}.product-system{max-width:820px;margin:0 auto;transform:none}.product-hero-process{grid-template-columns:1fr;gap:14px}.product-hero-process-label,.product-hero-process-note{padding-top:0;text-align:left}.product-hero-process-note{display:none}}@media(max-width:640px){.product-hero{padding-bottom:66px}.product-system{margin:0;transform:scale(.96);transform-origin:top left;width:104%;margin-bottom:-24px}.product-proof-strip{grid-template-columns:1fr;margin-top:8px}.product-proof-strip>div{min-height:0;padding:14px 0;border-right:0;border-bottom:1px solid #b9c8c8}.product-proof-strip>div:last-child{border-bottom:0}.product-proof-strip strong{font-size:1.05rem}.product-proof-strip span{max-width:none}.product-hero-process ol{grid-template-columns:1fr 1fr}.product-hero-process li{min-height:88px;padding:13px 10px 0 0}.product-hero-process li:not(:first-child){padding-left:10px}.product-hero-process li:nth-child(2n){border-right:0}.product-hero-process li:nth-child(n+3){border-top:1px solid #c3cfce;padding-top:20px}.product-hero-process li:nth-child(n+3):before{top:-6px}}

/* SystemEL wordmark, shared by the site's headers. */
.navbar .container { width:calc(100% - 64px); max-width:1800px; padding-inline:0; gap:24px; }
.navbar-brand { flex:0 0 auto; height:auto; }
.systemel-logo-header { width:300px; max-width:300px; height:auto; }
.language-switcher { display:flex; flex:0 0 auto; align-items:center; gap:2px; margin-left:0; padding:3px; border:1px solid var(--border-color); background:#fff; }
.language-switcher-link { display:inline-flex; align-items:center; justify-content:center; min-width:30px; min-height:28px; padding:0 6px; color:var(--text-secondary); font-family:var(--font-mono); font-size:.65rem; font-weight:700; letter-spacing:.06em; text-decoration:none; }
.language-switcher-link:hover,.language-switcher-link:focus-visible { color:var(--accent-blue); }
.language-switcher-link.is-current { background:var(--accent-blue); color:#fff; }
.language-switcher-link.is-current:hover,.language-switcher-link.is-current:focus-visible { color:#fff; }
@media(max-width:1500px) { .systemel-logo-header { width:260px; } }
@media(max-width:640px) {
  .navbar .container { width:calc(100% - 32px); gap:12px; }
  .systemel-logo-header { width:220px; max-width:100%; }
  .language-switcher { margin-left:auto; }
}

/* One canonical set of rules for the approved product concept. */
.product-concept-page { --ink:#101c28; --muted:#64727d; --orange:#d95113; background:#f4f7f6; color:var(--ink); }
.product-concept-page * { box-sizing:border-box; }
.product-concept-hero { position:relative; min-height:100svh; padding:136px 4.3vw 24px; overflow:hidden; }
.admin-bar .product-concept-hero { padding-top:168px; }
.product-concept-grid-bg { position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(90deg,#a9d1d422 1px,transparent 1px),linear-gradient(#a9d1d422 1px,transparent 1px); background-size:80px 80px; mask-image:radial-gradient(ellipse at 62% 42%,#000 10%,transparent 73%); }
.product-concept-hero::before,.product-concept-hero::after { content:""; position:absolute; width:150px; height:150px; border:1px solid #91c7d16b; transform:rotate(45deg); pointer-events:none; }
.product-concept-hero::before { left:-130px; top:150px; }
.product-concept-hero::after { right:-135px; bottom:155px; }
.product-concept-container { position:relative; width:100%; max-width:1900px; margin:auto; padding:0; }
.product-concept-topline { position:absolute; top:26px; left:0; right:0; display:flex; justify-content:space-between; align-items:start; font:9px/1.5 var(--font-mono); letter-spacing:.15em; color:var(--muted); z-index:2; pointer-events:none; }
.product-concept-kicker { display:flex; gap:9px; align-items:center; font-size:clamp(7px,.62vw,11px); }
.product-concept-kicker i { display:block; width:25px; height:2px; background:var(--orange); }
.product-concept-direction { text-align:right; font-size:8px; letter-spacing:.18em; }
.product-concept-direction i { display:block; width:25px; height:2px; background:var(--orange); margin:12px 0 0 auto; }
.product-concept-main { display:grid; grid-template-columns:minmax(0,26%) minmax(0,71%); gap:3%; align-items:start; }
.product-concept-copy { min-width:0; padding-top:62px; container-type:inline-size; }
.product-concept-copy h1 { margin:0; max-width:none; font-size:clamp(32px,16cqw,78px); font-weight:750; line-height:1.02; letter-spacing:-.065em; color:var(--ink); }
.product-concept-copy h1>span { display:block; white-space:nowrap; }
.product-concept-copy h1 .concept-period { color:var(--orange); }
.product-concept-copy>p { margin:24px 0 0; max-width:35ch; color:var(--muted); font-size:clamp(13px,4.2cqw,19px); line-height:1.55; }
.product-concept-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:30px; }
.product-concept-button { display:inline-flex; justify-content:center; align-items:center; gap:17px; padding:13px 18px; border-radius:0; background:var(--orange); color:white; font-size:clamp(11px,3.35cqw,15px); line-height:1.3; }
.product-concept-button:hover { background:#b94711; color:white; }
.product-concept-button span { font-size:20px; }
.product-concept-link { border-bottom:1px solid #859199; padding-bottom:4px; font-size:clamp(11px,3.2cqw,14px); color:#46545e; }
.product-concept-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:38px; }
.product-concept-proof-item { display:flex; flex-wrap:wrap; align-content:start; gap:7px; }
.product-concept-proof-item b { font-size:19px; line-height:1; font-weight:600; }
.product-concept-proof-item span { font:8px/1.5 var(--font-mono); color:var(--muted); letter-spacing:.035em; }
.product-concept-diagram { position:relative; min-width:0; aspect-ratio:1000/560; container-type:inline-size; }
.product-concept-input,.product-concept-output { position:absolute; border:1px solid #96a3ad; background:transparent; }
.product-concept-input { left:0; width:31%; height:28.333%; padding:1.7%; }
.concept-input-pcb { top:0; }.concept-input-embedded { top:33.333%; }.concept-input-mechanics { top:66.666%; }
.product-concept-input>div { position:relative; z-index:2; max-width:46%; }
.product-concept-input b,.product-concept-output b { display:block; font-size:clamp(11px,1.3cqw,18px); line-height:1.14; font-weight:650; }
.product-concept-input span,.product-concept-output span { display:block; margin-top:12px; font-size:clamp(10px,1.05cqw,15px); line-height:1.48; color:var(--muted); }
.product-concept-input img { position:absolute; inset:4% 0 4% auto; width:68%; max-width:none; height:92%; object-fit:cover; object-position:100% 50%; mix-blend-mode:multiply; pointer-events:none; }
.product-concept-device { position:absolute; left:39%; top:0; width:30%; height:95%; text-align:center; }
.product-concept-device>span { position:absolute; top:13%; left:0; width:100%; font:600 clamp(12px,1.4cqw,20px)/1.2 var(--font-mono); letter-spacing:.12em; }
.product-concept-device>span::after { content:""; display:block; width:42px; height:2px; margin:12px auto 0; background:var(--orange); }
.product-concept-device img { position:absolute; top:21%; left:-24%; width:148%; max-width:none; height:57%; object-fit:contain; }
.product-concept-device small { position:absolute; left:0; bottom:5%; width:100%; font:clamp(9px,1cqw,13px)/1.6 var(--font-mono); letter-spacing:.12em; color:var(--muted); }
.product-concept-lines { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:#33424d; stroke-width:1.1; pointer-events:none; }
.product-concept-lines path { vector-effect:non-scaling-stroke; }
.product-concept-lines marker path { fill:var(--orange); stroke:none; }
.product-concept-output { right:0; width:24%; height:21%; padding:2% 1.5% 1.5% 9%; }
.concept-output-prototype { top:11.166%; }.concept-output-tests { top:37%; }.concept-output-production { top:62.833%; }
.product-concept-output svg { position:absolute; left:4.5%; top:50%; width:26%; height:60%; transform:translateY(-50%); fill:none; stroke:var(--ink); stroke-width:1.5; }
.product-concept-output::before { content:""; position:absolute; left:32%; top:0; height:100%; border-left:1px solid #b5c0c644; }
.product-concept-process { display:grid; grid-template-columns:100px minmax(0,1fr) 110px; gap:24px; margin-top:72px; scroll-margin-top:130px; }
.product-concept-process-label,.product-concept-process-note { font:9px/1.5 var(--font-mono); letter-spacing:.14em; color:var(--muted); }
.product-concept-process-label { padding-top:6px; }
.product-concept-process-note { align-self:center; }
.product-concept-process-note i { display:block; height:2px; width:22px; margin-top:12px; background:var(--orange); }
.product-concept-process ol { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); list-style:none; margin:0; padding:0; position:relative; }
.product-concept-process ol::before { content:""; position:absolute; left:0; right:0; top:43px; height:1px; background:#7d8891; }
.product-concept-process ol::after { content:""; position:absolute; right:0; top:38px; width:10px; height:10px; border:1px solid #34424e; border-radius:50%; background:#f4f7f6; }
.product-concept-process li { position:relative; display:grid; grid-template-columns:27px 1fr; gap:10px; align-content:start; min-height:112px; padding:0 16px 0 10px; }
.product-concept-process li::before { content:""; position:absolute; top:36px; left:16px; width:14px; height:14px; background:var(--orange); border:3px solid #f4f7f6; outline:1px solid var(--orange); border-radius:50%; }
.product-concept-process li i { display:block; font-style:normal; }
.product-concept-process li i svg { width:25px; height:25px; fill:none; stroke:var(--ink); stroke-width:1.4; }
.product-concept-process li b { padding-top:5px; font-size:13px; font-weight:500; }
.product-concept-process li small { grid-column:2; margin-top:26px; color:var(--muted); font-size:11px; line-height:1.5; }
.product-concept-footline { display:flex; justify-content:space-between; margin-top:35px; color:#839099; font:8px/1.5 var(--font-mono); letter-spacing:.16em; }

@media(min-width:1800px) {
  .product-concept-hero { padding-top:160px; }
  .product-concept-process { margin-top:90px; }
  .product-concept-process li b { font-size:16px; }
  .product-concept-process li small { font-size:13px; }
}
@media(max-width:1300px) {
  .product-concept-hero { padding-top:112px; }
  .product-concept-main { grid-template-columns:minmax(0,27%) minmax(0,70%); }
  .product-concept-kicker { font-size:7px; }
  .product-concept-copy { padding-top:60px; }
  .product-concept-copy h1 { font-size:15cqw; }
  .product-concept-input { padding:1.3%; }
  .product-concept-input span,.product-concept-output span { font-size:9px; margin-top:8px; }
  .product-concept-input b,.product-concept-output b { font-size:10px; }
  .product-concept-proof { gap:6px; }
  .product-concept-proof-item span { font-size:7px; }

}
@media(max-width:1000px) {
  .product-concept-hero { padding:112px 24px 28px; }
  .product-concept-topline { position:static; margin-bottom:25px; }
  .product-concept-kicker { font-size:8px; flex-wrap:wrap; }
  .product-concept-direction { display:none; }
  .product-concept-main { grid-template-columns:minmax(0,1fr); gap:40px; }
  .product-concept-copy { padding-top:0; max-width:460px; }
  .product-concept-copy h1 { font-size:clamp(36px,12cqw,56px); }
  .product-concept-copy>p { max-width:42ch; font-size:16px; }
  .product-concept-input b,.product-concept-output b { font-size:12px; }
  .product-concept-input span,.product-concept-output span { font-size:11px; }
  .product-concept-process { grid-template-columns:1fr; gap:22px; margin-top:45px; }
  .product-concept-process-note { display:none; }
}
@media(min-width:801px) and (max-width:1100px) {
  .product-concept-diagram { aspect-ratio:auto; height:600px; }
}
@media(max-width:800px) {
  .product-concept-hero { padding:105px 20px 28px; }
  .admin-bar .product-concept-hero { padding-top:150px; }
  .product-concept-topline { margin-bottom:24px; }
  .product-concept-kicker { font-size:6.5px; letter-spacing:.07em; gap:6px; }
  .product-concept-kicker i { width:16px; }
  .product-concept-copy h1 { font-size:clamp(34px,12.5cqw,49px); }
  .product-concept-actions { gap:18px; }
  .product-concept-proof { margin-top:28px; }
  .product-concept-proof-item span { font-size:8px; }
  .product-concept-diagram { display:flex; flex-direction:column; gap:16px; aspect-ratio:auto; }
  .product-concept-input,.product-concept-output { position:relative; inset:auto; width:100%; height:auto; min-height:170px; padding:22px; }
  .product-concept-input>div { max-width:46%; }
  .product-concept-input b,.product-concept-output b { font-size:14px; }
  .product-concept-input span,.product-concept-output span { font-size:12px; margin-top:12px; }
  .product-concept-device { position:relative; inset:auto; width:100%; height:340px; }
  .product-concept-device>span { top:8px; font-size:14px; }
  .product-concept-device img { top:52px; left:0; width:100%; height:235px; }
  .product-concept-device small { bottom:0; font-size:9px; }
  .product-concept-output { min-height:140px; padding:23px 18px 23px 38%; }
  .product-concept-output svg { width:22%; left:5%; }
  .product-concept-lines { display:none; }
  .product-concept-process ol { grid-template-columns:1fr; gap:24px; }
  .product-concept-process ol::before { left:22px; right:auto; top:0; bottom:0; width:1px; height:auto; }
  .product-concept-process ol::after { display:none; }
  .product-concept-process li { min-height:90px; padding-left:45px; grid-template-columns:27px 1fr; }
  .product-concept-process li::before { left:16px; top:10px; }
  .product-concept-process li small { margin-top:0; }
  .product-concept-footline { font-size:6px; gap:18px; }
}

/* Shared product-development narrative below the concept hero. */
.product-journey-intro,.product-journey-flow,.product-journey-disciplines,.product-journey-start { position:relative; background:#f4f7f6; }
.product-journey-intro { padding:112px 4.3vw 104px; border-top:1px solid #c8d3d1; }
.product-journey-intro-grid { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:8%; max-width:1400px; margin:0 auto; }
.product-journey-intro h2,.product-journey-heading h2,.product-journey-disciplines-title h2,.product-journey-start h2 { margin:16px 0 0; color:#101c28; font-size:clamp(2.25rem,4.9vw,5.2rem); line-height:.96; letter-spacing:-.065em; }
.product-journey-copy { padding:8px 0 0; border-left:1px solid #aebdc0; }
.product-journey-copy p { max-width:620px; margin:0 0 22px; padding-left:34px; color:#64727d; font-size:clamp(1rem,1.45vw,1.3rem); line-height:1.65; }
.product-journey-copy p:last-child { margin-bottom:0; }
.product-journey-flow { padding:105px 4.3vw 118px; background:#10202a; color:#fff; }
.product-journey-flow-top { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:7%; align-items:center; }
.product-journey-heading { max-width:680px; }
.product-journey-flow .section-kicker { color:#f08a5b; }
.product-journey-heading h2 { color:#fff; }
.product-journey-heading>p { max-width:650px; margin:27px 0 0; color:#c4d0d2; font-size:1.03rem; line-height:1.65; }
.product-journey-flow-visual { display:grid; place-items:center; min-height:350px; margin:0; }
.product-journey-flow-visual img { display:block; width:100%; max-width:690px; max-height:430px; object-fit:contain; }
.product-journey-flow-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin-top:68px; border-top:1px solid #52666d; border-bottom:1px solid #52666d; }
.product-journey-flow-grid article { position:relative; min-height:315px; padding:27px 25px 27px 0; border-right:1px solid #52666d; }
.product-journey-flow-grid article:not(:first-child) { padding-left:25px; }
.product-journey-flow-grid article:last-child { border-right:0; }
.product-journey-flow-grid article::after { content:""; position:absolute; top:-5px; left:-5px; width:9px; height:9px; border:2px solid #10202a; border-radius:50%; background:#d95113; box-shadow:0 0 0 1px #d95113; }
.product-journey-flow-grid article>span { color:#f08a5b; font:10px/1.4 var(--font-mono); letter-spacing:.11em; }
.product-journey-flow-grid h3 { max-width:210px; margin:67px 0 14px; color:#fff; font-size:1.45rem; line-height:1.05; letter-spacing:-.035em; }
.product-journey-flow-grid p { max-width:250px; margin:0; color:#b9c8cb; font-size:.94rem; line-height:1.55; }
.product-journey-flow-grid a { display:inline-flex; align-items:center; gap:10px; margin-top:22px; color:#fff; font:700 .68rem/1.3 var(--font-mono); letter-spacing:.04em; text-transform:uppercase; }
.product-journey-flow-grid a:hover { color:#f08a5b; }
.product-journey-flow-grid a b { color:#f08a5b; font-size:1rem; }
.product-journey-disciplines { padding:115px 4.3vw; }
.product-journey-disciplines-grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:9%; max-width:1400px; margin:0 auto; }
.product-journey-disciplines-title p { max-width:430px; margin:28px 0 0; color:#64727d; font-size:1rem; line-height:1.65; }
.product-journey-discipline-list { border-top:1px solid #aebdc0; }
.product-journey-discipline-list article { display:grid; grid-template-columns:50px 1fr; gap:18px; padding:24px 0; border-bottom:1px solid #aebdc0; }
.product-journey-discipline-list article>b { display:grid; place-items:center; width:34px; height:34px; border:1px solid #c65320; color:#c65320; font:700 .75rem/1 var(--font-mono); }
.product-journey-discipline-list h3 { margin:0 0 7px; color:#101c28; font-size:1.2rem; letter-spacing:-.025em; }
.product-journey-discipline-list p { max-width:570px; margin:0; color:#64727d; font-size:.95rem; line-height:1.55; }
.product-journey-start { padding:0 4.3vw 120px; }
.product-journey-start-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:9%; padding:62px 0 0; border-top:2px solid #c65320; max-width:1400px; margin:0 auto; }
.product-journey-start h2 { font-size:clamp(2rem,3.9vw,4.2rem); }
.product-journey-start-grid>div:last-child { padding-top:12px; }
.product-journey-start p { max-width:600px; margin:0 0 28px; color:#64727d; font-size:1.05rem; line-height:1.65; }
.product-journey-cta { display:inline-flex; align-items:center; gap:18px; padding:15px 20px; border-radius:0; background:#d95113; color:#fff; font:700 .75rem/1.2 var(--font-mono); letter-spacing:.035em; text-transform:uppercase; }
.product-journey-cta:hover { background:#b94711; color:#fff; }
.product-journey-cta span { font-size:1.2rem; }
@media(max-width:900px) {
  .product-journey-intro,.product-journey-flow,.product-journey-disciplines { padding-top:78px; padding-bottom:78px; }
  .product-journey-flow-top { grid-template-columns:1fr; gap:38px; }
  .product-journey-flow-visual { min-height:0; max-width:650px; }
  .product-journey-intro-grid,.product-journey-disciplines-grid,.product-journey-start-grid { grid-template-columns:1fr; gap:40px; }
  .product-journey-copy { border-left:0; border-top:1px solid #aebdc0; padding-top:24px; }
  .product-journey-copy p { padding-left:0; }
  .product-journey-flow-grid { grid-template-columns:1fr 1fr; }
  .product-journey-flow-grid article:nth-child(2) { border-right:0; }
  .product-journey-flow-grid article:nth-child(n+3) { border-top:1px solid #52666d; }
  .product-journey-flow-grid article:nth-child(3) { padding-left:0; }
  .product-journey-flow-grid article:nth-child(4) { padding-left:25px; }
  .product-journey-start { padding-bottom:80px; }
}
@media(max-width:600px) {
  .product-journey-intro,.product-journey-flow,.product-journey-disciplines { padding-right:20px; padding-left:20px; }
  .product-journey-intro h2,.product-journey-heading h2,.product-journey-disciplines-title h2,.product-journey-start h2 { font-size:clamp(2.25rem,11vw,3.4rem); }
  .product-journey-flow-grid { grid-template-columns:1fr; margin-top:45px; }
  .product-journey-flow-grid article,.product-journey-flow-grid article:nth-child(n+3) { min-height:0; padding:24px 0; border-right:0; border-top:1px solid #52666d; }
  .product-journey-flow-grid article:first-child { border-top:0; }
  .product-journey-flow-grid h3 { margin-top:42px; }
  .product-journey-start { padding-right:20px; padding-bottom:60px; padding-left:20px; }
}

/* Training page refinements. */
.training-intro h2 .training-intro-line,
.training-intro h2 .training-intro-separator { display:block; }
.training-intro h2 .training-intro-separator { display:flex; width:max-content; flex-direction:column; align-items:center; margin:.1em auto .08em; color:#c65320; font-size:.72em; font-style:normal; line-height:.8; }
.training-intro h2 .training-intro-separator i { font-style:normal; line-height:1; }
.training-intro h2 .training-intro-separator b { display:block; width:6.15em; height:3px; margin-top:.12em; background:#c65320; }
.training-intro h2 .training-intro-line.is-offset { margin-left:1.15em; }
.training-course-grid { grid-template-columns:1fr 1.2fr 1fr; }
.training-course.featured { position:relative; z-index:1; margin-top:-16px; }
.training-course.featured .training-course-top { min-height:215px; padding:24px 23px; }
.training-course.featured h3 { font-size:1.58rem; }
.training-course.featured ul { min-height:300px; padding:22px 23px 18px; }
.training-course.featured .training-course-link { margin-inline:23px; }
@media(max-width:820px) {
  .training-course-grid { grid-template-columns:1fr; }
  .training-course.featured { margin-top:0; }
  .training-course.featured .training-course-top { min-height:195px; padding:21px 20px; }
  .training-course.featured h3 { font-size:1.45rem; }
  .training-course.featured ul { min-height:0; padding:19px 20px 15px; }
  .training-course.featured .training-course-link { margin-inline:20px; }
}
@media(max-width:560px) {
  .training-intro h2 .training-intro-line.is-offset { margin-left:.65em; }
}

/* Supporting illustration for the collaboration format section. */
.training-format-art { width:120%; max-width:744px; margin:42px 0 0; transform:translate(-12%,10%); transform-origin:top left; }
.training-format-art img { display:block; width:100%; height:auto; }
@media(max-width:820px) {
  .training-format-art { width:100%; max-width:620px; margin:34px 0 0; transform:none; }
}

/* Contact page fidelity pass: restore the generous proportions and full technical artwork. */
.contact-board.container { width:min(calc(100% - 64px),1480px); max-width:1480px; padding-right:0; padding-left:0; }
.contact-board { grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); gap:14px; }
.contact-card-grid { grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); }
.contact-card-dark { min-height:507px; padding:27px 29px 26px; }
.contact-card-dark h2 { font-size:clamp(1.8rem,2.25vw,2.4rem); white-space:nowrap; }
.contact-card-light { min-height:164px; padding:21px 24px; }
.contact-card-icon { flex:0 0 39px; width:39px; height:39px; padding:7px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.contact-card-content strong { font-size:clamp(.91rem,1vw,1.05rem); }
.contact-route { padding:17px 22px 19px; }
.contact-route-diagram { aspect-ratio:760 / 430; }
.contact-route-diagram .contact-route-blueprint { position:relative; z-index:1; width:100%; height:100%; min-height:0; }
.contact-route-diagram img { position:absolute; z-index:2; top:50%; left:50%; display:block; width:82%; max-width:none; height:auto; transform:translate(-50%,-48%); }
.contact-route-caption { position:relative; z-index:3; background:rgba(247,250,249,.72); }
.contact-page + .footer { display:none; }
.contact-hero { padding-bottom:34px; }
.contact-route { align-self:stretch; display:flex; flex-direction:column; }
.contact-route-diagram { flex:1 1 430px; min-height:430px; aspect-ratio:auto; }
.contact-route-diagram .contact-route-blueprint { position:absolute; inset:0; }
.contact-route-labels { position:absolute; inset:0; z-index:3; pointer-events:none; }
.contact-route-label { position:absolute; display:grid; gap:6px; width:28%; padding:7px 9px; color:#536b74; background:rgba(247,250,249,.9); font:700 clamp(.6rem,.65vw,.7rem)/1.35 var(--font-mono); letter-spacing:.11em; }
.contact-route-label b,.contact-route-label small { font:inherit; }
.contact-route-label small { color:#6e838a; }
.contact-route-label.is-left-top { top:36%; left:1%; background:linear-gradient(90deg,rgba(247,250,249,.96) 0 82%,rgba(247,250,249,0)); }
.contact-route-label.is-left-bottom { top:65%; left:1%; background:linear-gradient(90deg,rgba(247,250,249,.96) 0 82%,rgba(247,250,249,0)); }
.contact-route-label.is-right-top { top:36%; right:1%; text-align:right; background:linear-gradient(270deg,rgba(247,250,249,.96) 0 82%,rgba(247,250,249,0)); }
.contact-route-label.is-right-bottom { top:65%; right:1%; text-align:right; background:linear-gradient(270deg,rgba(247,250,249,.96) 0 82%,rgba(247,250,249,0)); }
.contact-route-caption b { display:none; }
.contact-legal { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:10px; padding:18px 2px 0; border-top:1px solid #aebdc0; color:#708188; font:700 .57rem/1.5 var(--font-mono); letter-spacing:.13em; text-transform:uppercase; }
.contact-legal a { color:#708188; text-decoration:none; }
.contact-legal a:hover { color:#c65320; }
.contact-form-panel { grid-column:1 / -1; padding:clamp(24px,2.2vw,38px); border:1px solid #9eafb4; background:rgba(247,250,249,.78); }
.contact-form-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:17px; border-bottom:1px solid #c5d1d2; color:#71858b; font-family:var(--font-mono); font-size:.62rem; letter-spacing:.13em; }
.contact-form-heading > div { display:flex; align-items:center; gap:12px; }
.contact-form-index { color:#d05420; }
.contact-form-heading i { display:block; width:40px; height:1px; background:#c65320; }
.contact-form-intro { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(240px,.95fr); gap:40px; align-items:end; padding:28px 0 25px; }
.contact-form-intro h2 { max-width:740px; margin:12px 0 0; font-size:clamp(2rem,3.1vw,3.5rem); line-height:.96; letter-spacing:-.065em; }
.contact-form-intro p { max-width:44ch; margin:0; color:#52636b; font-size:.98rem; line-height:1.6; }
.contact-form-shell { padding-top:2px; }
.contact-form-shell .wpcf7 form { margin:0; }
.systemel-smart-contact { display:grid; grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr); gap:27px 38px; }
.systemel-form-index { display:block; margin-bottom:11px; color:#d05420; font:700 .59rem/1.3 var(--font-mono); letter-spacing:.13em; text-transform:uppercase; }
.systemel-smart-contact label { display:block; color:#172126; font-size:.78rem; font-weight:700; line-height:1.4; }
.systemel-smart-contact input:not([type="submit"]):not([type="checkbox"]),.systemel-smart-contact select,.systemel-smart-contact textarea { display:block; width:100%; margin-top:7px; padding:12px 13px; border:1px solid #aebdc0; border-radius:0; background:rgba(255,255,255,.62); color:#172126; font:400 .91rem/1.35 var(--font-sans); }
.systemel-smart-contact input:not([type="submit"]):not([type="checkbox"]):focus,.systemel-smart-contact select:focus,.systemel-smart-contact textarea:focus { outline:2px solid rgba(208,84,32,.25); outline-offset:1px; border-color:#c65320; }
.systemel-smart-contact textarea { min-height:123px; resize:vertical; }
.systemel-contact-topic { padding:20px 22px; border:1px solid #c0ced0; background:rgba(255,255,255,.5); }
.systemel-contact-topic-select { min-height:48px; }
.systemel-contact-topic-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; align-content:start; padding:20px 22px; border:1px solid #c0ced0; background:rgba(255,255,255,.5); }
.systemel-contact-topic-panel[hidden] { display:none!important; }
.systemel-contact-topic-panel .systemel-form-index { grid-column:1 / -1; }
.systemel-smart-contact-common { grid-column:1 / -1; padding-top:3px; }
.systemel-form-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.systemel-smart-contact-common > label { margin-top:17px; }
.systemel-smart-contact-consents { grid-column:1 / -1; display:grid; gap:9px; color:#5d7078; font-size:.72rem; line-height:1.45; }
.systemel-smart-contact-consents label { display:flex; align-items:flex-start; gap:8px; font-weight:400; }
.systemel-smart-contact-consents .wpcf7-list-item { margin:0; }
.systemel-smart-contact-consents input[type="checkbox"] { flex:0 0 16px; width:16px; height:16px; margin:2px 0 0; padding:0; accent-color:#d05420; }
.systemel-smart-contact-consents .wpcf7-list-item-label { display:block; }
.systemel-smart-contact-consents a { color:#52636b; text-decoration:underline; text-underline-offset:2px; }
.systemel-smart-contact-submit { grid-column:1 / -1; display:flex; align-items:center; justify-content:flex-end; padding-top:1px; border-top:1px solid #c5d1d2; }
.systemel-smart-contact-submit input[type="submit"] { margin:18px 0 0; padding:13px 22px; border:0; border-radius:0; background:#e05a1b; color:#fff; cursor:pointer; font:700 .9rem/1.2 var(--font-sans); transition:background .2s ease,transform .2s ease; }
.systemel-smart-contact-submit input[type="submit"]:hover { background:#f07336; transform:translateY(-1px); }
.contact-form-shell .wpcf7-not-valid-tip { margin-top:4px; color:#b6421b; font-size:.7rem; }
.contact-form-shell .wpcf7-response-output { margin:18px 0 0; padding:12px 14px; border:1px solid #c65320; color:#52636b; font-size:.82rem; }
.contact-form-fallback { margin:24px 0 0; color:#52636b; }
.contact-form-fallback a { color:#c65320; }
.contact-form-modal { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:24px; background:rgba(12,25,32,.72); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease,visibility .18s ease; }
.contact-form-modal.is-open { opacity:1; visibility:visible; pointer-events:auto; }
.contact-form-modal-backdrop { position:absolute; inset:0; cursor:pointer; }
.contact-form-modal-dialog { position:relative; z-index:1; width:min(100%,560px); max-height:min(900px,calc(100vh - 48px)); overflow:auto; padding:clamp(22px,2.5vw,40px); border:1px solid #9eafb4; background:#f4f7f6; box-shadow:18px 18px 0 rgba(48,38,32,.48); transform:translateY(12px); transition:transform .18s ease,width .2s ease; }
.contact-form-modal.has-details .contact-form-modal-dialog { width:min(100%,760px); }
.contact-form-modal.has-contact .contact-form-modal-dialog { width:min(100%,820px); }
.contact-form-modal.is-open .contact-form-modal-dialog { transform:translateY(0); }
.contact-form-modal-bar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:16px; border-bottom:1px solid #c5d1d2; color:#71858b; font-family:var(--font-mono); font-size:.62rem; letter-spacing:.13em; }
.contact-form-modal-bar > div { display:flex; align-items:center; gap:12px; }
.contact-form-modal-bar i { display:block; width:40px; height:1px; background:#c65320; }
.contact-form-modal-close { padding:0; border:0; background:transparent; color:#52636b; cursor:pointer; font:700 .62rem/1 var(--font-mono); letter-spacing:.13em; }
.contact-form-modal-close b { margin-left:8px; color:#d05420; font-size:1.1rem; font-weight:400; }
.contact-form-modal-close:hover { color:#c65320; }
.contact-form-modal-intro { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(240px,.95fr); gap:40px; align-items:end; padding:26px 0 24px; }
.contact-form-modal-intro h2 { max-width:700px; margin:12px 0 0; font-size:clamp(2rem,3vw,3.25rem); line-height:.96; letter-spacing:-.065em; }
.contact-form-modal-intro p { max-width:44ch; margin:0; color:#52636b; font-size:.95rem; line-height:1.6; }
.contact-form-step[hidden],.systemel-contact-step[hidden] { display:none!important; }
.systemel-contact-step-topic { grid-column:1 / -1; width:100%; max-width:520px; margin:0 auto; }
.systemel-contact-step-topic .systemel-form-index { margin-bottom:14px; }
.systemel-contact-step-topic label { font-size:1.05rem; }
.systemel-contact-step-topic .systemel-contact-topic-select { min-height:52px; margin-top:11px; font-size:.98rem; }
.systemel-contact-step-actions { display:flex; justify-content:flex-end; margin-top:22px; padding-top:17px; border-top:1px solid #c5d1d2; }
.systemel-contact-next,.systemel-contact-back { border:0; cursor:pointer; font:700 .68rem/1.2 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.systemel-contact-next { padding:13px 17px; background:#e05a1b; color:#fff; transition:background .2s ease,opacity .2s ease; }
.systemel-contact-next:hover:not(:disabled) { background:#f07336; }
.systemel-contact-next:disabled { cursor:not-allowed; opacity:.35; }
.systemel-contact-next span { margin-left:12px; font-size:1.05rem; font-weight:400; }
.systemel-contact-step-details { grid-column:1 / -1; }
.systemel-contact-step-contact { grid-column:1 / -1; }
.systemel-contact-details-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:20px; padding-bottom:13px; border-bottom:1px solid #c5d1d2; }
.systemel-contact-details-head .systemel-form-index { margin:0; }
.systemel-contact-back { padding:0; background:transparent; color:#52636b; }
.systemel-contact-back:hover { color:#c65320; }
.systemel-contact-step-details .systemel-contact-topic-panel { margin-bottom:22px; }
.systemel-contact-step-details .systemel-contact-step-actions { margin-top:0; }
.systemel-contact-step-contact .systemel-smart-contact-common { padding-top:0; }
.systemel-contact-topic-note { margin:0; color:#52636b; font-size:.9rem; line-height:1.55; }
.contact-form-modal .systemel-smart-contact { gap:22px 34px; }
body.contact-form-modal-open { overflow:hidden; }
@media(max-width:1180px) {
  .contact-board.container { width:min(calc(100% - 48px),1040px); }
  .contact-board { grid-template-columns:1fr; gap:28px; }
  .contact-intro,.contact-route { max-width:none; }
  .contact-company { grid-column:auto; }
  .contact-route { align-self:auto; }
  .contact-route-diagram { flex:none; min-height:470px; }
  .contact-legal { grid-column:auto; }
  .contact-form-panel { grid-column:auto; }
  .contact-form-modal-dialog { max-height:calc(100vh - 32px); }
}
@media(max-width:700px) {
  .contact-board.container { width:min(calc(100% - 34px),680px); }
  .contact-card-grid { grid-template-columns:1fr; }
  .contact-card-dark { min-height:390px; }
  .contact-card-dark h2 { white-space:normal; }
  .contact-route-diagram { min-height:405px; }
  .contact-route-diagram img { top:40%; width:88%; }
  .contact-route-labels { inset:auto 0 5px; display:grid; grid-template-columns:1fr 1fr; gap:5px; }
  .contact-route-label { position:static; width:auto; min-width:0; padding:6px 7px; background:rgba(247,250,249,.96)!important; font-size:.58rem; text-align:left!important; }
  .contact-legal { align-items:flex-start; flex-direction:column; gap:6px; padding-top:15px; }
  .contact-form-intro { grid-template-columns:1fr; gap:18px; }
  .systemel-smart-contact { grid-template-columns:1fr; gap:18px; }
  .systemel-contact-topic-panel { grid-column:auto; }
  .systemel-smart-contact-common,.systemel-smart-contact-consents,.systemel-smart-contact-submit { grid-column:auto; }
  .contact-form-modal { padding:12px; }
  .contact-form-modal-dialog { max-height:calc(100vh - 24px); padding:20px 16px; box-shadow:9px 9px 0 rgba(48,38,32,.48); }
  .contact-form-modal.has-details .contact-form-modal-dialog { width:100%; }
}
@media(max-width:470px) {
  .contact-form-heading { align-items:flex-start; flex-direction:column; gap:10px; }
  .contact-form-panel { padding:19px 16px; }
  .systemel-contact-topic-panel,.systemel-contact-topic { padding:17px 15px; }
  .systemel-contact-topic-panel,.systemel-form-fields { grid-template-columns:1fr; }
  .systemel-contact-topic-panel .systemel-form-index { grid-column:auto; }
  .systemel-smart-contact-submit { justify-content:stretch; }
  .systemel-smart-contact-submit input[type="submit"] { width:100%; }
  .systemel-contact-details-head { align-items:flex-start; flex-direction:column; gap:8px; }
}

/* References artwork: keep the hero object and a quiet motif along the full gallery. */
.references-hero { overflow:hidden; }
.references-hero-grid { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); grid-template-areas:"heading artwork" "intro proof"; column-gap:7%; row-gap:26px; align-items:start; }
.references-hero-copy { grid-area:heading; }
.references-hero-copy h1 { margin-bottom:0; }
.references-hero-intro { grid-area:intro; max-width:620px; margin:0; color:var(--text-secondary); font-size:1.08rem; line-height:1.68; }
.references-hero-art { grid-area:artwork; position:relative; z-index:1; width:100%; height:clamp(210px,21vw,290px); margin:0 0 calc(clamp(210px,21vw,290px) * .1); pointer-events:none; }
.references-hero-art img { display:block; width:100%; height:100%; object-fit:contain; object-position:right top; transform:scale(1.2,1.1); transform-origin:right top; mix-blend-mode:multiply; }
.references-proof { grid-area:proof; position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:12px 24px; min-height:0; padding:25px 28px; }
.references-proof-index { grid-column:1 / -1; }
.references-proof strong { grid-column:1; grid-row:2; margin:7px 0 0; font-size:clamp(4.7rem,6.3vw,6.4rem); }
.references-proof-label { grid-column:1; grid-row:3; font-size:.68rem; letter-spacing:.065em; }
.references-proof p { grid-column:2; grid-row:2 / span 2; align-self:center; max-width:none; margin:0; padding-left:20px; border-left:1px solid rgba(255,255,255,.24); font-size:.88rem; }
.references-proof i { grid-column:1 / -1; grid-row:4; margin:6px 0 0; }
.references-proof::after { display:none; }
.references-gallery-section { position:relative; isolation:isolate; overflow:hidden; }
.references-gallery-section>.container { position:relative; z-index:1; }
.references-document-grid { position:relative; isolation:isolate; }
.references-gallery-art { position:absolute; z-index:-1; inset:0 -11vw; display:grid; grid-template-rows:repeat(4,minmax(0,1fr)); pointer-events:none; user-select:none; }
.references-gallery-art-panel { min-height:0; background:url('assets/reference-illustration-03-verification-site.png?v=1') center / contain no-repeat; opacity:.075; filter:saturate(.55); mix-blend-mode:multiply; }
.references-gallery-art-panel:nth-child(even) { transform:translateX(-8%) scaleX(-1); opacity:.065; }
.references-gallery-art-panel:nth-child(3) { transform:translateX(8%); opacity:.07; }
.references-gallery-art-panel:nth-child(n+5) { display:none; }
@media(max-width:900px) {
  .references-hero-grid { grid-template-columns:1fr; grid-template-areas:"heading" "intro" "artwork" "proof"; gap:28px; }
  .references-hero-art { max-width:530px; height:220px; margin:8px auto 22px; }
  .references-hero-art img { object-position:center; transform-origin:center top; }
  .references-proof { width:100%; margin:0 auto; }
  .references-gallery-art { inset:0 -22vw; grid-template-rows:repeat(6,minmax(0,1fr)); }
  .references-gallery-art-panel { opacity:.06; }
  .references-gallery-art-panel:nth-child(even) { opacity:.055; }
  .references-gallery-art-panel:nth-child(3) { opacity:.06; }
  .references-gallery-art-panel:nth-child(n+5) { display:block; }
}
@media(max-width:640px) {
  .references-hero-intro { font-size:1rem; text-align:center; }
  .references-hero-art { height:190px; margin-bottom:19px; }
  .references-proof { gap:12px 16px; padding:22px; }
  .references-proof-label { font-size:.61rem; }
  .references-proof p { padding-left:14px; font-size:.83rem; }
  .references-gallery-art { inset:0 -42vw; }
  .references-gallery-art-panel { background-size:100% auto; opacity:.05; }
  .references-gallery-art-panel:nth-child(even),.references-gallery-art-panel:nth-child(3) { opacity:.05; }
}

/* Wide editorial layout: shared outer geometry, readable inner text measures.
   Home 2 remains a snapshot; the approved product concept keeps its own grid.
   Mobile rules above are deliberately left intact. */
@media(min-width:1001px) {
  body:not(.page-id-40) .navbar .container { width:91.4%; max-width:1900px; }
  body:not(.page-id-40) :where(.section,.training-page,.references-page,.contact-page,.pcb-page,.device-page,.page-shell) .container,
  body:not(.page-id-40) > .footer > .container {
    width:91.4%;
    max-width:1900px;
    margin-inline:auto;
    padding-inline:0;
  }

  body:not(.page-id-40) .hero-content {
    width:91.4%;
    max-width:1900px;
    padding-inline:0;
  }
  body:not(.page-id-40) .hero h1 {
    max-width:1200px;
    font-size:clamp(3.75rem,5.2vw,7rem);
    line-height:1.03;
  }
  body:not(.page-id-40) .hero p { max-width:62ch; }
  body:not(.page-id-40) .service-gates,
  body:not(.page-id-40) .courses-grid,
  body:not(.page-id-40) .info-pillars { gap:clamp(16px,1.7vw,32px); }
  body:not(.page-id-40) .service-gate { padding:clamp(28px,2.2vw,44px); }
  body:not(.page-id-40) .service-gate h3 { font-size:clamp(1.8rem,2vw,2.5rem); }
  body:not(.page-id-40) .service-gate p { max-width:42ch; }
  body:not(.page-id-40) .contact-gate-grid { padding:clamp(32px,3vw,56px); }
  body:not(.page-id-40) .process-steps p { max-width:32ch; }
  body:not(.page-id-40) .footer p { max-width:44ch; }

  .training-hero-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); column-gap:8%; align-items:center; }
  .training-hero-copy { max-width:860px; }
  .training-hero h1 { max-width:850px; font-size:clamp(3.6rem,5.3vw,6.5rem); }
  .training-hero-copy > p { max-width:62ch; }
  .training-hero-proof-wrap { width:100%; max-width:680px; justify-self:end; }
  .training-hero-art { width:87%; height:clamp(250px,23vw,420px); margin:0 auto -24px; }
  .training-hero-proof { padding:clamp(25px,2vw,36px); }
  .training-intro-grid,
  .training-format-grid { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); column-gap:8%; }
  .training-intro h2 { max-width:11.5ch; font-size:clamp(2.8rem,4.3vw,5.1rem); }
  .training-rich-copy { max-width:68ch; }
  .training-intro-art { max-width:1600px; margin-inline:auto; }
  .training-format-title h2 { max-width:13ch; }
  .training-course-grid { gap:clamp(16px,1.7vw,32px); }
  .training-course-top { padding:clamp(24px,2vw,34px); }
  .training-course ul { padding-inline:clamp(24px,2vw,34px); }
  .training-course li { max-width:55ch; }
  .training-course.featured .training-course-top,
  .training-course.featured ul { padding-inline:clamp(28px,2.3vw,40px); }
  .training-course-top em { position:static; display:block; margin-top:10px; }

  body:not(.page-id-40) .training-booking { max-width:none; }
  body:not(.page-id-40) .booking-layout { grid-template-columns:clamp(230px,18vw,320px) minmax(0,1fr); gap:clamp(18px,2vw,32px); padding:clamp(24px,2.2vw,40px); }
  body:not(.page-id-40) .booking-intro p { max-width:68ch; }
  body:not(.page-id-40) .booking-details { max-width:1100px; margin-inline:auto; }

  .references-hero-copy { max-width:850px; }
  .references-hero-copy h1 { font-size:clamp(3.3rem,5.1vw,6.25rem); }
  .references-hero-intro { max-width:62ch; }
  .references-hero-art { height:clamp(260px,23vw,420px); margin-bottom:calc(clamp(260px,23vw,420px) * .1); }
  .references-proof { padding:clamp(25px,2vw,36px); }
  .references-proof p { max-width:38ch; }
  .references-document-grid { gap:clamp(44px,3.3vw,64px) clamp(22px,2vw,38px); }
  .reference-document-card > p { max-width:58ch; }
  .references-gallery-art { inset-inline:-4.3vw; }

  .contact-intro h1 { max-width:850px; font-size:clamp(3.35rem,5.3vw,6.5rem); }
  .contact-intro > p { max-width:62ch; }
  .contact-board { gap:clamp(18px,2vw,38px); }
  .contact-card-dark { padding:clamp(27px,2.2vw,42px); }
  .contact-card-dark p { max-width:36ch; }
  .contact-card-light { padding:clamp(21px,1.7vw,32px); }
  .contact-route { padding:clamp(20px,1.7vw,32px); }
  .contact-route-steps { gap:clamp(20px,2vw,36px); padding-inline:0; }
  .contact-route-steps p { max-width:28ch; }

  .pcb-hero-copy,.device-hero-copy { max-width:850px; }
  .pcb-hero-copy > p,.device-hero-copy > p { max-width:62ch; }
  .pcb-rich-copy,.device-rich-copy { max-width:68ch; }
}

/* Keep the format labels in a separate rail, not above narrow text fragments. */
@media(min-width:821px) {
  .training-format-list article { grid-template-columns:minmax(130px,.28fr) minmax(0,1fr); column-gap:clamp(18px,2vw,36px); row-gap:12px; }
  .training-format-list article > b { grid-column:1; grid-row:1 / span 2; }
  .training-format-list article > h3 { grid-column:2; grid-row:1; margin-bottom:0; }
  .training-format-list article > p { grid-column:2; grid-row:2; max-width:58ch; }
}

/* Four document columns use an ultrawide screen without oversized scans. */
@media(min-width:1600px) {
  .references-document-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .references-gallery-art { grid-template-rows:repeat(3,minmax(0,1fr)); }
  .references-gallery-art-panel:nth-child(4) { display:none; }
}

/* Homepage reframe: one editorial hub joining the existing specialist pages. */
.home-reframe-hero {
  position:relative;
  min-height:calc(100svh - 72px);
  padding:clamp(84px,9vw,150px) 0 clamp(70px,7vw,112px);
  overflow:hidden;
  background:var(--gradient-hero);
}
.home-reframe-hero::before {
  position:absolute;
  inset:0;
  background-image:linear-gradient(90deg,rgba(90,212,240,.11) 1px,transparent 1px),linear-gradient(rgba(90,212,240,.09) 1px,transparent 1px);
  background-size:92px 92px;
  content:"";
  mask-image:linear-gradient(90deg,transparent 0,black 18%,black 84%,transparent 100%);
  opacity:.3;
  pointer-events:none;
}
.home-reframe-hero-inner,.home-reframe-section { position:relative; z-index:1; width:91.4%; max-width:1900px; margin-inline:auto; }
.home-reframe-hero-inner { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(34px,6vw,120px); align-items:center; }
.home-reframe-hero-copy { max-width:750px; }
.home-reframe-hero-copy .section-kicker,.home-reframe-contact .section-kicker { color:var(--accent-blue); }
.home-reframe-hero h1 { max-width:740px; margin:18px 0 25px; font-size:clamp(3.7rem,6.2vw,7.6rem); line-height:.9; letter-spacing:-.08em; }
.home-reframe-hero h1 .gradient-text { background:none; -webkit-text-fill-color:initial; color:var(--accent-blue); }
.home-reframe-hero-copy > p { max-width:590px; margin:0; color:var(--text-secondary); font-size:clamp(1rem,1.25vw,1.2rem); line-height:1.7; }
.home-reframe-hero .hero-buttons { margin-top:34px; }
.home-reframe-hero-art { position:relative; min-height:clamp(370px,39vw,650px); display:grid; place-items:center; }
.home-reframe-hero-art img { display:block; width:106%; max-height:650px; object-fit:contain; object-position:center; mix-blend-mode:multiply; filter:contrast(1.04); }
.home-reframe-art-label,.home-reframe-art-caption { position:absolute; z-index:2; color:#66777c; font-family:var(--font-mono); font-size:.58rem; letter-spacing:.16em; line-height:1.55; text-transform:uppercase; }
.home-reframe-art-label { top:6%; right:3%; }
.home-reframe-art-caption { right:8%; bottom:3%; text-align:right; }
.home-reframe-art-label::before { display:inline-block; width:37px; height:1px; margin:0 10px 3px 0; background:var(--accent-blue); content:""; }
.home-reframe-art-caption::after { display:block; width:42px; height:1px; margin:12px 0 0 auto; background:var(--accent-blue); content:""; }
.home-reframe-section { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:clamp(36px,8vw,150px); align-items:start; }
.home-reframe-section-heading h2,.home-reframe-references-copy h2,.home-reframe-contact h2 { max-width:12ch; margin:17px 0 22px; font-size:clamp(2.7rem,4.8vw,5.5rem); line-height:.94; letter-spacing:-.075em; }
.home-reframe-section-heading p,.home-reframe-references-copy p,.home-reframe-contact p { max-width:48ch; margin:0; color:var(--text-secondary); font-size:1.03rem; line-height:1.68; }
.home-reframe-section-heading .text-link,.home-reframe-references-copy .text-link { margin-top:26px; }
.home-reframe-specialization { padding:clamp(90px,10vw,175px) 0; background:#edf3f1; }
.home-reframe-specialization-map { min-height:490px; padding:clamp(20px,2vw,35px); border:1px solid var(--border-color); background:rgba(247,249,248,.74); }
.home-reframe-specialization-art { position:relative; height:auto; min-height:0; aspect-ratio:2 / 1; overflow:hidden; border-bottom:1px solid var(--border-color); }
.home-reframe-specialization-art img { position:absolute; inset:0; display:block; box-sizing:border-box; width:100%; height:100%; max-width:100%; max-height:100%; padding:12px; object-fit:contain; transform:none; mix-blend-mode:normal; opacity:1; }
.home-reframe-specialization-items { display:grid; grid-template-columns:repeat(3,1fr); }
.home-reframe-specialization-items article { min-height:135px; padding:21px 18px 9px; border-right:1px solid var(--border-color); }
.home-reframe-specialization-items article:last-child { border-right:0; }
.home-reframe-specialization-items span,.home-reframe-course > span { color:var(--accent-blue); font-family:var(--font-mono); font-size:.63rem; font-weight:700; letter-spacing:.1em; }
.home-reframe-specialization-items h3 { margin:24px 0 8px; font-size:1.05rem; line-height:1.05; letter-spacing:-.035em; }
.home-reframe-specialization-items p { margin:0; color:var(--text-secondary); font-size:.79rem; line-height:1.5; }
.home-reframe-references { padding:clamp(85px,10vw,165px) 0; background:#102128; color:#fff; }
.home-reframe-references-grid { align-items:center; }
.home-reframe-references-copy p { color:#bfd0d1; }
.home-reframe-references-copy .section-label { background:rgba(198,83,32,.14); }
.home-reframe-references-copy .text-link { color:#fff; }
.home-reframe-proof { min-height:330px; padding:clamp(26px,3vw,54px); border:1px solid #476168; background:rgba(16,33,40,.5); box-shadow:16px 16px 0 rgba(198,83,32,.14); }
.home-reframe-proof > .section-kicker { color:#ef7d4a; }
.home-reframe-proof > strong { display:inline-block; margin-top:42px; color:#f7f9f8; font-size:clamp(6rem,10vw,10rem); line-height:.7; letter-spacing:-.12em; }
.home-reframe-proof > div:not(.home-reframe-proof-rail) { display:inline-block; max-width:230px; margin-left:28px; vertical-align:top; }
.home-reframe-proof b { display:block; margin-top:14px; font-size:1.15rem; }
.home-reframe-proof p { margin:10px 0 0; color:#bfd0d1; font-size:.82rem; line-height:1.55; }
.home-reframe-proof-rail { display:flex; align-items:center; gap:12px; margin-top:60px; padding-top:15px; border-top:1px solid #476168; color:#ef7d4a; font-family:var(--font-mono); font-size:.62rem; letter-spacing:.1em; }
.home-reframe-proof-rail i { display:block; flex:1; height:1px; background:#476168; }
.home-reframe-reference-sectors { min-height:330px; }
.home-reframe-reference-sector-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:46px; }
.home-reframe-reference-sector-grid article { min-width:0; padding-right:18px; border-right:1px solid #476168; }
.home-reframe-reference-sector-grid article:last-child { padding-right:0; border-right:0; }
.home-reframe-reference-sector-grid article > span { color:#ef7d4a; font-family:var(--font-mono); font-size:.58rem; letter-spacing:.08em; }
.home-reframe-reference-sector-grid h3 { margin:23px 0 10px; color:#f7f9f8; font-size:1.05rem; line-height:1.08; letter-spacing:-.035em; }
.home-reframe-reference-sector-grid p { margin:0; color:#bfd0d1; font-size:.75rem; line-height:1.55; }
.home-reframe-reference-content { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:20px; max-width:none; margin-left:0; }
.home-reframe-proof.home-reframe-reference-sectors > .home-reframe-reference-content { display:grid; max-width:none; margin-left:0; }
.home-reframe-reference-content .home-reframe-reference-sector-grid { display:block; max-width:none; margin:0; }
.home-reframe-reference-content .home-reframe-reference-sector-grid article { width:88%; padding:0 0 18px; margin:0 0 18px; border-right:0; border-bottom:1px solid #476168; }
.home-reframe-reference-content .home-reframe-reference-sector-grid article:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
.home-reframe-reference-gallery { display:grid; grid-template-columns:repeat(3,1fr); align-content:center; gap:8px; min-width:0; min-height:250px; padding:10px; background:transparent; }
.home-reframe-reference-preview { display:block; min-width:0; padding:0; border:0; background:none; color:#f7f9f8; text-align:left; cursor:zoom-in; }
.home-reframe-reference-preview > span { display:block; aspect-ratio:3 / 4; overflow:hidden; border:1px solid #476168; background:#f7f9f8; transition:border-color .2s ease,transform .2s ease; }
.home-reframe-reference-gallery img { display:block; width:100%; height:100%; object-fit:cover; object-position:top center; }
.home-reframe-reference-gallery b { display:block; margin-top:9px; color:#bfd0d1; font-family:var(--font-mono); font-size:.57rem; letter-spacing:.06em; text-transform:uppercase; }
.home-reframe-reference-preview:hover > span,.home-reframe-reference-preview:focus-visible > span { border-color:#ef7d4a; transform:translateY(-4px); }
.home-reframe-reference-preview:focus-visible { outline:2px solid #ef7d4a; outline-offset:5px; }
.home-reference-lightbox-open { overflow:hidden; }
.home-reference-lightbox { position:fixed; z-index:3000; inset:0; display:grid; place-items:center; padding:24px; }
.home-reference-lightbox[hidden] { display:none; }
.home-reference-lightbox-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(7,12,15,.88); backdrop-filter:blur(8px); cursor:zoom-out; }
.home-reference-lightbox-dialog { position:relative; z-index:1; display:grid; width:min(100%,1060px); height:min(100%,calc(100vh - 48px)); grid-template-rows:auto 1fr; background:#f7f9f8; box-shadow:0 24px 75px rgba(0,0,0,.42); }
.home-reference-lightbox-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 18px; border-bottom:1px solid var(--border-color); color:var(--text-primary); font-family:var(--font-mono); font-size:.72rem; font-weight:700; letter-spacing:.08em; }
.home-reference-lightbox-close { padding:8px 0; border:0; background:transparent; color:var(--accent-blue); font-family:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; cursor:pointer; }
.home-reference-lightbox-close b { margin-left:8px; font-size:1.4rem; font-weight:400; vertical-align:-2px; }
.home-reference-lightbox-image-wrap { display:grid; place-items:center; min-height:0; padding:24px; overflow:auto; background:#52585b; }
.home-reference-lightbox-image { display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; box-shadow:0 16px 40px rgba(0,0,0,.3); }
.home-reframe-reference-sectors .home-reframe-proof-rail { margin-top:44px; }
.home-reframe-training { padding:clamp(90px,10vw,165px) 0; }
.home-reframe-training > .home-reframe-section { align-items:stretch; }
.home-reframe-training-heading { position:static; }
.home-reframe-courses { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr); grid-template-rows:minmax(0,1fr); gap:clamp(12px,1.5vw,24px); min-height:305px; }
.home-reframe-course { position:relative; display:flex; box-sizing:border-box; min-width:0; min-height:305px; height:100%; flex-direction:column; padding:clamp(22px,2vw,34px); border:1px solid var(--border-color); background:#fff; box-shadow:var(--shadow-card); transform-origin:center bottom; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.home-reframe-course.is-featured { align-self:center; height:125%; border-color:var(--accent-blue); box-shadow:0 15px 32px rgba(198,83,32,.14); }
.home-reframe-course:hover { z-index:2; transform:translateY(-6px) scale(1.025) !important; border-color:var(--accent-blue); box-shadow:0 18px 34px rgba(23,33,38,.14); }
@media (prefers-reduced-motion:reduce), (hover:none) {
  .home-reframe-course:hover { transform:none !important; }
}
.home-reframe-course:focus-within { border-color:var(--accent-blue); box-shadow:0 15px 32px rgba(198,83,32,.14); }
.home-reframe-course h3 { max-width:11ch; margin:52px 0 13px; font-size:clamp(1.35rem,1.7vw,2rem); line-height:1; letter-spacing:-.055em; }
.home-reframe-course p { margin:0; color:var(--text-secondary); font-size:.9rem; line-height:1.58; }
.home-reframe-course-link { display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:auto; padding:16px 0 0; border:0; border-top:1px solid #d5dedb; background:none; color:var(--text-primary); font-family:var(--font-mono); font-size:.66rem; font-weight:700; letter-spacing:.08em; text-align:left; text-transform:uppercase; cursor:pointer; }
.home-reframe-course-link span { color:var(--accent-blue); font-size:1.15rem; transition:transform .2s ease; }
.home-reframe-course-link:hover span { transform:translateX(5px); }
.home-reframe-contact { padding:clamp(78px,8vw,125px) 0; background:#edf3f1; border-top:1px solid var(--border-color); }
.home-reframe-contact-grid { grid-template-columns:1fr 1fr; align-items:center; }
.home-reframe-contact h2 { max-width:9ch; }
.home-reframe-contact-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:27px; }
.home-reframe-contact-actions .text-link { margin-top:0; }
@media(max-width:900px) {
  .home-reframe-hero { min-height:auto; padding-top:88px; }
  .home-reframe-hero-inner,.home-reframe-section,.home-reframe-contact-grid { grid-template-columns:1fr; gap:42px; }
  .home-reframe-hero-art { min-height:360px; order:-1; }
  .home-reframe-hero-copy { max-width:680px; }
  .home-reframe-hero h1 { font-size:clamp(3.2rem,10vw,5.6rem); }
  .home-reframe-specialization-map { min-height:0; }
  .home-reframe-training-heading { position:static; }
  .home-reframe-courses { grid-template-columns:1fr; grid-template-rows:none; max-width:620px; min-height:0; gap:24px; }
  .home-reframe-course { height:auto; }
  .home-reframe-course.is-featured { height:auto; min-height:381px; }
}
@media(max-width:620px) {
  .home-reframe-hero-inner,.home-reframe-section { width:calc(100% - 34px); }
  .home-reframe-hero { padding:76px 0 64px; }
  .home-reframe-hero-art { min-height:270px; }
  .home-reframe-hero-art img { width:118%; }
  .home-reframe-art-label { top:1%; right:0; font-size:.49rem; }
  .home-reframe-art-caption { right:0; bottom:0; font-size:.5rem; }
  .home-reframe-hero h1 { font-size:clamp(3rem,15vw,4.25rem); }
  .home-reframe-hero-copy > p { font-size:1rem; }
  .home-reframe-hero .hero-buttons { align-items:stretch; flex-direction:column; }
  .home-reframe-hero .hero-buttons .btn { width:100%; justify-content:center; }
  .home-reframe-section-heading h2,.home-reframe-references-copy h2,.home-reframe-contact h2 { font-size:3rem; }
  .home-reframe-specialization,.home-reframe-references,.home-reframe-training { padding:70px 0; }
  .home-reframe-specialization-items { grid-template-columns:1fr; }
  .home-reframe-specialization-items article { min-height:0; padding:18px 0; border-right:0; border-bottom:1px solid var(--border-color); }
  .home-reframe-specialization-items article:last-child { border-bottom:0; }
  .home-reframe-specialization-items h3 { margin:11px 0 5px; }
  .home-reframe-proof { min-height:270px; }
  .home-reframe-reference-content { grid-template-columns:1fr; gap:30px; }
  .home-reframe-proof.home-reframe-reference-sectors > .home-reframe-reference-content { grid-template-columns:1fr; }
  .home-reframe-reference-sector-grid { grid-template-columns:1fr; gap:0; margin-top:32px; }
  .home-reframe-reference-content .home-reframe-reference-sector-grid { margin-top:0; }
  .home-reframe-reference-content .home-reframe-reference-sector-grid article { width:100%; }
  .home-reframe-reference-gallery { min-height:0; gap:10px; padding:14px; }
  .home-reframe-reference-sector-grid article { padding:18px 0; border-right:0; border-bottom:1px solid #476168; }
  .home-reframe-reference-sector-grid article:last-child { border-bottom:0; }
  .home-reframe-reference-sector-grid h3 { margin:10px 0 5px; }
  .home-reframe-reference-sectors .home-reframe-proof-rail { margin-top:25px; }
  .home-reframe-proof > strong { margin-top:35px; font-size:6.5rem; }
  .home-reframe-proof > div:not(.home-reframe-proof-rail) { max-width:145px; margin-left:18px; }
  .home-reframe-proof-rail { gap:7px; margin-top:43px; font-size:.5rem; }
  .home-reframe-contact-actions { align-items:stretch; flex-direction:column; gap:18px; }
  .home-reframe-contact-actions .btn { justify-content:center; }
}