.demo-bar{padding:7px 0;background:#04142e;color:#aebdd0;font-size:12px;text-align:center}.demo-bar a{margin-left:12px;color:#fff;text-decoration:underline}.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:rgba(255,255,255,.98)}.header-inner{display:flex;align-items:center;min-height:82px;gap:24px}.site-brand{display:flex;align-items:center;gap:12px;min-width:300px}.site-brand>span:last-child{display:flex;flex-direction:column;line-height:1.2}.site-brand strong{font-size:19px;letter-spacing:.02em}.site-brand small{margin-top:4px;color:var(--muted);font-size:8px;letter-spacing:.05em;text-transform:uppercase}.platform-logo{display:block;flex:0 0 auto;width:48px;height:48px;border-radius:50%;object-fit:cover;mix-blend-mode:multiply}.site-footer .platform-logo{width:43px;height:43px;background:#fff;mix-blend-mode:normal}.site-brand .custom-logo{width:auto;max-width:130px;max-height:52px}.primary-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:14px;font-weight:650;white-space:nowrap}.primary-nav a{position:relative;padding:30px 0}.primary-nav a:after{position:absolute;right:0;bottom:19px;left:0;height:2px;transform:scaleX(0);background:var(--blue);content:"";transition:.2s}.primary-nav a:hover,.primary-nav a.current{color:var(--blue)}.primary-nav a.current:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:10px;font-size:13px}.header-actions .btn{min-height:40px;padding:9px 14px}.sign-in{padding:10px}.menu-toggle{display:none;margin-left:auto;padding:10px;border:0;background:transparent}.menu-toggle span:not(.screen-reader-text){display:block;width:24px;height:2px;margin:5px;background:var(--ink)}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#061833 0%,#092b61 59%,#073d83 100%);color:#fff}.hero:before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;content:"";mask-image:linear-gradient(90deg,#000,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:650px;align-items:center;gap:46px}.hero-copy{padding:72px 0 90px}.hero h1{max-width:790px;margin:19px 0 22px;font-size:clamp(48px,5.6vw,78px);line-height:1.02;letter-spacing:-.055em}.hero-copy>p{max-width:660px;margin:0 0 31px;color:#c4d4e9;font-size:18px}.hero-search{display:grid;grid-template-columns:auto 1fr 132px 112px;max-width:760px;padding:6px;border-radius:11px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.24)}.hero-search>span{display:grid;padding-left:12px;place-items:center;color:#6d7d91}.hero-search input,.hero-search select{min-width:0;border:0;outline:0;color:var(--ink);background:#fff}.hero-search input{padding:14px 10px}.hero-search select{border-left:1px solid var(--line);padding:0 11px}.hero-search button,.directory-search button{border:0;border-radius:7px;background:var(--orange);color:#fff;font-weight:800;cursor:pointer}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:22px}.hero-text-link{color:#d8e7fc;border-bottom:1px solid rgba(255,255,255,.32);font-weight:650}.popular{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px!important;font-size:12px!important}.popular a{padding:3px 10px;border:1px solid rgba(255,255,255,.19);border-radius:999px;color:#d9e6f8}.hero-visual{position:relative;align-self:end}.hero-visual>img{width:100%;max-height:590px;object-fit:contain;object-position:bottom}.hero-card{position:absolute;right:0;bottom:54px;display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(5,22,49,.82);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.hero-card>span{display:grid;width:42px;height:42px;place-items:center;border-radius:9px;background:#fff;color:var(--blue)}.hero-card div{display:flex;flex-direction:column}.hero-card small{color:#aebfd5}.trust-strip{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-54px;border:1px solid rgba(255,255,255,.13);border-bottom:0;border-radius:13px 13px 0 0;background:rgba(3,18,41,.78);backdrop-filter:blur(12px)}.trust-strip div{padding:22px 30px;border-right:1px solid rgba(255,255,255,.12)}.trust-strip div:last-child{border:0}.trust-strip strong{display:block;font-size:25px}.trust-strip span{color:#aebfd5;font-size:12px}
.category-section{background:var(--soft)}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-card{position:relative;min-height:180px;padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:.2s}.category-card:hover{transform:translateY(-4px);border-color:#9ec0f4;box-shadow:var(--shadow)}.category-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:10px;background:var(--sky);color:var(--blue)}.category-card strong{display:block;margin-top:21px;line-height:1.25}.category-card small{display:block;margin-top:6px;color:var(--muted)}.category-arrow{position:absolute;right:16px;bottom:16px;color:#a5b3c5}.category-arrow .icon{width:18px;height:18px}
.products-section{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 7px 28px rgba(13,39,74,.055);transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{position:relative;display:block;height:220px;overflow:hidden;background:#e8eef6}.product-image img{width:100%;height:100%;object-fit:cover;transition:.3s}.product-card:hover .product-image img{transform:scale(1.025)}.image-label{position:absolute;bottom:12px;left:12px;padding:5px 9px;border-radius:5px;background:rgba(6,27,57,.86);color:#fff;font-size:10px;font-weight:750}.product-body{padding:18px}.card-eyebrow{display:block;color:#78889e;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.product-card h3,.supplier-card h3{margin:6px 0 10px;font-size:17px;line-height:1.35}.price{color:#cf472b;font-size:17px;font-weight:850}.moq{margin:3px 0 13px;color:var(--muted);font-size:12px}.moq strong{color:var(--ink)}.card-supplier{padding-top:12px;border-top:1px solid var(--line);color:#43546b;font-size:12px}.verified{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:4px 7px;border-radius:5px;background:var(--green-bg);color:var(--green);font-size:10px;font-weight:800;text-transform:uppercase}.verified .icon{width:13px;height:13px}.card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:13px;border-top:1px solid var(--line);color:var(--blue);font-size:13px;font-weight:750}.card-actions>a:first-child{display:inline-flex;align-items:center;gap:5px}.contact-icon{display:grid!important;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--sky)}.contact-icon .icon{width:17px;height:17px}
.suppliers-section{background:var(--soft)}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.supplier-card{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 7px 28px rgba(13,39,74,.05)}.supplier-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.supplier-top>div:last-child{text-align:right}.company-logo{display:grid;width:58px;height:58px;overflow:hidden;place-items:center;border:1px solid #cadbf2;border-radius:12px;background:linear-gradient(145deg,#e9f1ff,#fff);color:var(--blue);font-size:18px;font-weight:900}.company-logo img{width:100%;height:100%;object-fit:cover}.supplier-main{min-height:51px;color:var(--muted);font-size:13px}.company-facts{display:grid;grid-template-columns:1fr 1fr;margin:17px 0}.company-facts div{padding:8px 0;border-top:1px solid var(--line)}.company-facts div+div{padding-left:14px;border-left:1px solid var(--line)}.company-facts dt{color:var(--muted);font-size:10px;text-transform:uppercase}.company-facts dd{margin:2px 0 0;font-size:12px;font-weight:750}.markets{min-height:42px;color:#53657c;font-size:11px}
.rfq-band{background:linear-gradient(125deg,#061b3b,#0b3674);color:#fff}.rfq-band-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}.rfq-band h2{margin:12px 0 18px;font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-.04em}.rfq-band-grid>div:first-child>p{max-width:570px;color:#bed0e7}.process-list{display:grid;gap:13px;margin-top:30px}.process-list span{display:flex;align-items:center;gap:14px}.process-list b{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#9fc3f7;font-size:11px}.mini-rfq{padding:30px;border-radius:17px;background:#fff;color:var(--ink);box-shadow:0 26px 75px rgba(0,0,0,.22)}.mini-rfq h3{margin:0 0 20px;font-size:25px}.rfq-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.rfq-form label{display:block;color:#33445a;font-size:12px;font-weight:700}.rfq-form input,.rfq-form select,.rfq-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cad6e5;border-radius:7px;background:#fff;color:var(--ink);outline:0}.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,97,232,.1)}.rfq-form .full{grid-column:1/-1}.rfq-form .form-privacy{margin:14px 0 12px;color:var(--muted);font-size:10px}.rfq-form .form-privacy a{text-decoration:underline}.rfq-form .btn{width:100%}.form-assurance{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;color:var(--muted);font-size:10px}.form-assurance .icon{width:14px}.form-trap{position:absolute;left:-10000px}.form-notice{margin-bottom:17px;padding:14px;border-radius:8px;font-size:13px}.form-notice p{margin:4px 0 0}.form-notice.is-success{background:var(--green-bg);color:var(--green)}.form-notice.is-error{background:#fff0ed;color:#9c2f20}.inquiry-context{margin-bottom:16px;padding:11px 13px;border-left:3px solid var(--blue);background:var(--sky);font-size:13px}.inquiry-context a{color:var(--blue);font-weight:750}
.zones-section{background:#fff}.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.zone-card{position:relative;display:block;min-height:310px;overflow:hidden;border-radius:15px;background:var(--navy);color:#fff}.zone-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:.35s}.zone-card:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(3,16,37,.94) 100%);content:""}.zone-card:hover>img{transform:scale(1.035)}.zone-content{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:25px}.zone-kicker{color:#a7c9fa;font-size:9px;font-weight:850;letter-spacing:.16em}.zone-content h3{display:flex;align-items:center;justify-content:space-between;margin:7px 0 3px;font-size:25px}.zone-content h3 .icon{width:19px}.zone-content p{margin:0;color:#cfdaea;font-size:12px}.zone-count{display:inline-block;margin-top:14px;color:#9fb1c7;font-size:10px}.service-section{background:var(--soft)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:27px;border:1px solid var(--line);border-radius:14px;background:#fff}.service-top{display:flex;align-items:center;justify-content:space-between}.service-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:10px;background:var(--sky);color:var(--blue)}.service-number{color:#c0c9d6;font-size:13px;font-weight:850}.service-card h3{margin:22px 0 9px;font-size:19px}.service-card p{min-height:52px;margin:0 0 17px;color:var(--muted);font-size:13px}.final-cta{padding:63px 0;background:linear-gradient(110deg,#0d57ce,#092e68);color:#fff}.final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{margin:8px 0 4px;font-size:40px;line-height:1.15}.final-cta p{margin:0;color:#c7d8f0}.final-cta .container>div:last-child{display:flex;gap:10px}
.site-footer{padding:65px 0 20px;background:#06162f;color:#a9b7ca}.footer-main{display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:60px}.site-brand.inverse strong{color:#fff}.site-brand.inverse small{color:#97abc3}.footer-brand p{max-width:380px;margin:25px 0 16px;color:#9cabc0;font-size:13px}.operator-signature{display:flex;align-items:center;gap:9px;color:#71839b;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.operator-signature img{width:92px;height:auto;opacity:.7}.verified.dark{background:rgba(255,255,255,.08);color:#c9dcf7}.footer-main h2{margin:0 0 16px;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.footer-main>div:not(:first-child) a{display:block;margin:10px 0;font-size:13px}.footer-main>div:not(:first-child) a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;margin-top:46px;padding-top:19px;border-top:1px solid rgba(255,255,255,.11);font-size:11px}
.page-hero{padding:94px 0 88px;background:linear-gradient(115deg,#061933,#0b3c80);color:#fff}.page-hero.compact{padding:67px 0}.page-hero h1{max-width:850px;margin:10px 0 12px;font-size:clamp(42px,5vw,66px);line-height:1.06;letter-spacing:-.045em}.page-hero p{max-width:740px;margin:0;color:#c2d1e5;font-size:17px}.directory-search{display:grid;grid-template-columns:auto 1fr 160px;max-width:720px;margin-top:28px;padding:6px;border-radius:9px;background:#fff}.directory-search>span{display:grid;padding-left:10px;place-items:center;color:#708198}.directory-search input{min-width:0;padding:12px;border:0;outline:0}.breadcrumbs{display:flex;gap:9px;padding-top:22px;color:var(--muted);font-size:12px}.breadcrumbs a{color:var(--blue)}.directory-layout{display:grid;grid-template-columns:250px 1fr;gap:28px;padding-top:28px;padding-bottom:90px}.filter-panel{height:max-content;padding:21px;border:1px solid var(--line);border-radius:13px;background:#fff}.filter-title,.results-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.filter-title h2{margin:0;font-size:19px}.filter-title a{color:var(--blue);font-size:11px}.filter-panel form{display:grid;gap:15px;margin-top:18px}.filter-panel label{font-size:11px;font-weight:750}.filter-panel select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff}.filter-help{margin:24px -21px -21px;padding:21px;border-radius:0 0 13px 13px;background:var(--navy);color:#fff}.filter-help p{color:#adbed4;font-size:12px}.filter-help a{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:12px;font-weight:750}.directory-results.full{padding:30px 0 90px}.results-heading{margin-bottom:21px}.results-heading h2{margin:4px 0 0;font-size:25px}.demo-chip{padding:6px 10px;border-radius:999px;background:#fff4e8;color:#a55710;font-size:10px;font-weight:800;text-transform:uppercase}.directory-grid.product-grid{grid-template-columns:repeat(3,1fr)}.directory-grid.supplier-grid{grid-template-columns:repeat(3,1fr)}.nav-links{display:flex;justify-content:center;gap:6px;margin-top:35px}.page-numbers{display:grid;min-width:38px;height:38px;padding:0 10px;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--blue);font-size:12px}.page-numbers.current{border-color:var(--blue);background:var(--blue);color:#fff}.empty-state{grid-column:1/-1;padding:70px 25px;border:1px dashed #bccbdd;border-radius:13px;background:var(--soft);text-align:center}.empty-state h2{margin-top:0}.archive-zones,.archive-services{margin-bottom:60px}.archive-zones .zone-card{min-height:360px}
.detail-main{background:var(--soft)}.product-detail{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;padding-top:24px}.primary-image{position:relative;height:575px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#e9eff7}.primary-image img{width:100%;height:100%;object-fit:cover}.image-note{position:absolute;right:10px;bottom:10px;padding:4px 7px;border-radius:4px;background:rgba(4,20,45,.78);color:#fff;font-size:9px}.gallery-thumbs{display:flex;gap:9px;margin-top:10px}.gallery-thumbs button{width:74px;height:64px;padding:0;overflow:hidden;border:2px solid var(--blue);border-radius:7px;background:#fff}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.product-summary{padding:10px 0}.product-summary h1{margin:7px 0 13px;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em}.lead{color:var(--muted)}.quote-box{display:grid;grid-template-columns:1.35fr .65fr;margin:25px 0;border:1px solid #c9d7e8;border-radius:10px;background:#fff}.quote-box div{padding:17px}.quote-box div+div{border-left:1px solid var(--line)}.quote-box span{display:block;color:var(--muted);font-size:11px}.quote-box strong{display:block;margin-top:4px;color:#c93f26;font-size:21px}.summary-facts{margin:0}.summary-facts div,.contact-panel dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.summary-facts dt,.contact-panel dt{color:var(--muted)}.summary-facts dd,.contact-panel dd{margin:0;font-weight:700;text-align:right}.detail-actions{display:flex;gap:10px;margin-top:25px}.price-note{color:var(--muted);font-size:10px}.detail-content-layout{display:grid;grid-template-columns:1fr 330px;gap:28px;padding:50px 0 90px}.detail-content{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.detail-tabs{position:sticky;top:0;z-index:3;display:flex;gap:25px;padding:18px 25px;border-bottom:1px solid var(--line);background:#fff;font-size:12px;font-weight:750}.detail-tabs a{color:var(--blue)}.content-block{padding:30px}.content-block+.content-block{border-top:1px solid var(--line)}.content-block h2,.content-card h2{margin-top:0;font-size:27px}.spec-list{display:grid;gap:9px}.spec-list div{display:flex;gap:10px;padding:11px 13px;border-radius:7px;background:var(--soft);font-size:13px}.spec-list div>span{color:var(--green)}.spec-list .icon{width:17px;height:17px}.detail-sidebar{display:grid;height:max-content;gap:18px;position:sticky;top:20px}.supplier-panel,.support-panel,.contact-panel{padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff}.supplier-panel h2,.support-panel h2,.contact-panel h2{margin:8px 0;font-size:22px;line-height:1.25}.supplier-panel p,.support-panel p,.contact-panel p{color:var(--muted);font-size:13px}.support-panel{background:linear-gradient(145deg,#eaf2ff,#fff)}.support-panel>span{display:grid;width:45px;height:45px;place-items:center;border-radius:9px;background:var(--blue);color:#fff}.support-panel .btn{width:100%}.related-section{border-top:1px solid var(--line);background:#fff}
.company-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;margin-top:24px;padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff}.company-logo.large{width:94px;height:94px;font-size:27px}.company-hero h1{margin:5px 0;font-size:38px;line-height:1.15}.company-hero p{margin:0;color:var(--muted)}.profile-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.profile-badges>span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;background:var(--soft);font-size:10px;font-weight:750}.profile-badges .verified{margin:0;background:var(--green-bg)}.profile-badges .icon{width:14px;height:14px}.company-cta{display:flex;flex-direction:column;align-items:stretch;text-align:center}.company-cta small{margin-top:7px;color:var(--muted);font-size:9px}.profile-nav{margin-top:22px;border-block:1px solid var(--line);background:#fff}.profile-nav .container{display:flex;gap:28px}.profile-nav a{padding:15px 0;color:#4a5b71;font-size:12px;font-weight:750}.profile-layout,.zone-detail,.service-detail-grid,.two-column-page{display:grid;grid-template-columns:1fr 330px;gap:28px;padding-top:30px;padding-bottom:90px}.profile-layout article{display:grid;gap:20px}.content-card{padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff}.profile-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:25px;background:var(--line)}.profile-facts div{padding:15px;background:#fff}.profile-facts dt{color:var(--muted);font-size:10px;text-transform:uppercase}.profile-facts dd{margin:3px 0 0;font-size:13px;font-weight:700}.factory-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.factory-gallery img{width:100%;height:210px;object-fit:cover;border-radius:9px}.image-note.below{position:static;color:var(--muted);background:transparent}.zone-hero,.service-detail-hero{background:linear-gradient(115deg,#061933,#0b3c80);color:#fff}.zone-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:510px;gap:50px}.zone-hero h1,.service-detail-hero h1{margin:8px 0 13px;font-size:64px;line-height:1}.zone-hero p,.service-detail-hero p{color:#c5d4e8}.zone-hero img{width:100%;max-height:430px;object-fit:cover;border-radius:15px}.metric-card{height:max-content;padding:28px;border-radius:14px;background:var(--navy);color:#fff}.metric-card strong{display:block;font-size:58px;line-height:1}.metric-card span{color:#a9c5e9;font-size:12px}.metric-card p{color:#adbed4;font-size:12px}.service-detail-hero{padding:85px 0}.service-detail-hero .container{max-width:940px}.service-icon.large{width:61px;height:61px;margin-bottom:20px;background:#fff}.service-detail-hero h1{max-width:820px}.legal-page{margin-top:30px;margin-bottom:90px;max-width:900px}.legal-page h2:not(:first-child){margin-top:30px}.about-intro{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center;padding-top:50px;padding-bottom:70px}.about-intro h2{margin:10px 0 20px;font-size:42px;line-height:1.15}.about-intro p{color:var(--muted)}.about-art img{width:100%}.platform-flow{background:var(--soft)}.flow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.flow-grid article{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.flow-grid article>span{color:var(--blue)}.flow-grid h3{margin:14px 0 7px}.flow-grid p{margin:0;color:var(--muted);font-size:12px}.disclosure-section{background:#fff}.disclosure-section .content-card{max-width:900px;margin:auto;background:#fff8eb}.rfq-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;padding-top:30px;padding-bottom:90px}.rfq-card,.rfq-aside{padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff}.step-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}.step-row div{display:flex;align-items:center;gap:8px;padding:10px;border-radius:7px;background:var(--soft);font-size:11px}.step-row span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:9px}.rfq-card h2{margin-bottom:2px;font-size:29px}.rfq-card .intro{margin-top:0;color:var(--muted);font-size:12px}.rfq-aside h2{margin:8px 0 18px;font-size:28px;line-height:1.25}.rfq-aside ul{display:grid;gap:12px;padding:0;list-style:none}.rfq-aside li{display:flex;align-items:center;gap:9px;font-size:13px}.rfq-aside li .icon{width:17px;color:var(--green)}.privacy-box{display:flex;gap:12px;margin-top:26px;padding:16px;border-radius:10px;background:var(--soft)}.privacy-box>svg{color:var(--blue)}.privacy-box p{margin:2px 0 0;color:var(--muted);font-size:11px}.required{color:#c93f26}
@media(max-width:1180px){.primary-nav{gap:15px}.header-actions .sign-in,.header-actions .btn-outline{display:none}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.directory-grid.product-grid,.directory-grid.supplier-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.container{width:min(var(--width),calc(100% - 32px))}.menu-toggle{display:block}.primary-nav{position:absolute;top:100%;right:16px;left:16px;display:none;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.primary-nav.is-open{display:grid}.primary-nav a{padding:9px}.primary-nav a:after{display:none}.header-actions{margin-left:0}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:70px 0 20px}.hero-visual{max-width:600px;margin:auto}.trust-strip{margin-top:0}.product-grid{grid-template-columns:repeat(2,1fr)}.supplier-grid{grid-template-columns:repeat(2,1fr)}.rfq-band-grid,.product-detail,.detail-content-layout,.profile-layout,.zone-detail,.service-detail-grid,.two-column-page,.rfq-layout{grid-template-columns:1fr}.detail-sidebar{position:static}.zone-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.directory-layout{grid-template-columns:1fr}.filter-panel{position:static}.company-hero{grid-template-columns:auto 1fr}.company-cta{grid-column:1/-1}.zone-hero-grid{grid-template-columns:1fr;padding:70px 0}.zone-hero-grid>div:last-child{display:none}.about-intro{grid-template-columns:1fr}.flow-grid{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer-main>div:last-child{display:none}}
@media(max-width:620px){body{font-size:15px}.container{width:min(var(--width),calc(100% - 24px))}.demo-bar{font-size:10px}.demo-bar a{display:block;margin:0}.header-inner{min-height:68px}.site-brand{min-width:0}.site-brand strong{font-size:17px}.site-brand small{display:none}.platform-logo{width:38px;height:38px}.header-actions{display:none}.hero h1{font-size:45px}.hero-copy{padding-top:54px}.hero-search{grid-template-columns:auto 1fr}.hero-search select{display:none}.hero-search button{grid-column:1/-1;padding:12px;margin-top:4px}.hero-actions{align-items:stretch;flex-direction:column}.hero-text-link{text-align:center}.hero-visual{display:none}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip div:nth-child(2){border-right:0}.trust-strip div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.trust-strip div{padding:17px}.section{padding:65px 0}.section-heading{align-items:start;flex-direction:column;margin-bottom:25px}.section-heading h2{font-size:34px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:155px;padding:16px}.product-grid,.supplier-grid,.zone-grid,.service-grid,.directory-grid.product-grid,.directory-grid.supplier-grid{grid-template-columns:1fr}.rfq-band-grid{gap:35px}.mini-rfq{padding:18px}.rfq-form .form-grid{grid-template-columns:1fr}.rfq-form .full{grid-column:auto}.process-list{font-size:13px}.final-cta .container,.footer-bottom{align-items:flex-start;flex-direction:column}.final-cta .container>div:last-child{width:100%;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.page-hero,.page-hero.compact{padding:58px 0}.page-hero h1{font-size:42px}.directory-search{grid-template-columns:auto 1fr}.directory-search button{grid-column:1/-1;padding:12px}.directory-layout{padding-bottom:65px}.primary-image{height:390px}.quote-box{grid-template-columns:1fr}.quote-box div+div{border-top:1px solid var(--line);border-left:0}.detail-tabs{overflow:auto}.detail-actions{flex-direction:column}.company-hero{grid-template-columns:1fr}.company-logo.large{width:76px;height:76px}.profile-nav{overflow:auto}.profile-nav .container{width:max-content}.profile-facts,.factory-gallery{grid-template-columns:1fr}.zone-hero h1,.service-detail-hero h1{font-size:47px}.flow-grid{grid-template-columns:1fr}.about-intro h2{font-size:34px}.step-row{grid-template-columns:1fr}.rfq-card,.rfq-aside,.content-card{padding:22px}}

/* Full-bleed homepage cover behind the centered hero content. */
.hero{
 isolation:isolate;
}
.hero-cover{
 position:absolute;
 inset:0;
 z-index:0;
 display:block;
 width:100%;
 height:100%;
 overflow:hidden;
 pointer-events:none;
}
.hero-cover img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center 44%;
}
.hero:before{
 z-index:1;
 opacity:.44;
 pointer-events:none;
}
.hero:after{
 position:absolute;
 inset:0;
 z-index:1;
 background:
  linear-gradient(180deg,rgba(3,16,38,.72) 0%,rgba(4,27,61,.58) 48%,rgba(3,17,40,.86) 100%),
  linear-gradient(90deg,rgba(3,18,42,.18),rgba(7,58,123,.1));
 content:"";
 pointer-events:none;
}

/* Centered homepage hero and horizontally scrollable campaign cards. */
.hero-centered{
 position:relative;
 z-index:2;
 display:flex;
 min-width:0;
 flex-direction:column;
 align-items:center;
 padding-bottom:52px;
 text-align:center;
}
.hero-centered .hero-copy{
 width:100%;
 min-width:0;
 padding:68px 0 38px;
}
.hero-centered h1{
 max-width:900px;
 margin:18px auto 20px;
 font-size:clamp(46px,5vw,68px);
 line-height:1.03;
}
.hero-centered .hero-copy>p{
 max-width:700px;
 margin:0 auto 28px;
}
.hero-centered .hero-search{
 width:100%;
 margin-inline:auto;
}
.hero-search button{
 background:var(--blue);
 transition:background-color .2s ease;
}
.hero-search button:hover{
 background:var(--blue-2);
}
.hero-centered .hero-actions,
.hero-centered .popular{
 justify-content:center;
}
.hero-centered h1,
.hero-centered .eyebrow,
.hero-centered .hero-copy>p,
.hero-centered .hero-text-link,
.hero-centered .popular,
.hero-ad-controls>span{
 text-shadow:0 2px 12px rgba(1,10,25,.58);
}
.hero-ad-carousel{
 position:relative;
 z-index:2;
 width:100%;
 min-width:0;
 max-width:1180px;
 margin-inline:auto;
 text-align:left;
}
.hero-ad-controls{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 margin-bottom:14px;
 color:#d8e6f8;
}
.hero-ad-controls>span{
 font-size:13px;
 font-weight:750;
 letter-spacing:.08em;
 text-transform:uppercase;
}
.hero-ad-controls>div{
 display:flex;
 gap:8px;
}
.hero-ad-controls button{
 display:grid;
 width:42px;
 height:42px;
 padding:0;
 place-items:center;
 border:1px solid rgba(255,255,255,.28);
 border-radius:50%;
 background:rgba(4,23,51,.74);
 color:#fff;
 cursor:pointer;
 transition:border-color .2s,background-color .2s,transform .2s;
}
.hero-ad-controls button:hover{
 border-color:#fff;
 background:rgba(255,255,255,.14);
 transform:translateY(-1px);
}
.hero-ad-controls button:focus-visible{
 outline:3px solid rgba(255,255,255,.42);
 outline-offset:2px;
}
.hero-ad-controls button:disabled{
 opacity:.42;
 cursor:default;
 transform:none;
}
.hero-ad-controls button .icon{
 width:18px;
 height:18px;
}
.hero-ad-track{
 display:flex;
 width:100%;
 max-width:100%;
 min-width:0;
 gap:16px;
 overflow-x:auto;
 overflow-y:hidden;
 padding:0 0 8px;
 scroll-behavior:smooth;
 scroll-snap-type:x mandatory;
 scroll-padding-inline:0;
 overscroll-behavior-inline:contain;
 scrollbar-width:none;
 -ms-overflow-style:none;
 -webkit-overflow-scrolling:touch;
}
.hero-ad-track::-webkit-scrollbar{
 display:none;
}
.hero-ad-slide{
 position:relative;
 flex:0 0 44%;
 aspect-ratio:16/9;
 min-width:0;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.2);
 border-radius:14px;
 background:#061a38;
 color:#fff;
 scroll-snap-align:start;
 scroll-snap-stop:always;
 box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.hero-ad-slide:after{
 position:absolute;
 inset:0;
 background:linear-gradient(180deg,transparent 30%,rgba(3,17,38,.86) 100%);
 content:"";
 pointer-events:none;
}
.hero-ad-slide>img{
 width:100%;
 height:100%;
 object-fit:cover;
 transition:transform .35s ease;
}
.hero-ad-slide:hover>img{
 transform:scale(1.025);
}
.hero-ad-slide:focus-visible{
 outline:3px solid #fff;
 outline-offset:-4px;
}
.hero-ad-copy{
 position:absolute;
 right:20px;
 bottom:18px;
 left:20px;
 z-index:1;
 display:grid;
 gap:3px;
 text-shadow:0 2px 12px rgba(0,0,0,.5);
}
.hero-ad-copy strong{
 font-size:20px;
 line-height:1.2;
}
.hero-ad-copy small{
 overflow:hidden;
 color:#d4e1f1;
 font-size:12px;
 line-height:1.45;
 text-overflow:ellipsis;
 white-space:nowrap;
}
@media(max-width:900px){
 .hero-cover img{object-position:center 42%}
 .hero:after{background:linear-gradient(180deg,rgba(3,16,38,.8) 0%,rgba(4,27,61,.68) 50%,rgba(3,17,40,.88) 100%)}
 .hero-centered{padding-bottom:44px}
 .hero-centered .hero-copy{padding:54px 0 32px}
 .hero-centered h1{font-size:clamp(43px,7vw,60px)}
 .hero-ad-slide{flex-basis:88%}
}
@media(max-width:620px){
 .hero-cover img{object-position:center center}
 .hero:after{background:linear-gradient(180deg,rgba(3,16,38,.82) 0%,rgba(4,27,61,.7) 46%,rgba(3,17,40,.9) 100%)}
 .hero-centered{padding-bottom:34px}
 .hero-centered .hero-copy{padding:44px 0 28px}
 .hero-centered h1{margin-top:15px;font-size:clamp(38px,11vw,46px)}
 .hero-centered .hero-copy>p{margin-bottom:23px;font-size:16px}
 .hero-centered .hero-actions{gap:14px}
 .hero-centered .popular{align-items:center}
 .hero-ad-controls{margin-bottom:11px}
 .hero-ad-controls>span{font-size:11px;letter-spacing:.06em}
 .hero-ad-controls button{width:40px;height:40px}
 .hero-ad-track{gap:12px}
 .hero-ad-slide{flex-basis:88%;aspect-ratio:16/10;border-radius:12px}
 .hero-ad-copy{right:16px;bottom:14px;left:16px}
 .hero-ad-copy strong{font-size:17px}
 .hero-ad-copy small{font-size:11px}
}
