/* Company-site composition based on the user's chosen reference. */
:root{--navy:#142768;--deep:#071d3c;--blue:#172c73}.header{background:var(--navy);color:white;border-bottom:0}.header-inner{width:min(1430px,calc(100% - 60px));gap:20px}.brand img{background:white;border-radius:2px}.brand strong{font-size:27px}.brand small,.header-phone span{color:#c0cde9}.header-phone{border-color:#ffffff30;padding-left:20px}.header-phone strong{font-size:18px}nav{gap:25px}nav a{font-size:16px;font-weight:500;color:white}nav a:hover,nav a.active{color:#fff}nav a.active:after{background:#48d7b0;width:100%}.reference-home .header{position:absolute;left:0;right:0;top:0;background:linear-gradient(#071d3ccb,#071d3c55);border-bottom:1px solid #ffffff14}.reference-home .hero-inner{padding-top:150px;min-height:630px}.reference-home .hero:before{background:linear-gradient(90deg,#04172bea 0%,#04172b99 42%,#04172b05 100%)}.reference-home .hero h1{font-size:50px;line-height:1.45}.reference-home .hero h1 span{color:#fff}.reference-home .hero-description{font-size:21px}.reference-home .hero .eyebrow{color:#bedbef}.hero-bottom{background:#071d3caa}.products-section{background:#f6f8fc}.products-section .section-heading{display:block;text-align:center}.products-section .section-heading .eyebrow{margin-top:10px;color:#168c71}.products-section .section-heading>p{font-size:14px;margin-top:14px}.product-grid{gap:25px}.product-card{position:relative;box-shadow:none;padding:25px;border:1px solid #e3e8f0;min-height:286px;border-radius:0}.product-photo{width:110px;height:128px;object-fit:contain;float:right;margin-left:10px;background:white;position:absolute;right:20px;top:56px}.product-card:has(.product-photo) h3,.product-card:has(.product-photo) p{max-width:calc(100% - 115px)}.product-card:has(.product-photo) h3{margin-top:22px;font-size:20px}.product-card:has(.product-photo) p{font-size:13px}.product-card:has(.product-photo) .card-number{font-size:11px}.product-card .card-action{width:auto;align-self:flex-start;border:0;background:var(--navy);color:white;padding:8px 14px;border-radius:3px;font-weight:400;margin-top:auto;font-size:13px}.product-card:hover .card-action{background:var(--blue)}.product-cta{border-radius:0}.page-banner{padding:65px 0 48px;background:linear-gradient(90deg,#071d3ce8,#071d3c80),url('assets/hero.png') center 45%/cover;color:white}.page-banner h1{font-size:38px;margin:0 0 18px;line-height:1.4}.page-banner>div>p:last-child{font-size:13px;color:#bbc9db;margin:0}.page-banner .eyebrow{font-size:11px;margin-bottom:14px}.page-banner a:hover{text-decoration:underline}.product-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 30px}.product-filters button{padding:10px 18px;border:1px solid #dbe2ed;background:white;color:var(--navy);font-size:14px;border-radius:2px}.product-filters button.selected{background:var(--navy);border-color:var(--navy);color:white}.product-card[hidden]{display:none}.simple-cta{text-align:center;background:white}.simple-cta p{color:var(--muted);margin:18px 0 25px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-top:4px solid var(--navy);padding:30px;background:white;min-height:252px;transition:box-shadow .2s}.news-card:hover{box-shadow:0 6px 24px #0828470c}.news-card>span{font-size:12px;color:var(--muted)}.news-card h3{font-size:21px;line-height:1.55;margin:16px 0 12px}.news-card p{color:var(--muted);font-size:14px;margin:0 0 22px}.news-card strong{font-size:13px;font-weight:600;color:var(--blue);margin-top:auto}.article-content{max-width:830px}.article-content h2{margin-bottom:32px;font-size:32px}.article-content>p:not(.eyebrow){font-size:17px;line-height:2;color:#52677d;margin-bottom:25px}.article-content ul{padding:24px 24px 24px 44px;background:var(--soft);border-left:3px solid var(--green);line-height:2;font-size:16px}.article-contact{border-top:1px solid var(--line);padding-top:30px;margin-top:35px}.article-contact p{color:var(--muted)}.article-contact .text-link{margin-left:22px}.inquiry-panel .form-help{line-height:1.8}footer{background:#0e1c4c}.floating-contact{background:var(--navy);color:white;box-shadow:0 5px 20px #0002;border:1px solid #ffffff40}.menu-toggle span{background:white}.faq-section{background:var(--soft)}.faq-list{max-width:900px;margin:auto}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;font-size:17px;font-weight:600}.faq-list details p{font-size:15px;color:var(--muted);padding:0 22px;line-height:1.9}
@media(max-width:1200px){.header-phone{display:none}.header-inner{width:calc(100% - 48px)}nav{gap:22px}}@media(max-width:980px){.product-grid{grid-template-columns:repeat(2,1fr)}nav{gap:17px}nav a{font-size:14px}.brand strong{font-size:24px}.header-inner{gap:15px}.header-phone{display:none}.news-grid{gap:15px}.news-card{padding:23px}.news-card h3{font-size:19px}}@media(max-width:760px){.header-inner{width:calc(100% - 28px)}.reference-home .header{position:sticky;background:var(--navy)}nav{background:var(--navy);border-color:#ffffff30;gap:0}.reference-home .hero-inner{min-height:490px;padding:68px 0 50px}.reference-home .hero h1{font-size:37px}.reference-home .hero-description{font-size:17px}.reference-home .hero:before{background:#04172bb8}.product-grid{grid-template-columns:1fr;gap:18px}.product-card{min-height:240px;padding:25px 28px}.product-photo{width:150px;height:150px;right:25px;top:35px}.product-card:has(.product-photo) h3,.product-card:has(.product-photo) p{max-width:calc(100% - 165px)}.product-card:has(.product-photo) h3{font-size:22px}.product-card:has(.product-photo) p{font-size:14px}.product-card:has(.product-photo) .card-number{font-size:11px}.product-cta{min-height:250px}.page-banner{padding:45px 0 32px}.page-banner h1{font-size:29px}.news-grid{grid-template-columns:1fr}.news-card{min-height:220px;padding:28px}.news-card h3{font-size:21px}.article-content h2{font-size:27px}.article-content>p:not(.eyebrow){font-size:16px}.article-contact .text-link{display:inline-block;margin:20px 0 0 20px}.product-filters{justify-content:flex-start;gap:8px}.product-filters button{font-size:13px;padding:8px 12px}.faq-list summary{font-size:16px}}@media(max-width:430px){.product-photo{width:120px;height:130px;right:20px;top:44px}.product-card:has(.product-photo) h3,.product-card:has(.product-photo) p{max-width:calc(100% - 135px)}.product-card:has(.product-photo) h3{font-size:19px}.product-card:has(.product-photo) p{font-size:13px}.product-card{padding:22px;min-height:245px}.reference-home .hero h1{font-size:32px}.article-contact .text-link{display:block;margin:25px 0 0}}

/* Transparent company logo inside the upper-left of the home banner. */
.reference-home .banner-logo-wrap{position:absolute;left:0;right:0;top:116px;z-index:3;pointer-events:none}.banner-logo-wrap a{display:inline-block;pointer-events:auto}.banner-logo{display:block;width:130px;height:auto;background:transparent;filter:drop-shadow(0 0 1px #ffffffee) drop-shadow(0 0 10px #8cdefd66)}.reference-home .hero-inner{padding-top:275px;min-height:760px}@media(max-width:760px){.reference-home .banner-logo-wrap{top:24px}.banner-logo{width:112px}.reference-home .hero-inner{padding-top:155px;min-height:595px}}

/* Single transparent logo in the upper-left header. */
.header .brand img{width:100px;height:86px;object-fit:contain;background:transparent;border-radius:0;filter:drop-shadow(0 0 1px #fff9)}.header-inner{min-height:110px}.reference-home .hero-inner{padding-top:165px;min-height:650px}@media(max-width:760px){.header .brand img{width:82px;height:70px}.header-inner{min-height:84px}nav{top:84px}.reference-home .hero-inner{padding-top:68px;min-height:490px}}

.language-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;order:3}.language-switch a{opacity:.65}.language-switch a[aria-current]{opacity:1;color:#48d7b0;font-weight:700}.language-switch a:hover{opacity:1}.language-switch span{opacity:.4}html[lang=en] .hero h1{font-size:42px}html[lang=en] .brand{flex-shrink:0}html[lang=en] nav{gap:16px}html[lang=en] .about-detail{grid-template-columns:120px 1fr}html[lang=en] .about-detail strong{overflow-wrap:anywhere}@media(max-width:760px){.language-switch{order:0;margin-left:auto}.header-inner{gap:16px}html[lang=en] .hero h1{font-size:30px}html[lang=en] h2{font-size:27px}html[lang=en] .contact-copy h2{font-size:32px}}

.language-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;order:3}.language-switch a{opacity:.65}.language-switch a[aria-current]{opacity:1;color:#48d7b0;font-weight:700}.language-switch a:hover{opacity:1}.language-switch span{opacity:.4}html[lang=en] .hero h1{font-size:42px}html[lang=en] .brand{flex-shrink:0}html[lang=en] nav{gap:16px}html[lang=en] .about-detail{grid-template-columns:120px 1fr}html[lang=en] .about-detail strong{overflow-wrap:anywhere}@media(max-width:760px){.language-switch{order:0;margin-left:auto}.header-inner{gap:16px}html[lang=en] .hero h1{font-size:30px}html[lang=en] h2{font-size:27px}html[lang=en] .contact-copy h2{font-size:32px}}

.language-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;order:3}.language-switch a{opacity:.65}.language-switch a[aria-current]{opacity:1;color:#48d7b0;font-weight:700}.language-switch a:hover{opacity:1}.language-switch span{opacity:.4}html[lang=en] .hero h1{font-size:42px}html[lang=en] .brand{flex-shrink:0}html[lang=en] nav{gap:16px}html[lang=en] .about-detail{grid-template-columns:120px 1fr}html[lang=en] .about-detail strong{overflow-wrap:anywhere}@media(max-width:760px){.language-switch{order:0;margin-left:auto}.header-inner{gap:16px}html[lang=en] .hero h1{font-size:30px}html[lang=en] h2{font-size:27px}html[lang=en] .contact-copy h2{font-size:32px}}

.quality-section{padding:76px 0 84px;background:radial-gradient(ellipse at 6% 30%,#1e5883 0,transparent 55%),linear-gradient(120deg,#0c2c56,#123e73);color:#fff;position:relative;overflow:hidden}.quality-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#7bbcf50b 1px,transparent 1px),linear-gradient(90deg,#7bbcf50b 1px,transparent 1px);background-size:46px 46px;pointer-events:none}.quality-section>.container{position:relative}.quality-heading{text-align:center;margin-bottom:40px}.quality-heading>p{font-size:36px;letter-spacing:2px;color:#96b9da;margin:0 0 6px}.quality-heading h2{font-size:34px;margin:0 0 16px;color:#fff}.quality-heading>span{color:#bfd2e5;font-size:16px}.quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quality-card{display:flex;align-items:flex-start;gap:20px;background:#06264f88;padding:32px 25px;min-height:168px;border:1px solid #94c6ff0b;transition:background .2s}.quality-card:hover{background:#08284fd0}.quality-card svg{width:56px;height:56px;flex:0 0 56px;margin-top:8px;color:#d8efff}.quality-card p{font-size:15px;color:#9cbadb;margin:0 0 5px}.quality-card h3{font-size:23px;color:#fff;line-height:1.45;margin:0 0 10px}.quality-card span{font-size:14px;line-height:1.7;color:#bad0e4;display:block}html[lang=en] .quality-card h3{font-size:20px}@media(max-width:980px){.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-card{padding:26px 20px}}@media(max-width:600px){.quality-section{padding:55px 0}.quality-heading>p{font-size:24px}.quality-heading h2{font-size:28px}.quality-heading>span{font-size:14px}.quality-grid{grid-template-columns:1fr;gap:8px}.quality-card{min-height:140px;padding:24px;gap:20px}.quality-card h3{font-size:22px}.quality-card svg{width:48px;height:48px;flex-basis:48px}}

.reference-home .supplier-title{font-size:50px;max-width:780px}.reference-home .supplier-title span{display:block;font-size:32px;line-height:1.55;margin-top:8px}.reference-home .hero-description{max-width:780px;font-size:20px;line-height:1.9}html[lang=en] .reference-home .supplier-title{font-size:40px}html[lang=en] .reference-home .supplier-title span{font-size:28px}@media(max-width:760px){.reference-home .supplier-title{font-size:36px}.reference-home .supplier-title span{font-size:23px}.reference-home .hero-description{font-size:16px}html[lang=en] .reference-home .supplier-title{font-size:30px}html[lang=en] .reference-home .supplier-title span{font-size:23px}}

.about-copy .service-heading{font-size:23px;color:var(--navy);margin:26px 0 12px}.about-copy h2{margin-bottom:24px}.about-copy>p:not(.eyebrow){line-height:1.9}.about-layout{align-items:start}

.hero-description .value-line{display:flex;align-items:center;gap:15px;margin-top:12px;font-size:18px;color:#d0e4f4}.value-line:before,.value-line:after{content:"";height:1px;width:45px;flex:0 0 45px;background:linear-gradient(90deg,transparent,#7ebfe0)}.value-line:after{background:linear-gradient(90deg,#7ebfe0,transparent)}@media(max-width:760px){.hero-description .value-line{font-size:14px;gap:8px}.value-line:before,.value-line:after{width:18px;flex-basis:18px}}
.header .brand img{width:116px;height:100px;filter:none;object-fit:contain}@media(max-width:760px){.header .brand img{width:94px;height:80px}.header-inner{min-height:92px}nav{top:92px}}
.header .brand img{filter:drop-shadow(0.6px 0 0 #d8eeff) drop-shadow(-0.6px 0 0 #d8eeff) drop-shadow(0 0.6px 0 #d8eeff) drop-shadow(0 -0.6px 0 #d8eeff)}

/* Part-search navigation */
.header nav{gap:18px}.header nav a{font-size:15px}@media(max-width:1050px){.header-phone{display:none}}

/* Representative products for the four application industries. */
.application-grid{gap:24px;border-top:0}
.application-grid article,.application-grid article:first-child{padding:0;border-right:0;min-width:0}
.application-photo{width:100%;aspect-ratio:3/2;height:auto;object-fit:contain;background:#fff;border:1px solid var(--line);margin-bottom:22px}
.application-grid article>span{display:block;margin-top:0}
.application-grid h3{margin:10px 0 12px}
.application-grid p{font-size:14px;line-height:1.8}
@media(max-width:980px){.application-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}}
@media(max-width:760px){.application-grid article,.application-grid article:first-child,.application-grid article:nth-child(3){padding:0}.application-photo{margin-bottom:16px}.application-grid{gap:26px 18px}}
@media(max-width:480px){.application-grid{grid-template-columns:minmax(0,1fr);gap:30px}.application-photo{max-height:240px}.application-grid h3{font-size:22px}}

/* Preserve the original brand artwork; use a light header for legibility. */
.header,.reference-home .header{background:#fff;color:#102e4d;border-bottom:1px solid #dce5ed;box-shadow:0 2px 12px #08284708}
.header .brand{display:flex;flex-shrink:0;align-items:center;line-height:1}
.header .brand-crop{position:relative;display:block;overflow:hidden;width:140px;height:154px;flex-shrink:0}
.header .brand-crop img{position:absolute;display:block;left:-20.2px;top:-3.2px;width:181.7px;height:156.8px;max-width:none;object-fit:fill;background:transparent;border-radius:0;filter:none;box-shadow:none}
.header-inner{min-height:170px}
.header nav a,.header nav a:hover,.header nav a.active{color:#102e4d}
.header nav a.active:after{background:#0cac8c}
.header .header-phone{border-color:#dce5ed}
.header .header-phone strong{color:#102e4d}
.header .header-phone span{color:#62768a}
.header .language-switch{color:#37546f}
.header .language-switch a[aria-current]{color:#087d69}
.header .menu-toggle span{background:#102e4d}
.reference-home .hero-inner{padding-top:218px}
html{scroll-padding-top:178px}
@media(max-width:760px){
  .header .brand-crop{width:108px;height:118px}
  .header .brand-crop img{left:-15.6px;top:-2.5px;width:140.2px;height:121px}
  .header-inner{min-height:132px}
  .header nav{top:132px;background:#fff;border-color:#dce5ed}
  .reference-home .hero-inner{padding-top:68px}
  html{scroll-padding-top:140px}
}

/* Home masthead and banner share one restrained semiconductor backdrop. */
.reference-home .header{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(4,20,32,.8),rgba(4,20,32,.2));border:0;box-shadow:none;color:#fff}
.reference-home .header-inner{min-height:112px;gap:24px;align-items:center}
.reference-home .header .brand{padding:12px 14px;background:#f6f8fa;border-bottom:2px solid #0b9c83;align-self:flex-start}
.reference-home .header .brand-wordmark{width:210px;height:73px}
.reference-home .header .brand-wordmark img{width:272.6px;height:235.3px;left:-30.3px;top:-162.2px;filter:none}
.reference-home .header nav{gap:22px}
.reference-home .header nav a,.reference-home .header nav a:hover,.reference-home .header nav a.active{font-size:18px;font-weight:500;color:#edf3f7}
.reference-home .header nav a.active:after{height:2px;background:#42bea8}
.reference-home .header .language-switch{color:#d5e1e9;font-size:15px}
.reference-home .header .language-switch a[aria-current]{color:#a1dece}
.reference-home .header .header-phone{border-color:#ffffff26}
.reference-home .header .header-phone strong{font-size:16px;color:#e8f1f5}
.reference-home .header .header-phone span{color:#adbfcb}
.reference-home .header .menu-toggle span{background:#e8f1f5}
.reference-home .hero.has-image{background:#071a2b}
.reference-home .hero-visual{position:absolute;inset:0;z-index:0;background:url('assets/hero.png') center/cover;filter:saturate(.58) brightness(.78)}
.reference-home .hero:before{background:linear-gradient(90deg,rgba(4,19,31,.95) 0%,rgba(4,19,31,.83) 36%,rgba(4,19,31,.22) 78%)}
.reference-home .hero-inner{min-height:670px;padding-top:186px;padding-bottom:78px}
.reference-home .hero-copy{max-width:690px;animation:home-copy-enter .6s ease-out both}
.reference-home .hero .eyebrow{font-size:14px;letter-spacing:2px;color:#a9c5d2;margin-bottom:23px}
.reference-home .hero h1.supplier-title{font-size:50px;line-height:1.25;letter-spacing:0;margin-bottom:25px}
.reference-home .hero h1.supplier-title span{font-size:30px;line-height:1.5;margin-top:13px;font-weight:500}
.reference-home .hero-description{font-size:18px;line-height:1.9;color:#c4d3de;max-width:650px}
.reference-home .hero-description .value-line{font-size:17px;gap:12px;margin-top:12px}
.reference-home .value-line:before,.reference-home .value-line:after{width:32px;flex-basis:32px;background:#699aa7;opacity:.7}
.reference-home .hero .button{border-radius:2px;padding:13px 26px;font-size:16px;box-shadow:none}
.reference-home .hero .button.primary{background:#159b86;color:#fff}
.reference-home .hero .button.primary:hover{background:#118673}
.reference-home .hero .button.outline-light{border-color:#8299aa;background:transparent}
.reference-home .hero-foot{font-size:14px;color:#a2b8c8;margin-top:32px}
.reference-home .hero-bottom{background:transparent;border-top:1px solid #ffffff1f}
@keyframes home-copy-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1280px){.reference-home .header-phone{display:none}.reference-home .header nav{gap:18px}.reference-home .header-inner{gap:20px}}
@media(max-width:1050px){
 .reference-home .header-inner{min-height:108px}
 .reference-home .header .brand{padding:11px 12px}
 .reference-home .header .brand-wordmark{width:190px;height:66px}
 .reference-home .header .brand-wordmark img{width:246.7px;height:213px;left:-27.4px;top:-146.7px}
 .reference-home .language-switch{order:0;margin-left:auto}
 .reference-home .menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:12px;flex-shrink:0}
 .reference-home .header nav{display:none;position:absolute;left:0;right:0;top:108px;padding:15px 24px;background:#0a2235;border:1px solid #ffffff1f;box-shadow:none}
 .reference-home .header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .reference-home .header nav a{padding:12px 0;font-size:18px}
 .reference-home .hero-inner{padding-top:165px;min-height:640px}
}
@media(max-width:760px){
 .reference-home .header{position:absolute;background:linear-gradient(180deg,rgba(4,20,32,.82),rgba(4,20,32,.15))}
 .reference-home .header-inner{min-height:94px;gap:10px}
 .reference-home .header .brand{padding:11px 12px}
 .reference-home .header .brand-wordmark{width:174px;height:60px}
 .reference-home .header .brand-wordmark img{width:225.9px;height:195px;left:-25.1px;top:-134.4px}
 .reference-home .header nav{top:94px}
 .reference-home .header .language-switch{font-size:14px;gap:6px}
 .reference-home .hero-visual{background-position:68% center}
 .reference-home .hero:before{background:linear-gradient(90deg,#051b2bf2,#051b2bc9 64%,#051b2b80)}
 .reference-home .hero-inner{min-height:610px;padding:146px 0 54px}
 .reference-home .hero h1.supplier-title{font-size:36px}
 .reference-home .hero h1.supplier-title span{font-size:24px}
 .reference-home .hero-description{font-size:16px}
 .reference-home .hero-description .value-line{font-size:14px;gap:8px}
 .reference-home .value-line:before,.reference-home .value-line:after{width:16px;flex-basis:16px}
 .reference-home .hero-foot{font-size:13px;gap:10px}
 .reference-home .hero .button{padding:12px 22px;font-size:15px}
}
@media(max-width:380px){.reference-home .header .brand{padding:10px}.reference-home .header .brand-wordmark{width:151px;height:52px}.reference-home .header .brand-wordmark img{width:196px;height:169px;left:-21.8px;top:-116.6px}.reference-home .hero h1.supplier-title{font-size:32px}.reference-home .hero h1.supplier-title span{font-size:22px}}
@media(prefers-reduced-motion:reduce){.reference-home .hero-copy{animation:none}}

/* Pale lavender-blue semiconductor hero, with a continuous transparent masthead. */
.reference-home .header{background:linear-gradient(180deg,rgba(201,203,229,.88),rgba(201,203,229,.18));color:#14394d}
.reference-home .header .brand{background:transparent;border-bottom:0;align-self:center}
.reference-home .header nav a,.reference-home .header nav a:hover,.reference-home .header nav a.active{color:#14394d}
.reference-home .header nav a.active:after{background:#167c86}
.reference-home .header .language-switch{color:#284f64}
.reference-home .header .language-switch a[aria-current]{color:#086d73}
.reference-home .header .header-phone{border-color:#52788b45}
.reference-home .header .header-phone strong{color:#123c53}
.reference-home .header .header-phone span{color:#3f6274}
.reference-home .header .menu-toggle span{background:#173f55}
.reference-home .hero.has-image{background:#c9cbe5;color:#10384f}
.reference-home .hero-visual{background-image:url('assets/hero-light-tech.webp');background-position:center;filter:grayscale(1) sepia(.28) saturate(1.1) hue-rotate(185deg)}
.reference-home .hero:before{background:linear-gradient(90deg,rgba(201,203,229,.94) 0%,rgba(201,203,229,.78) 34%,rgba(201,203,229,.18) 62%,rgba(201,203,229,0) 83%)}
.reference-home .hero h1.supplier-title,.reference-home .hero h1.supplier-title span{color:#0c3550}
.reference-home .hero .eyebrow{color:#35667c}
.reference-home .hero-description{color:#2e566b}
.reference-home .hero-description .value-line{color:#234e62}
.reference-home .value-line:before,.reference-home .value-line:after{background:#487c8d;opacity:.8}
.reference-home .hero .button.primary{background:#0e6174;color:#fff;border-color:#0e6174}
.reference-home .hero .button.primary:hover{background:#094c60;border-color:#094c60}
.reference-home .hero .button.outline-light{color:#154a60;border-color:#507f91;background:rgba(177,204,217,.2)}
.reference-home .hero .button.outline-light:hover{color:#103e54;background:rgba(149,185,203,.4);border-color:#285e76}
.reference-home .hero-foot{color:#365f74}
.reference-home .hero-foot i{background:#6f95a7}
.reference-home .hero-bottom{background:rgba(163,166,205,.18);border-top-color:#547d9140}
.reference-home .hero-bottom .container,.reference-home .hero-bottom a{color:#254f65}
@media(max-width:1050px){.reference-home .header nav{background:#c9cbe5;border-color:#7095a740}}
@media(max-width:760px){
 .reference-home .header{background:linear-gradient(180deg,rgba(201,203,229,.96),rgba(201,203,229,.35))}
 .reference-home .hero-visual{background-position:67% center}
 .reference-home .hero:before{background:linear-gradient(90deg,rgba(201,203,229,.97),rgba(201,203,229,.91) 54%,rgba(201,203,229,.7))}
}