/* v63-MEGA-MENU-FIX */ /* Caspian Edge v35.6 — Mobile Fixed */

:root{--navy:#06101d;--navy2:#0d1b2d;--blue:#145a8d;--blue2:#1e73b3;--steel:#64748b;--line:#e2e8f0;--soft:#f5f7fa;--white:#fff;--text:#1e293b;--muted:#64748b;--shadow:0 18px 45px rgba(15,23,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.9)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand-mark{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 8px;background:var(--navy);color:#fff;border-radius:10px;font-weight:900;letter-spacing:.08em}.brand-text{display:grid;line-height:1.1}.brand-text strong{font-size:18px;letter-spacing:.03em;color:var(--navy)}.brand-text small{font-size:12px;color:var(--blue);font-weight:700}.main-nav{display:flex;align-items:center;gap:6px}.nav-link{display:inline-flex;align-items:center;text-decoration:none;font-size:14px;font-weight:750;color:var(--navy);padding:10px 12px;border-radius:10px}.nav-link:hover,.nav-link.active{color:var(--blue);background:#eef6fc}.nav-cta{background:var(--blue);color:#fff!important;padding:10px 16px}.nav-cta:hover{background:var(--navy);color:#fff}.has-dropdown{position:relative}.dropdown{position:absolute;top:100%;left:0;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px;display:none}.has-dropdown:hover .dropdown{display:grid}.dropdown a{text-decoration:none;padding:10px 12px;border-radius:10px;color:var(--navy);font-weight:650;font-size:14px}.dropdown a:hover{background:#eef6fc;color:var(--blue)}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;padding:9px}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:6px 0}.hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(6,16,29,.9),rgba(6,16,29,.66),rgba(6,16,29,.3)),url('../images/hero.jpg') center/cover no-repeat;color:#fff}.hero-grid{position:relative;z-index:1}.hero-copy{max-width:760px}.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;color:#75b7e8}.eyebrow.dark{color:var(--blue)}h1,h2,h3{line-height:1.1;margin:0 0 18px;color:inherit}h1{font-size:clamp(44px,7vw,78px);letter-spacing:-.04em}h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.03em;color:var(--navy)}h3{font-size:22px;color:var(--navy)}.lead{font-size:20px;max-width:680px;color:#e7eef6;margin:0 0 26px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:12px;text-decoration:none;font-weight:850;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--navy)}.btn-secondary{border-color:rgba(255,255,255,.55);color:#fff}.btn-secondary.dark{border-color:var(--line);color:var(--navy);background:#fff}.btn-light{background:#fff;color:var(--navy)}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-badges span{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.09);padding:8px 11px;border-radius:999px;font-size:13px;font-weight:800}.trust-strip{background:var(--navy);color:#fff}.trust-grid{display:flex;gap:22px;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}.trust-grid span{color:#cbd5e1;font-size:14px}.section{padding:96px 0}.section.light,.light{background:var(--soft)}.section-head{max-width:850px;margin:0 auto 46px;text-align:center}.section-head p{color:var(--muted);font-size:18px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.products-grid{align-items:stretch}.card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 6px 18px rgba(15,23,42,.06);transition:.28s ease}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#b8d6ea}.card-image{height:240px;overflow:hidden;display:block;background:#eef2f7}.card-image img{width:100%;height:100%;object-fit:cover;transition:.45s ease}.card:hover .card-image img{transform:scale(1.06)}.card-body{padding:24px}.card-body p{color:var(--muted);margin:0 0 18px}.text-link{font-weight:900;color:var(--blue);text-decoration:none}.split-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.feature-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{position:relative;padding-left:30px;margin:12px 0;color:var(--text)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}.industry-grid,.standards-grid,.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.industry-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}.industry-grid>div,.standards-grid>div,.process-grid>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.industry-grid p,.standards-grid p,.process-grid p{color:var(--muted)}.process-grid span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7f1f8;color:var(--blue);font-weight:900;margin-bottom:14px}.cta-band{background:linear-gradient(120deg,var(--navy),#0f3150);color:#fff;padding:70px 0}.cta-band h2{color:#fff}.cta-band p{color:#dbe4ee}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.page-hero{padding:140px 0 70px;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid var(--line)}.page-hero h1{color:var(--navy);font-size:clamp(38px,5vw,64px);max-width:900px}.page-hero p{font-size:19px;color:var(--muted);max-width:820px}.product-hero{padding-bottom:54px}.product-hero-grid{display:grid;grid-template-columns:1fr 440px;gap:42px;align-items:center}.product-hero img{height:310px;width:100%;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}.form-grid,.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px}.rfq-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:18px}.rfq-form label{display:grid;gap:8px;font-weight:800;color:var(--navy)}.rfq-form input,.rfq-form select,.rfq-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;font:inherit}.rfq-form textarea,.rfq-form button{grid-column:1/-1}.footer{background:var(--navy);color:#fff;padding:66px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:32px}.footer p{color:#cbd5e1}.footer a{display:block;color:#cbd5e1;text-decoration:none;margin:8px 0}.footer a:hover{color:#fff}.footer h4{margin:0 0 14px}.footer-brand{display:flex;gap:10px;align-items:center;margin-bottom:14px}.footer-btn{display:inline-flex!important;background:var(--blue);color:#fff!important;padding:10px 14px;border-radius:10px;font-weight:800}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding:18px 0;color:#cbd5e1;font-size:14px}
@media(max-width:980px){.menu-toggle{display:block}.main-nav{position:absolute;left:24px;right:24px;top:78px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:12px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.nav-link{justify-content:space-between}.dropdown{position:static;display:grid;box-shadow:none;border:0;padding:0 0 0 12px}.has-dropdown:hover .dropdown{display:grid}.card-grid,.industry-grid,.industry-grid.large,.standards-grid,.process-grid,.footer-grid{grid-template-columns:1fr 1fr}.split-grid,.product-hero-grid,.form-grid,.contact-grid{grid-template-columns:1fr}.hero{min-height:620px}.rfq-form{grid-template-columns:1fr}}
@media(max-width:640px){.container{padding:0 18px}.nav-wrap{height:72px}.brand-text strong{font-size:16px}.brand-text small{font-size:10px}.hero{min-height:640px}.lead{font-size:17px}.card-grid,.industry-grid,.industry-grid.large,.standards-grid,.process-grid,.footer-grid{grid-template-columns:1fr}.section{padding:68px 0}.page-hero{padding:110px 0 50px}.card-image{height:220px}.cta-grid{display:grid}.nav-cta{background:var(--blue);color:#fff!important}.hero-badges span{font-size:12px}.footer{padding-top:48px}}


/* === PHASE 1 UPGRADE: enterprise navigation, product UX and RFQ polish === */
.topbar{background:#06101d;color:#cbd5e1;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;white-space:nowrap;overflow:hidden}.topbar-inner span:first-child{color:#fff;font-weight:800}.upgraded-header .nav-wrap{height:82px}.upgraded-header .brand-mark{box-shadow:0 10px 25px rgba(6,16,29,.16)}
.mega-parent{position:relative}.mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-37%);width:min(900px,calc(100vw - 48px));background:rgba(255,255,255,.98);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 70px rgba(15,23,42,.18);padding:22px;display:none;grid-template-columns:260px 1fr;gap:20px;z-index:1200}.mega-parent:hover .mega-menu,.mega-parent:focus-within .mega-menu{display:grid}.mega-intro{background:linear-gradient(180deg,#f8fafc,#eef6fc);border:1px solid #e2e8f0;border-radius:18px;padding:20px}.mega-intro h3{font-size:22px;margin-bottom:8px}.mega-intro p{color:var(--muted);font-size:14px}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mega-card{text-decoration:none;border:1px solid #e2e8f0;border-radius:16px;padding:15px;background:#fff;display:grid;gap:6px;transition:.24s ease}.mega-card strong{color:var(--navy);font-size:15px}.mega-card span{color:var(--muted);font-size:13px;line-height:1.45}.mega-card:hover{border-color:#b7d7ec;background:#f8fbfe;transform:translateY(-2px)}
.nav-cta.active,.nav-cta:hover{background:var(--navy)!important;color:#fff!important}.nav-link.active:not(.nav-cta){background:#eaf4fb;color:var(--blue)}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(0deg,rgba(6,16,29,.55),transparent);pointer-events:none}.hero-copy{filter:drop-shadow(0 8px 30px rgba(0,0,0,.18))}.trust-grid strong{letter-spacing:.02em}.section-head h2{max-width:880px;margin-left:auto;margin-right:auto}.products-grid .card{height:100%;display:flex;flex-direction:column}.products-grid .card-body{display:flex;flex-direction:column;flex:1}.products-grid .text-link{margin-top:auto}.card-body h3{letter-spacing:-.02em}.card-body p{font-size:15px}.card-image:after{content:"";position:absolute}.product-card .card-image{position:relative}.product-card .card-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,16,29,.18));z-index:1;opacity:.7;pointer-events:none}.product-card:hover .card-image:before{opacity:.2}.feature-panel{position:relative;overflow:hidden}.feature-panel:before{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-80px;background:radial-gradient(circle,rgba(20,90,141,.12),transparent 70%)}
.page-hero{position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-140px;top:-120px;width:360px;height:360px;background:radial-gradient(circle,rgba(20,90,141,.09),transparent 70%)}.page-hero .container{position:relative;z-index:1}.process-grid>div,.industry-grid>div,.standards-grid>div{transition:.24s ease}.process-grid>div:hover,.industry-grid>div:hover,.standards-grid>div:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.08);border-color:#c6dbea}.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{outline:3px solid rgba(20,90,141,.16);border-color:var(--blue)}.rfq-form button{font-weight:900}.footer{background:linear-gradient(180deg,#06101d,#030915)}.footer-grid{align-items:start}.footer h4{color:#fff}.footer p,.footer a{font-size:14px}.footer-bottom{background:rgba(0,0,0,.16)}
.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.spec-pill{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.spec-pill strong{display:block;color:var(--navy);margin-bottom:5px}.spec-pill span{color:var(--muted);font-size:13px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}.breadcrumb a{color:var(--blue);text-decoration:none;font-weight:800}.sticky-rfq{position:fixed;right:22px;bottom:22px;z-index:900;background:var(--blue);color:#fff;text-decoration:none;font-weight:900;padding:13px 18px;border-radius:999px;box-shadow:0 16px 40px rgba(20,90,141,.35)}.sticky-rfq:hover{background:var(--navy)}
@media(max-width:980px){.topbar{display:none}.upgraded-header .nav-wrap{height:76px}.mega-menu{position:static;transform:none;width:100%;display:grid;grid-template-columns:1fr;padding:10px;box-shadow:none;border:0;background:#f8fafc}.mega-grid{grid-template-columns:1fr}.mega-intro{display:none}.main-nav:not(.open) .mega-menu{display:none}.spec-strip{grid-template-columns:1fr 1fr}.sticky-rfq{right:16px;bottom:16px}}
@media(max-width:640px){.spec-strip{grid-template-columns:1fr}.sticky-rfq{left:16px;right:16px;text-align:center}.hero-badges{display:none}.upgraded-header .brand-mark{min-width:38px;height:38px}.mega-card span{display:none}}


/* === PHASE 2 UPGRADE: product detail pages and technical RFQ tables === */
.detail-hero{padding:130px 0 66px;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid var(--line)}
.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.detail-media{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#eef2f7}.detail-media img{width:100%;height:430px;object-fit:cover}.category-tag{display:inline-flex;background:#eaf4fb;color:var(--blue);font-weight:900;border-radius:999px;padding:8px 12px;margin-bottom:16px;font-size:13px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.detail-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.detail-bullets span{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;font-weight:800;color:var(--navy);font-size:14px}.tech-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start}.spec-table{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.06)}.spec-row{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--line)}.spec-row:last-child{border-bottom:0}.spec-label{background:#f8fafc;color:var(--navy);font-weight:900;padding:18px}.spec-value{padding:18px;color:var(--muted)}.rfq-check-card{position:sticky;top:115px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.mini-list{list-style:none;padding:0;margin:16px 0}.mini-list li{padding-left:28px;position:relative;margin:10px 0;color:var(--text)}.mini-list li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.application-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.application-grid div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.related-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-strip a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;text-decoration:none;font-weight:900;color:var(--navy)}.related-strip a:hover{border-color:#b8d6ea;color:var(--blue);transform:translateY(-2px)}
@media(max-width:980px){.detail-grid,.tech-layout{grid-template-columns:1fr}.rfq-check-card{position:static}.application-grid,.related-strip{grid-template-columns:1fr 1fr}.spec-row{grid-template-columns:1fr}.spec-label{border-bottom:1px solid var(--line)}}
@media(max-width:640px){.detail-media img{height:280px}.detail-bullets,.application-grid,.related-strip{grid-template-columns:1fr}.detail-hero{padding:105px 0 48px}}


/* === PHASE 3 PREMIUM INDUSTRIAL SYSTEM === */
:root{--ice:#f8fbfe;--ink:#08111f;--accent:#1f8acb;--gold:#c7923e}
body{background:#fff}.site-header{box-shadow:0 8px 30px rgba(15,23,42,.04)}
.upgraded-header .nav-wrap{height:86px}.topbar-inner{font-weight:750}.brand-text strong{font-size:19px}.brand-text small{letter-spacing:.035em}.nav-link{font-size:14px;font-weight:850}.nav-link.nav-cta{box-shadow:0 12px 28px rgba(20,90,141,.22)}
.mega-menu{width:min(1040px,calc(100vw - 42px));grid-template-columns:310px 1fr;padding:26px;gap:24px;border-radius:28px}.mega-intro{padding:24px;background:linear-gradient(145deg,#f8fafc,#edf7ff)}.mega-intro h3{font-size:25px}.mega-grid{grid-template-columns:repeat(2,1fr);gap:12px}.mega-card{padding:18px;border-radius:18px}.mega-card strong{font-size:16px}.mega-card:hover{box-shadow:0 14px 34px rgba(15,23,42,.08)}
.hero-home{min-height:780px;background:linear-gradient(90deg,rgba(6,16,29,.96) 0%,rgba(6,16,29,.76) 45%,rgba(6,16,29,.35) 100%),url('../images/hero-industrial.jpg') center/cover no-repeat}.hero h1{max-width:920px}.hero-copy .lead{font-size:21px;line-height:1.75}.hero-badges span{letter-spacing:.02em}.hero-badges span:first-child{border-color:rgba(117,183,232,.45);background:rgba(20,90,141,.25)}
.trust-strip{background:linear-gradient(90deg,#06101d,#0c243d)}.trust-grid{padding-top:20px;padding-bottom:20px}.trust-grid strong{color:#fff}.section{position:relative}.section-head .eyebrow{margin-bottom:10px}.section-head p{max-width:760px;margin-left:auto;margin-right:auto}.products-grid .card{border-radius:26px}.card-image{height:260px}.card-body{padding:27px}.card-body h3{font-size:24px}.text-link{display:inline-flex;align-items:center;gap:6px}.text-link:hover{color:var(--navy)}
.engineering-band{background:#06101d;color:#fff;padding:86px 0}.engineering-band h2{color:#fff}.engineering-band p{color:#cbd5e1}.engineering-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:30px}.engineering-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;background:rgba(255,255,255,.045)}.engineering-card strong{display:block;color:#fff;margin-bottom:8px;font-size:18px}.engineering-card span{color:#cbd5e1;font-size:14px}.cta-band{background:linear-gradient(125deg,#06101d,#103c62 70%,#145a8d)}.footer{border-top:1px solid rgba(255,255,255,.08)}
.detail-hero{background:linear-gradient(180deg,#f8fafc,#fff)}.detail-media{position:relative}.detail-media:after{content:'RFQ READY';position:absolute;top:18px;right:18px;background:rgba(6,16,29,.82);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;letter-spacing:.06em}.spec-table{border-radius:26px}.spec-label{font-size:14px;letter-spacing:.02em}.rfq-check-card h3{font-size:25px}.application-grid div,.related-strip a{transition:.24s ease}.application-grid div:hover,.related-strip a:hover{box-shadow:0 14px 32px rgba(15,23,42,.08)}
.download-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.download-card h3{font-size:20px}.download-card p{color:var(--muted);font-size:14px}.download-card .btn{width:100%;margin-top:8px}.quote-note{border-left:4px solid var(--blue);background:#f8fbfe;padding:18px 20px;border-radius:14px;color:var(--muted)}
@media(max-width:980px){.mega-menu{width:100%;grid-template-columns:1fr}.engineering-grid,.download-grid{grid-template-columns:1fr 1fr}.hero-home{min-height:680px}.upgraded-header .nav-wrap{height:76px}}
@media(max-width:640px){.engineering-grid,.download-grid{grid-template-columns:1fr}.hero-home{min-height:660px}.hero-copy .lead{font-size:17px}.card-image{height:230px}.topbar{display:none}}

/* Phase 3.6 downloads link fixes */
.btn-ghost { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.35); }
.btn-ghost:hover { background: #fff; color: var(--navy); }
.nav a[href="downloads.html"] { font-weight: 700; }
.download-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.download-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; padding: 22px; box-shadow: 0 8px 24px rgba(15,23,42,.06); }
.download-card h3 { margin: 0 0 8px; }
.download-card p { color: #64748b; min-height: 48px; }
.download-card .btn { width: 100%; text-align: center; margin: 10px 0 0; }


/* Phase 3.7 - product page datasheet integration, no top-level datasheet menu */
.datasheet-panel-section{padding:34px 0;background:#ffffff;border-bottom:1px solid var(--line)}
.datasheet-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#f8fbfe,#eef6fb);border:1px solid #dbeaf3;border-radius:26px;padding:30px;box-shadow:0 12px 34px rgba(15,23,42,.06)}
.datasheet-panel h2{margin:0 0 8px;font-size:30px;letter-spacing:-.03em;color:var(--navy)}
.datasheet-panel p{margin:0;color:var(--muted);max-width:760px}
.datasheet-panel .btn{white-space:nowrap}
@media(max-width:760px){.datasheet-panel{flex-direction:column;align-items:flex-start}.datasheet-panel .btn{width:100%;text-align:center}.datasheet-panel h2{font-size:24px}}


/* ===== PHASE 4 VISUAL REFINEMENT ===== */
.detail-media img, .product-hero img, .card-image img {
  image-rendering: auto;
}
img[src*="valve-butterfly"], img[src*="sanitary-butterfly-valve-clean"] {
  object-position: center center;
}
.visual-audit-note {
  font-size: 12px;
  color: #64748b;
}


/* ===== PHASE 4 FULL VISUAL + PRODUCT SYSTEM UPGRADE ===== */
:root{--radius-xl:28px;--premium-shadow:0 24px 70px rgba(15,23,42,.14);--card-shadow:0 12px 34px rgba(15,23,42,.08)}
body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}.section{padding:108px 0}.section.light{background:linear-gradient(180deg,#f8fafc,#f4f7fb)}.section-head{margin-bottom:54px}.section-head h2{letter-spacing:-.045em}.lead,.section-head p,.page-hero p{line-height:1.75}.card,.industry-grid>div,.standards-grid>div,.process-grid>div,.application-grid div,.related-strip a{box-shadow:0 8px 24px rgba(15,23,42,.045);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.card:hover,.industry-grid>div:hover,.standards-grid>div:hover,.process-grid>div:hover{box-shadow:var(--premium-shadow);transform:translateY(-6px)}
.card-image{height:260px;border-bottom:1px solid rgba(226,232,240,.8)}.card-image img{aspect-ratio:4/3;filter:saturate(.96) contrast(1.02)}.products-grid .card{border-radius:24px}.premium-card .card-body{min-height:218px;display:flex;flex-direction:column}.premium-card .text-link,.card .text-link{margin-top:auto}.text-link:hover{color:var(--navy)}
/* Product galleries */
.product-gallery{overflow:visible;border:0;background:transparent;box-shadow:none}.product-gallery:after{display:none}.gallery-main{position:relative;width:100%;border:1px solid var(--line);border-radius:28px;overflow:hidden;padding:0;background:#eef2f7;box-shadow:var(--premium-shadow);cursor:zoom-in}.gallery-main img{width:100%;height:460px;object-fit:cover;transition:transform .45s ease,filter .45s ease}.gallery-main:hover img{transform:scale(1.035);filter:saturate(1.04) contrast(1.03)}.gallery-zoom{position:absolute;right:16px;bottom:16px;background:rgba(6,16,29,.78);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900;backdrop-filter:blur(10px)}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.gallery-thumb{border:1px solid var(--line);background:#fff;padding:0;border-radius:14px;overflow:hidden;cursor:pointer;opacity:.72;transition:.2s ease;height:86px}.gallery-thumb:hover,.gallery-thumb.is-active{opacity:1;border-color:var(--blue);box-shadow:0 10px 22px rgba(20,90,141,.14)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.detail-grid{gap:56px}.detail-hero h1{letter-spacing:-.05em}.detail-bullets span{box-shadow:0 8px 20px rgba(15,23,42,.045)}.datasheet-panel{border-radius:30px;background:linear-gradient(135deg,#ffffff,#eef6fc)}.tech-layout{gap:42px}.spec-table{box-shadow:var(--card-shadow)}.spec-row{grid-template-columns:240px 1fr}.rfq-check-card{border-radius:30px;background:linear-gradient(180deg,#ffffff,#f7fbff)}
/* Product CTA */
.product-cta-section{padding-top:0}.product-cta-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;background:linear-gradient(120deg,var(--navy),#0f3150);color:#fff;border-radius:32px;padding:42px;box-shadow:var(--premium-shadow);overflow:hidden;position:relative}.product-cta-card:before{content:"";position:absolute;inset:-40% -20% auto auto;width:420px;height:420px;background:radial-gradient(circle,rgba(117,183,232,.22),transparent 65%)}.product-cta-card h2{color:#fff;margin-bottom:10px}.product-cta-card p{color:#dbe4ee;max-width:760px}.product-cta-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.product-cta-card .btn-secondary.dark{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.35)}
/* RFQ polish */
.rfq-form{border-radius:30px;background:linear-gradient(180deg,#fff,#fbfdff)}.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{outline:3px solid rgba(20,90,141,.16);border-color:var(--blue)}.form-grid .feature-panel,.contact-grid .feature-panel{border-radius:30px}.sticky-rfq{box-shadow:0 18px 44px rgba(20,90,141,.42)}
/* Image lightbox */
.image-lightbox{position:fixed;inset:0;background:rgba(3,7,18,.86);z-index:5000;display:none;align-items:center;justify-content:center;padding:24px}.image-lightbox.open{display:flex}.image-lightbox img{max-width:min(1100px,96vw);max-height:86vh;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.45);background:#fff}.lightbox-close{position:absolute;top:22px;right:22px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;font-size:28px;cursor:pointer}.lightbox-close:hover{background:#fff;color:#06101d}
/* Mobile product refinements */
@media(max-width:980px){.section{padding:82px 0}.detail-grid{gap:34px}.gallery-main img{height:380px}.product-cta-card{grid-template-columns:1fr}.product-cta-actions .btn{width:100%}.spec-row{grid-template-columns:1fr}.card-image{height:240px}}
@media(max-width:640px){.section{padding:64px 0}.detail-hero{padding-top:100px}.gallery-main img{height:300px}.gallery-thumbs{grid-template-columns:repeat(4,1fr);gap:8px}.gallery-thumb{height:64px}.detail-actions .btn{width:100%}.detail-bullets{grid-template-columns:1fr}.product-cta-card{padding:28px;border-radius:24px}.product-cta-card h2{font-size:30px}.card-image{height:220px}.rfq-form{padding:22px;border-radius:22px}}


/* ===== PHASE 6 STEP 1 — HOMEPAGE INDUSTRIES PROFESSIONALIZATION ===== */
.industries-section {
  padding: 120px 0;
  background: #ffffff;
  position: relative;
  overflow: hidden;
}
.industries-section:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 10%, rgba(20,90,141,.07), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  pointer-events: none;
}
.industries-section .container { position: relative; z-index: 1; }
.section-header {
  max-width: 900px;
  margin: 0 auto 70px;
  text-align: center;
}
.section-eyebrow {
  color: var(--blue);
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 900;
  margin: 0 0 18px;
  text-transform: uppercase;
}
.section-header h2 {
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.05;
  margin-bottom: 25px;
  color: var(--navy);
  letter-spacing: -0.045em;
}
.section-header p {
  color: #64748b;
  font-size: 18px;
  line-height: 1.8;
  margin: 0 auto;
  max-width: 780px;
}
.industries-grid-premium {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}
.industry-card-premium {
  background: rgba(255,255,255,.86);
  padding: 40px 30px;
  border-radius: 26px;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
  border: 1px solid #e2e8f0;
  box-shadow: 0 10px 28px rgba(15,23,42,.055);
  min-height: 300px;
  display: flex;
  flex-direction: column;
}
.industry-card-premium:hover {
  transform: translateY(-8px);
  background: #ffffff;
  box-shadow: 0 24px 60px rgba(15,23,42,.10);
  border-color: #bfd8ea;
}
.industry-icon {
  width: 52px;
  height: 52px;
  display: inline-grid;
  place-items: center;
  border-radius: 16px;
  background: #e8f3fb;
  color: var(--blue);
  font-size: 15px;
  font-weight: 950;
  letter-spacing: .08em;
  margin-bottom: 22px;
}
.industry-card-premium h3 {
  font-size: 24px;
  margin-bottom: 14px;
  color: var(--navy);
  letter-spacing: -0.025em;
}
.industry-card-premium p {
  color: #64748b;
  line-height: 1.75;
  margin: 0 0 22px;
}
.industry-link {
  margin-top: auto;
  color: var(--blue);
  text-decoration: none;
  font-weight: 900;
  font-size: 14px;
}
.industry-link:hover { color: var(--navy); }

@media (max-width: 992px) {
  .industries-grid-premium { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .industries-section { padding: 82px 0; }
  .section-header { margin-bottom: 42px; text-align: left; }
  .section-header h2 { font-size: 38px; }
  .section-header p { font-size: 16px; }
  .industries-grid-premium { grid-template-columns: 1fr; }
  .industry-card-premium { min-height: auto; padding: 30px 24px; }
}


/* ===== PHASE 6 STEP 2: PRODUCT ARCHITECTURE ===== */
.arch-hero .architecture-flow{margin-top:34px}.architecture-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:940px}.arch-step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 16px;box-shadow:0 8px 24px rgba(15,23,42,.055);position:relative;overflow:hidden}.arch-step:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:#e2e8f0}.arch-step.is-active{border-color:#8fc0df;box-shadow:0 18px 50px rgba(20,90,141,.12)}.arch-step.is-active:after{background:var(--blue)}.arch-step span{display:block;color:var(--blue);font-weight:900;font-size:13px;letter-spacing:.12em;margin-bottom:8px}.arch-step strong{display:block;color:var(--navy);font-size:15px;line-height:1.25}.arch-grid .arch-card .card-body h3{min-height:54px}.product-detail-flow{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 28px;max-width:720px}.product-detail-flow .arch-step{padding:12px 12px;border-radius:14px;background:rgba(255,255,255,.88)}.product-detail-flow .arch-step strong{font-size:13px}.product-detail-flow .arch-step span{font-size:11px;margin-bottom:4px}.subcategory-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.subcategory-pill-row a{display:inline-flex;padding:9px 13px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:800;color:var(--navy);background:#fff}.subcategory-pill-row a:hover{border-color:var(--blue);color:var(--blue)}
@media(max-width:980px){.architecture-flow,.product-detail-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.arch-grid .arch-card .card-body h3{min-height:auto}}
@media(max-width:640px){.architecture-flow,.product-detail-flow{grid-template-columns:1fr}.arch-step{padding:16px}.product-detail-flow{margin-bottom:22px}}


/* ===== PHASE 6 STEP 3: TECHNICAL PRODUCT LAYOUT ===== */
.tech-suite-section{padding:100px 0;background:#fff}
.tech-suite-header{max-width:860px;margin:0 auto 52px;text-align:center}
.tech-suite-header h2{font-size:44px;line-height:1.12;margin:10px 0 18px;color:var(--navy)}
.tech-suite-header p{font-size:18px;line-height:1.75;color:#64748b}
.tech-suite-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
.tech-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;padding:32px;box-shadow:0 16px 38px rgba(15,23,42,.04)}
.tech-panel h3{margin:0 0 14px;color:var(--navy);font-size:24px}
.tech-panel p{color:#64748b;line-height:1.75;margin:0}
.tech-panel ul{margin:0;padding-left:20px;color:#475569;line-height:1.9}
.tech-panel li{margin:4px 0}
.tech-panel.full{grid-column:1/-1}
.tech-spec-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.tech-spec-box{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px}
.tech-spec-box strong{display:block;color:var(--navy);margin-bottom:8px;font-size:15px;text-transform:uppercase;letter-spacing:.06em}
.tech-spec-box span{color:#64748b;line-height:1.65}
.connection-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.connection-chips span{background:#eaf3fb;color:#145a8d;border:1px solid #cfe4f5;border-radius:999px;padding:9px 14px;font-weight:700;font-size:13px}
.related-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.related-product-grid a{background:#06101d;color:#fff;text-decoration:none;border-radius:16px;padding:18px 20px;font-weight:800;transition:.25s}
.related-product-grid a:hover{transform:translateY(-4px);background:#145a8d}
.tech-note{border-left:4px solid #145a8d;background:#f1f7fc;border-radius:14px;padding:18px 20px;color:#334155;line-height:1.7}
@media(max-width:900px){.tech-suite-grid,.tech-spec-matrix{grid-template-columns:1fr}.related-product-grid{grid-template-columns:1fr}.tech-suite-header h2{font-size:34px}.tech-suite-section{padding:72px 0}}


/* ===== PHASE 6 STEP 4: CONTRACTOR / ENGINEER UX ===== */
.project-support-section {
  background: linear-gradient(180deg,#ffffff,#f8fafc);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.project-support-grid {
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap:34px;
  align-items:stretch;
}
.project-support-panel {
  background: var(--navy);
  color:#fff;
  border-radius:30px;
  padding:38px;
  box-shadow: var(--shadow);
  position:relative;
  overflow:hidden;
}
.project-support-panel:after {
  content:"";
  position:absolute;
  right:-70px; bottom:-70px;
  width:220px; height:220px;
  background:radial-gradient(circle,rgba(117,183,232,.22),transparent 70%);
}
.project-support-panel h2 { color:#fff; }
.project-support-panel p { color:#dbe4ee; font-size:17px; }
.project-support-metrics {
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:26px;
}
.project-support-metrics span {
  display:grid; gap:4px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); border-radius:16px; padding:14px;
  font-size:12px; color:#cbd5e1;
}
.project-support-metrics strong { color:#fff; font-size:18px; }
.workflow-cards { display:grid; gap:16px; }
.workflow-card {
  background:#fff; border:1px solid var(--line); border-radius:22px; padding:24px; box-shadow:0 12px 30px rgba(15,23,42,.055);
  display:grid; grid-template-columns:54px 1fr; gap:18px; align-items:start;
}
.workflow-step {
  display:grid; place-items:center; width:54px; height:54px; border-radius:16px; background:#eaf4fb; color:var(--blue); font-weight:950;
}
.workflow-card h3 { margin-bottom:8px; }
.workflow-card p { color:var(--muted); margin:0; }
.engineer-cta-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.procurement-strip {
  background:#f8fafc; border:1px solid var(--line); border-radius:26px; padding:26px; margin:32px 0;
  display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center;
}
.procurement-strip h3 { margin-bottom:8px; }
.procurement-strip p { color:var(--muted); margin:0; max-width:760px; }
.procurement-actions { display:flex; gap:10px; flex-wrap:wrap; }
.engineering-cta-box {
  background:linear-gradient(135deg,var(--navy),#0d3556); color:#fff; border-radius:30px; padding:34px; margin:36px 0;
  display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:center;
}
.engineering-cta-box h2,.engineering-cta-box h3 { color:#fff; }
.engineering-cta-box p,.engineering-cta-box li { color:#dbe4ee; }
.engineering-cta-list { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.engineering-cta-list li { padding-left:25px; position:relative; }
.engineering-cta-list li:before { content:"•"; position:absolute; left:0; color:#75b7e8; font-weight:900; }
.rfq-upgrade-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:32px; align-items:start; }
.rfq-path-card, .rfq-info-card {
  background:#fff; border:1px solid var(--line); border-radius:26px; padding:28px; box-shadow:0 12px 32px rgba(15,23,42,.06);
}
.rfq-path-list { display:grid; gap:14px; margin-top:20px; }
.rfq-path-list div { display:grid; grid-template-columns:42px 1fr; gap:14px; align-items:start; }
.rfq-path-list strong:first-child { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:#eaf4fb; color:var(--blue); }
.rfq-mode-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:22px 0 4px; }
.rfq-mode-card { border:1px solid var(--line); border-radius:18px; padding:18px; background:#f8fafc; }
.rfq-mode-card strong { display:block; color:var(--navy); margin-bottom:7px; }
.rfq-mode-card span { color:var(--muted); font-size:14px; }
.rfq-form.enhanced-rfq-form { grid-template-columns:1fr 1fr; }
.rfq-form .full-field { grid-column:1/-1; }
.file-note { font-size:13px; color:var(--muted); font-weight:650; }
.spec-language-note { background:#fff; border-left:5px solid var(--blue); padding:18px 20px; border-radius:14px; margin-top:20px; color:var(--muted); }
@media(max-width:980px){
  .project-support-grid,.engineering-cta-box,.rfq-upgrade-grid{grid-template-columns:1fr}
  .project-support-metrics,.rfq-mode-grid{grid-template-columns:1fr}
  .procurement-strip{grid-template-columns:1fr}
  .workflow-card{grid-template-columns:44px 1fr}.workflow-step{width:44px;height:44px}
}
@media(max-width:640px){
  .project-support-panel,.engineering-cta-box,.rfq-path-card,.rfq-info-card{border-radius:22px;padding:24px}
  .rfq-form.enhanced-rfq-form{grid-template-columns:1fr}
}


/* ===== PHASE 6 STEP 6: ENTERPRISE RFQ UPGRADE ===== */
.enterprise-rfq-hero .container{max-width:980px}.dark-badges{justify-content:flex-start}.dark-badges span{background:#fff;border:1px solid var(--line);color:var(--navy);box-shadow:0 8px 20px rgba(15,23,42,.05)}
.enterprise-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mode-tile{text-align:left;border:1px solid var(--line);background:#fff;border-radius:24px;padding:24px;cursor:pointer;transition:.25s ease;box-shadow:0 8px 22px rgba(15,23,42,.045);min-height:210px}.mode-tile span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf4fb;color:var(--blue);font-weight:900;margin-bottom:18px}.mode-tile strong{display:block;color:var(--navy);font-size:19px;margin-bottom:10px}.mode-tile em{display:block;font-style:normal;color:var(--muted);line-height:1.65;font-size:14px}.mode-tile:hover,.mode-tile.active{transform:translateY(-5px);border-color:#b8d6ea;box-shadow:0 20px 44px rgba(15,23,42,.09)}.mode-tile.active{background:linear-gradient(180deg,#ffffff,#f1f8fd)}
.enterprise-rfq-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start}.enterprise-rfq-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:34px;border-radius:32px}.form-section-title{display:flex;gap:16px;align-items:flex-start;border-top:1px solid var(--line);padding-top:26px;margin-top:8px}.form-section-title:first-of-type{border-top:0;padding-top:0;margin-top:0}.form-section-title span{display:grid;place-items:center;min-width:42px;height:42px;border-radius:14px;background:var(--navy);color:#fff;font-weight:900}.form-section-title h3{margin:0 0 4px;color:var(--navy);font-size:22px}.form-section-title p{margin:0;color:var(--muted);font-size:14px}.upload-card{background:#f8fafc;border:1px dashed #b8c7d9;border-radius:18px;padding:18px}.upload-card input{background:#fff;margin-top:10px}.upload-card span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.checkbox-line{display:flex!important;align-items:center;gap:10px;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px!important;font-weight:700;color:var(--navy)}.checkbox-line input{width:auto!important;margin:0!important}.full-submit{justify-self:start}.enterprise-rfq-sidebar{display:grid;gap:18px}.sticky-panel{position:sticky;top:112px}.mini-contact-card{display:grid;gap:5px;background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:20px}.mini-contact-card strong{color:var(--navy)}.mini-contact-card span{color:var(--muted);font-size:14px}.rfq-assurance-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 8px 22px rgba(15,23,42,.045)}.rfq-assurance-card h4{margin:0 0 8px;color:var(--navy)}.rfq-assurance-card p{margin:0;color:var(--muted)}.enterprise-process-grid>div{position:relative;overflow:hidden}.enterprise-process-grid .step-num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eaf4fb;color:var(--blue);font-weight:900;margin-bottom:16px}
@media(max-width:1080px){.enterprise-mode-grid{grid-template-columns:repeat(2,1fr)}.enterprise-rfq-layout{grid-template-columns:1fr}.sticky-panel{position:static}}
@media(max-width:720px){.enterprise-mode-grid{grid-template-columns:1fr}.enterprise-rfq-form{grid-template-columns:1fr;padding:22px;border-radius:22px}.form-section-title{gap:12px}.form-section-title h3{font-size:19px}.full-submit{width:100%}.dark-badges{display:none}}


/* ===== PHASE 6 STEP 7 - PREMIUM INDUSTRIAL UI POLISH ===== */
:root{
  --ink:#0f172a;
  --metal:#eef2f7;
  --metal-2:#f8fafc;
  --accent-soft:#e8f3fb;
  --industrial-shadow:0 18px 55px rgba(15,23,42,.09);
  --industrial-shadow-lg:0 32px 90px rgba(15,23,42,.16);
  --hairline:rgba(148,163,184,.28);
}
body{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 55%,#f8fafc 100%);
  color:#172033;
  letter-spacing:-.005em;
}
.section{padding:116px 0;}
.section.light{background:linear-gradient(180deg,#f8fafc 0%,#f3f7fb 100%);}
.section-head{max-width:920px;margin-bottom:62px;}
.section-head h2,.section-header h2{letter-spacing:-.055em;}
.section-head p,.section-header p,.lead,.page-hero p{color:#5f6f84;}
.site-header.upgraded-header{box-shadow:0 12px 34px rgba(15,23,42,.045);}
.topbar{background:linear-gradient(90deg,#06101d,#0d2136);}
.topbar-inner span{position:relative;padding-left:14px;}
.topbar-inner span:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:999px;background:#75b7e8;transform:translateY(-50%);}
.brand-mark{border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 10px 24px rgba(6,16,29,.18);}
.nav-link{letter-spacing:-.01em;}
.nav-link:hover,.nav-link.active{box-shadow:inset 0 0 0 1px rgba(20,90,141,.10);}
.card,.feature-panel,.download-card,.industry-card-premium,.rfq-form,.spec-table,.rfq-check-card,.industry-grid>div,.standards-grid>div,.process-grid>div,.application-grid div,.related-strip a{border-color:var(--hairline)!important;box-shadow:0 10px 30px rgba(15,23,42,.055);}
.card:hover,.feature-panel:hover,.industry-card-premium:hover,.download-card:hover,.industry-grid>div:hover,.standards-grid>div:hover,.process-grid>div:hover,.application-grid div:hover{box-shadow:var(--industrial-shadow-lg);border-color:rgba(20,90,141,.28)!important;}
.card-body{padding:28px;}
.card-body h3,.industry-card-premium h3,.feature-panel h3{letter-spacing:-.035em;}
.card-body p{line-height:1.72;}
.card-image{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);}
.card-image img{filter:saturate(.98) contrast(1.04);}
.industry-icon,.process-grid span,.trust-icon,.icon-chip{background:linear-gradient(145deg,#e8f3fb,#ffffff)!important;border:1px solid rgba(20,90,141,.18);box-shadow:0 12px 28px rgba(20,90,141,.10), inset 0 1px 0 rgba(255,255,255,.8);color:var(--blue)!important;}
.industry-icon{border-radius:18px!important;}
.process-grid span{width:48px;height:48px;border-radius:16px;}
.hero,.hero-home{box-shadow:inset 0 -90px 120px rgba(6,16,29,.18);}
.hero:after,.hero-home:after{content:"";position:absolute;inset:auto 0 0 0;height:150px;background:linear-gradient(0deg,rgba(6,16,29,.30),transparent);pointer-events:none;}
.hero-badges span,.detail-bullets span{backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(3,7,18,.12);}
.page-hero{background:radial-gradient(circle at 10% 0%,rgba(20,90,141,.09),transparent 30%),linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);}
.btn{border-radius:14px;letter-spacing:-.01em;box-shadow:0 8px 20px rgba(15,23,42,.06);}
.btn-primary{background:linear-gradient(135deg,var(--blue),#0f4770);box-shadow:0 14px 30px rgba(20,90,141,.26);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 20px 40px rgba(20,90,141,.32);}
.btn-secondary.dark,.btn-light{box-shadow:0 12px 26px rgba(15,23,42,.08);}
.cta-band,.product-cta-card{background:radial-gradient(circle at 90% 20%,rgba(117,183,232,.22),transparent 28%),linear-gradient(120deg,#06101d,#0c2740 55%,#0f3150);}
.rfq-form label{font-size:13px;letter-spacing:.01em;}
.rfq-form input,.rfq-form select,.rfq-form textarea{background:#fbfdff;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}
.rfq-form input:hover,.rfq-form select:hover,.rfq-form textarea:hover{background:#fff;}
.spec-row:nth-child(odd){background:#fbfdff;}
.spec-row:hover{background:#f2f8fc;}
.spec-label{color:#0f3150;font-weight:900;}
.detail-kicker,.eyebrow,.section-eyebrow{letter-spacing:.18em;}
.tech-layout h2,.detail-content h2,.product-cta-card h2{letter-spacing:-.05em;}
.related-strip a{background:linear-gradient(180deg,#ffffff,#fbfdff);}
.split-grid,.detail-grid,.tech-layout,.form-grid,.contact-grid{gap:56px;}
.products-grid{gap:30px;}
.industry-card-premium{padding:44px 32px;}
.industries-grid-premium{gap:30px;}
.footer{background:linear-gradient(180deg,#06101d,#071522);}
.footer-grid{gap:42px;}
.footer a{transition:color .2s ease,transform .2s ease;}
.footer a:hover{transform:translateX(3px);}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(20,90,141,.28);outline-offset:3px;}
@media(max-width:980px){.section{padding:86px 0;}.main-nav.open{box-shadow:0 28px 80px rgba(15,23,42,.16);}.split-grid,.detail-grid,.tech-layout,.form-grid,.contact-grid{gap:36px;}}
@media(max-width:640px){.section{padding:66px 0;}.section-head{margin-bottom:38px;}.card-body{padding:24px;}.industry-card-premium{padding:32px 24px;}.topbar-inner span:before{display:none;}.btn{width:100%;}.actions .btn,.hero-actions .btn,.product-cta-actions .btn{width:100%;}}


/* =========================================================
   PHASE 6 STEP 8: ENTERPRISE MOBILE UX
   Purpose: make mobile navigation, RFQ and product browsing feel
   like a supplier-grade B2B website instead of a squeezed desktop page.
   ========================================================= */

.mobile-enterprise-bar,
.mobile-product-jump { display:none; }

@media (max-width: 980px) {
  body { padding-bottom: 74px; }
  .topbar { display:none; }
  .site-header { position: sticky; top: 0; }
  .nav-wrap { height: 70px; }
  .brand-mark { min-width: 40px; height: 40px; border-radius: 12px; }
  .brand-text strong { font-size: 15px; }
  .brand-text small { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .main-nav {
    top: 76px;
    left: 16px;
    right: 16px;
    max-height: calc(100vh - 102px);
    overflow: auto;
    border-radius: 22px;
    padding: 14px;
  }
  .main-nav.open { display:flex; }
  .nav-link {
    min-height: 48px;
    padding: 14px 14px;
    font-size: 15px;
    border: 1px solid transparent;
  }
  .nav-link:active { transform: scale(.99); }
  .nav-cta { justify-content: center; border-radius: 14px; margin-top: 6px; }

  /* Mobile mega menu behaves like a collapsible product panel */
  .mega-parent .mega-menu {
    position: static;
    width: 100%;
    transform: none;
    display: none;
    grid-template-columns: 1fr;
    padding: 12px;
    margin: 2px 0 10px;
    border-radius: 18px;
    box-shadow: none;
    background: #f8fafc;
  }
  .mega-parent.open .mega-menu { display:grid; }
  .mega-intro { display:none; }
  .mega-grid { grid-template-columns: 1fr; gap: 8px; }
  .mega-card { padding: 14px; border-radius: 14px; }
  .mega-card strong { font-size: 15px; }
  .mega-card span { font-size: 13px; }

  .hero { min-height: auto; padding: 92px 0 72px; }
  .hero-copy { max-width: 100%; }
  .hero h1 { font-size: clamp(39px, 10vw, 54px); line-height: 1.02; letter-spacing: -.045em; }
  .lead { font-size: 17px; line-height: 1.65; }
  .actions { display:grid; grid-template-columns: 1fr; gap: 12px; }
  .btn { width: 100%; min-height: 52px; border-radius: 14px; }
  .hero-badges { gap: 8px; margin-top: 22px; }
  .hero-badges span { padding: 8px 10px; }

  /* Horizontal product shortcut rail */
  .mobile-product-jump {
    display:block;
    position: sticky;
    top: 70px;
    z-index: 880;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid #e2e8f0;
    backdrop-filter: blur(12px);
  }
  .mobile-product-jump-inner {
    display:flex;
    gap: 10px;
    overflow-x: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .mobile-product-jump-inner::-webkit-scrollbar { display:none; }
  .mobile-product-jump a {
    flex: 0 0 auto;
    text-decoration:none;
    font-size: 13px;
    font-weight: 850;
    color: var(--navy);
    background: #eef6fc;
    border: 1px solid #d6e8f5;
    padding: 9px 12px;
    border-radius: 999px;
  }

  /* Mobile bottom conversion bar */
  .mobile-enterprise-bar {
    display:grid;
    grid-template-columns: 1fr 1.15fr 1fr;
    gap: 8px;
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 1500;
    padding: 8px;
    background: rgba(255,255,255,.95);
    border: 1px solid rgba(226,232,240,.95);
    border-radius: 22px;
    box-shadow: 0 18px 50px rgba(6,16,29,.22);
    backdrop-filter: blur(18px);
  }
  .mobile-enterprise-bar a {
    min-height: 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color: var(--navy);
    font-size: 13px;
    font-weight: 900;
    border-radius: 16px;
    background:#f8fafc;
  }
  .mobile-enterprise-bar .mobile-primary {
    background: var(--blue);
    color: #fff;
  }

  /* Mobile product detail UX */
  .product-hero-grid { gap: 24px; }
  .product-hero img { height: 250px; border-radius: 20px; }
  .detail-actions,
  .engineer-cta-row { display:grid; grid-template-columns: 1fr; gap: 10px; }
  .detail-actions .btn,
  .engineer-cta-row .btn { margin: 0; }
  .datasheet-panel,
  .project-support-panel,
  .feature-panel,
  .rfq-card,
  .enterprise-rfq-form { border-radius: 22px; }
  .tech-spec-grid,
  .cred-grid,
  .mode-grid,
  .rfq-workflow-grid { grid-template-columns: 1fr !important; }
  .table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  table { min-width: 620px; }

  /* Better form UX on mobile */
  .rfq-form,
  .enterprise-rfq-form { grid-template-columns: 1fr !important; padding: 22px; gap: 14px; }
  input, select, textarea { font-size: 16px !important; min-height: 48px; }
  textarea { min-height: 132px; }
}

@media (max-width: 640px) {
  .container { padding-left: 16px; padding-right: 16px; }
  .section { padding: 58px 0; }
  .section-head { margin-bottom: 30px; text-align: left; }
  .section-head h2 { font-size: 32px; }
  .section-head p { font-size: 16px; }
  .card { border-radius: 20px; }
  .card-body { padding: 20px; }
  .card-image { height: 210px; }
  .page-hero { padding: 94px 0 42px; }
  .page-hero h1 { font-size: 38px; }
  .page-hero p { font-size: 16px; }
  .cta-band { padding: 50px 0; }
  .footer-grid { gap: 22px; }
  .footer-bottom { margin-bottom: 64px; }
}


/* ===== PHASE 6 STEP 10: Future-ready system cards ===== */
.technical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tech-card{background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:22px;padding:28px;box-shadow:0 18px 44px rgba(15,23,42,.06)}
.tech-card h3{margin:0 0 10px;color:var(--navy)}
.tech-card p{margin:0;color:#64748b;line-height:1.7}
@media(max-width:900px){.technical-grid{grid-template-columns:1fr}}


/* MASTER v3 - Industrial Pipes category and landing polish */
.industrial-pipe-hero {
  background:
    linear-gradient(90deg, rgba(6,16,29,.90), rgba(6,16,29,.58)),
    url('../images/industrial-pipes.jpg') center/cover no-repeat;
}
.spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
  margin: 26px 0;
}
.spec {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 18px;
}
.spec b {
  display: block;
  color: #06101d;
  margin-bottom: 6px;
}
.spec span {
  color: #64748b;
  font-size: 14px;
}
.table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  overflow: hidden;
}
.table th,
.table td {
  padding: 16px;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
  vertical-align: top;
}
.table th {
  background: #06101d;
  color: #fff;
}
.table tr:nth-child(even) td {
  background: #f8fafc;
}
@media (max-width: 768px) {
  .spec-grid { grid-template-columns: 1fr; }
  .table { display: block; overflow-x: auto; white-space: nowrap; }
}


/* MASTER v8 - Integrated Premium Product Page System */
.ce-product-hero{
  padding: 96px 0;
  background: linear-gradient(135deg, #06101d 0%, #0f2f4a 55%, #f8fafc 55%, #f8fafc 100%);
}
.ce-product-hero-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:56px;
  align-items:center;
}
.ce-product-hero h1{
  color:#fff;
  font-size:64px;
  line-height:1.02;
  letter-spacing:-0.045em;
  margin:0 0 22px;
}
.ce-product-lead{
  color:#dbe5ef;
  font-size:18px;
  max-width:720px;
}
.ce-product-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:28px 0;
}
.ce-product-badges span{
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);
  border-radius:999px;
  padding:9px 14px;
  font-weight:800;
  font-size:13px;
}
.ce-product-visual{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:30px;
  padding:24px;
  box-shadow:0 30px 70px rgba(2,8,23,.2);
}
.ce-product-visual img{
  width:100%;
  height:430px;
  object-fit:cover;
  border-radius:22px;
  display:block;
}
.ce-visual-note{
  margin-top:16px;
  border:1px solid #e2e8f0;
  background:#f8fafc;
  border-radius:18px;
  padding:18px;
}
.ce-visual-note strong{
  display:block;
  color:#06101d;
  margin-bottom:6px;
}
.ce-visual-note span{
  color:#64748b;
}
.ce-spec-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.ce-spec-strip div{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:22px;
  box-shadow:0 12px 34px rgba(2,8,23,.06);
}
.ce-spec-strip small{
  display:block;
  color:#64748b;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:7px;
}
.ce-spec-strip strong{
  color:#06101d;
  font-size:18px;
}
.ce-tech-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 14px 40px rgba(2,8,23,.05);
}
.ce-tech-table th{
  background:#06101d;
  color:#fff;
  text-align:left;
  padding:18px;
}
.ce-tech-table td{
  padding:18px;
  border-top:1px solid #e2e8f0;
}
.ce-tech-table tr:nth-child(even) td{
  background:#f8fafc;
}
@media(max-width:900px){
  .ce-product-hero{
    background:linear-gradient(135deg,#06101d,#0f2f4a);
  }
  .ce-product-hero-grid,
  .ce-spec-strip{
    grid-template-columns:1fr;
  }
  .ce-product-hero h1{
    font-size:42px;
  }
  .ce-product-visual img{
    height:320px;
  }
}


/* MASTER v9 - Final Premium Product Page System: Sanitary Ball Valves */
.pp-hero{
  padding: 96px 0 76px;
  background: linear-gradient(135deg, #06101d 0%, #0d2b46 56%, #f8fafc 56%, #f8fafc 100%);
}
.pp-hero-grid{
  display:grid;
  grid-template-columns: 1.04fr .96fr;
  gap:56px;
  align-items:center;
}
.pp-hero h1{
  color:#fff;
  font-size:66px;
  line-height:1.02;
  letter-spacing:-0.05em;
  margin:0 0 22px;
}
.pp-lead{
  color:#dbe5ef;
  font-size:18px;
  max-width:720px;
}
.pp-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:28px 0;
}
.pp-badges span{
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.09);
  border-radius:999px;
  padding:9px 14px;
  font-weight:800;
  font-size:13px;
}
.pp-hero-panel{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:32px;
  padding:24px;
  box-shadow:0 34px 80px rgba(2,8,23,.22);
}
.pp-image-wrap{
  border-radius:24px;
  overflow:hidden;
  background:#e9eef5;
}
.pp-image-wrap img{
  width:100%;
  height:410px;
  object-fit:cover;
  display:block;
  transition:transform .6s ease;
}
.pp-hero-panel:hover .pp-image-wrap img{
  transform:scale(1.035);
}
.pp-rfq-card{
  margin-top:16px;
  border:1px solid #e2e8f0;
  background:#f8fafc;
  border-radius:20px;
  padding:18px 20px;
}
.pp-rfq-card ul{
  margin:8px 0 0;
  padding-left:18px;
  color:#475569;
}
.pp-quick-specs{
  background:#fff;
  padding:28px 0;
  border-bottom:1px solid #e2e8f0;
}
.pp-quick-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
.pp-quick-grid div{
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(2,8,23,.045);
}
.pp-quick-grid small{
  display:block;
  color:#64748b;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:6px;
  font-size:11px;
}
.pp-quick-grid strong{
  display:block;
  color:#06101d;
  font-size:17px;
}
.pp-module-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.pp-module{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:24px;
  padding:30px;
  box-shadow:0 16px 44px rgba(2,8,23,.06);
}
.pp-module h3{
  margin:0 0 14px;
  color:#06101d;
  font-size:23px;
}
.pp-module ul{
  margin:0;
  padding-left:18px;
  color:#475569;
}
.pp-module li{
  margin:8px 0;
}
.pp-split{
  display:grid;
  grid-template-columns:1fr .88fr;
  gap:42px;
  align-items:start;
}
.pp-split h2{
  max-width:720px;
}
.pp-note-list{
  display:grid;
  gap:14px;
  margin-top:26px;
}
.pp-note-list div{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:18px;
}
.pp-note-list strong{
  display:block;
  color:#06101d;
  margin-bottom:4px;
}
.pp-note-list span{
  color:#64748b;
}
.pp-dark-panel{
  background:linear-gradient(135deg,#06101d,#103a5b);
  color:#fff;
  border-radius:28px;
  padding:34px;
  box-shadow:0 24px 64px rgba(2,8,23,.18);
}
.pp-dark-panel h3{
  margin-top:0;
  font-size:26px;
}
.pp-dark-panel p,
.pp-dark-panel li{
  color:#dbe5ef;
}
.pp-dark-panel ol{
  padding-left:20px;
}
.pp-dark-panel li{
  margin:8px 0;
}
.pp-tech-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 14px 40px rgba(2,8,23,.05);
}
.pp-tech-table th{
  background:#06101d;
  color:#fff;
  text-align:left;
  padding:18px;
}
.pp-tech-table td{
  padding:18px;
  border-top:1px solid #e2e8f0;
}
.pp-tech-table tr:nth-child(even) td{
  background:#f8fafc;
}
.pp-trust-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.pp-trust-strip div{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:22px;
  padding:24px;
  box-shadow:0 14px 40px rgba(2,8,23,.05);
}
.pp-trust-strip strong{
  display:block;
  color:#06101d;
  margin-bottom:6px;
  font-size:18px;
}
.pp-trust-strip span{
  color:#64748b;
}
@media(max-width:900px){
  .pp-hero{
    background:linear-gradient(135deg,#06101d,#0d2b46);
    padding:70px 0;
  }
  .pp-hero-grid,
  .pp-quick-grid,
  .pp-module-grid,
  .pp-split,
  .pp-trust-strip{
    grid-template-columns:1fr;
  }
  .pp-hero h1{
    font-size:42px;
  }
  .pp-image-wrap img{
    height:320px;
  }
}

/* =========================================================
   CASPIAN EDGE — MASTER v13 FULL INDUSTRIAL DESIGN SYSTEM
   Purpose: one consistent industrial B2B design language
   Scope: site-wide polish without breaking product-blueprint.css
   ========================================================= */

:root{
  --ce-navy:#06101d;
  --ce-navy-2:#0b1e33;
  --ce-blue:#145a8d;
  --ce-blue-2:#0f4770;
  --ce-steel:#f6f8fb;
  --ce-surface:#ffffff;
  --ce-text:#182235;
  --ce-muted:#64748b;
  --ce-line:#dfe7ef;
  --ce-shadow-sm:0 8px 22px rgba(2,8,23,.045);
  --ce-shadow-md:0 16px 44px rgba(2,8,23,.07);
  --ce-shadow-lg:0 28px 72px rgba(2,8,23,.13);
  --ce-radius-md:16px;
  --ce-radius-lg:22px;
  --ce-radius-xl:30px;
  --ce-container:1220px;
}

html{scroll-behavior:smooth}
body{
  background:
    linear-gradient(180deg, rgba(246,248,251,.96), rgba(246,248,251,.96)),
    repeating-linear-gradient(90deg, rgba(15,23,42,.018) 0px, rgba(15,23,42,.018) 1px, transparent 1px, transparent 12px);
  color:var(--ce-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.container{
  max-width:var(--ce-container);
}

/* ---------- Header / Navigation ---------- */
.site-header,
.upgraded-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(223,231,239,.92);
  box-shadow:0 8px 26px rgba(2,8,23,.045);
}

.site-header .topbar,
.upgraded-header .topbar{
  background:#06101d;
  color:#d7e2ef;
  font-size:12px;
  letter-spacing:.01em;
}

.topbar-inner{
  min-height:34px;
  align-items:center;
}

.nav-wrap{
  min-height:78px;
}

.brand{
  gap:13px;
}

.brand-mark{
  background:linear-gradient(135deg,#06101d,#123553)!important;
  box-shadow:0 10px 24px rgba(2,8,23,.16);
  border-radius:12px!important;
}

.brand-text strong{
  letter-spacing:.08em;
}

.brand-text small{
  color:var(--ce-blue)!important;
  font-weight:800;
  letter-spacing:.08em;
}

.main-nav{
  gap:8px;
}

.nav-link{
  position:relative;
  padding:12px 14px!important;
  border-radius:12px;
  color:#1f2a3a!important;
  font-weight:800!important;
  transition:.22s ease;
}

.nav-link:hover,
.nav-link.active{
  background:#f1f6fb;
  color:var(--ce-blue)!important;
}

.nav-cta{
  background:var(--ce-blue)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(20,90,141,.18);
  border-radius:12px!important;
}

.nav-cta:hover{
  background:var(--ce-blue-2)!important;
  color:#fff!important;
}

/* Mega menu polish */
.mega-menu{
  border:1px solid var(--ce-line)!important;
  border-radius:26px!important;
  box-shadow:var(--ce-shadow-lg)!important;
  background:rgba(255,255,255,.98)!important;
  backdrop-filter:blur(20px);
  overflow:hidden;
}

.mega-card{
  border:1px solid #e5edf5!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  transition:.22s ease!important;
}

.mega-card:hover{
  transform:translateY(-3px);
  border-color:rgba(20,90,141,.38)!important;
  box-shadow:var(--ce-shadow-sm);
}

/* ---------- Global Typography ---------- */
h1,h2,h3{
  letter-spacing:-.035em;
}

.section-head h2,
.section-title h2{
  font-weight:900!important;
  color:var(--ce-navy)!important;
}

.section-head p,
.section-title p,
.card p,
.product-card p{
  color:var(--ce-muted);
  line-height:1.68;
}

.eyebrow,
.section-eyebrow{
  color:var(--ce-blue)!important;
  font-weight:900!important;
  letter-spacing:.19em!important;
  text-transform:uppercase;
  font-size:12px!important;
}

/* ---------- Section Rhythm ---------- */
.section{
  padding:96px 0!important;
}

.section.white,
.white{
  background:#fff!important;
}

.trust-strip{
  background:linear-gradient(90deg,#06101d,#102b45)!important;
  color:#dbe5ef!important;
  border:0!important;
}

/* ---------- Cards / Product Cards ---------- */
.card,
.product-card,
.arch-card,
.workflow-card,
.trust,
.industry-card{
  border:1px solid var(--ce-line)!important;
  border-radius:var(--ce-radius-lg)!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:var(--ce-shadow-sm)!important;
  overflow:hidden;
  transition:.25s ease!important;
}

.card:hover,
.product-card:hover,
.arch-card:hover,
.workflow-card:hover,
.trust:hover,
.industry-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--ce-shadow-md)!important;
  border-color:rgba(20,90,141,.32)!important;
}

.card-image,
.cat-img{
  background:#e9eef5;
  overflow:hidden;
}

.card-image img,
.cat-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:contrast(1.04) saturate(.96);
  transition:transform .55s ease, filter .55s ease;
}

.product-card:hover .card-image img,
.card:hover .card-image img,
.cat-card:hover .cat-img img{
  transform:scale(1.045);
  filter:contrast(1.08) saturate(.98);
}

.card-body{
  padding:28px!important;
}

.card-body h3,
.product-card h3{
  color:var(--ce-navy)!important;
  font-weight:900!important;
}

/* ---------- Buttons / CTA ---------- */
.btn,
.text-link{
  font-weight:900!important;
}

.btn-primary,
.nav-btn,
.primary{
  background:var(--ce-blue)!important;
  color:#fff!important;
  border-color:var(--ce-blue)!important;
  box-shadow:0 14px 34px rgba(20,90,141,.22)!important;
}

.btn-primary:hover,
.nav-btn:hover,
.primary:hover{
  background:var(--ce-blue-2)!important;
  transform:translateY(-2px);
}

.btn-outline{
  border:1px solid rgba(255,255,255,.45)!important;
}

.cta{
  border-radius:var(--ce-radius-xl)!important;
  background:
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.16), transparent 30%),
    linear-gradient(135deg,#06101d,#103a5b)!important;
  box-shadow:var(--ce-shadow-lg);
}

/* ---------- Tables / Technical UI ---------- */
table{
  border-collapse:collapse;
}

.table,
.ce-tech-table,
.pp-tech-table{
  border:1px solid var(--ce-line)!important;
  border-radius:22px!important;
  overflow:hidden;
  box-shadow:var(--ce-shadow-sm)!important;
}

.table th,
.ce-tech-table th,
.pp-tech-table th{
  background:var(--ce-navy)!important;
  color:#fff!important;
  font-weight:900!important;
  padding:17px 18px!important;
}

.table td,
.ce-tech-table td,
.pp-tech-table td{
  border-top:1px solid var(--ce-line)!important;
  padding:17px 18px!important;
}

/* ---------- RFQ page polish ---------- */
form,
.form,
.rfq-form,
.rfq-panel{
  border-radius:26px!important;
  border:1px solid var(--ce-line)!important;
  box-shadow:var(--ce-shadow-md)!important;
}

input,select,textarea{
  border:1px solid #cfd9e4!important;
  border-radius:12px!important;
  min-height:46px;
}

input:focus,
select:focus,
textarea:focus{
  outline:2px solid rgba(20,90,141,.22);
  border-color:var(--ce-blue)!important;
}

/* ---------- Footer ---------- */
footer,
.footer{
  background:#06101d!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08);
}

.footer a,
footer a{
  color:#cbd5e1!important;
}

.footer a:hover,
footer a:hover{
  color:#fff!important;
}

.footer p,
footer p{
  color:#cbd5e1!important;
}

/* ---------- Mobile Enterprise UX ---------- */
@media(max-width:900px){
  .section{padding:68px 0!important}
  .nav-wrap{min-height:70px}
  .topbar{display:none!important}
  .card-body{padding:22px!important}
  .mega-menu{display:none!important}
}

@media(max-width:640px){
  body{
    background:#f6f8fb;
  }

  h1{
    letter-spacing:-.04em;
  }

  .section-head h2,
  .section-title h2{
    font-size:34px!important;
    line-height:1.12!important;
  }

  .cta{
    padding:30px!important;
  }
}

/* MASTER v15 — Enterprise Homepage System */

.ce-home-enterprise .hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 20%, rgba(96,165,250,.12), transparent 28%),
    linear-gradient(112deg,#06101d 0%, #0b243a 58%, #f7f9fc 58.2%, #f7f9fc 100%);
  padding:110px 0 92px;
}

.ce-home-enterprise .hero:after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.08;
  background-image:linear-gradient(135deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:20px 20px;
  pointer-events:none;
}

.ce-home-enterprise .hero .container{
  position:relative;
  z-index:1;
}

.ce-home-enterprise .hero-copy h1{
  font-size:clamp(48px,6vw,78px)!important;
  line-height:.96!important;
  letter-spacing:-.06em!important;
  max-width:820px;
}

.ce-home-enterprise .hero-copy p{
  max-width:720px;
  line-height:1.68;
  color:#dbe5ef!important;
}

.ce-home-enterprise .hero-cta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:34px;
}

.ce-home-enterprise .hero-note{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}

.ce-home-enterprise .hero-note span{
  border-left:2px solid rgba(96,165,250,.8);
  padding-left:10px;
  color:#dbe5ef;
  font-size:13px;
  font-weight:800;
}

.ce-home-enterprise .hero-card{
  background:linear-gradient(180deg,#fff,#f7f9fc)!important;
  border-radius:30px!important;
  border:1px solid #dfe7ef!important;
  box-shadow:0 28px 72px rgba(2,8,23,.18)!important;
}

.ce-home-enterprise .hero-card img{
  filter:contrast(1.04) saturate(.96);
}

.ce-home-enterprise .enterprise-strip{
  background:#fff;
  border-top:1px solid #e2e8f0;
  border-bottom:1px solid #e2e8f0;
  padding:26px 0;
}

.ce-home-enterprise .enterprise-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.ce-home-enterprise .enterprise-item{
  border:1px solid #e2e8f0;
  border-radius:20px;
  background:#fff;
  padding:20px;
  box-shadow:0 12px 28px rgba(2,8,23,.05);
}

.ce-home-enterprise .enterprise-item strong{
  display:block;
  color:#06101d;
  margin-bottom:6px;
}

.ce-home-enterprise .enterprise-item span{
  color:#64748b;
  line-height:1.6;
}

.ce-home-enterprise .industry-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}

.ce-home-enterprise .industry-tile{
  background:linear-gradient(180deg,#fff,#f8fafc);
  border:1px solid #e2e8f0;
  border-radius:22px;
  padding:28px 20px;
  text-align:center;
  box-shadow:0 12px 28px rgba(2,8,23,.05);
  transition:.22s ease;
}

.ce-home-enterprise .industry-tile:hover{
  transform:translateY(-4px);
  border-color:#145a8d;
}

.ce-home-enterprise .industry-tile strong{
  display:block;
  color:#06101d;
  margin-bottom:8px;
}

.ce-home-enterprise .industry-tile span{
  color:#64748b;
  font-size:14px;
  line-height:1.6;
}

.ce-home-enterprise .rfq-flow{
  background:
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.16), transparent 28%),
    linear-gradient(135deg,#06101d,#103a5b);
  border-radius:32px;
  padding:44px;
  color:#fff;
  box-shadow:0 28px 72px rgba(2,8,23,.18);
}

.ce-home-enterprise .rfq-flow h2{
  color:#fff!important;
}

.ce-home-enterprise .rfq-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}

.ce-home-enterprise .rfq-step{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  border-radius:20px;
  padding:22px;
}

.ce-home-enterprise .rfq-step strong{
  display:block;
  color:#fff;
  margin-bottom:8px;
}

.ce-home-enterprise .rfq-step span{
  color:#dbe5ef;
  line-height:1.6;
}

@media(max-width:960px){
  .ce-home-enterprise .hero{
    background:linear-gradient(135deg,#06101d,#0b2a44);
    padding:82px 0 70px;
  }
  .ce-home-enterprise .enterprise-grid,
  .ce-home-enterprise .industry-grid,
  .ce-home-enterprise .rfq-steps{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px){
  .ce-home-enterprise .enterprise-grid,
  .ce-home-enterprise .industry-grid,
  .ce-home-enterprise .rfq-steps{
    grid-template-columns:1fr;
  }
  .ce-home-enterprise .rfq-flow{
    padding:30px;
  }
}

/* MASTER v17 — Enterprise Product Engine */

/* Product card engine */
.ce-product-engine-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.ce-engine-card{
  display:block;
  background:linear-gradient(180deg,#fff,#f8fafc);
  border:1px solid #e2e8f0;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 16px 44px rgba(2,8,23,.06);
  text-decoration:none;
  transition:.24s ease;
}

.ce-engine-card:hover{
  transform:translateY(-5px);
  border-color:rgba(20,90,141,.42);
  box-shadow:0 24px 64px rgba(2,8,23,.10);
}

.ce-engine-card-img{
  height:230px;
  background:#e9eef5;
  overflow:hidden;
}

.ce-engine-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:contrast(1.05) saturate(.96);
  transition:.55s ease;
}

.ce-engine-card:hover img{
  transform:scale(1.045);
}

.ce-engine-card-body{
  padding:26px;
}

.ce-engine-card-body small{
  display:block;
  color:#145a8d;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.ce-engine-card-body h3{
  margin:0 0 10px;
  color:#06101d;
  font-size:23px;
  line-height:1.2;
}

.ce-engine-card-body p{
  margin:0 0 18px;
  color:#64748b;
  line-height:1.65;
}

.ce-engine-card-body span{
  color:#145a8d;
  font-weight:900;
}

/* Standards pages */
.ce-standard-hero{
  padding:92px 0;
  background:
    radial-gradient(circle at 16% 20%, rgba(96,165,250,.13), transparent 30%),
    linear-gradient(135deg,#06101d,#0d2b46);
  color:#fff;
}

.ce-standard-hero h1{
  color:#fff;
  font-size:clamp(44px,5vw,66px);
  line-height:1.02;
  letter-spacing:-.055em;
  margin:0 0 18px;
  max-width:850px;
}

.ce-standard-hero p{
  color:#dbe5ef;
  max-width:760px;
  font-size:18px;
  line-height:1.7;
}

.ce-standard-grid{
  display:grid;
  grid-template-columns:1fr .86fr;
  gap:38px;
  align-items:start;
}

.ce-standard-panel,
.ce-standard-side{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:26px;
  padding:32px;
  box-shadow:0 16px 44px rgba(2,8,23,.06);
}

.ce-standard-panel h2,
.ce-standard-side h3{
  margin-top:0;
  color:#06101d;
}

.ce-standard-list{
  display:grid;
  gap:14px;
  margin-top:22px;
}

.ce-standard-list div{
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:18px;
  background:#f8fafc;
}

.ce-standard-list strong{
  display:block;
  color:#06101d;
  margin-bottom:6px;
}

.ce-standard-list span{
  color:#64748b;
  line-height:1.6;
}

/* RFQ modal system */
.ce-rfq-floating{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1300;
  background:#145a8d;
  color:#fff;
  border:0;
  border-radius:999px;
  padding:15px 20px;
  font-weight:900;
  box-shadow:0 18px 42px rgba(20,90,141,.32);
  cursor:pointer;
}

.ce-rfq-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:1400;
}

.ce-rfq-modal.is-open{
  display:block;
}

.ce-rfq-backdrop{
  position:absolute;
  inset:0;
  background:rgba(6,16,29,.66);
  backdrop-filter:blur(8px);
}

.ce-rfq-dialog{
  position:relative;
  max-width:880px;
  max-height:88vh;
  overflow:auto;
  margin:6vh auto;
  background:#fff;
  border-radius:28px;
  border:1px solid #e2e8f0;
  box-shadow:0 34px 90px rgba(2,8,23,.32);
}

.ce-rfq-dialog-head{
  padding:26px 30px;
  border-bottom:1px solid #e2e8f0;
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}

.ce-rfq-dialog-head h2{
  margin:0 0 6px;
  color:#06101d;
  font-size:28px;
}

.ce-rfq-dialog-head p{
  margin:0;
  color:#64748b;
}

.ce-rfq-close{
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  border-radius:50%;
  width:38px;
  height:38px;
  cursor:pointer;
  font-size:22px;
}

.ce-rfq-form{
  padding:28px 30px 32px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.ce-rfq-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.ce-rfq-field.full{
  grid-column:1/-1;
}

.ce-rfq-field label{
  color:#06101d;
  font-size:13px;
  font-weight:900;
}

.ce-rfq-field input,
.ce-rfq-field select,
.ce-rfq-field textarea{
  width:100%;
  border:1px solid #cfd9e4;
  border-radius:12px;
  padding:13px 14px;
  font:inherit;
}

.ce-rfq-submit{
  grid-column:1/-1;
  background:#145a8d;
  color:#fff;
  border:0;
  border-radius:13px;
  padding:15px 22px;
  font-weight:900;
  cursor:pointer;
}

@media(max-width:960px){
  .ce-product-engine-grid,
  .ce-standard-grid,
  .ce-rfq-form{
    grid-template-columns:1fr;
  }

  .ce-rfq-dialog{
    margin:3vh 16px;
    max-height:94vh;
  }

  .ce-rfq-floating{
    left:18px;
    right:18px;
    bottom:18px;
  }
}

/* MASTER v20 — Core Product Blueprint System */

.ce-product-pro {
  background: #f6f8fb;
  color: #182235;
}

.ce-product-pro .ce-pro-wrap {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 28px;
}

.ce-product-pro .ce-pro-hero {
  background:
    radial-gradient(circle at 16% 18%, rgba(96,165,250,.13), transparent 30%),
    linear-gradient(112deg,#06101d 0%, #0b243a 58%, #f7f9fc 58.2%, #f7f9fc 100%);
  padding: 86px 0 78px;
}

.ce-product-pro .ce-pro-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.04fr) minmax(360px,.86fr);
  gap: 54px;
  align-items: center;
}

.ce-product-pro .ce-pro-eyebrow {
  display: block;
  color: #60a5fa;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin: 0 0 14px;
}

.ce-product-pro .ce-pro-hero h1 {
  color: #fff;
  margin: 0 0 22px;
  font-size: clamp(46px,5.6vw,76px);
  line-height: .98;
  letter-spacing: -.065em;
  max-width: 920px;
}

.ce-product-pro .ce-pro-hero p {
  color: #dbe5ef;
  font-size: 18px;
  line-height: 1.68;
  max-width: 790px;
  margin: 0;
}

.ce-product-pro .ce-pro-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.ce-product-pro .ce-pro-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 13px 20px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid transparent;
}

.ce-product-pro .ce-pro-btn.primary {
  background: #145a8d;
  color: #fff;
  box-shadow: 0 14px 34px rgba(20,90,141,.28);
}

.ce-product-pro .ce-pro-btn.secondary {
  background: #fff;
  color: #06101d;
  border-color: #dbe3ec;
}

.ce-product-pro .ce-pro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.ce-product-pro .ce-pro-badges span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  color: #dbe5ef;
  font-weight: 900;
  font-size: 12px;
  background: rgba(255,255,255,.06);
}

.ce-product-pro .ce-pro-visual {
  background: linear-gradient(180deg,#fff,#f8fafc);
  border: 1px solid #e2e8f0;
  border-radius: 30px;
  padding: 18px;
  box-shadow: 0 34px 90px rgba(2,8,23,.2);
}

.ce-product-pro .ce-pro-visual img {
  width: 100%;
  height: 315px;
  object-fit: cover;
  border-radius: 22px;
  display: block;
  background: #e9eef5;
}

.ce-product-pro .ce-pro-rfq-card {
  margin-top: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 20px;
  background: #fff;
}

.ce-product-pro .ce-pro-rfq-card h3 {
  margin: 0 0 12px;
  color: #06101d;
}

.ce-product-pro .ce-pro-rfq-card ul {
  margin: 0;
  padding-left: 20px;
  color: #475569;
  line-height: 1.62;
}

.ce-product-pro .ce-pro-section {
  padding: 84px 0;
}

.ce-product-pro .ce-pro-section.white {
  background: #fff;
}

.ce-product-pro .ce-pro-head {
  max-width: 850px;
  margin: 0 auto 42px;
  text-align: center;
}

.ce-product-pro .ce-pro-head h2 {
  margin: 0 0 16px;
  color: #06101d;
  font-size: clamp(34px,4.2vw,52px);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.ce-product-pro .ce-pro-head p {
  margin: 0;
  color: #64748b;
  font-size: 18px;
  line-height: 1.65;
}

.ce-product-pro .ce-pro-grid-3 {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
}

.ce-product-pro .ce-pro-grid-4 {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
}

.ce-product-pro .ce-pro-card {
  background: linear-gradient(180deg,#fff,#f8fafc);
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 16px 44px rgba(2,8,23,.06);
  transition: .22s ease;
}

.ce-product-pro .ce-pro-card:hover {
  transform: translateY(-4px);
  border-color: rgba(20,90,141,.42);
  box-shadow: 0 22px 58px rgba(2,8,23,.09);
}

.ce-product-pro .ce-pro-card small {
  display: block;
  color: #145a8d;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 900;
  font-size: 11px;
  margin-bottom: 10px;
}

.ce-product-pro .ce-pro-card h3 {
  margin: 0 0 10px;
  color: #06101d;
  font-size: 23px;
  line-height: 1.2;
}

.ce-product-pro .ce-pro-card p,
.ce-product-pro .ce-pro-card li {
  color: #64748b;
  line-height: 1.62;
}

.ce-product-pro .ce-pro-card ul {
  margin: 12px 0 0;
  padding-left: 20px;
}

.ce-product-pro .ce-pro-specs {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 16px 44px rgba(2,8,23,.06);
}

.ce-product-pro .ce-pro-specs table {
  width: 100%;
  border-collapse: collapse;
}

.ce-product-pro .ce-pro-specs th {
  background: #06101d;
  color: #fff;
  padding: 18px;
  text-align: left;
}

.ce-product-pro .ce-pro-specs td {
  padding: 18px;
  border-top: 1px solid #e2e8f0;
  vertical-align: top;
}

.ce-product-pro .ce-pro-specs tr:nth-child(even) td {
  background: #f8fafc;
}

.ce-product-pro .ce-pro-split {
  display: grid;
  grid-template-columns: 1fr .86fr;
  gap: 38px;
  align-items: stretch;
}

.ce-product-pro .ce-pro-dark {
  background:
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.16), transparent 28%),
    linear-gradient(135deg,#06101d,#103a5b);
  color: #fff;
  border-radius: 32px;
  padding: 44px;
  box-shadow: 0 28px 72px rgba(2,8,23,.18);
}

.ce-product-pro .ce-pro-dark h2,
.ce-product-pro .ce-pro-dark h3 {
  color: #fff;
  margin-top: 0;
}

.ce-product-pro .ce-pro-dark p,
.ce-product-pro .ce-pro-dark li {
  color: #dbe5ef;
}

.ce-product-pro .ce-pro-related a {
  text-decoration: none;
}

.ce-product-pro .ce-pro-cta {
  background: #fff;
  padding: 84px 0;
}

.ce-product-pro .ce-pro-cta-box {
  background:
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.16), transparent 28%),
    linear-gradient(135deg,#06101d,#103a5b);
  border-radius: 32px;
  padding: 44px;
  color: #fff;
  box-shadow: 0 28px 72px rgba(2,8,23,.18);
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: center;
}

.ce-product-pro .ce-pro-cta-box h2 {
  color: #fff;
  margin: 0 0 10px;
  font-size: clamp(30px,4vw,44px);
  letter-spacing: -.04em;
}

.ce-product-pro .ce-pro-cta-box p {
  color: #dbe5ef;
  margin: 0;
  line-height: 1.65;
}

@media(max-width: 960px) {
  .ce-product-pro .ce-pro-hero {
    background: linear-gradient(135deg,#06101d,#0b243a);
    padding: 76px 0;
  }
  .ce-product-pro .ce-pro-hero-grid,
  .ce-product-pro .ce-pro-grid-3,
  .ce-product-pro .ce-pro-grid-4,
  .ce-product-pro .ce-pro-split,
  .ce-product-pro .ce-pro-cta-box {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: flex-start;
  }
  .ce-product-pro .ce-pro-grid-4 {
    display: grid;
  }
}

/* MASTER v12 - Product Page Blueprint System
   Reference direction: clean industrial layout + technical RFQ architecture.
   Scoped under .ce-blueprint-product to avoid global conflicts.
*/

.ce-blueprint-product {
  --bp-navy:#06101d;
  --bp-blue:#145a8d;
  --bp-blue-dark:#0f4770;
  --bp-bg:#f6f8fb;
  --bp-text:#172033;
  --bp-muted:#5f6f82;
  --bp-line:#dde5ee;
  background: var(--bp-bg);
  color: var(--bp-text);
}

.ce-blueprint-product * {
  box-sizing: border-box;
}

.ce-blueprint-product .ce-bp-container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 28px;
}

.ce-blueprint-product .ce-bp-eyebrow {
  display:block;
  margin:0 0 14px;
  color:#60a5fa;
  font-size:12px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.ce-blueprint-product .ce-bp-eyebrow.dark {
  color: var(--bp-blue);
}

.ce-blueprint-product .ce-bp-hero {
  position: relative;
  padding: 92px 0 76px;
  background:
    radial-gradient(circle at 18% 20%, rgba(96,165,250,.12), transparent 28%),
    linear-gradient(112deg, #06101d 0%, #0b243a 58%, #f7f9fc 58.2%, #f7f9fc 100%);
}

.ce-blueprint-product .ce-bp-hero:after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background-image: linear-gradient(135deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 20px 20px;
}

.ce-blueprint-product .ce-bp-hero > * {
  position:relative;
  z-index:1;
}

.ce-blueprint-product .ce-bp-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);
  gap:56px;
  align-items:center;
}

.ce-blueprint-product .ce-bp-copy h1 {
  color:#fff;
  margin:0 0 22px;
  font-size:clamp(44px,5.2vw,66px);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:900;
  max-width:850px;
}

.ce-blueprint-product .ce-bp-lead {
  color:#dbe5ef;
  font-size:18px;
  line-height:1.62;
  max-width:760px;
  margin:0;
}

.ce-blueprint-product .ce-bp-badges {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:28px 0 0;
}

.ce-blueprint-product .ce-bp-badges span {
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:999px;
  padding:8px 13px;
  font-size:13px;
  line-height:1;
  font-weight:800;
}

.ce-blueprint-product .ce-bp-actions {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}

.ce-blueprint-product .ce-bp-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:13px 20px;
  border-radius:12px;
  font-weight:900;
  font-size:14px;
  text-decoration:none;
  transition:.22s ease;
  border:1px solid transparent;
}

.ce-blueprint-product .ce-bp-primary {
  background:var(--bp-blue);
  color:#fff;
  box-shadow:0 14px 34px rgba(20,90,141,.28);
}

.ce-blueprint-product .ce-bp-primary:hover {
  transform:translateY(-2px);
  background:var(--bp-blue-dark);
}

.ce-blueprint-product .ce-bp-secondary {
  background:#fff;
  color:#06101d;
  border-color:#dbe3ec;
}

.ce-blueprint-product .ce-bp-rfq-card {
  background:linear-gradient(180deg,#ffffff,#f7f9fc);
  border:1px solid #e2e8f0;
  border-radius:30px;
  padding:22px;
  box-shadow:0 34px 80px rgba(2,8,23,.2);
}

.ce-blueprint-product .ce-bp-image-shell {
  border-radius:22px;
  overflow:hidden;
  background:#e9eef5;
}

.ce-blueprint-product .ce-bp-image-shell img {
  width:100%;
  height:385px;
  object-fit:cover;
  object-position:center center;
  display:block;
  filter:contrast(1.04) saturate(.96);
  transition:transform .55s ease;
}

.ce-blueprint-product .ce-bp-rfq-card:hover img {
  transform:scale(1.03);
}

.ce-blueprint-product .ce-bp-rfq-panel {
  margin-top:18px;
  padding:20px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e2e8f0;
}

.ce-blueprint-product .ce-bp-panel-label {
  margin:0 0 10px;
  color:#06101d;
  font-size:18px;
  font-weight:900;
}

.ce-blueprint-product .ce-bp-rfq-panel ul {
  margin:0;
  padding-left:20px;
  color:#475569;
}

.ce-blueprint-product .ce-bp-rfq-panel li {
  margin:7px 0;
}

.ce-blueprint-product .ce-bp-quick {
  background:#fff;
  border-top:1px solid #e2e8f0;
  border-bottom:1px solid #e2e8f0;
  padding:28px 0;
}

.ce-blueprint-product .ce-bp-quick-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}

.ce-blueprint-product .ce-quick-item {
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(2,8,23,.045);
}

.ce-blueprint-product .ce-quick-item small {
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:7px;
}

.ce-blueprint-product .ce-quick-item strong {
  display:block;
  color:#06101d;
  font-size:17px;
  line-height:1.25;
}

.ce-blueprint-product .ce-bp-section {
  padding:88px 0;
}

.ce-blueprint-product .ce-bp-white {
  background:#fff;
}

.ce-blueprint-product .ce-bp-section-head {
  max-width:850px;
  margin:0 auto 44px;
  text-align:center;
}

.ce-blueprint-product .ce-bp-section-head h2 {
  margin:0 0 16px;
  color:#06101d;
  font-size:clamp(34px,4vw,48px);
  line-height:1.08;
  letter-spacing:-.04em;
}

.ce-blueprint-product .ce-bp-section-head p {
  margin:0;
  color:#64748b;
  font-size:18px;
  line-height:1.65;
}

.ce-blueprint-product .ce-bp-module-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.ce-blueprint-product .ce-bp-module {
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:24px;
  padding:30px;
  box-shadow:0 16px 44px rgba(2,8,23,.06);
}

.ce-blueprint-product .ce-bp-module h3 {
  margin:0 0 14px;
  color:#06101d;
  font-size:23px;
  line-height:1.2;
}

.ce-blueprint-product .ce-bp-module ul {
  margin:0;
  padding-left:20px;
  color:#475569;
}

.ce-blueprint-product .ce-bp-module li {
  margin:8px 0;
}

.ce-blueprint-product .ce-bp-split {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);
  gap:42px;
  align-items:start;
}

.ce-blueprint-product .ce-bp-split h2 {
  margin:0 0 16px;
  color:#06101d;
  font-size:clamp(34px,4vw,48px);
  line-height:1.08;
  letter-spacing:-.04em;
}

.ce-blueprint-product .ce-bp-split p {
  color:#64748b;
  font-size:17px;
  line-height:1.65;
}

.ce-blueprint-product .ce-bp-note-grid {
  display:grid;
  gap:14px;
  margin-top:28px;
}

.ce-blueprint-product .ce-bp-note-grid div {
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:18px;
}

.ce-blueprint-product .ce-bp-note-grid strong {
  display:block;
  color:#06101d;
  margin-bottom:4px;
}

.ce-blueprint-product .ce-bp-note-grid span {
  display:block;
  color:#64748b;
}

.ce-blueprint-product .ce-bp-dark-panel {
  background:
    radial-gradient(circle at 84% 14%, rgba(96,165,250,.16), transparent 30%),
    linear-gradient(135deg,#06101d,#0b2a44);
  color:#fff;
  border-radius:28px;
  padding:34px;
  box-shadow:0 24px 64px rgba(2,8,23,.18);
}

.ce-blueprint-product .ce-bp-dark-panel h3 {
  margin:0 0 10px;
  color:#fff;
  font-size:27px;
}

.ce-blueprint-product .ce-bp-dark-panel p,
.ce-blueprint-product .ce-bp-dark-panel li {
  color:#dbe5ef;
}

.ce-blueprint-product .ce-bp-dark-panel ol {
  margin:16px 0 24px;
  padding-left:22px;
}

.ce-blueprint-product .ce-bp-dark-panel li {
  margin:8px 0;
}

.ce-blueprint-product .ce-bp-table-wrap {
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 14px 40px rgba(2,8,23,.05);
}

.ce-blueprint-product .ce-bp-table {
  width:100%;
  border-collapse:collapse;
}

.ce-blueprint-product .ce-bp-table th {
  background:#06101d;
  color:#fff;
  text-align:left;
  padding:18px;
  font-size:14px;
}

.ce-blueprint-product .ce-bp-table td {
  padding:18px;
  border-top:1px solid #e2e8f0;
  vertical-align:top;
}

.ce-blueprint-product .ce-bp-table tr:nth-child(even) td {
  background:#f8fafc;
}

.ce-blueprint-product .ce-bp-confidence {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.ce-blueprint-product .ce-bp-confidence div {
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:22px;
  padding:24px;
  box-shadow:0 14px 40px rgba(2,8,23,.05);
}

.ce-blueprint-product .ce-bp-confidence strong {
  display:block;
  color:#06101d;
  margin-bottom:6px;
  font-size:18px;
}

.ce-blueprint-product .ce-bp-confidence span {
  display:block;
  color:#64748b;
}

.ce-blueprint-product .ce-bp-related-head {
  max-width:760px;
  margin:0 0 28px;
}

.ce-blueprint-product .ce-bp-related-head h2 {
  margin:0;
  color:#06101d;
  font-size:clamp(32px,4vw,44px);
  letter-spacing:-.04em;
}

.ce-blueprint-product .ce-bp-related-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.ce-blueprint-product .ce-related-card {
  display:block;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:22px;
  padding:24px;
  text-decoration:none;
  box-shadow:0 14px 40px rgba(2,8,23,.05);
  transition:.22s ease;
}

.ce-blueprint-product .ce-related-card:hover {
  transform:translateY(-3px);
  border-color:#145a8d;
}

.ce-blueprint-product .ce-related-card strong {
  display:block;
  color:#06101d;
  font-size:18px;
  margin-bottom:6px;
}

.ce-blueprint-product .ce-related-card span {
  color:#64748b;
}

.ce-blueprint-product .ce-bp-final-cta {
  background:
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.18), transparent 26%),
    linear-gradient(135deg,#06101d,#0b2a44);
  color:#fff;
  border-radius:30px;
  padding:46px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
}

.ce-blueprint-product .ce-bp-final-cta h2 {
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(30px,4vw,42px);
  letter-spacing:-.035em;
}

.ce-blueprint-product .ce-bp-final-cta p {
  margin:0;
  color:#dbe5ef;
}

@media(max-width:960px) {
  .ce-blueprint-product .ce-bp-hero {
    background:linear-gradient(135deg,#06101d,#0b2a44);
    padding:72px 0;
  }
  .ce-blueprint-product .ce-bp-hero-grid,
  .ce-blueprint-product .ce-bp-quick-grid,
  .ce-blueprint-product .ce-bp-module-grid,
  .ce-blueprint-product .ce-bp-split,
  .ce-blueprint-product .ce-bp-confidence,
  .ce-blueprint-product .ce-bp-related-grid {
    grid-template-columns:1fr;
  }
  .ce-blueprint-product .ce-bp-rfq-card {
    padding:18px;
  }
  .ce-blueprint-product .ce-bp-image-shell img {
    height:320px;
  }
  .ce-blueprint-product .ce-bp-final-cta {
    flex-direction:column;
    align-items:flex-start;
    padding:32px;
  }
  .ce-blueprint-product .ce-bp-table-wrap {
    overflow-x:auto;
  }
}

/* Caspian Edge - Isolated Premium Product Page CSS
   This file is intentionally scoped under .ce-premium-product-page
   to avoid conflicts with the global site stylesheet.
*/

.ce-premium-product-page {
  background: #f6f8fb;
  color: #172033;
}

.ce-premium-product-page * {
  box-sizing: border-box;
}

.ce-premium-product-page .ce-container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 28px;
}

.ce-premium-product-page .ce-eyebrow {
  display: block;
  margin: 0 0 14px;
  color: #145a8d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.ce-premium-product-page .ce-product-hero {
  padding: 88px 0 72px;
  background:
    linear-gradient(135deg, rgba(6,16,29,.96) 0%, rgba(11,42,68,.94) 54%, rgba(248,250,252,1) 54%, rgba(248,250,252,1) 100%);
}

.ce-premium-product-page .ce-product-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr);
  gap: 54px;
  align-items: center;
}

.ce-premium-product-page .ce-product-hero-copy h1 {
  margin: 0 0 22px;
  color: #ffffff;
  font-size: clamp(44px, 5.2vw, 68px);
  line-height: 1.02;
  letter-spacing: -.055em;
  max-width: 850px;
}

.ce-premium-product-page .ce-product-lead {
  color: #dbe5ef;
  font-size: 18px;
  line-height: 1.72;
  max-width: 760px;
  margin: 0;
}

.ce-premium-product-page .ce-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 0;
  padding: 0;
}

.ce-premium-product-page .ce-badges span {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.09);
  color: #ffffff;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.ce-premium-product-page .ce-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.ce-premium-product-page .ce-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 13px 20px;
  border-radius: 12px;
  font-weight: 900;
  font-size: 14px;
  text-decoration: none;
  transition: .22s ease;
  border: 1px solid transparent;
}

.ce-premium-product-page .ce-btn-primary {
  background: #145a8d;
  color: #ffffff;
  box-shadow: 0 14px 34px rgba(20,90,141,.28);
}

.ce-premium-product-page .ce-btn-primary:hover {
  transform: translateY(-2px);
  background: #0f4770;
}

.ce-premium-product-page .ce-btn-secondary {
  background: #ffffff;
  color: #06101d;
  border-color: #dbe3ec;
}

.ce-premium-product-page .ce-hero-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 32px;
  padding: 24px;
  box-shadow: 0 34px 80px rgba(2,8,23,.22);
  overflow: hidden;
}

.ce-premium-product-page .ce-hero-image {
  width: 100%;
  height: 405px;
  object-fit: cover;
  display: block;
  border-radius: 22px;
  background: #e9eef5;
}

.ce-premium-product-page .ce-rfq-panel {
  margin-top: 18px;
  padding: 20px;
  border-radius: 20px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.ce-premium-product-page .ce-rfq-panel h3 {
  margin: 0 0 12px;
  color: #06101d;
  font-size: 20px;
  line-height: 1.2;
}

.ce-premium-product-page .ce-rfq-panel ul {
  margin: 0;
  padding-left: 20px;
  color: #475569;
}

.ce-premium-product-page .ce-rfq-panel li {
  margin: 7px 0;
}

.ce-premium-product-page .ce-quick-specs {
  background: #ffffff;
  padding: 28px 0;
  border-bottom: 1px solid #e2e8f0;
}

.ce-premium-product-page .ce-quick-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.ce-premium-product-page .ce-quick-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 28px rgba(2,8,23,.045);
}

.ce-premium-product-page .ce-quick-item small {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.ce-premium-product-page .ce-quick-item strong {
  display: block;
  color: #06101d;
  font-size: 17px;
  line-height: 1.25;
}

.ce-premium-product-page .ce-section {
  padding: 88px 0;
}

.ce-premium-product-page .ce-section-white {
  background: #ffffff;
}

.ce-premium-product-page .ce-section-head {
  max-width: 850px;
  margin: 0 auto 44px;
  text-align: center;
}

.ce-premium-product-page .ce-section-head h2 {
  margin: 0 0 16px;
  color: #06101d;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.ce-premium-product-page .ce-section-head p {
  margin: 0;
  color: #64748b;
  font-size: 18px;
  line-height: 1.7;
}

.ce-premium-product-page .ce-module-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.ce-premium-product-page .ce-module {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 30px;
  box-shadow: 0 16px 44px rgba(2,8,23,.06);
}

.ce-premium-product-page .ce-module h3 {
  margin: 0 0 14px;
  color: #06101d;
  font-size: 23px;
  line-height: 1.2;
}

.ce-premium-product-page .ce-module ul {
  margin: 0;
  padding-left: 20px;
  color: #475569;
}

.ce-premium-product-page .ce-module li {
  margin: 8px 0;
}

.ce-premium-product-page .ce-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .88fr);
  gap: 42px;
  align-items: start;
}

.ce-premium-product-page .ce-split h2 {
  margin: 0 0 16px;
  color: #06101d;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.ce-premium-product-page .ce-split p {
  color: #64748b;
  font-size: 17px;
  line-height: 1.7;
}

.ce-premium-product-page .ce-note-list {
  display: grid;
  gap: 14px;
  margin-top: 28px;
}

.ce-premium-product-page .ce-note-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 18px;
}

.ce-premium-product-page .ce-note-item strong {
  display: block;
  color: #06101d;
  margin-bottom: 4px;
}

.ce-premium-product-page .ce-note-item span {
  display: block;
  color: #64748b;
}

.ce-premium-product-page .ce-dark-panel {
  background: linear-gradient(135deg,#06101d,#103a5b);
  color: #ffffff;
  border-radius: 28px;
  padding: 34px;
  box-shadow: 0 24px 64px rgba(2,8,23,.18);
}

.ce-premium-product-page .ce-dark-panel h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 27px;
}

.ce-premium-product-page .ce-dark-panel p,
.ce-premium-product-page .ce-dark-panel li {
  color: #dbe5ef;
}

.ce-premium-product-page .ce-dark-panel ol {
  margin: 16px 0 24px;
  padding-left: 22px;
}

.ce-premium-product-page .ce-dark-panel li {
  margin: 8px 0;
}

.ce-premium-product-page .ce-table-wrap {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(2,8,23,.05);
}

.ce-premium-product-page .ce-tech-table {
  width: 100%;
  border-collapse: collapse;
}

.ce-premium-product-page .ce-tech-table th {
  background: #06101d;
  color: #ffffff;
  text-align: left;
  padding: 18px;
  font-size: 14px;
}

.ce-premium-product-page .ce-tech-table td {
  padding: 18px;
  border-top: 1px solid #e2e8f0;
  vertical-align: top;
}

.ce-premium-product-page .ce-tech-table tr:nth-child(even) td {
  background: #f8fafc;
}

.ce-premium-product-page .ce-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.ce-premium-product-page .ce-trust-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 14px 40px rgba(2,8,23,.05);
}

.ce-premium-product-page .ce-trust-card strong {
  display: block;
  color: #06101d;
  margin-bottom: 6px;
  font-size: 18px;
}

.ce-premium-product-page .ce-trust-card span {
  display: block;
  color: #64748b;
}

.ce-premium-product-page .ce-final-cta {
  background: linear-gradient(135deg,#06101d,#103a5b);
  color: #ffffff;
  border-radius: 30px;
  padding: 46px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}

.ce-premium-product-page .ce-final-cta h2 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: clamp(30px, 4vw, 42px);
  letter-spacing: -.035em;
}

.ce-premium-product-page .ce-final-cta p {
  margin: 0;
  color: #dbe5ef;
}

@media (max-width: 960px) {
  .ce-premium-product-page .ce-product-hero {
    background: linear-gradient(135deg,#06101d,#0d2b46);
    padding: 72px 0;
  }

  .ce-premium-product-page .ce-product-hero-grid,
  .ce-premium-product-page .ce-quick-grid,
  .ce-premium-product-page .ce-module-grid,
  .ce-premium-product-page .ce-split,
  .ce-premium-product-page .ce-trust-grid {
    grid-template-columns: 1fr;
  }

  .ce-premium-product-page .ce-hero-image {
    height: 320px;
  }

  .ce-premium-product-page .ce-final-cta {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
  }

  .ce-premium-product-page .ce-table-wrap {
    overflow-x: auto;
  }
}


/* MASTER v11 - Final Industrial Polish for Sanitary Ball Valves */
.ce-premium-product-page {
  --ce-navy:#06101d;
  --ce-blue:#145a8d;
  --ce-muted:#5f6f82;
  --ce-line:#dde5ee;
  background:
    linear-gradient(180deg, rgba(246,248,251,.96), rgba(246,248,251,.96)),
    repeating-linear-gradient(90deg, rgba(15,23,42,.018) 0px, rgba(15,23,42,.018) 1px, transparent 1px, transparent 9px);
}

.ce-premium-product-page .ce-product-hero {
  position: relative;
  padding: 92px 0 76px;
  background:
    radial-gradient(circle at 18% 20%, rgba(96,165,250,.12), transparent 28%),
    linear-gradient(118deg, #06101d 0%, #0b243a 58%, #f7f9fc 58.2%, #f7f9fc 100%);
}

.ce-premium-product-page .ce-product-hero:after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image: linear-gradient(135deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 18px 18px;
}

.ce-premium-product-page .ce-product-hero > * {
  position: relative;
  z-index: 1;
}

.ce-premium-product-page .ce-product-hero-copy h1 {
  max-width: 820px;
  font-weight: 900;
  letter-spacing: -.06em;
}

.ce-premium-product-page .ce-product-lead,
.ce-premium-product-page .ce-section-head p,
.ce-premium-product-page .ce-split p {
  line-height: 1.62;
}

.ce-premium-product-page .ce-hero-meta {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:20px;
}

.ce-premium-product-page .ce-hero-meta span {
  color:#cbd5e1;
  border-left:2px solid rgba(96,165,250,.75);
  padding-left:10px;
  font-size:13px;
  font-weight:700;
}

.ce-premium-product-page .ce-hero-card {
  border-radius: 30px;
  padding: 22px;
  background: linear-gradient(180deg, #ffffff, #f7f9fc);
}

.ce-premium-product-page .ce-hero-image {
  object-position: center center;
  height: 385px;
  filter: contrast(1.04) saturate(.96);
}

.ce-premium-product-page .ce-rfq-panel {
  background: linear-gradient(180deg,#ffffff,#f8fafc);
}

.ce-premium-product-page .ce-standards-strip {
  background:#ffffff;
  border-top:1px solid #e2e8f0;
  border-bottom:1px solid #e2e8f0;
  padding:24px 0;
}

.ce-premium-product-page .ce-standards-grid {
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:16px;
}

.ce-premium-product-page .ce-standards-grid div {
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:18px;
  background:#f8fafc;
}

.ce-premium-product-page .ce-standards-grid strong {
  display:block;
  color:#06101d;
  font-size:16px;
  margin-bottom:6px;
}

.ce-premium-product-page .ce-standards-grid span {
  display:block;
  color:#64748b;
  font-size:14px;
  line-height:1.55;
}

.ce-premium-product-page .ce-drawing-grid {
  display:grid;
  grid-template-columns: .86fr 1.14fr;
  gap:42px;
  align-items:center;
}

.ce-premium-product-page .ce-drawing-grid h2 {
  margin:0 0 14px;
  color:#06101d;
  font-size: clamp(34px,4vw,48px);
  line-height:1.08;
  letter-spacing:-.04em;
}

.ce-premium-product-page .ce-drawing-grid p {
  color:#64748b;
  line-height:1.65;
}

.ce-premium-product-page .ce-dimension-list {
  display:grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}

.ce-premium-product-page .ce-dimension-list div {
  display:flex;
  gap:12px;
  align-items:center;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  padding:14px;
}

.ce-premium-product-page .ce-dimension-list strong {
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#145a8d;
  color:#fff;
}

.ce-premium-product-page .ce-dimension-list span {
  color:#475569;
  font-weight:700;
}

.ce-premium-product-page .ce-drawing-card {
  border:1px solid #dbe5ee;
  border-radius:26px;
  background:#fff;
  padding:22px;
  box-shadow:0 18px 48px rgba(2,8,23,.07);
}

.ce-premium-product-page .ce-drawing-card svg {
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}

.ce-premium-product-page .ce-drawing-card p {
  margin:14px 0 0;
  color:#64748b;
  font-size:13px;
}

.ce-premium-product-page .ce-final-cta {
  background:
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.18), transparent 26%),
    linear-gradient(135deg,#06101d,#0b2a44);
}

@media(max-width: 960px) {
  .ce-premium-product-page .ce-product-hero {
    background: linear-gradient(135deg,#06101d,#0b2a44);
  }
  .ce-premium-product-page .ce-standards-grid,
  .ce-premium-product-page .ce-drawing-grid,
  .ce-premium-product-page .ce-dimension-list {
    grid-template-columns:1fr;
  }
}

/* MASTER v22 — Technical Depth System */

.ce-tech-depth {
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 16px 44px rgba(2,8,23,.06);
}

.ce-tech-depth-head {
  padding:28px 32px;
  background:
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.16), transparent 28%),
    linear-gradient(135deg,#06101d,#103a5b);
  color:#fff;
}

.ce-tech-depth-head h3 {
  margin:0 0 10px;
  color:#fff;
  font-size:32px;
}

.ce-tech-depth-head p {
  margin:0;
  color:#dbe5ef;
  line-height:1.65;
}

.ce-tech-depth-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
}

.ce-tech-depth-col {
  padding:30px 32px;
}

.ce-tech-depth-col + .ce-tech-depth-col {
  border-left:1px solid #e2e8f0;
}

.ce-tech-depth-col h4 {
  margin:0 0 18px;
  color:#06101d;
  font-size:20px;
}

.ce-tech-depth-list {
  display:grid;
  gap:14px;
}

.ce-tech-depth-item {
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:16px 18px;
  background:#f8fafc;
}

.ce-tech-depth-item strong {
  display:block;
  color:#06101d;
  margin-bottom:6px;
}

.ce-tech-depth-item span {
  color:#64748b;
  line-height:1.5;
  font-size:14px;
}

.ce-download-center {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.ce-download-card {
  background:linear-gradient(180deg,#fff,#f8fafc);
  border:1px solid #e2e8f0;
  border-radius:24px;
  padding:28px;
  box-shadow:0 16px 44px rgba(2,8,23,.06);
  transition:.22s ease;
}

.ce-download-card:hover {
  transform:translateY(-4px);
  border-color:rgba(20,90,141,.42);
}

.ce-download-card small {
  display:block;
  color:#145a8d;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
  font-size:11px;
  margin-bottom:10px;
}

.ce-download-card h3 {
  margin:0 0 10px;
  color:#06101d;
}

.ce-download-card p {
  color:#64748b;
  line-height:1.65;
}

.ce-download-card a {
  color:#145a8d;
  font-weight:900;
  text-decoration:none;
}

@media(max-width:960px){
  .ce-tech-depth-grid,
  .ce-download-center{
    grid-template-columns:1fr;
  }

  .ce-tech-depth-col + .ce-tech-depth-col{
    border-left:none;
    border-top:1px solid #e2e8f0;
  }
}

/* MASTER v24 — Datasheet Integration */

.ce-datasheet-bar{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:24px;
}

.ce-datasheet-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:13px 18px;
border-radius:12px;
background:#06101d;
color:#fff;
font-weight:900;
text-decoration:none;
border:1px solid rgba(255,255,255,.08);
box-shadow:0 14px 30px rgba(2,8,23,.18);
transition:.2s ease;
}

.ce-datasheet-btn:hover{
transform:translateY(-2px);
background:#145a8d;
}

.ce-footer-tech{
margin-top:18px;
display:flex;
flex-wrap:wrap;
gap:16px;
}

.ce-footer-tech a{
color:#c9d6e2;
text-decoration:none;
font-weight:700;
font-size:13px;
}

.ce-footer-tech a:hover{
color:#fff;
}

/* MASTER v26 — Product Page Architecture Finalization */

/* Fix product hero so image/spec card stays in the right column and does not fall below */
.ce-product-pro .ce-pro-hero {
  overflow: hidden;
}

.ce-product-pro .ce-pro-hero-grid {
  grid-template-columns: minmax(0, .98fr) minmax(420px, .78fr) !important;
  align-items: center !important;
  min-height: 620px;
}

.ce-product-pro .ce-pro-hero-grid > div:first-child {
  max-width: 760px;
}

.ce-product-pro .ce-pro-visual {
  align-self: center !important;
  justify-self: end !important;
  max-width: 480px !important;
  width: 100% !important;
  margin: 0 !important;
}

.ce-product-pro .ce-pro-visual img {
  height: 300px !important;
  object-fit: cover !important;
}

.ce-product-pro .ce-datasheet-bar {
  margin-top: 22px !important;
}

.ce-product-pro .ce-pro-badges {
  margin-top: 24px !important;
}

/* Better product title width so it does not collide with visual column */
.ce-product-pro .ce-pro-hero h1 {
  max-width: 760px !important;
}

/* Subcategory pages use the same architecture but with cleaner card spacing */
.ce-product-pro .ce-pro-section {
  position: relative;
}

/* Make datasheet buttons less visually heavy in dark hero */
.ce-product-pro .ce-datasheet-btn {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #fff !important;
}

.ce-product-pro .ce-datasheet-btn:hover {
  background: #145a8d !important;
}

/* Mobile/tablet fix */
@media(max-width: 1100px) {
  .ce-product-pro .ce-pro-hero-grid {
    grid-template-columns: 1fr !important;
    min-height: auto;
  }

  .ce-product-pro .ce-pro-visual {
    justify-self: start !important;
    max-width: 620px !important;
  }
}

@media(max-width: 640px) {
  .ce-product-pro .ce-pro-visual img {
    height: 240px !important;
  }
}

/* MASTER v27 — Product Layout Final Fix */

/* The previous breakpoint collapsed product hero too early on laptop widths.
   This file loads last and forces product pages to remain two-column on desktop/laptop. */

@media (min-width: 901px) {
  .ce-product-pro .ce-pro-hero {
    padding: 72px 0 72px !important;
    overflow: hidden !important;
  }

  .ce-product-pro .ce-pro-wrap {
    max-width: 1240px !important;
  }

  .ce-product-pro .ce-pro-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 430px) !important;
    gap: 42px !important;
    align-items: center !important;
    min-height: 560px !important;
  }

  .ce-product-pro .ce-pro-hero-grid > div:first-child {
    min-width: 0 !important;
    max-width: 760px !important;
    grid-column: 1 !important;
  }

  .ce-product-pro .ce-pro-visual {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 !important;
  }

  .ce-product-pro .ce-pro-visual img {
    height: 270px !important;
    object-fit: cover !important;
  }

  .ce-product-pro .ce-pro-hero h1 {
    font-size: clamp(42px, 4.4vw, 66px) !important;
    line-height: 1.02 !important;
    max-width: 720px !important;
  }

  .ce-product-pro .ce-pro-hero p {
    max-width: 700px !important;
  }
}

@media (min-width: 901px) and (max-width: 1080px) {
  .ce-product-pro .ce-pro-wrap {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .ce-product-pro .ce-pro-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 370px) !important;
    gap: 28px !important;
  }

  .ce-product-pro .ce-pro-hero h1 {
    font-size: clamp(38px, 4.2vw, 52px) !important;
    letter-spacing: -0.055em !important;
  }

  .ce-product-pro .ce-pro-visual {
    max-width: 370px !important;
  }

  .ce-product-pro .ce-pro-visual img {
    height: 230px !important;
  }

  .ce-product-pro .ce-pro-rfq-card {
    padding: 16px !important;
  }

  .ce-product-pro .ce-pro-rfq-card li {
    font-size: 13px !important;
  }
}

@media (max-width: 900px) {
  .ce-product-pro .ce-pro-hero {
    background: linear-gradient(135deg,#06101d,#0b243a) !important;
    padding: 64px 0 !important;
  }

  .ce-product-pro .ce-pro-hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    min-height: auto !important;
  }

  .ce-product-pro .ce-pro-visual {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: start !important;
    max-width: 620px !important;
    width: 100% !important;
  }
}

/* MASTER v28 — Hero Layout Hard Fix
   Purpose: prevent product image/spec card from dropping under the text on laptop widths.
   This CSS must load last. */

/* Laptop / desktop / landscape tablet */
@media (min-width: 720px) {
  .ce-product-pro .ce-pro-hero {
    padding: 64px 0 64px !important;
    overflow: hidden !important;
  }

  .ce-product-pro .ce-pro-wrap {
    max-width: 1240px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .ce-product-pro .ce-pro-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 54%) minmax(300px, 38%) !important;
    column-gap: 42px !important;
    row-gap: 0 !important;
    align-items: center !important;
    min-height: 560px !important;
  }

  .ce-product-pro .ce-pro-hero-grid > div:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .ce-product-pro .ce-pro-visual {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .ce-product-pro .ce-pro-visual img {
    height: 255px !important;
    object-fit: cover !important;
  }

  .ce-product-pro .ce-pro-hero h1 {
    font-size: clamp(38px, 4.2vw, 62px) !important;
    line-height: 1.02 !important;
    max-width: 100% !important;
    letter-spacing: -0.058em !important;
  }

  .ce-product-pro .ce-pro-hero p {
    max-width: 680px !important;
  }

  .ce-product-pro .ce-pro-actions,
  .ce-product-pro .ce-datasheet-bar,
  .ce-product-pro .ce-pro-badges {
    max-width: 680px !important;
  }
}

/* Narrow laptop / iPad landscape */
@media (min-width: 720px) and (max-width: 980px) {
  .ce-product-pro .ce-pro-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .ce-product-pro .ce-pro-hero-grid {
    grid-template-columns: minmax(0, 53%) minmax(270px, 40%) !important;
    column-gap: 26px !important;
    min-height: 520px !important;
  }

  .ce-product-pro .ce-pro-hero h1 {
    font-size: clamp(34px, 4.1vw, 46px) !important;
    line-height: 1.04 !important;
  }

  .ce-product-pro .ce-pro-hero p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .ce-product-pro .ce-pro-visual {
    max-width: 350px !important;
  }

  .ce-product-pro .ce-pro-visual img {
    height: 215px !important;
  }

  .ce-product-pro .ce-pro-rfq-card {
    padding: 14px !important;
  }

  .ce-product-pro .ce-pro-rfq-card h3 {
    font-size: 17px !important;
  }

  .ce-product-pro .ce-pro-rfq-card li {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  .ce-product-pro .ce-pro-btn,
  .ce-product-pro .ce-datasheet-btn {
    min-height: 40px !important;
    padding: 10px 14px !important;
    font-size: 12.5px !important;
  }

  .ce-product-pro .ce-pro-badges span {
    min-height: 28px !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
  }
}

/* Real mobile only */
@media (max-width: 719px) {
  .ce-product-pro .ce-pro-hero {
    background: linear-gradient(135deg,#06101d,#0b243a) !important;
    padding: 56px 0 !important;
  }

  .ce-product-pro .ce-pro-hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    min-height: auto !important;
  }

  .ce-product-pro .ce-pro-visual {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: start !important;
    max-width: 100% !important;
  }

  .ce-product-pro .ce-pro-visual img {
    height: 230px !important;
  }
}

/* MASTER v29 — Product Hero Structural Fix
   This replaces the fragile product hero layout with an isolated layout system. */

.ce-product-pro .ce-fixed-product-hero {
  background:
    linear-gradient(112deg, #06101d 0%, #0b243a 58%, #f7f9fc 58.2%, #f7f9fc 100%) !important;
  padding: 70px 0 !important;
  overflow: hidden !important;
}

.ce-product-pro .ce-fixed-product-hero-inner {
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 0 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 44px !important;
  min-height: 560px !important;
  box-sizing: border-box !important;
}

.ce-product-pro .ce-fixed-product-copy {
  flex: 0 1 690px !important;
  min-width: 0 !important;
  color: #fff !important;
}

.ce-product-pro .ce-fixed-product-copy .ce-pro-eyebrow {
  color: #60a5fa !important;
  display: block !important;
}

.ce-product-pro .ce-fixed-product-copy h1 {
  color: #fff !important;
  margin: 0 0 22px !important;
  font-size: clamp(38px, 4.8vw, 70px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.062em !important;
  max-width: 720px !important;
}

.ce-product-pro .ce-fixed-product-copy p {
  color: #dbe5ef !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
  max-width: 690px !important;
  margin: 0 !important;
}

.ce-product-pro .ce-fixed-product-media {
  flex: 0 0 430px !important;
  width: 430px !important;
  max-width: 430px !important;
  background: linear-gradient(180deg,#fff,#f8fafc) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 30px !important;
  padding: 16px !important;
  box-shadow: 0 34px 90px rgba(2,8,23,.20) !important;
  box-sizing: border-box !important;
}

.ce-product-pro .ce-fixed-product-media img {
  width: 100% !important;
  height: 255px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 22px !important;
  background: #e9eef5 !important;
}

.ce-product-pro .ce-fixed-product-media .ce-pro-rfq-card {
  margin-top: 14px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: #fff !important;
  color: #06101d !important;
}

.ce-product-pro .ce-fixed-product-media .ce-pro-rfq-card h3 {
  color: #06101d !important;
  margin: 0 0 10px !important;
}

.ce-product-pro .ce-fixed-product-media .ce-pro-rfq-card li {
  color: #475569 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.ce-product-pro .ce-fixed-product-copy .ce-pro-actions,
.ce-product-pro .ce-fixed-product-copy .ce-datasheet-bar,
.ce-product-pro .ce-fixed-product-copy .ce-pro-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.ce-product-pro .ce-fixed-product-copy .ce-pro-actions {
  margin-top: 28px !important;
}

.ce-product-pro .ce-fixed-product-copy .ce-datasheet-bar {
  margin-top: 20px !important;
}

.ce-product-pro .ce-fixed-product-copy .ce-pro-badges {
  margin-top: 22px !important;
}

/* Narrow laptop: still two columns, smaller media */
@media (min-width: 820px) and (max-width: 1080px) {
  .ce-product-pro .ce-fixed-product-hero-inner {
    padding: 0 22px !important;
    gap: 24px !important;
    min-height: 520px !important;
  }

  .ce-product-pro .ce-fixed-product-copy {
    flex-basis: calc(100% - 350px) !important;
  }

  .ce-product-pro .ce-fixed-product-media {
    flex-basis: 330px !important;
    width: 330px !important;
    max-width: 330px !important;
    padding: 12px !important;
  }

  .ce-product-pro .ce-fixed-product-media img {
    height: 205px !important;
  }

  .ce-product-pro .ce-fixed-product-copy h1 {
    font-size: clamp(34px, 4.1vw, 48px) !important;
  }

  .ce-product-pro .ce-fixed-product-copy p {
    font-size: 14.5px !important;
  }

  .ce-product-pro .ce-fixed-product-copy .ce-pro-btn,
  .ce-product-pro .ce-fixed-product-copy .ce-datasheet-btn {
    min-height: 39px !important;
    padding: 10px 13px !important;
    font-size: 12px !important;
  }

  .ce-product-pro .ce-fixed-product-copy .ce-pro-badges span {
    min-height: 27px !important;
    padding: 5px 9px !important;
    font-size: 10.5px !important;
  }
}

/* Mobile only */
@media (max-width: 819px) {
  .ce-product-pro .ce-fixed-product-hero {
    background: linear-gradient(135deg,#06101d,#0b243a) !important;
    padding: 58px 0 !important;
  }

  .ce-product-pro .ce-fixed-product-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    min-height: auto !important;
    padding: 0 22px !important;
  }

  .ce-product-pro .ce-fixed-product-copy {
    flex: 1 1 auto !important;
    width: 100% !important;
  }

  .ce-product-pro .ce-fixed-product-media {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 620px !important;
  }
}

/* MASTER v18.2 — Stable Industries Page Fix */

.ce-industries-stable {
  background: #f6f8fb;
  color: #182235;
}

.ce-industries-stable .ce-ind-hero {
  background:
    radial-gradient(circle at 18% 18%, rgba(96,165,250,.13), transparent 30%),
    linear-gradient(112deg,#06101d 0%,#0b243a 58%,#f7f9fc 58.2%,#f7f9fc 100%);
  padding: 98px 0 86px;
}

.ce-industries-stable .ce-ind-wrap {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 28px;
}

.ce-industries-stable .ce-ind-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.04fr) minmax(360px,.82fr);
  gap: 54px;
  align-items: center;
}

.ce-industries-stable .ce-ind-eyebrow {
  display: block;
  color: #60a5fa;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin: 0 0 14px;
}

.ce-industries-stable .ce-ind-hero h1 {
  color: #fff;
  margin: 0 0 22px;
  font-size: clamp(46px,5.6vw,74px);
  line-height: 1.0;
  letter-spacing: -.06em;
  max-width: 900px;
}

.ce-industries-stable .ce-ind-hero p {
  color: #dbe5ef;
  font-size: 18px;
  line-height: 1.68;
  max-width: 780px;
  margin: 0;
}

.ce-industries-stable .ce-ind-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.ce-industries-stable .ce-ind-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 13px 20px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid transparent;
}

.ce-industries-stable .ce-ind-btn.primary {
  background: #145a8d;
  color: #fff;
  box-shadow: 0 14px 34px rgba(20,90,141,.28);
}

.ce-industries-stable .ce-ind-btn.secondary {
  background: #fff;
  color: #06101d;
  border-color: #dbe3ec;
}

.ce-industries-stable .ce-ind-side {
  background: linear-gradient(180deg,#fff,#f8fafc);
  border: 1px solid #e2e8f0;
  border-radius: 30px;
  padding: 28px;
  box-shadow: 0 34px 90px rgba(2,8,23,.20);
}

.ce-industries-stable .ce-ind-side h3 {
  margin: 0 0 14px;
  color: #06101d;
  font-size: 24px;
}

.ce-industries-stable .ce-ind-side ul {
  margin: 0;
  padding-left: 20px;
  color: #475569;
  line-height: 1.65;
}

.ce-industries-stable .ce-ind-side li {
  margin: 8px 0;
}

.ce-industries-stable .ce-ind-section {
  padding: 88px 0;
}

.ce-industries-stable .ce-ind-section.white {
  background: #fff;
}

.ce-industries-stable .ce-ind-head {
  max-width: 860px;
  margin: 0 auto 44px;
  text-align: center;
}

.ce-industries-stable .ce-ind-head h2 {
  margin: 0 0 16px;
  color: #06101d;
  font-size: clamp(34px,4.2vw,52px);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.ce-industries-stable .ce-ind-head p {
  margin: 0;
  color: #64748b;
  font-size: 18px;
  line-height: 1.65;
}

.ce-industries-stable .ce-ind-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
}

.ce-industries-stable .ce-ind-card {
  background: linear-gradient(180deg,#fff,#f8fafc);
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 16px 44px rgba(2,8,23,.06);
  transition: .22s ease;
}

.ce-industries-stable .ce-ind-card:hover {
  transform: translateY(-4px);
  border-color: rgba(20,90,141,.42);
  box-shadow: 0 22px 58px rgba(2,8,23,.09);
}

.ce-industries-stable .ce-ind-card small {
  display: block;
  color: #145a8d;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 900;
  font-size: 11px;
  margin-bottom: 10px;
}

.ce-industries-stable .ce-ind-card h3 {
  margin: 0 0 10px;
  color: #06101d;
  font-size: 24px;
  line-height: 1.2;
}

.ce-industries-stable .ce-ind-card p {
  margin: 0 0 18px;
  color: #64748b;
  line-height: 1.65;
}

.ce-industries-stable .ce-ind-card ul {
  margin: 0;
  padding-left: 20px;
  color: #475569;
}

.ce-industries-stable .ce-ind-card li {
  margin: 7px 0;
}

.ce-industries-stable .ce-ind-support {
  display: grid;
  grid-template-columns: 1fr .86fr;
  gap: 38px;
  align-items: stretch;
}

.ce-industries-stable .ce-ind-panel {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 26px;
  padding: 32px;
  box-shadow: 0 16px 44px rgba(2,8,23,.06);
}

.ce-industries-stable .ce-ind-panel h3 {
  margin: 0 0 14px;
  color: #06101d;
  font-size: 28px;
}

.ce-industries-stable .ce-ind-panel p,
.ce-industries-stable .ce-ind-panel li {
  color: #64748b;
  line-height: 1.65;
}

.ce-industries-stable .ce-ind-dark {
  background:
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.16), transparent 28%),
    linear-gradient(135deg,#06101d,#103a5b);
  color: #fff;
  border-radius: 32px;
  padding: 44px;
  box-shadow: 0 28px 72px rgba(2,8,23,.18);
}

.ce-industries-stable .ce-ind-dark h2 {
  color: #fff;
  margin: 0 0 12px;
  font-size: clamp(30px,4vw,44px);
  letter-spacing: -.04em;
}

.ce-industries-stable .ce-ind-dark p {
  color: #dbe5ef;
  margin: 0 0 22px;
  line-height: 1.65;
}

@media(max-width:960px) {
  .ce-industries-stable .ce-ind-hero {
    background: linear-gradient(135deg,#06101d,#0b243a);
    padding: 76px 0;
  }

  .ce-industries-stable .ce-ind-hero-grid,
  .ce-industries-stable .ce-ind-grid,
  .ce-industries-stable .ce-ind-support {
    grid-template-columns: 1fr;
  }
}

/* MASTER v18 — Enterprise Standards + Navigation Architecture */

/* Enterprise Mega Menu */
.site-header .nav-wrap,
.upgraded-header .nav-wrap {
  position: relative;
}

.main-nav .nav-link[href="products.html"],
.main-nav .nav-link[href="standards.html"],
.main-nav .nav-link[href="industries.html"] {
  position: relative;
}

.ce-mega-trigger {
  position: relative;
}

.ce-mega-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  width: min(1040px, calc(100vw - 40px));
  background: rgba(255,255,255,.98);
  border: 1px solid #dfe7ef;
  border-radius: 28px;
  box-shadow: 0 34px 90px rgba(2,8,23,.18);
  padding: 24px;
  display: none;
  z-index: 1600;
  backdrop-filter: blur(18px);
}

.ce-mega-trigger:hover .ce-mega-menu {
  display: block;
  animation: ceMega .18s ease-out forwards;
}

@keyframes ceMega {
  from { opacity: 0; transform: translateX(-50%) translateY(14px); }
  to { opacity: 1; transform: translateX(-50%) translateY(8px); }
}

.ce-mega-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr 1fr;
  gap: 18px;
}

.ce-mega-col {
  background: linear-gradient(180deg,#fff,#f8fafc);
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 18px;
}

.ce-mega-col h4 {
  margin: 0 0 12px;
  color: #06101d;
  font-size: 15px;
  letter-spacing: .02em;
}

.ce-mega-col a {
  display: block;
  padding: 9px 0;
  color: #475569;
  text-decoration: none;
  font-weight: 750;
  border-top: 1px solid rgba(226,232,240,.72);
}

.ce-mega-col a:first-of-type {
  border-top: 0;
}

.ce-mega-col a:hover {
  color: #145a8d;
}

.ce-mega-feature {
  background:
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.16), transparent 32%),
    linear-gradient(135deg,#06101d,#0b2a44);
  color: #fff;
  border-radius: 22px;
  padding: 22px;
}

.ce-mega-feature strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
}

.ce-mega-feature span {
  display: block;
  color: #dbe5ef;
  line-height: 1.55;
  margin-bottom: 18px;
}

.ce-mega-feature a {
  color: #fff;
  font-weight: 900;
  text-decoration: none;
}

/* Standards Page */
.ce-std-page {
  background:
    linear-gradient(180deg, rgba(246,248,251,.96), rgba(246,248,251,.96)),
    repeating-linear-gradient(90deg, rgba(15,23,42,.018) 0px, rgba(15,23,42,.018) 1px, transparent 1px, transparent 12px);
}

.ce-std-hero {
  padding: 104px 0 86px;
  background:
    radial-gradient(circle at 15% 20%, rgba(96,165,250,.13), transparent 30%),
    linear-gradient(112deg,#06101d 0%,#0b243a 58%,#f7f9fc 58.2%,#f7f9fc 100%);
}

.ce-std-hero-grid {
  display: grid;
  grid-template-columns: 1fr .9fr;
  gap: 54px;
  align-items: center;
}

.ce-std-hero h1 {
  color: #fff;
  margin: 0 0 22px;
  font-size: clamp(44px,5.6vw,74px);
  line-height: 1.0;
  letter-spacing: -.06em;
  max-width: 880px;
}

.ce-std-hero p {
  color: #dbe5ef;
  font-size: 18px;
  line-height: 1.7;
  max-width: 760px;
}

.ce-std-hero-card {
  background: linear-gradient(180deg,#fff,#f8fafc);
  border: 1px solid #e2e8f0;
  border-radius: 30px;
  padding: 26px;
  box-shadow: 0 34px 90px rgba(2,8,23,.2);
}

.ce-std-hero-card h3 {
  margin: 0 0 14px;
  color: #06101d;
}

.ce-std-hero-card ul {
  margin: 0;
  padding-left: 20px;
  color: #475569;
}

.ce-std-hero-card li {
  margin: 9px 0;
}

.ce-std-library {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 18px;
}

.ce-std-card {
  display: block;
  text-decoration: none;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 14px 40px rgba(2,8,23,.05);
  transition: .22s ease;
}

.ce-std-card:hover {
  transform: translateY(-4px);
  border-color: rgba(20,90,141,.42);
  box-shadow: 0 22px 58px rgba(2,8,23,.09);
}

.ce-std-card small {
  display: block;
  color: #145a8d;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 900;
  font-size: 11px;
  margin-bottom: 10px;
}

.ce-std-card strong {
  display: block;
  color: #06101d;
  font-size: 23px;
  margin-bottom: 8px;
}

.ce-std-card span {
  color: #64748b;
  line-height: 1.6;
}

.ce-std-matrix {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 16px 44px rgba(2,8,23,.06);
}

.ce-std-matrix table {
  width: 100%;
  border-collapse: collapse;
}

.ce-std-matrix th {
  background: #06101d;
  color: #fff;
  padding: 18px;
  text-align: left;
}

.ce-std-matrix td {
  padding: 18px;
  border-top: 1px solid #e2e8f0;
  vertical-align: top;
}

.ce-std-matrix tr:nth-child(even) td {
  background: #f8fafc;
}

.ce-std-split {
  display: grid;
  grid-template-columns: 1fr .88fr;
  gap: 38px;
  align-items: start;
}

.ce-std-panel {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 26px;
  padding: 32px;
  box-shadow: 0 16px 44px rgba(2,8,23,.06);
}

.ce-std-panel h3 {
  margin-top: 0;
  color: #06101d;
  font-size: 26px;
}

.ce-std-panel p,
.ce-std-panel li {
  color: #64748b;
  line-height: 1.65;
}

.ce-std-dark {
  background:
    radial-gradient(circle at 84% 12%, rgba(96,165,250,.16), transparent 30%),
    linear-gradient(135deg,#06101d,#0b2a44);
  color: #fff;
}

.ce-std-dark h3 {
  color: #fff;
}

.ce-std-dark p,
.ce-std-dark li {
  color: #dbe5ef;
}

/* Product-to-standard block */
.ce-product-standards-block {
  background: #fff;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  padding: 34px 0;
}

.ce-product-standards-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
}

.ce-product-standard-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 18px;
}

.ce-product-standard-item strong {
  display: block;
  color: #06101d;
  margin-bottom: 6px;
}

.ce-product-standard-item span {
  display: block;
  color: #64748b;
  line-height: 1.55;
}

/* Enterprise Footer upgrade */
.footer .footer-grid,
footer .footer-grid {
  grid-template-columns: 1.35fr .8fr .8fr .95fr .95fr !important;
  gap: 34px !important;
}

.ce-footer-standard-links a {
  display: block;
  margin: 7px 0;
}

/* Mobile */
@media(max-width: 960px) {
  .ce-mega-menu {
    display: none !important;
  }

  .ce-std-hero {
    background: linear-gradient(135deg,#06101d,#0b243a);
    padding: 76px 0;
  }

  .ce-std-hero-grid,
  .ce-std-split,
  .ce-std-library,
  .ce-product-standards-grid {
    grid-template-columns: 1fr;
  }

  .ce-std-library {
    gap: 14px;
  }

  .footer .footer-grid,
  footer .footer-grid {
    grid-template-columns: 1fr !important;
  }
}


/* MASTER v18.1 — Mega Menu Stability + Industries Page Patch */

/* Keep hover zone connected: no disappearing when cursor moves into dropdown */
.ce-mega-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.ce-mega-trigger::after {
  content: "";
  position: absolute;
  left: -22px;
  right: -22px;
  top: 100%;
  height: 18px;
  background: transparent;
  pointer-events: auto;
}

.ce-mega-menu {
  top: 100% !important;
  margin-top: 0 !important;
  padding-top: 24px !important;
  pointer-events: auto;
  z-index: 5000 !important;
}

.ce-mega-trigger:hover .ce-mega-menu,
.ce-mega-menu:hover {
  display: block !important;
}

.ce-mega-trigger .nav-link {
  position: relative;
  z-index: 5001;
}

/* Smoother and stable opening */
@keyframes ceMega {
  from { opacity: 0; transform: translateX(-50%) translateY(6px); }
  to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

.ce-mega-trigger:hover .ce-mega-menu {
  animation: ceMega .16s ease-out forwards;
}

/* Industries page enterprise rebuild */
.ce-industries-page {
  background:
    linear-gradient(180deg, rgba(246,248,251,.96), rgba(246,248,251,.96)),
    repeating-linear-gradient(90deg, rgba(15,23,42,.018) 0px, rgba(15,23,42,.018) 1px, transparent 1px, transparent 12px);
}

.ce-industries-hero {
  padding: 104px 0 86px;
  background:
    radial-gradient(circle at 16% 20%, rgba(96,165,250,.13), transparent 30%),
    linear-gradient(112deg,#06101d 0%,#0b243a 58%,#f7f9fc 58.2%,#f7f9fc 100%);
}

.ce-industries-hero-grid {
  display: grid;
  grid-template-columns: 1fr .9fr;
  gap: 54px;
  align-items: center;
}

.ce-industries-hero h1 {
  color: #fff;
  margin: 0 0 22px;
  font-size: clamp(44px,5.6vw,74px);
  line-height: 1.0;
  letter-spacing: -.06em;
  max-width: 900px;
}

.ce-industries-hero p {
  color: #dbe5ef;
  font-size: 18px;
  line-height: 1.7;
  max-width: 760px;
}

.ce-industries-card {
  background: linear-gradient(180deg,#fff,#f8fafc);
  border: 1px solid #e2e8f0;
  border-radius: 30px;
  padding: 28px;
  box-shadow: 0 34px 90px rgba(2,8,23,.2);
}

.ce-industries-card h3 {
  margin: 0 0 14px;
  color: #06101d;
}

.ce-industries-card ul {
  margin: 0;
  padding-left: 20px;
  color: #475569;
}

.ce-industries-card li {
  margin: 9px 0;
}

.ce-industries-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px;
}

.ce-industry-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 16px 44px rgba(2,8,23,.06);
  transition: .22s ease;
}

.ce-industry-card:hover {
  transform: translateY(-4px);
  border-color: rgba(20,90,141,.42);
  box-shadow: 0 22px 58px rgba(2,8,23,.09);
}

.ce-industry-card small {
  display: block;
  color: #145a8d;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 900;
  font-size: 11px;
  margin-bottom: 10px;
}

.ce-industry-card h3 {
  margin: 0 0 10px;
  color: #06101d;
  font-size: 24px;
}

.ce-industry-card p {
  margin: 0 0 18px;
  color: #64748b;
  line-height: 1.65;
}

.ce-industry-card ul {
  margin: 0;
  padding-left: 20px;
  color: #475569;
}

.ce-industry-card li {
  margin: 7px 0;
}

.ce-industries-rfq {
  background:
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.16), transparent 28%),
    linear-gradient(135deg,#06101d,#103a5b);
  border-radius: 32px;
  padding: 44px;
  color: #fff;
  box-shadow: 0 28px 72px rgba(2,8,23,.18);
}

.ce-industries-rfq h2 {
  color: #fff !important;
  margin-top: 0;
}

.ce-industries-rfq p {
  color: #dbe5ef;
}

@media(max-width: 960px) {
  .ce-industries-hero {
    background: linear-gradient(135deg,#06101d,#0b243a);
    padding: 76px 0;
  }

  .ce-industries-hero-grid,
  .ce-industries-grid {
    grid-template-columns: 1fr;
  }
}

/* MASTER v33 — Smart RFQ Platform v1 */

.ce-smart-rfq{
  background:#f6f8fb;
  color:#182235;
}

.ce-rfq-hero{
  background:
    radial-gradient(circle at 16% 18%, rgba(96,165,250,.13), transparent 30%),
    linear-gradient(112deg,#06101d 0%,#0b243a 58%,#f7f9fc 58.2%,#f7f9fc 100%);
  padding:86px 0 76px;
}

.ce-rfq-wrap{
  max-width:1220px;
  margin:0 auto;
  padding:0 28px;
}

.ce-rfq-hero h1{
  color:#fff;
  font-size:clamp(44px,5.4vw,72px);
  line-height:1.0;
  letter-spacing:-.06em;
  margin:0 0 18px;
  max-width:880px;
}

.ce-rfq-hero p{
  color:#dbe5ef;
  font-size:18px;
  line-height:1.68;
  max-width:760px;
}

.ce-rfq-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:28px;
  align-items:start;
  padding:72px 0;
}

.ce-rfq-form-panel{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:30px;
  box-shadow:0 20px 60px rgba(2,8,23,.08);
  overflow:hidden;
}

.ce-rfq-progress{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-bottom:1px solid #e2e8f0;
  background:#f8fafc;
}

.ce-rfq-progress span{
  padding:15px 10px;
  text-align:center;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-right:1px solid #e2e8f0;
}

.ce-rfq-progress span:last-child{border-right:0;}
.ce-rfq-progress span.active{background:#06101d;color:#fff;}

.ce-rfq-section{
  padding:30px;
  border-bottom:1px solid #e2e8f0;
}

.ce-rfq-section:last-child{border-bottom:0;}

.ce-rfq-section h2{
  color:#06101d;
  margin:0 0 8px;
  font-size:26px;
  letter-spacing:-.03em;
}

.ce-rfq-section p{
  color:#64748b;
  margin:0 0 22px;
  line-height:1.65;
}

.ce-rfq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.ce-rfq-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.ce-rfq-field.full{grid-column:1/-1;}

.ce-rfq-field label{
  font-size:13px;
  font-weight:900;
  color:#06101d;
}

.ce-rfq-field input,
.ce-rfq-field select,
.ce-rfq-field textarea{
  width:100%;
  border:1px solid #cfd9e4;
  border-radius:13px;
  padding:13px 14px;
  font:inherit;
  background:#fff;
  box-sizing:border-box;
}

.ce-rfq-dynamic{
  display:none;
  margin-top:18px;
  border:1px solid #e2e8f0;
  border-radius:22px;
  padding:20px;
  background:#f8fafc;
}

.ce-rfq-dynamic.is-active{display:block;}

.ce-rfq-dynamic h3{
  margin:0 0 16px;
  color:#06101d;
  font-size:20px;
}

.ce-rfq-items{
  border:1px solid #e2e8f0;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
}

.ce-rfq-item-row{
  display:grid;
  grid-template-columns:1.2fr .55fr .75fr 1.2fr 42px;
  gap:10px;
  padding:14px;
  border-bottom:1px solid #e2e8f0;
  align-items:center;
}

.ce-rfq-item-row:last-child{border-bottom:0;}

.ce-rfq-item-row input,
.ce-rfq-item-row select{
  border:1px solid #cfd9e4;
  border-radius:11px;
  padding:11px;
  font:inherit;
  width:100%;
  box-sizing:border-box;
}

.ce-rfq-remove{
  border:0;
  background:#fee2e2;
  color:#991b1b;
  border-radius:11px;
  width:38px;
  height:38px;
  cursor:pointer;
  font-weight:900;
}

.ce-rfq-add{
  margin-top:14px;
  border:1px solid #145a8d;
  background:#fff;
  color:#145a8d;
  border-radius:12px;
  padding:12px 16px;
  font-weight:900;
  cursor:pointer;
}

.ce-upload-zone{
  border:2px dashed #b9c7d6;
  background:#f8fafc;
  border-radius:24px;
  padding:28px;
  text-align:center;
  transition:.2s ease;
}

.ce-upload-zone.is-dragover{
  border-color:#145a8d;
  background:#eef7ff;
}

.ce-upload-zone strong{
  display:block;
  color:#06101d;
  font-size:18px;
  margin-bottom:8px;
}

.ce-upload-zone span{
  color:#64748b;
  display:block;
  line-height:1.55;
  margin-bottom:16px;
}

.ce-upload-zone input{
  max-width:420px;
}

.ce-rfq-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.ce-rfq-checks label{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:16px;
  padding:14px;
  color:#334155;
  font-weight:800;
}

.ce-rfq-submit{
  background:#145a8d;
  color:#fff;
  border:0;
  border-radius:14px;
  padding:15px 24px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 16px 38px rgba(20,90,141,.24);
}

.ce-rfq-sidebar{
  position:sticky;
  top:110px;
  display:grid;
  gap:18px;
}

.ce-rfq-side-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:24px;
  padding:24px;
  box-shadow:0 16px 44px rgba(2,8,23,.06);
}

.ce-rfq-side-card.dark{
  background:
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.16), transparent 28%),
    linear-gradient(135deg,#06101d,#103a5b);
  color:#fff;
}

.ce-rfq-side-card h3{
  margin:0 0 10px;
  color:#06101d;
}

.ce-rfq-side-card.dark h3{color:#fff;}

.ce-rfq-side-card p,
.ce-rfq-side-card li{
  color:#64748b;
  line-height:1.6;
}

.ce-rfq-side-card.dark p,
.ce-rfq-side-card.dark li{
  color:#dbe5ef;
}

.ce-rfq-id{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  display:inline-block;
  background:#eef6ff;
  color:#145a8d;
  padding:8px 10px;
  border-radius:10px;
  font-weight:900;
}

.ce-rfq-suggestion{
  display:none;
  border:1px solid #bfdbfe;
  background:#eff6ff;
  border-radius:18px;
  padding:18px;
  margin-top:18px;
}

.ce-rfq-suggestion.is-active{display:block;}

.ce-rfq-suggestion a{
  color:#145a8d;
  font-weight:900;
  text-decoration:none;
}

@media(max-width:980px){
  .ce-rfq-shell{grid-template-columns:1fr;}
  .ce-rfq-sidebar{position:static;}
  .ce-rfq-progress{grid-template-columns:1fr;}
}

@media(max-width:720px){
  .ce-rfq-grid,
  .ce-rfq-checks{grid-template-columns:1fr;}
  .ce-rfq-item-row{grid-template-columns:1fr;}
  .ce-rfq-remove{width:100%;}
}

/* Hide old nav */
.site-header,.upgraded-header,header.site-header{display:none!important}
.topbar{display:none!important}
.mobile-enterprise-bar{display:none!important}
.sticky-rfq{display:none!important}
/* ============================================================
   CASPIAN EDGE — Nav Override v35.1
   Aligns click-mega-nav with existing site colors (Inter font,
   white background, #06101d navy, #145a8d blue)
   ============================================================ */

/* ── Reset nav variables to match site palette ── */
.ce-v34-nav {
  --ce-nav-h: 72px;
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  height: var(--ce-nav-h);
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 4px 20px rgba(15,23,42,0.06);
  display: flex; align-items: center;
  padding: 0 24px; gap: 8px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
}

body { padding-top: var(--ce-nav-h); }

/* ── Logo ── */
.ce-v34-logo {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; margin-right: 16px; flex-shrink: 0;
}
.ce-v34-logo-mark {
  display: inline-grid; place-items: center;
  min-width: 40px; height: 40px; padding: 0 8px;
  background: #06101d; color: #fff;
  border-radius: 10px; font-weight: 900;
  font-size: 13px; letter-spacing: 0.06em;
  font-family: inherit;
}
.ce-v34-logo-text {
  font-size: 16px; font-weight: 800;
  color: #06101d; letter-spacing: 0.02em;
  line-height: 1.1;
}
.ce-v34-logo-sub {
  font-size: 10px; font-weight: 600;
  color: #145a8d; letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* ── Nav buttons ── */
.ce-v34-items { display: flex; align-items: center; gap: 2px; flex: 1; }
.ce-v34-item { position: relative; }

.ce-v34-btn {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 9px 12px; border-radius: 10px;
  font-size: 14px; font-weight: 750;
  color: #06101d; background: none; border: none;
  cursor: pointer; text-decoration: none;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  transition: color 0.15s, background 0.15s;
}
.ce-v34-btn:hover { color: #145a8d; background: #eef6fc; }
.ce-v34-btn.active { color: #145a8d; background: #eaf4fb; }
.ce-v34-btn svg { transition: transform 0.25s; }
.ce-v34-btn.active svg { transform: rotate(180deg); }

/* ── Right side ── */
.ce-v34-right { display: flex; align-items: center; gap: 8px; margin-left: auto; flex-shrink: 0; }

.ce-v34-rfq {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 10px 18px; border-radius: 10px;
  font-size: 14px; font-weight: 800;
  color: #fff; background: #145a8d;
  text-decoration: none; border: none; cursor: pointer;
  font-family: inherit;
  box-shadow: 0 8px 20px rgba(20,90,141,0.22);
  transition: background 0.15s, transform 0.1s;
}
.ce-v34-rfq:hover { background: #06101d; transform: translateY(-1px); }

/* ── Hamburger ── */
.ce-v34-hamburger {
  display: none; flex-direction: column; gap: 5px;
  width: 40px; height: 40px; padding: 9px;
  background: none; border: none; cursor: pointer;
  border-radius: 10px; transition: background 0.15s;
}
.ce-v34-hamburger:hover { background: #f1f5f9; }
.ce-v34-hamburger span {
  display: block; height: 2px; background: #06101d;
  transition: transform 0.25s, opacity 0.2s;
  transform-origin: center;
}
.ce-v34-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ce-v34-hamburger.open span:nth-child(2) { opacity: 0; }
.ce-v34-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ── Mega panel ── */
.ce-v34-panel {
  position: fixed; top: var(--ce-nav-h); left: 0; right: 0;
  background: rgba(255,255,255,0.98);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 20px 60px rgba(15,23,42,0.12);
  max-height: 0; overflow: hidden; opacity: 0;
  pointer-events: none;
  transition: max-height 0.4s cubic-bezier(0.16,1,0.3,1), opacity 0.25s ease;
  z-index: 999;
}
.ce-v34-panel.open {
  max-height: 600px; opacity: 1; pointer-events: all;
}

.ce-v34-inner {
  max-width: 1200px; margin: 0 auto;
  padding: 20px 24px 24px;
  display: grid; gap: 0;
}
.ce-v34-panel[data-panel="products"] .ce-v34-inner {
  grid-template-columns: 180px repeat(5, 1fr);
}
.ce-v34-panel[data-panel="industries"] .ce-v34-inner {
  grid-template-columns: 220px 1fr 1fr;
}
.ce-v34-panel[data-panel="standards"] .ce-v34-inner {
  grid-template-columns: 220px 1fr 1fr 1fr;
}

/* ── Desc column ── */
.ce-v34-desc {
  padding-right: 28px;
  border-right: 1px solid #e2e8f0;
  margin-right: 24px;
  display: flex; flex-direction: column; justify-content: space-between;
}
.ce-v34-desc-label {
  font-size: 10px; font-weight: 800;
  color: #145a8d; letter-spacing: 0.12em;
  text-transform: uppercase; margin-bottom: 10px;
}
.ce-v34-desc-title {
  font-size: 16px; font-weight: 800;
  color: #06101d; line-height: 1.35; margin-bottom: 10px;
}
.ce-v34-desc-body { font-size: 13px; color: #64748b; line-height: 1.6; flex: 1; }
.ce-v34-desc-cta {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 18px; font-size: 13px; font-weight: 800;
  color: #145a8d; text-decoration: none;
  padding: 8px 14px; border: 1px solid #c6dbea;
  border-radius: 8px; background: #f0f7fc;
  transition: background 0.15s, border-color 0.15s;
}
.ce-v34-desc-cta:hover { background: #dbedf8; border-color: #145a8d; }

/* ── Groups ── */
.ce-v34-group { padding: 0 10px; }
.ce-v34-group + .ce-v34-group { border-left: 1px solid #f1f5f9; }

.ce-v34-group-title {
  font-size: 10px; font-weight: 800;
  color: #145a8d; letter-spacing: 0.12em;
  text-transform: uppercase; margin-bottom: 12px;
  padding-left: 10px;
}

.ce-v34-links { list-style: none; display: flex; flex-direction: column; gap: 2px; }

.ce-v34-links a {
  display: flex; flex-direction: column;
  padding: 8px 10px; border-radius: 10px;
  text-decoration: none;
  transition: background 0.12s;
}
.ce-v34-links a:hover { background: #eef6fc; }
.ce-v34-links a:hover .ce-v34-link-title { color: #145a8d; }

.ce-v34-link-title {
  font-size: 13.5px; font-weight: 750;
  color: #06101d; transition: color 0.12s;
}
.ce-v34-link-sub {
  font-size: 11.5px; color: #94a3b8; margin-top: 1px;
}

/* ── Backdrop ── */
.ce-v34-backdrop {
  display: none; position: fixed; inset: 0;
  top: var(--ce-nav-h);
  background: rgba(15,23,42,0.25);
  z-index: 998;
}
.ce-v34-backdrop.visible { display: block; }

/* ── Mobile drawer ── */
.ce-v34-mobile {
  display: none;
  position: fixed; top: var(--ce-nav-h); left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 997;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: transform 0.3s cubic-bezier(0.16,1,0.3,1);
  border-top: 1px solid #e2e8f0;
}
.ce-v34-mobile.open { transform: translateX(0); }

.ce-v34-mob-section { border-bottom: 1px solid #f1f5f9; }
.ce-v34-mob-btn {
  width: 100%; display: flex; align-items: center;
  justify-content: space-between;
  padding: 16px 20px; background: none; border: none;
  cursor: pointer; font-size: 15px; font-weight: 750;
  color: #06101d; font-family: inherit;
}
.ce-v34-mob-btn span { transition: transform 0.25s; display: inline-block; }
.ce-v34-mob-btn.open span { transform: rotate(180deg); }

.ce-v34-mob-sub { overflow: hidden; max-height: 0; transition: max-height 0.35s cubic-bezier(0.16,1,0.3,1); }
.ce-v34-mob-sub.open { max-height: 600px; }

.ce-v34-mob-group { padding: 8px 20px 16px; }
.ce-v34-mob-title {
  font-size: 10px; font-weight: 800;
  color: #145a8d; letter-spacing: 0.12em;
  text-transform: uppercase; margin-bottom: 8px;
}
.ce-v34-mob-links { list-style: none; display: flex; flex-direction: column; gap: 1px; }
.ce-v34-mob-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 11px 12px; border-radius: 10px;
  text-decoration: none; font-size: 14px;
  font-weight: 650; color: #1e293b;
  transition: background 0.12s, color 0.12s;
}
.ce-v34-mob-links a:hover { background: #eef6fc; color: #145a8d; }
.ce-v34-mob-links a span { color: #94a3b8; font-size: 12px; }

.ce-v34-mob-simple { border-bottom: 1px solid #f1f5f9; }
.ce-v34-mob-simple a {
  display: block; padding: 16px 20px;
  font-size: 15px; font-weight: 750;
  color: #06101d; text-decoration: none;
  transition: color 0.15s;
}
.ce-v34-mob-simple a:hover { color: #145a8d; }

.ce-v34-mob-rfq { padding: 20px; }
.ce-v34-mob-rfq a {
  display: flex; align-items: center; justify-content: center;
  padding: 14px; border-radius: 12px;
  background: #145a8d; color: #fff;
  font-size: 15px; font-weight: 800;
  text-decoration: none; font-family: inherit;
  transition: background 0.15s;
}
.ce-v34-mob-rfq a:hover { background: #06101d; }

/* ── Responsive ── */
@media (max-width: 980px) {
  .ce-v34-items, .ce-v34-rfq { display: none; }
  .ce-v34-hamburger { display: flex; }
  .ce-v34-mobile { display: block; }
  .ce-v34-panel { display: none; }
}

/* ── Active underline ── */
.ce-v34-item::after {
  content: ''; position: absolute;
  bottom: -1px; left: 12px; right: 12px;
  height: 2px; background: #145a8d; border-radius: 2px;
  transform: scaleX(0);
  transition: transform 0.2s cubic-bezier(0.16,1,0.3,1);
}
.ce-v34-item:has(.ce-v34-btn.active)::after { transform: scaleX(1); }

/* ── Link animations on open ── */
.ce-v34-panel.open .ce-v34-links a {
  animation: navFadeUp 0.3s cubic-bezier(0.16,1,0.3,1) both;
}
.ce-v34-panel.open .ce-v34-group:nth-child(2) .ce-v34-links a { animation-delay: 0.04s; }
.ce-v34-panel.open .ce-v34-group:nth-child(3) .ce-v34-links a { animation-delay: 0.08s; }
.ce-v34-panel.open .ce-v34-group:nth-child(4) .ce-v34-links a { animation-delay: 0.12s; }
.ce-v34-panel.open .ce-v34-group:nth-child(5) .ce-v34-links a { animation-delay: 0.16s; }
@keyframes navFadeUp {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── v35.2 Premium Glass Nav ── */
.ce-v34-nav {
  background: rgba(255,255,255,0.88) !important;
  backdrop-filter: blur(14px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
  border-bottom: 1px solid rgba(6,16,29,0.08) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.6), 0 4px 24px rgba(6,16,29,0.07) !important;
}
.ce-v34-logo-mark {
  background: linear-gradient(135deg, #06101d, #1a3a5c) !important;
  box-shadow: 0 2px 8px rgba(6,16,29,0.25) !important;
}
.ce-v34-rfq {
  background: linear-gradient(135deg, #145a8d, #1a72b0) !important;
  box-shadow: 0 4px 14px rgba(20,90,141,0.3) !important;
  font-size: 13px !important;
  padding: 9px 16px !important;
}


/* ══ MEGA MENU — Alfa Laval Style v2 ══════════════ */

.ce-v34-panel {
  border-top: 3px solid #003F8A !important;
  background: #fff !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.15) !important;
  backdrop-filter: none !important;
}

/* Grid layout */
.ce-v34-inner {
  padding: 0 !important;
  display: grid !important;
  gap: 0 !important;
  align-items: stretch !important;
}
.ce-v34-panel[data-panel="products"]   .ce-v34-inner { grid-template-columns: 180px repeat(5, 1fr) !important; }
.ce-v34-panel[data-panel="industries"] .ce-v34-inner { grid-template-columns: 220px 1fr 1fr !important; }
.ce-v34-panel[data-panel="standards"]  .ce-v34-inner { grid-template-columns: 220px 1fr 1fr 1fr !important; }

/* ── Left dark column ── */
.ce-v34-desc {
  background: #001428 !important;
  padding: 28px 22px !important;
  border-right: none !important;
  margin-right: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 320px !important;
}
.ce-v34-desc-label {
  font-size: 9px !important;
  font-family: 'DM Mono', monospace !important;
  font-weight: 500 !important;
  color: #3a6a88 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}
.ce-v34-desc-title {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  margin-bottom: 10px !important;
}
.ce-v34-desc-body {
  font-size: 12px !important;
  color: #4a7a9a !important;
  line-height: 1.65 !important;
  flex: 1 !important;
}
.ce-v34-desc-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 22px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-decoration: none !important;
  padding: 9px 16px !important;
  background: #003F8A !important;
  border: none !important;
  border-radius: 2px !important;
  transition: background .15s !important;
  align-self: flex-start !important;
}
.ce-v34-desc-cta:hover { background: #0055B8 !important; }

/* ── Product group columns ── */
.ce-v34-group {
  padding: 24px 14px 24px 16px !important;
  border-left: 1px solid #efefef !important;
  border-right: none !important;
}
.ce-v34-group + .ce-v34-group { border-left: 1px solid #efefef !important; }

.ce-v34-group-title {
  font-size: 9px !important;
  font-weight: 700 !important;
  color: #003F8A !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  padding: 0 0 8px 0 !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #E8F0FA !important;
}

/* ── Links ── */
.ce-v34-links {
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
}
.ce-v34-links a {
  display: flex !important;
  flex-direction: column !important;
  padding: 8px 8px 8px 10px !important;
  text-decoration: none !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 !important;
  transition: all .12s !important;
}
.ce-v34-links a:hover {
  background: #EEF4FC !important;
  border-left-color: #003F8A !important;
}
.ce-v34-link-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.3 !important;
  transition: color .12s !important;
}
.ce-v34-link-sub {
  font-size: 11px !important;
  color: #909090 !important;
  margin-top: 2px !important;
  line-height: 1.3 !important;
}
.ce-v34-links a:hover .ce-v34-link-title { color: #003F8A !important; }
.ce-v34-links a:hover .ce-v34-link-sub   { color: #5a8aaa !important; }

/* Backdrop */
.ce-v34-backdrop.visible { background: rgba(0,0,0,.25) !important; }

/* ── Global mobile floating button hide ── */
.ce-rfq-floating { display: none !important; }

/* ── Mobile drawer improvements ── */
@media (max-width: 980px) {
  .ce-v34-mobile {
    background: #fff !important;
  }
  .ce-v34-mob-btn {
    font-size: 15px !important;
    padding: 18px 20px !important;
    color: #1a1a1a !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }
  .ce-v34-mob-btn.open {
    color: #003F8A !important;
    background: #f8fbff !important;
  }
  .ce-v34-mob-links a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    padding: 13px 16px !important;
    border-bottom: 1px solid #f8f8f8 !important;
  }
  .ce-v34-mob-links a:hover {
    background: #EEF4FC !important;
    color: #003F8A !important;
  }
  .ce-v34-mob-title {
    color: #003F8A !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
  }
  .ce-v34-mob-simple a {
    font-size: 15px !important;
    padding: 18px 20px !important;
    color: #1a1a1a !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }
  .ce-v34-mob-rfq a {
    background: #003F8A !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    padding: 16px !important;
  }
}






/* ══════════════════════════════════════════════════════
   HOMEPAGE — All sections
   PA section mirrors working pa-local-test.html exactly
══════════════════════════════════════════════════════ */

/* Strip */
.al-strip { background: #001428; }
.al-strip-inner { max-width:1240px; margin:0 auto; padding:0 48px; display:flex; align-items:center; overflow-x:auto; scrollbar-width:none; }
.al-strip-inner::-webkit-scrollbar { display:none; }
.al-strip-label { font-size:9px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:rgba(100,150,210,.45); padding:18px 28px 18px 0; margin-right:16px; border-right:1px solid rgba(255,255,255,.06); flex-shrink:0; white-space:nowrap; }
.al-strip-item { display:flex; align-items:center; gap:10px; padding:18px 24px 18px 0; flex-shrink:0; }
.al-strip-dot { width:5px; height:5px; background:#0055B8; border-radius:50%; opacity:.7; }
.al-strip-text { font-size:10.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:rgba(190,215,245,.65); white-space:nowrap; }
.ce-transition-band { height:3px; background:linear-gradient(90deg,#003F8A 0%,rgba(0,63,138,.3) 50%,transparent 100%); }

/* ── Industry ── */
.ce-ind-section { padding:88px 0; background:#fff; border-top:1px solid #e5e8ec; }
.ce-ind-wrap { max-width:1240px; margin:0 auto; padding:0 48px; }
.ce-ind-header { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:flex-end; margin-bottom:40px; }
.ce-ind-kicker { display:inline-flex; align-items:center; gap:12px; font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#003F8A; margin-bottom:14px; }
.ce-ind-kicker::before { content:''; display:block; width:20px; height:1.5px; background:#003F8A; flex-shrink:0; }
.ce-ind-h2 { font-size:clamp(24px,2.6vw,36px); font-weight:800; line-height:1.1; letter-spacing:-.025em; color:#0f1923; margin:0; }
.ce-ind-sub { font-size:15px; line-height:1.7; color:#374151; margin:0; }
.ce-ind-grid { display:grid; grid-template-columns:1.2fr 1fr; grid-template-rows:310px 260px; gap:12px; }
.ce-ind-card { position:relative; display:block; text-decoration:none; overflow:hidden; background-size:cover; background-position:center 30%; background-color:#001428; transition:transform .3s ease,box-shadow .3s ease; }
.ce-ind-card:hover { transform:translateY(-2px); box-shadow:0 24px 56px rgba(0,15,50,.18); z-index:1; }
.ce-ind-card--lg { grid-row:1/3; }
.ce-ind-card:nth-child(2) { grid-column:2; grid-row:1; }
.ce-ind-card:nth-child(3) { grid-column:2; grid-row:2; }
.ce-ind-card:nth-child(4) { display:none; }
.ce-ind-overlay { position:absolute; inset:0; background:linear-gradient(175deg,rgba(0,8,20,.15) 0%,rgba(0,12,30,.6) 50%,rgba(0,10,25,.94) 100%); }
.ce-ind-body { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; height:100%; padding:24px 26px; gap:6px; }
.ce-ind-tag { font-size:9px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:rgba(120,180,255,.7); }
.ce-ind-title { font-size:clamp(15px,1.5vw,19px); font-weight:800; letter-spacing:-.02em; line-height:1.25; color:#fff; margin:0; }
.ce-ind-card--lg .ce-ind-title { font-size:clamp(19px,1.9vw,24px); }
.ce-ind-desc { font-size:13px; line-height:1.6; color:rgba(185,215,245,.7); margin:2px 0 4px; }
.ce-ind-card:not(.ce-ind-card--lg) .ce-ind-desc { display:none; }
.ce-ind-specs { display:flex; flex-wrap:wrap; gap:5px; margin-top:2px; }
.ce-ind-specs span { font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:rgba(150,205,255,.8); background:rgba(0,40,100,.5); border:1px solid rgba(80,150,230,.2); padding:3px 8px; }
.ce-ind-cta { font-size:11.5px; font-weight:700; color:rgba(255,255,255,.7); padding-top:10px; border-top:1px solid rgba(255,255,255,.09); margin-top:4px; transition:color .2s; }
.ce-ind-card:hover .ce-ind-cta { color:#7bc4f5; }
.ce-ind-footer { margin-top:24px; display:flex; justify-content:flex-end; }
.ce-ind-all-btn { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:#003F8A; text-decoration:none; border-bottom:1.5px solid rgba(0,63,138,.2); padding-bottom:2px; transition:gap .2s,border-color .2s; }
.ce-ind-all-btn:hover { gap:13px; border-color:#003F8A; }

/* ── Core sections ── */
.al-section { padding:88px 0; background:#fff; border-top:1px solid #e5e8ec; }
.al-section-alt { background:#f0f3f7; }
.al-wrap { max-width:1240px; margin:0 auto; padding:0 48px; }
.al-section-label { display:inline-flex; align-items:center; gap:12px; font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#003F8A; margin-bottom:14px; }
.al-section-label::before { content:''; display:block; width:20px; height:1.5px; background:#003F8A; flex-shrink:0; }
.al-h2 { font-size:clamp(26px,2.8vw,38px); font-weight:800; line-height:1.1; letter-spacing:-.028em; color:#0f1923; margin:0 0 14px; }
.al-sub { font-size:15px; line-height:1.7; color:#374151; max-width:500px; margin:0 0 48px; }
.al-how-grid { display:grid; grid-template-columns:1fr 420px; gap:80px; align-items:start; }
.al-steps { display:flex; flex-direction:column; }
.al-step { display:flex; gap:20px; align-items:flex-start; padding:22px 0; border-bottom:1px solid #e5e8ec; }
.al-step:first-child { padding-top:0; }
.al-step:last-child { border-bottom:none; padding-bottom:0; }
.al-step-num { font-size:11px; font-weight:700; color:#003F8A; background:#E8F1FB; width:34px; height:34px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.al-step-title { font-size:15px; font-weight:700; color:#0f1923; margin-bottom:5px; }
.al-step-desc { font-size:13.5px; line-height:1.65; color:#374151; }
.al-rfq-mock { background:#001428; border:1px solid rgba(255,255,255,.06); border-top:2px solid #003F8A; padding:24px; display:flex; flex-direction:column; gap:10px; position:sticky; top:80px; }
.al-rfq-mock::before { content:'LIVE RFQ PACKAGE'; font-size:9px; font-weight:700; letter-spacing:.22em; color:rgba(100,170,255,.5); margin-bottom:2px; }
.al-mock-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); border-left:2px solid #0055B8; padding:12px 14px; display:flex; flex-direction:column; gap:9px; }
.al-mock-label { font-size:9.5px; font-weight:600; letter-spacing:.1em; color:rgba(175,210,245,.75); text-transform:uppercase; }
.al-mock-line { height:4px; background:rgba(255,255,255,.09); border-radius:2px; }
.al-mock-line.hi { background:rgba(0,100,200,.45); }
.al-mock-status { display:flex; align-items:center; gap:10px; padding:11px 14px; background:rgba(0,80,160,.18); border:1px solid rgba(0,100,200,.2); font-size:9.5px; font-weight:600; letter-spacing:.07em; color:rgba(140,205,255,.9); }
.al-mock-dot { width:7px; height:7px; background:#22c55e; border-radius:50%; animation:cePulse 2.2s ease-in-out infinite; }
@keyframes cePulse { 0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.2)} 50%{box-shadow:0 0 0 7px rgba(34,197,94,.06)} }
.al-why-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.al-why-pts { display:flex; flex-direction:column; }
.al-why-pt { display:flex; gap:20px; align-items:flex-start; padding:22px 0; border-bottom:1px solid #e5e8ec; }
.al-why-pt:first-child { padding-top:0; }
.al-why-pt:last-child { border-bottom:none; padding-bottom:0; }
.al-why-icon { width:34px; height:34px; background:#E8F1FB; border:1px solid rgba(0,63,138,.12); flex-shrink:0; margin-top:2px; position:relative; }
.al-why-icon::after { content:''; position:absolute; inset:9px; background:#003F8A; clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%); }
.al-why-title { font-size:15px; font-weight:700; color:#0f1923; margin-bottom:5px; }
.al-why-desc { font-size:13.5px; line-height:1.65; color:#374151; }
.al-stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#e5e8ec; border:1px solid #e5e8ec; margin-bottom:24px; }
.al-stat { background:#fff; padding:24px 20px; display:flex; flex-direction:column; gap:5px; }
.al-stat-num { font-size:38px; font-weight:800; letter-spacing:-.04em; color:#0f1923; line-height:1; }
.al-stat-lbl { font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#6b7280; }
.al-support-items { display:flex; flex-direction:column; gap:12px; }
.al-support-item { background:#f0f3f7; border:1px solid #e5e8ec; border-left:3px solid #003F8A; padding:18px 20px; }
.al-support-label { font-size:9.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#003F8A; margin-bottom:7px; }
.al-support { font-size:13.5px; line-height:1.65; color:#374151; }
.al-contact { display:flex; flex-direction:column; gap:10px; }
.al-contact-row { display:flex; align-items:center; gap:14px; padding:14px 16px; background:#f0f3f7; border:1px solid #e5e8ec; }
.al-contact-icon { width:36px; height:36px; background:#003F8A; flex-shrink:0; }
.al-contact-main { font-size:15px; font-weight:700; color:#0f1923; }
.al-contact-sub { font-size:12px; color:#6b7280; }
.al-cta { padding:96px 48px; background:#001830; position:relative; overflow:hidden; }
.al-cta::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(0,80,200,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,80,200,.04) 1px,transparent 1px); background-size:48px 48px; pointer-events:none; }
.al-cta::after { content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,#003F8A,transparent 60%); }
.al-cta-inner { max-width:1240px; margin:0 auto; position:relative; z-index:1; display:grid; grid-template-columns:1fr auto; gap:64px; align-items:center; }
.al-cta h2 { font-size:clamp(26px,3vw,42px); font-weight:800; letter-spacing:-.03em; line-height:1.08; color:#fff; margin:0 0 12px; }
.al-cta p { font-size:15px; line-height:1.7; color:rgba(195,220,245,.78); max-width:540px; margin:0; }
.al-cta-acts { display:flex; flex-direction:column; gap:12px; align-items:flex-start; flex-shrink:0; }
.al-cta-meta { max-width:1240px; margin:48px auto 0; position:relative; z-index:1; display:flex; align-items:center; gap:20px; flex-wrap:wrap; padding-top:32px; border-top:1px solid rgba(255,255,255,.07); }
.al-cta-meta span { color:rgba(120,150,180,.4); font-size:12px; }
.al-cta-meta a { font-size:11px; font-weight:600; letter-spacing:.07em; color:rgba(160,200,245,.65); text-decoration:none; }
.al-cta-meta a:hover { color:rgba(200,225,255,.9); }
.al-btn { display:inline-flex; align-items:center; gap:10px; font-size:13.5px; font-weight:700; text-decoration:none; padding:13px 24px; border:2px solid transparent; cursor:pointer; transition:all .2s ease; white-space:nowrap; }
.al-btn-white { background:#fff; color:#001428; border-color:#fff; }
.al-btn-white:hover { background:#E8F1FB; transform:translateY(-1px); box-shadow:0 8px 24px rgba(0,0,0,.15); }
.al-btn-outline-white { background:transparent; color:rgba(255,255,255,.8); border-color:rgba(255,255,255,.22); }
.al-btn-outline-white:hover { border-color:rgba(255,255,255,.5); color:#fff; }
.ce-view-all { font-size:13px; font-weight:600; color:#003F8A; text-decoration:none; border-bottom:1.5px solid rgba(0,63,138,.2); padding-bottom:1px; }
.al-footer { background:#060e1a; padding:64px 0 0; }
.al-footer-grid { max-width:1240px; margin:0 auto; padding:0 48px 52px; display:grid; grid-template-columns:2.2fr 1fr 1fr 1fr; gap:48px; border-bottom:1px solid rgba(255,255,255,.055); }
.al-footer-brand { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.al-footer-mark { width:34px; height:34px; background:#003F8A; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; color:#fff; letter-spacing:.05em; flex-shrink:0; }
.al-footer-name { font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#fff; }
.al-footer-desc { font-size:13px; line-height:1.75; color:rgba(175,200,230,.5); margin:0 0 18px; max-width:320px; }
.al-footer-contact { font-size:13px; line-height:2; color:rgba(175,200,230,.55); }
.al-footer-contact a { color:rgba(160,200,250,.7); text-decoration:none; }
.al-footer-contact a:hover { color:#fff; }
.al-footer h4 { font-size:9.5px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.28); margin:0 0 18px; }
.al-footer-links { display:flex; flex-direction:column; gap:12px; }
.al-footer-links a { font-size:13.5px; color:rgba(185,210,240,.6); text-decoration:none; }
.al-footer-links a:hover { color:rgba(220,235,255,.95); }
.al-footer-bottom { max-width:1240px; margin:0 auto; padding:18px 48px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.al-footer-bottom > span { font-size:11.5px; color:rgba(140,170,210,.38); }
.al-footer-stds { display:flex; gap:20px; flex-wrap:wrap; }
.al-footer-stds span { font-size:9.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:rgba(120,155,200,.35); }

/* Responsive */
@media (max-width:1100px) {
  .al-wrap,.ce-ind-wrap { padding-left:32px; padding-right:32px; }
  .ce-ind-header { grid-template-columns:1fr; gap:16px; }
  .ce-ind-grid { grid-template-columns:1fr 1fr; grid-template-rows:260px 240px; }
  .ce-ind-card--lg { grid-row:1; }
  .al-how-grid { grid-template-columns:1fr; gap:48px; }
  .al-rfq-mock { position:static; }
  .al-why-grid { grid-template-columns:1fr; gap:48px; }
  .al-cta { padding:72px 32px; }
  .al-cta-inner { grid-template-columns:1fr; gap:40px; }
  .al-cta-acts { flex-direction:row; }
  .al-footer-grid { padding:0 32px 40px; grid-template-columns:1fr 1fr; gap:32px; }
  .al-footer-grid > div:first-child { grid-column:1/3; }
  .al-footer-bottom { padding:18px 32px; }
}
@media (max-width:900px) {
  .ce-ind-card:nth-child(3) { grid-column:1; grid-row:2; }
  .ce-ind-card:nth-child(4) { display:block; grid-column:2; grid-row:2; }
}
@media (max-width:700px) {
  .al-wrap,.ce-ind-wrap { padding-left:20px; padding-right:20px; }
  .al-section { padding:64px 0; }
  .ce-ind-grid { grid-template-columns:1fr; grid-template-rows:repeat(3,240px); }
  .ce-ind-card:nth-child(n) { grid-column:1 !important; grid-row:auto !important; }
  .ce-ind-card:nth-child(4) { display:block; }
  .al-cta { padding:56px 20px; }
  .al-cta-inner { gap:32px; }
  .al-cta-acts { flex-direction:column; width:100%; }
  .al-btn { width:100%; justify-content:center; }
  .al-footer-grid { padding:0 20px 32px; grid-template-columns:1fr 1fr; gap:24px; }
  .al-footer-grid > div:first-child { grid-column:1/3; }
  .al-footer-bottom { padding:18px 20px; flex-direction:column; align-items:flex-start; }
}
@media (max-width:480px) {
  .al-footer-grid { grid-template-columns:1fr; }
  .al-footer-grid > div:first-child { grid-column:1; }
}



/* =========================================================
   V93 PRODUCT SECTION REBUILD ONLY
   Scope: #product-architecture only.
   Purpose: rebuild the product card matrix with a clean,
   stable, enterprise B2B grid and no legacy masonry behavior.
   ========================================================= */

#product-architecture.ce-pa-section {
  padding: 96px 0 104px !important;
  background: #f6f4ef !important;
  overflow: visible !important;
}

#product-architecture .ce-pa-header {
  width: min(1220px, calc(100% - 72px)) !important;
  max-width: 1220px !important;
  margin: 0 auto 38px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr) !important;
  gap: 88px !important;
  align-items: end !important;
}

#product-architecture .ce-pa-kicker {
  font-family: 'DM Mono', 'Courier New', monospace !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #003F8A !important;
  margin: 0 0 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#product-architecture .ce-pa-kicker::before {
  content: '' !important;
  display: block !important;
  width: 20px !important;
  height: 1.5px !important;
  background: #003F8A !important;
  flex-shrink: 0 !important;
}

#product-architecture .ce-pa-h2 {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
  font-size: clamp(24px, 2.5vw, 36px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -.028em !important;
  color: #0d1920 !important;
  margin: 0 !important;
}

#product-architecture .ce-pa-h2-muted { color: #64748b !important; }

#product-architecture .ce-pa-desc {
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  color: #475569 !important;
  margin: 0 0 22px !important;
}

#product-architecture .ce-pa-all-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #003F8A !important;
  text-decoration: none !important;
  border-bottom: 1.5px solid rgba(0,63,138,.22) !important;
  padding-bottom: 2px !important;
}

#product-architecture .ce-pa-all-link:hover {
  gap: 13px !important;
  border-color: #003F8A !important;
}

#product-architecture .ce-pa-clean-grid {
  width: min(1220px, calc(100% - 72px)) !important;
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-template-rows: 325px 285px !important;
  gap: 24px !important;
}

/* Row 1: two controlled feature cards */
#product-architecture .ce-pa-clean-card-1 {
  grid-column: 1 / 4 !important;
  grid-row: 1 / 2 !important;
}

#product-architecture .ce-pa-clean-card-2 {
  grid-column: 4 / 7 !important;
  grid-row: 1 / 2 !important;
}

/* Row 2: three equal cards */
#product-architecture .ce-pa-clean-card-3 {
  grid-column: 1 / 3 !important;
  grid-row: 2 / 3 !important;
}

#product-architecture .ce-pa-clean-card-4 {
  grid-column: 3 / 5 !important;
  grid-row: 2 / 3 !important;
}

#product-architecture .ce-pa-clean-card-5 {
  grid-column: 5 / 7 !important;
  grid-row: 2 / 3 !important;
}

#product-architecture .ce-pa-clean-card {
  position: relative !important;
  display: block !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 2px !important;
  background: #07111f !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow:
    0 1px 0 rgba(0,0,0,.10),
    0 18px 38px rgba(15,23,42,.08) !important;
  isolation: isolate !important;
}

#product-architecture .ce-pa-clean-img-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 0 !important;
}

#product-architecture .ce-pa-clean-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: saturate(.84) contrast(1.05) brightness(.93) !important;
  transform: scale(1.01) !important;
}

#product-architecture .ce-pa-clean-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(
      180deg,
      rgba(7,17,31,.02) 0%,
      rgba(7,17,31,.28) 42%,
      rgba(7,17,31,.88) 100%
    ) !important;
}

#product-architecture .ce-pa-clean-content {
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 26px !important;
  z-index: 2 !important;
}

#product-architecture .ce-pa-clean-title {
  margin: 0 0 8px !important;
  font-size: 26px !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em !important;
  color: #fff !important;
}

#product-architecture .ce-pa-clean-card-3 .ce-pa-clean-title,
#product-architecture .ce-pa-clean-card-4 .ce-pa-clean-title,
#product-architecture .ce-pa-clean-card-5 .ce-pa-clean-title {
  font-size: 23px !important;
}

#product-architecture .ce-pa-clean-sub {
  margin: 0 0 12px !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  color: rgba(255,255,255,.88) !important;
}

#product-architecture .ce-pa-clean-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 0 13px !important;
}

#product-architecture .ce-pa-clean-tags span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 21px !important;
  padding: 5px 9px !important;
  background: rgba(0,63,138,.90) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

#product-architecture .ce-pa-clean-cta {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  color: #fff !important;
}

#product-architecture .ce-pa-clean-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 2px !important;
  background: #003F8A !important;
  z-index: 3 !important;
}

#product-architecture .ce-pa-clean-card::after {
  content: "" !important;
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 62px !important;
  height: 1px !important;
  background: rgba(255,255,255,.24) !important;
  z-index: 2 !important;
}

#product-architecture .ce-pa-clean-card:hover .ce-pa-clean-img {
  transform: scale(1.045) !important;
  transition: transform .45s ease !important;
}

/* Tablet */
@media (max-width: 1024px) {
  #product-architecture .ce-pa-header {
    width: min(100% - 40px, 800px) !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin-bottom: 34px !important;
  }

  #product-architecture .ce-pa-clean-grid {
    width: min(100% - 40px, 800px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 24px !important;
  }

  #product-architecture .ce-pa-clean-card {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 300px !important;
  }

  #product-architecture .ce-pa-clean-card-1 {
    grid-column: 1 / -1 !important;
  }
}

/* Mobile */
@media (max-width: 720px) {
  #product-architecture.ce-pa-section {
    padding: 64px 0 !important;
  }

  #product-architecture .ce-pa-header,
  #product-architecture .ce-pa-clean-grid {
    width: calc(100% - 32px) !important;
  }

  #product-architecture .ce-pa-clean-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  #product-architecture .ce-pa-clean-card {
    min-height: 300px !important;
  }
}





/* =========================================================
   FINAL PRODUCT ARCHITECTURE LOCK — v97
   Scope locked to #product-architecture only.
   Fixes legacy/card override conflicts and forces the clean
   5-card premium grid to render correctly.
   ========================================================= */
#product-architecture.ce-pa-section {
  padding: 96px 0 104px !important;
  background: #f6f4ef !important;
  overflow: visible !important;
  display: block !important;
}
#product-architecture .ce-pa-clean-grid {
  width: min(1220px, calc(100% - 72px)) !important;
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-template-rows: 325px 285px !important;
  gap: 24px !important;
  align-items: stretch !important;
  list-style: none !important;
}
#product-architecture .ce-pa-clean-card,
#product-architecture a.ce-pa-clean-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 2px !important;
  background: #07111f !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.10), 0 18px 38px rgba(15,23,42,.08) !important;
  isolation: isolate !important;
  float: none !important;
  clear: none !important;
  transform: none !important;
}
#product-architecture .ce-pa-clean-card-1 { grid-column: 1 / 4 !important; grid-row: 1 / 2 !important; }
#product-architecture .ce-pa-clean-card-2 { grid-column: 4 / 7 !important; grid-row: 1 / 2 !important; }
#product-architecture .ce-pa-clean-card-3 { grid-column: 1 / 3 !important; grid-row: 2 / 3 !important; }
#product-architecture .ce-pa-clean-card-4 { grid-column: 3 / 5 !important; grid-row: 2 / 3 !important; }
#product-architecture .ce-pa-clean-card-5 { grid-column: 5 / 7 !important; grid-row: 2 / 3 !important; }
#product-architecture .ce-pa-clean-img-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 0 !important;
  display: block !important;
}
#product-architecture img.ce-pa-clean-img,
#product-architecture .ce-pa-clean-img-wrap img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: saturate(.84) contrast(1.05) brightness(.93) !important;
  transform: scale(1.01) !important;
}
#product-architecture .ce-pa-clean-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  display: block !important;
  background: linear-gradient(180deg, rgba(7,17,31,.02) 0%, rgba(7,17,31,.28) 42%, rgba(7,17,31,.88) 100%) !important;
}
#product-architecture .ce-pa-clean-content {
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: 26px !important;
  z-index: 2 !important;
  display: block !important;
  width: auto !important;
  max-width: calc(100% - 56px) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
}
#product-architecture .ce-pa-clean-title,
#product-architecture .ce-pa-clean-content h3 {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 26px !important;
  line-height: 1.04 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: #fff !important;
  text-decoration: none !important;
}
#product-architecture .ce-pa-clean-card-3 .ce-pa-clean-title,
#product-architecture .ce-pa-clean-card-4 .ce-pa-clean-title,
#product-architecture .ce-pa-clean-card-5 .ce-pa-clean-title { font-size: 23px !important; }
#product-architecture .ce-pa-clean-sub,
#product-architecture .ce-pa-clean-content p {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,.88) !important;
  text-decoration: none !important;
}
#product-architecture .ce-pa-clean-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 0 13px !important;
  padding: 0 !important;
}
#product-architecture .ce-pa-clean-tags span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 21px !important;
  padding: 5px 9px !important;
  background: rgba(0,63,138,.90) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  text-decoration: none !important;
  border: 0 !important;
}
#product-architecture .ce-pa-clean-cta {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  text-decoration: none !important;
}
@media (max-width: 1024px) {
  #product-architecture .ce-pa-clean-grid {
    width: min(100% - 40px, 800px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 24px !important;
  }
  #product-architecture .ce-pa-clean-card,
  #product-architecture a.ce-pa-clean-card {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 300px !important;
    height: auto !important;
    aspect-ratio: 1.18 / 1 !important;
  }
  #product-architecture .ce-pa-clean-card-1 { grid-column: 1 / -1 !important; }
}
@media (max-width: 720px) {
  #product-architecture .ce-pa-clean-grid {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  #product-architecture .ce-pa-clean-card,
  #product-architecture a.ce-pa-clean-card {
    min-height: 300px !important;
    aspect-ratio: auto !important;
  }
  #product-architecture .ce-pa-clean-content {
    left: 22px !important;
    right: 22px !important;
    bottom: 22px !important;
    max-width: calc(100% - 44px) !important;
  }
}

/* HOMEPAGE PREMIUM UPGRADE — v98 external sync marker */