.hero{position:relative;isolation:isolate;min-height:clamp(560px,70vh,720px);display:grid;align-items:center;background:#171d23;color:#fff;border-bottom:1px solid var(--yusen-border);overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,17,22,.94) 0%,rgba(12,17,22,.76) 40%,rgba(12,17,22,.15) 70%,rgba(12,17,22,.08) 100%)}
.hero-media{position:absolute;inset:0;z-index:-2}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-7);align-items:center;padding-block:clamp(4rem,8vw,7rem)}
.hero-copy{grid-column:span 7;max-width:760px}.hero h1{font-size:clamp(2.45rem,4.5vw,4.5rem);max-width:19ch;color:#fff}.hero-copy>p:not(.eyebrow):not(.demo-label){max-width:52ch;color:#d6dde4}.hero .hero-lead{font-size:1.16rem;color:#fff!important;font-weight:550}.hero .eyebrow{color:#80c7ff}.hero .text-link{color:#fff}.hero .button{box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.hero-index{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:var(--space-6);font-size:.6rem;letter-spacing:.12em;color:#c4cdd6}
.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:.9rem}.finder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid var(--yusen-border)}.finder-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--yusen-border);border-left:0;min-height:104px;color:var(--yusen-text);text-decoration:none;font-weight:600;font-size:1rem}.finder-link svg{flex-shrink:0;color:var(--yusen-accent)}.finder-link:hover{background:var(--yusen-bg-soft)}.process-list>div{display:flex;gap:var(--space-5);align-items:center;border-top:1px solid var(--yusen-border);padding-block:var(--space-5)}.process-list span{color:var(--yusen-accent);font-size:.8rem}.process-list h3{margin:0;font-weight:550}.process-list p{margin-top:var(--space-5)}.selector-section{background:var(--yusen-bg-soft);padding-block:var(--section-space);border-block:1px solid var(--yusen-border)}.selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);align-items:end}.selector+.muted{font-size:.8rem;margin-top:var(--space-5)}
.section-heading-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:var(--space-7);align-items:end}.section-heading-row>p,.section-heading-row>div>p:last-child{color:var(--yusen-text-muted);max-width:44rem}.visual-grid{display:grid;gap:var(--space-5)}.product-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-card{display:block;border:1px solid var(--yusen-border);background:var(--yusen-bg);color:var(--yusen-text);text-decoration:none;transition:border-color .18s ease,transform .18s ease}.visual-card:hover{border-color:var(--yusen-accent);transform:translateY(-2px)}.visual-card:focus-visible{outline:3px solid var(--yusen-accent);outline-offset:3px}.visual-card figure{margin:0;overflow:hidden;background:#e9edf0}.visual-card figure img,.diecut-gallery img,.process-card img{display:block;width:100%;height:100%;object-fit:cover}.ratio-4-3{aspect-ratio:4/3}.ratio-16-9{aspect-ratio:16/9}.contain-image img{object-fit:contain}.visual-card-body{padding:var(--space-5)}.visual-card h3{margin:.55rem 0 .65rem;font-size:clamp(1.08rem,1.6vw,1.35rem)}.visual-card p{margin:0;color:var(--yusen-text-muted);font-size:.92rem}.visual-note{display:block;color:var(--yusen-accent);font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.diecut-gallery{display:grid;grid-template-columns:1.45fr .72fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--space-4)}.diecut-gallery figure{position:relative;margin:0;overflow:hidden;background:var(--yusen-bg-soft)}.diecut-gallery .diecut-main{grid-row:1/3;aspect-ratio:4/3}.diecut-gallery figure:not(.diecut-main){aspect-ratio:1/1}.diecut-gallery figcaption{position:absolute;inset:auto 0 0;padding:.8rem 1rem;background:linear-gradient(transparent,rgba(7,13,18,.86));color:#fff;font-size:.76rem;font-weight:600}.visual-disclaimer{margin-top:var(--space-4);font-size:.78rem;color:var(--yusen-text-muted)}.dark-section{background:#151b21;color:#fff}.dark-section .section-heading h2,.dark-section .visual-card h3{color:#fff}.dark-section .section-heading-row>p{color:#c0cad2}.industry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-card-dark{background:#20272e;border-color:#35404a}.visual-card-dark .visual-card-body{padding:1rem}.visual-card-dark .visual-note{color:#88c9fa}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-card{border-top:3px solid var(--yusen-text);background:var(--yusen-bg-soft)}.process-card figure{margin:0}.process-card>div{padding:var(--space-5)}.process-card span{color:var(--yusen-accent);font-size:.72rem;font-weight:700}.process-card h3{margin:.45rem 0}.process-card p{margin:0;color:var(--yusen-text-muted)}.evidence-section{background:#eef2f5;border-block:1px solid var(--yusen-border)}.evidence-placeholders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.evidence-placeholder{min-height:230px;padding:var(--space-5);border:1px dashed #9aa7b1;background:repeating-linear-gradient(135deg,#f7f9fa,#f7f9fa 12px,#f0f3f5 12px,#f0f3f5 24px);display:flex;flex-direction:column;justify-content:flex-end}.evidence-placeholder>span{color:var(--yusen-accent);font-size:.72rem}.evidence-placeholder h3{margin:.45rem 0}.evidence-placeholder p{margin:0;color:var(--yusen-text-muted);font-size:.88rem}.trust-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:var(--space-5);margin-top:var(--space-7)}.trust-panel{padding:var(--space-6);background:#fff;border:1px solid var(--yusen-border)}.certificate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}.certificate-card{min-height:108px;padding:var(--space-4);border-left:3px solid var(--yusen-accent);background:var(--yusen-bg-soft);display:flex;flex-direction:column;justify-content:space-between}.certificate-card strong{font-size:1.05rem}.certificate-card span{color:var(--yusen-text-muted);font-size:.75rem}.verification-panel{display:flex;flex-direction:column}.document-placeholder{margin-top:auto;padding:var(--space-5);border:1px dashed #9aa7b1;display:flex;gap:var(--space-3);align-items:center;color:var(--yusen-text-muted)}.document-placeholder>span{font-size:1.8rem;color:var(--yusen-accent)}.knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero{min-height:600px}.hero-copy{grid-column:span 8}.hero::after{background:linear-gradient(90deg,rgba(12,17,22,.95),rgba(12,17,22,.58) 70%,rgba(12,17,22,.2))}.finder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-link{border-top:0}.finder-link:nth-child(-n+2){border-top:1px solid var(--yusen-border)}.selector{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading-row,.trust-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-placeholders{grid-template-columns:repeat(3,minmax(0,1fr))}.verification-panel .document-placeholder{margin-top:var(--space-5)}}
@media(max-width:600px){.hero{min-height:660px;align-items:end}.hero-media img{object-position:64% center}.hero::after{background:linear-gradient(180deg,rgba(12,17,22,.38),rgba(12,17,22,.94) 48%,rgba(12,17,22,.98))}.hero-grid{display:block;padding-block:12rem 5.5rem}.hero h1{font-size:2.35rem}.hero-copy{max-width:none}.hero-index{bottom:16px;gap:var(--space-4);font-size:.5rem}.finder-link{padding:var(--space-4);font-size:.9rem}.selector{grid-template-columns:1fr}.product-family-grid,.industry-grid,.capability-grid,.evidence-placeholders,.certificate-grid,.knowledge-grid{grid-template-columns:1fr}.diecut-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}.diecut-gallery .diecut-main{grid-column:1/3;grid-row:auto}.evidence-placeholder{min-height:180px}.visual-card:hover{transform:none}}
