/* Scoped homepage styles; shared site/admin layouts retain their own styling. */
.premium-home{--ph-ink:#082a40;--ph-blue:#0576bc;--ph-muted:#536976;color:var(--ph-ink);background:#fff}
.ph-container{width:min(1380px,calc(100% - 96px));margin-inline:auto}
.premium-home .ph-section{padding-block:110px!important}
.ph-kicker{font-size:11px!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.6;color:#0077b9}
/* Keep section labels legible without changing product metadata or counters. */
.premium-home .ph-heading>.ph-kicker,
.premium-home .ph-showcase-heading .ph-kicker{font-size:15px!important;font-weight:800;letter-spacing:.1em;line-height:1.5}
[dir=rtl] .premium-home .ph-heading>.ph-kicker,
[dir=rtl] .premium-home .ph-showcase-heading .ph-kicker{font-size:16px!important;letter-spacing:0}
@media(max-width:700px){.premium-home .ph-heading>.ph-kicker,.premium-home .ph-showcase-heading .ph-kicker,[dir=rtl] .premium-home .ph-heading>.ph-kicker,[dir=rtl] .premium-home .ph-showcase-heading .ph-kicker{font-size:14px!important}}
.ph-heading h2,.ph-rfq h2{font-size:clamp(34px,4vw,60px);font-weight:600;line-height:1.08;letter-spacing:-.045em;margin:20px 0 24px}
.ph-intro{max-width:660px;font-size:17px;line-height:1.8;color:var(--ph-muted)}
.ph-split{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}
.ph-story{font-size:18px;line-height:1.9;color:black}
.ph-story p+p{margin-top:20px}
.ph-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;padding:16px 24px;background:var(--ph-blue);color:white;font-size:14px;font-weight:600;transition:background .2s,transform .2s}
.ph-button:hover{background:#07578b;transform:translateY(-2px)}
.ph-button-light{background:#edf3f6;color:var(--ph-ink)}
.ph-button-light:hover{background:#dceaf2}
.ph-button-outline{background:transparent;border:1px solid #78909e;color:#fff}
.ph-button-white{background:white;color:#083d60}
.ph-button-white:hover{background:#dcecf6}
.ph-story .ph-button{margin-top:30px}
.ph-link{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:700;color:#0576bc}
.ph-link:hover{text-decoration:underline}
.premium-home .premium-hero{min-height:min(880px,100svh)!important;background:#051d2e}
.premium-home .premium-hero>div[role=img]{background-position:center;background-size:cover}
.premium-home .premium-hero>div.mx-auto{width:min(1380px,calc(100% - 96px));max-width:none;padding:160px 0 112px!important;margin-inline:auto}
.premium-home .premium-hero h1{max-width:850px;font-size:clamp(48px,5.6vw,84px)!important;font-weight:600;letter-spacing:-.055em;line-height:1.02!important}
.premium-home .premium-hero .max-w-\[760px\]{max-width:860px}
.premium-home .premium-hero h1+p{max-width:570px;font-size:18px;line-height:1.65;font-weight:400;color:#d7e4ec}
.premium-home .premium-hero [aria-live]{max-width:560px;margin-top:26px}
.premium-home .premium-hero [aria-live]>p:first-child{font-size:10px!important}
.premium-home .premium-hero [aria-live]>p:nth-child(2){font-size:17px!important}
.premium-home .premium-hero [aria-live]>p:nth-child(3){font-size:13px!important}
.premium-home .premium-hero .flex.flex-wrap>a{border-radius:2px;box-shadow:none}
.premium-home .premium-hero>button{width:42px;height:42px;top:auto;bottom:26px;transform:none}
.premium-home .premium-hero>button.start-4{left:48px!important}
.premium-home .premium-hero>button.end-4{right:auto!important;left:100px!important}
.ph-proof{background:#f0f5f7}
.ph-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:35px;gap:30px}
.ph-proof strong{display:block;font-size:38px;font-weight:500;letter-spacing:-.04em}
.ph-proof p{font-size:15px;color:#041e2b;margin-top:6px}
[dir=rtl] .ph-proof-grid>div{direction:rtl;text-align:right}
[dir=rtl] .ph-proof-grid>div>strong,
[dir=rtl] .ph-proof-grid>div>p{width:100%;text-align:right!important}
.ph-section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}
.ph-section-top .ph-button{flex-shrink:0;margin-bottom:4px}
.ph-products{background:#f5f7f8}
.ph-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
.ph-product{background:white;display:flex;flex-direction:column;min-width:0}
.ph-product-image{height:285px;position:relative;display:block;overflow:hidden;background:#edf1f3}
.ph-product-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.ph-product-image:hover img{transform:scale(1.035)}
.ph-number{position:absolute;top:16px;inset-inline-start:16px;z-index:1;font-size:11px;font-family:monospace;background:#fff;padding:7px 9px}
.ph-product-copy{padding:27px;display:flex;flex-direction:column;flex:1}
.ph-product-copy .ph-kicker{font-size:9px!important}
.ph-product h3{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:12px 0}
.ph-product-copy>p:not(.ph-kicker){font-size:14px;line-height:1.75;color:#526975;margin-bottom:24px}
.ph-product dl{margin-top:auto;padding-top:12px;border-top:1px solid #e9eef0}
.ph-product dl>div{display:flex;justify-content:space-between;gap:18px;font-size:11px;line-height:1.6;margin-block:10px}
.ph-product dt{color:#627580;max-width:48%}
.ph-product dd{text-align:end;font-weight:600;max-width:55%}
.ph-product .ph-link{margin-top:20px;padding-top:14px}
.ph-product:last-child:nth-child(3n+1){grid-column:span 3;display:grid;grid-template-columns:1fr 1.3fr}
.ph-product:last-child:nth-child(3n+1) .ph-product-image{height:100%;min-height:320px}
.ph-manufacturing{border-top:6px solid #159bd8;background:#0a3853;color:#fff}
.ph-manufacturing .ph-kicker{color:#68bde9}
.ph-manufacturing .ph-intro{color:#b4c9d5}
.ph-factory-visual{position:relative;height:470px;overflow:hidden;margin:16px 0 45px;background:#0b3d58}
.ph-factory-visual img{width:100%;height:100%;object-fit:cover}
.ph-factory-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,20,34,.62),transparent 62%)}
.ph-factory-visual>div{position:absolute;bottom:34px;inset-inline-start:38px;z-index:1}
.ph-factory-visual p{font-size:40px;line-height:1.12;margin-top:12px;letter-spacing:-.03em}
.ph-process{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;counter-reset:process}
.ph-process li{border-top:1px solid #547386;padding-top:18px;position:relative}
.ph-process li:not(:last-child):after{content:'→';position:absolute;top:15px;inset-inline-end:0;color:#53b8ef}
.ph-process span{color:#53b8ef;font-size:12px;font-family:monospace}
.ph-process h3{font-size:16px;line-height:1.4;margin-top:18px}
.ph-quality{display:grid;grid-template-columns:1fr 1.3fr auto;gap:34px;align-items:center;margin-top:50px;padding-top:35px;border-top:1px solid #315267}
.ph-quality strong{font-size:23px;line-height:1.3;font-weight:500}
.ph-quality p{font-size:14px;line-height:1.8;color:#b4c9d5}
.ph-quality .ph-link{color:#68bde9}
.ph-industries{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:45px}
.ph-industry{position:relative;height:370px;overflow:hidden;background:#06283d;color:#fff}
.ph-industry img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ph-industry:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,18,32,.96) 0%,rgba(0,19,34,.84) 28%,rgba(0,19,34,.26) 55%,transparent 74%)}
.ph-industry:hover img{transform:scale(1.04)}
.ph-industry>div{position:absolute;bottom:30px;inset-inline:30px;z-index:1}
.ph-industry .ph-kicker{color:#90cff3}
.ph-industry h3{font-size:28px;font-weight:500;letter-spacing:-.03em;margin-top:14px;text-shadow:0 2px 10px rgba(0,10,18,.72)}
.ph-industry p{font-size:15px;font-weight:600;line-height:1.55;color:#fff;margin-top:11px;text-shadow:0 2px 8px rgba(0,8,15,.9)}
.ph-industry div>span:last-child{position:absolute;inset-inline-end:0;top:0;font-size:28px}
.ph-projects{background:#f5f7f8}
.ph-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ph-project-empty{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;background:white}
.ph-project-empty img{height:360px;width:100%;object-fit:cover}
.ph-project-empty>div{align-self:center;padding:40px}
.ph-project-empty h3{font-size:30px;font-weight:500;line-height:1.15;margin-block:16px}
.ph-project-empty p:not(.ph-kicker){font-size:15px;color:#536976;line-height:1.8;margin-bottom:24px}
.ph-project-card img{width:100%;height:280px;object-fit:cover}
.ph-project-card h3{font-size:24px;margin:20px 0 10px;font-weight:600}
.ph-project-card p{font-size:14px;line-height:1.7;color:#536976;margin-bottom:16px}
.premium-home .ph-rfq{padding-block:100px!important;background:#07527e;color:white}
.ph-rfq .ph-kicker{color:#a8dcf6}
.ph-rfq h2{font-size:clamp(40px,5vw,72px)}
.ph-rfq .ph-split{margin-top:24px}
.ph-rfq .ph-split>div>p{font-size:18px;line-height:1.8;color:#d5e7f1}
.ph-documents{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 30px}
.ph-documents span{padding:8px 12px;font-size:11px;background:#ffffff12}
.ph-rfq-contact{display:block;width:fit-content;margin-top:20px;font-size:13px;color:#cae4f1}
[dir=rtl] .premium-home h1,[dir=rtl] .premium-home h2,[dir=rtl] .premium-home h3{letter-spacing:0;line-height:1.4!important}
[dir=rtl] .premium-home .ph-kicker{letter-spacing:0}
[dir=rtl] .ph-process li:not(:last-child):after{content:'←'}
@media(max-width:1100px){.ph-container{width:calc(100% - 56px)}.ph-split{gap:48px}.ph-product-grid{gap:22px}.ph-product-copy{padding:20px}.ph-process{grid-template-columns:repeat(4,1fr)}.ph-quality{grid-template-columns:1fr 1fr}.ph-quality .ph-link{grid-column:1/-1}}
@media(max-width:1023px){
 .premium-home .premium-hero{min-height:0!important}
 .premium-home .premium-hero>div[role=img]{background-size:contain}
 .premium-home .premium-hero>div.mx-auto{width:100%;padding:76px 28px 40px!important}
 .premium-home .premium-hero h1{font-size:clamp(38px,7vw,64px)!important}
 .premium-home .premium-hero>button{top:calc(68px + 28.125vw);bottom:auto;transform:translateY(-50%)}
 .premium-home .premium-hero>button.start-4{left:16px!important}
 .premium-home .premium-hero>button.end-4{left:auto!important;right:16px!important}
 .ph-proof-grid{gap:24px}.ph-proof strong{font-size:30px}
 .ph-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ph-product:last-child:nth-child(3n+1){grid-column:span 2}
 .ph-section-top{align-items:flex-start;flex-direction:column;gap:22px}
}
@media(max-width:640px){
 .ph-container{width:calc(100% - 40px)}.premium-home .ph-section{padding-block:64px!important}
 .ph-split{grid-template-columns:1fr;gap:20px}.ph-heading h2{font-size:36px}
 .ph-story{font-size:16px}.ph-proof-grid{grid-template-columns:repeat(2,1fr);padding-block:28px}
 .ph-proof strong{font-size:32px}.ph-proof p{font-size:11px}
 .ph-product-grid,.ph-industries,.ph-project-grid{grid-template-columns:1fr}
 .ph-product:last-child:nth-child(3n+1){grid-column:auto;display:flex}
 .ph-product:last-child:nth-child(3n+1) .ph-product-image{height:285px;min-height:0}
 .ph-product-copy{padding:25px}
 .ph-factory-visual{height:340px}.ph-factory-visual>div{inset-inline-start:22px;bottom:24px}.ph-factory-visual p{font-size:32px}
 .ph-process{grid-template-columns:repeat(2,1fr);gap:26px 20px}.ph-process h3{margin-top:10px}
 .ph-quality{grid-template-columns:1fr;gap:18px}.ph-industry{height:330px}
 .ph-industry h3{font-size:26px}.ph-project-empty{grid-template-columns:1fr}.ph-project-empty>div{padding:26px}.ph-project-empty img{height:250px}
 .premium-home .ph-rfq{padding-block:65px!important}.ph-rfq .ph-split{margin-top:6px}
 .premium-home .premium-hero>div.mx-auto{padding-inline:20px!important}
 .premium-home .premium-hero h1{font-size:42px!important}
 .premium-home .premium-hero h1+p{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.premium-home *{transition:none!important;scroll-behavior:auto!important}}


/* Premium homepage product showcase */
.ph-product-showcase-section{overflow:hidden;padding:118px 0 104px!important;background:#031d32;color:#fff}
.ph-showcase-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.65fr);align-items:end;justify-content:space-between;gap:70px;margin-bottom:52px}
.ph-showcase-heading .ph-kicker{color:#55b9ef}
.ph-showcase-heading h2{margin-top:18px;color:#fff;font-size:clamp(42px,5vw,68px);font-weight:700;line-height:.98;letter-spacing:-.045em}
.ph-showcase-heading .ph-intro{max-width:570px;margin:0;color:#c0d0dc;font-size:16px;line-height:1.8}
.ph-featured-product{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);min-height:620px;overflow:hidden;border:1px solid rgba(130,190,225,.17);background:#062741;box-shadow:0 32px 80px rgba(0,8,17,.28)}
.ph-featured-media{position:relative;display:grid;min-width:0;place-items:center;overflow:hidden;background:#07131f}
.ph-featured-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 78%,rgba(6,39,65,.2)),linear-gradient(0deg,rgba(2,17,29,.14),transparent 27%)}
.ph-featured-media img{display:block;width:100%;height:100%;max-height:680px;object-fit:cover;opacity:1;transform:scale(1);transition:opacity .22s ease,transform .32s ease}
.ph-featured-product.is-updating .ph-featured-media img{opacity:.4;transform:scale(.992)}
.ph-featured-count{position:absolute;z-index:2;inset-block-start:24px;inset-inline-start:25px;padding:8px 11px;border:1px solid rgba(255,255,255,.22);background:rgba(3,29,50,.76);color:#d8e8f2;font:700 10px/1 var(--font-mono),monospace;letter-spacing:.13em;backdrop-filter:blur(8px)}
.ph-featured-copy{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:58px 52px 52px;background:linear-gradient(145deg,#073354,#05253e)}
.ph-featured-copy:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:1px;background:linear-gradient(transparent,#269edb 35% 65%,transparent)}
.ph-featured-family{margin:0;color:#66c7f5;font:800 10px/1.3 var(--font-mono),monospace;letter-spacing:.16em;text-transform:uppercase}
.ph-featured-copy h3{max-width:520px;margin:21px 0 0;color:#fff;font-size:clamp(36px,3.5vw,52px);font-weight:720;line-height:1.02;letter-spacing:-.04em}
.ph-featured-description{max-width:570px;margin:24px 0 0;color:#d1dde5;font-size:15px;line-height:1.75}
.ph-featured-specs{display:grid;gap:0;margin:34px 0 0;border-top:1px solid rgba(255,255,255,.14)}
.ph-featured-specs>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.11)}
.ph-featured-specs dt{color:#a7bdcb;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.ph-featured-specs dd{margin:0;color:#fff;font-size:13px;font-weight:750;text-align:end}
.ph-featured-link{display:inline-flex;min-height:54px;align-items:center;justify-content:space-between;align-self:flex-start;gap:42px;margin-top:34px;padding:0 21px;border-radius:4px;background:#148ed1;color:#fff;font-size:13px;font-weight:800;transition:background .2s ease,transform .2s ease}
.ph-featured-link:hover{background:#20a1e8;transform:translateY(-1px)}
.ph-selector-shell{position:relative;border:1px solid rgba(130,190,225,.17);border-top:0;background:#041a2c}
.ph-product-selector{display:grid;grid-template-columns:repeat(7,minmax(148px,1fr));overflow-x:auto;scrollbar-width:thin;scrollbar-color:#238fc9 #092941}
.ph-product-selector button{position:relative;display:flex;min-width:0;min-height:116px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:13px;padding:22px 17px;border-inline-end:1px solid rgba(255,255,255,.09);color:#abc0ce;text-align:start;scroll-snap-align:center;transition:background .2s ease,color .2s ease}
.ph-product-selector button:last-child{border-inline-end:0}
.ph-product-selector button:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#24a8eb;transform:scaleX(0);transform-origin:inline-start;transition:transform .22s ease}
.ph-product-selector button:hover{background:#082b45;color:#dbeaf3}
.ph-product-selector button[aria-selected=true]{background:#0a304c;color:#fff}
.ph-product-selector button[aria-selected=true]:before{transform:scaleX(1)}
.ph-product-selector button span{color:#48b6ec;font:700 9px/1 var(--font-mono),monospace;letter-spacing:.12em}
.ph-product-selector button strong{font-size:12px;font-weight:700;line-height:1.4}
.ph-showcase-all{display:flex;justify-content:flex-end;margin-top:28px}
.ph-showcase-all a{display:inline-flex;align-items:center;gap:20px;padding-bottom:9px;border-bottom:1px solid #209bdc;color:#d8e7f1;font-size:12px;font-weight:800}
[dir=rtl] .ph-showcase-heading h2,[dir=rtl] .ph-featured-copy h3{letter-spacing:0}
[dir=rtl] .ph-featured-family,[dir=rtl] .ph-featured-specs dt{letter-spacing:0}

@media(max-width:1000px){
 .ph-showcase-heading{grid-template-columns:1fr;gap:24px}
 .ph-featured-product{grid-template-columns:1fr;min-height:0}
 .ph-featured-media{height:min(68vw,590px)}
 .ph-featured-media:after{background:linear-gradient(0deg,rgba(6,39,65,.35),transparent 35%)}
 .ph-featured-copy:before{inset-block:0 auto;width:100%;height:1px;background:linear-gradient(90deg,transparent,#269edb 35% 65%,transparent)}
 .ph-product-selector{grid-template-columns:repeat(7,minmax(165px,1fr));scroll-snap-type:x proximity}
}
@media(max-width:700px){
 .ph-product-showcase-section{padding:64px 0 58px!important}
 .ph-showcase-heading{gap:18px;margin-bottom:30px}
 .ph-showcase-heading h2{font-size:39px;line-height:1.02}
 .ph-showcase-heading .ph-intro{font-size:14px;line-height:1.68}
 .ph-featured-product{border-inline:0;margin-inline:calc(var(--mobile-gutter,15px) * -1)}
 .ph-featured-media{height:auto;min-height:0;aspect-ratio:4/3}
 .ph-featured-media img{width:100%;height:100%;object-fit:cover}
 .ph-featured-count{inset-block-start:14px;inset-inline-start:15px}
 .ph-featured-copy{padding:34px 21px 30px}
 .ph-featured-copy h3{margin-top:15px;font-size:35px;line-height:1.04}
 .ph-featured-description{margin-top:17px;font-size:14px;line-height:1.65}
 .ph-featured-specs{margin-top:24px}
 .ph-featured-specs>div{gap:13px;padding:12px 0}
 .ph-featured-specs dt{font-size:9px}
 .ph-featured-specs dd{font-size:12px}
 .ph-featured-link{width:100%;margin-top:25px}
 .ph-selector-shell{margin-inline:calc(var(--mobile-gutter,15px) * -1);border-inline:0}
 .ph-product-selector{display:flex;grid-template-columns:none;padding-inline:8px;scroll-padding-inline:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
 .ph-product-selector button{min-width:158px;min-height:96px;flex:0 0 158px;padding:17px 13px}
 .ph-showcase-all{justify-content:flex-start;margin-top:23px}
}
@media(prefers-reduced-motion:reduce){.ph-featured-media img,.ph-featured-link,.ph-product-selector button,.ph-product-selector button:before{transition:none!important}.ph-product-selector{scroll-behavior:auto!important}}

/* Make featured-product specification labels prominent and readable. */
.ph-featured-specs>div{align-items:center}
.ph-featured-specs dt{
 display:inline-flex;
 min-height:36px;
 align-items:center;
 justify-self:start;
 padding:7px 10px;
 border-radius:4px;
 background:#e8f4fb;
 color:#071521;
 font-size:14px!important;
 font-weight:850;
 line-height:1.35;
 letter-spacing:.02em;
 text-transform:none;
}
[dir=rtl] .ph-featured-specs dt{
 font-family:inherit;
 font-size:15px!important;
 letter-spacing:0;
}
@media(max-width:700px){
 .ph-featured-specs>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .ph-featured-specs dt{min-height:38px;font-size:14px!important}
 [dir=rtl] .ph-featured-specs dt{font-size:15px!important}
}
