/* Unified blue visual system — extends the first-layout hero across the full site */
:root{
  --ui-navy:#061754;
  --ui-navy-2:#081f66;
  --ui-blue:#0b4dda;
  --ui-blue-2:#1b6dff;
  --ui-sky:#72c5ff;
  --ui-orange:#ff6814;
  --ui-orange-2:#ff8a2b;
  --ui-ink:#0b1738;
  --ui-copy:#53627d;
  --ui-line:#d9e5f8;
  --ui-pale:#f3f7ff;
  --ui-pale-2:#eaf2ff;
  --ui-white:#fff;
  --ui-shadow:0 18px 48px rgba(23,67,142,.12);
  --ui-shadow-hover:0 24px 60px rgba(16,67,163,.2);
}
html{scroll-behavior:smooth}
body{background:var(--ui-pale);color:var(--ui-ink)}
.frame{width:min(1380px,calc(100% - 64px))}
.section-space{padding:94px 0}
.section-title,.department-heading,.finder-heading{margin-bottom:38px}
.section-title h2,.department-heading h2,.finder-heading h2,.decision-intro h2,.faq h2,.closing h2{color:var(--ui-ink);letter-spacing:-.045em}
.section-title p,.department-heading p,.finder-heading p,.decision-intro p,.faq p{color:var(--ui-copy)}
.section-title>div>span,.department-heading>div>span,.finder-heading>div>span,.decision-intro>span,.faq-layout>div>span,.closing span{display:inline-flex;align-items:center;gap:8px;color:var(--ui-blue);font-size:11px;font-weight:900;letter-spacing:.14em}
.section-title>div>span::before,.department-heading>div>span::before,.finder-heading>div>span::before,.decision-intro>span::before,.faq-layout>div>span::before,.closing span::before{content:"";width:18px;height:3px;border-radius:999px;background:var(--ui-orange)}

/* make the transition out of the hero deliberate */
.departments{position:relative;background:linear-gradient(180deg,#edf4ff 0%,#f8fbff 50%,#fff 100%)!important;border:0!important}
.departments::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,var(--ui-blue-2),var(--ui-sky),var(--ui-orange));opacity:.85}
.departments::after{content:"";position:absolute;right:-160px;top:80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(67,154,255,.14),transparent 69%);pointer-events:none}
.department-heading{position:relative;z-index:1}
.department-heading h2{font-size:clamp(38px,4.4vw,62px);max-width:760px;line-height:1.02}
.department-heading p{font-size:15px;line-height:1.75;max-width:520px}
.department-grid{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
.department-card,.department-card.hero-cat,.department-card.tall-cat,.department-card.wide-cat,.department-card.small-cat{grid-column:auto!important;grid-row:auto!important;min-height:270px!important;padding:19px!important;border:1px solid rgba(28,91,197,.16)!important;border-radius:24px!important;background:linear-gradient(150deg,#fff 0%,#f7faff 66%,#edf4ff 100%)!important;color:var(--ui-ink)!important;box-shadow:0 12px 32px rgba(20,65,143,.09)!important;overflow:hidden!important;isolation:isolate}
.department-card::before{content:"";position:absolute;inset:auto -60px -85px auto;width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,rgba(54,137,255,.17),rgba(116,200,255,.06));z-index:-1;transition:.25s transform}
.department-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--ui-blue-2),var(--ui-sky));opacity:0;transition:.25s opacity}
.department-card:hover{transform:translateY(-7px)!important;box-shadow:var(--ui-shadow-hover)!important;border-color:rgba(19,97,229,.34)!important}
.department-card:hover::before{transform:scale(1.12)}.department-card:hover::after{opacity:1}
.department-card.accent-cat{background:linear-gradient(150deg,#fff8f2,#fff 56%,#edf4ff)!important}
.department-card.dark-cat{background:linear-gradient(145deg,#071b58,#0a46be)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}
.department-card.dark-cat .department-copy h3,.department-card.dark-cat .department-copy p,.department-card.dark-cat .department-copy small,.department-card.dark-cat .department-copy strong,.department-card.dark-cat .department-top{color:#fff!important}
.department-top span{background:#edf4ff!important;color:var(--ui-blue)!important;border:0!important;border-radius:999px!important;padding:5px 9px!important;font-weight:900!important}.department-top b{color:var(--ui-blue)!important}
.dark-cat .department-top span{background:rgba(255,255,255,.14)!important;color:#fff!important}.dark-cat .department-top b{color:#fff!important}
.department-copy{position:relative;z-index:3}.department-copy small{color:var(--ui-blue)!important}.department-copy h3{font-size:22px!important;line-height:1.06!important;color:var(--ui-ink)!important}.department-copy p{color:var(--ui-copy)!important;line-height:1.55!important;font-size:12px!important}.department-copy strong{color:var(--ui-blue)!important;font-size:10px!important;letter-spacing:.04em!important}
.department-art{position:absolute!important;right:14px!important;bottom:12px!important;width:108px!important;height:108px!important;display:grid!important;place-items:center!important}
.department-icon{width:88px!important;height:88px!important;border-radius:25px!important;background:linear-gradient(145deg,#e6f1ff,#fff)!important;border:1px solid rgba(27,102,229,.18)!important;box-shadow:0 13px 28px rgba(23,89,192,.15)!important;transform:rotate(-5deg)!important;transition:.25s transform!important}
.department-card:hover .department-icon{transform:rotate(0deg) scale(1.06)!important}.department-icon .icon-fill{fill:rgba(50,139,255,.14)!important}.department-icon .icon-line{stroke:var(--ui-blue)!important}.dark-cat .department-icon{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.2)!important}.dark-cat .department-icon .icon-fill{fill:rgba(255,255,255,.14)!important}.dark-cat .department-icon .icon-line{stroke:#fff!important}
.department-art .orbit{border-color:rgba(44,133,255,.18)!important}

/* latest guides: same product/tech visual language, not editorial lime/black */
.latest-guides{background:linear-gradient(180deg,#fff 0%,#f3f7ff 100%)!important;border:0!important}
.latest-guides::before{width:520px!important;height:520px!important;right:-220px!important;top:-240px!important;background:radial-gradient(circle,rgba(39,129,255,.16),transparent 70%)!important}
.latest-guides::after{content:"";position:absolute;left:-180px;bottom:-250px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,104,20,.08),transparent 72%)}
.latest-guides-head{position:relative;z-index:2}.latest-guides-head h2{font-size:clamp(38px,4.6vw,64px)!important;color:var(--ui-ink)!important}.latest-guides-head>div:first-child>span{color:var(--ui-blue)!important}.latest-guides-intro p{color:var(--ui-copy)!important}.latest-guides-intro>a{background:linear-gradient(135deg,var(--ui-blue-2),var(--ui-blue))!important;color:#fff!important;border:0!important;box-shadow:0 11px 25px rgba(13,80,207,.22)!important}.latest-guides-intro>a:hover{transform:translateY(-3px)!important;box-shadow:0 16px 33px rgba(13,80,207,.3)!important}
.latest-guides-grid{position:relative;z-index:2;gap:18px!important}
.latest-guide-card{border:1px solid var(--ui-line)!important;border-radius:26px!important;background:#fff!important;box-shadow:var(--ui-shadow)!important}.latest-guide-card:hover{transform:translateY(-7px)!important;box-shadow:var(--ui-shadow-hover)!important}
.latest-guide-cover{border:0!important;min-height:250px!important}.latest-guide-shipping{background:linear-gradient(145deg,#ffefe5,#ff9a5f)!important}.latest-guide-qc{background:linear-gradient(145deg,#e6f4ff,#62b2ff)!important}.latest-guide-w2c{background:linear-gradient(145deg,#e8edff,#758cff)!important}.latest-guide-cover::before{background-image:radial-gradient(circle at 1px 1px,rgba(8,44,119,.18) 1px,transparent 0)!important}.latest-guide-cover::after{border:0!important;background:rgba(255,255,255,.42)!important}.latest-guide-cover svg{stroke:#0a2f78!important;filter:drop-shadow(5px 6px 0 rgba(255,255,255,.4))!important}
.latest-guide-badge{background:var(--ui-navy)!important;color:#fff!important;border:0!important;box-shadow:none!important}.latest-guide-body{border-top:1px solid var(--ui-line)!important}.latest-guide-meta{color:#6d7b96!important}.latest-guide-body h3{color:var(--ui-ink)!important}.latest-guide-body p{color:var(--ui-copy)!important}.latest-guide-link{border-color:var(--ui-line)!important;color:var(--ui-blue)!important}.latest-guide-link span{border:0!important;background:#edf4ff!important;color:var(--ui-blue)!important}.latest-guide-link:hover span{background:var(--ui-orange)!important;color:#fff!important}

/* product finder */
.finder{position:relative;background:#fff!important;border:0!important}.finder::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(30,111,255,.035),transparent 38%,rgba(99,190,255,.04));pointer-events:none}
.finder-heading{position:relative}.finder-heading h2{font-size:clamp(38px,4.4vw,62px)!important}.finder-toolbar{position:relative;padding:12px!important;border:1px solid var(--ui-line)!important;border-radius:20px!important;background:#f7faff!important;box-shadow:0 12px 32px rgba(28,76,158,.08)!important}.finder-toolbar input,.finder-toolbar select{border-color:#d7e4f7!important;border-radius:12px!important;background:#fff!important;color:var(--ui-ink)!important}.finder-toolbar button{border:0!important;border-radius:12px!important;background:var(--ui-navy)!important;color:#fff!important}
.catalog-grid{gap:18px!important}.catalog-card{border:1px solid var(--ui-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 28px rgba(22,65,139,.09)!important;overflow:hidden!important}.catalog-card:hover{transform:translateY(-7px)!important;box-shadow:var(--ui-shadow-hover)!important;border-color:rgba(20,98,224,.28)!important}.catalog-image{background:linear-gradient(145deg,#edf4ff,#fff)!important}.catalog-image span{background:var(--ui-navy)!important;color:#fff!important;border:0!important;box-shadow:none!important}.catalog-meta span:first-child{color:var(--ui-blue)!important}.catalog-meta span:last-child{color:var(--ui-ink)!important}.catalog-body h3{color:var(--ui-ink)!important}.catalog-actions{border-color:var(--ui-line)!important}.catalog-actions button{border:1px solid #cdddf5!important;background:#eef4ff!important;color:var(--ui-blue)!important;border-radius:10px!important}.catalog-actions button.is-saved{background:var(--ui-orange)!important;color:#fff!important;border-color:var(--ui-orange)!important}.catalog-actions a{color:var(--ui-blue)!important}

/* journey section becomes a continuation of the hero */
.decision{position:relative;overflow:hidden;background:linear-gradient(135deg,#061754,#083eaf 65%,#0b63ee)!important;color:#fff!important;border:0!important}.decision::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 16%,rgba(92,190,255,.27),transparent 27%),linear-gradient(115deg,transparent 0 57%,rgba(0,13,60,.18) 57% 76%,transparent 76%)}
.decision .frame{position:relative}.decision-intro{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,.62fr)!important;align-items:end!important;gap:50px!important}.decision-intro>span{color:#9ed8ff!important}.decision-intro h2{color:#fff!important;font-size:clamp(38px,4.7vw,65px)!important}.decision-intro p{color:#c9dcff!important;font-size:15px!important;line-height:1.7!important}.decision-grid{gap:14px!important}.decision-grid a{border:1px solid rgba(158,216,255,.25)!important;border-radius:22px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:0 14px 35px rgba(0,12,61,.18)!important;backdrop-filter:blur(10px)!important}.decision-grid a:hover{transform:translateY(-6px)!important;background:rgba(255,255,255,.13)!important;border-color:rgba(181,225,255,.52)!important}.decision-grid b{color:#8fd2ff!important}.decision-grid span{color:#ffad72!important}.decision-grid h3{color:#fff!important}.decision-grid p{color:#c9dcff!important}

/* FAQ */
.faq{background:linear-gradient(180deg,#edf4ff 0%,#f8fbff 100%)!important;border:0!important}.faq-layout{gap:80px!important}.faq h2{font-size:clamp(38px,4.3vw,60px)!important}.faq-list details{border:1px solid var(--ui-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(22,65,139,.07)!important;margin-bottom:11px!important;overflow:hidden!important}.faq-list details[open]{border-color:rgba(23,102,230,.28)!important;box-shadow:0 13px 31px rgba(20,80,177,.12)!important}.faq-list summary{color:var(--ui-ink)!important;padding:19px 21px!important}.faq-list summary::after{background:#edf4ff!important;color:var(--ui-blue)!important;border:0!important}.faq-list details[open] summary::after{background:var(--ui-blue)!important;color:#fff!important}.faq-list details p{color:var(--ui-copy)!important;padding:0 21px 20px!important}

/* closing and footer */
.closing{position:relative;overflow:hidden;background:linear-gradient(120deg,#0a47c8,#061754)!important;color:#fff!important;border:0!important}.closing::before{content:"";position:absolute;right:-120px;top:-200px;width:500px;height:500px;border-radius:50%;border:80px solid rgba(89,181,255,.11)}.closing .frame{position:relative}.closing span{color:#a8d8ff!important}.closing h2{color:#fff!important}.closing a{border:1px solid rgba(255,255,255,.35)!important;border-radius:12px!important;color:#fff!important;background:rgba(255,255,255,.08)!important}.closing a:last-child{background:var(--ui-orange)!important;border-color:var(--ui-orange)!important;box-shadow:0 12px 25px rgba(255,91,0,.23)!important}.closing a:hover{transform:translateY(-3px)!important}
.hub-footer{background:#03113e!important;color:#dce8ff!important;border:0!important}.hub-footer p,.hub-footer a,.footer-bottom{color:#aebfe1!important}.hub-footer b{color:#fff!important}.hub-footer a:hover{color:#8ed2ff!important}.footer-bottom{border-color:rgba(255,255,255,.12)!important}
.saved-panel aside{background:#fff!important;color:var(--ui-ink)!important}.saved-panel header{background:linear-gradient(135deg,var(--ui-navy),var(--ui-blue))!important;color:#fff!important}.toast{background:var(--ui-navy)!important;color:#fff!important}

/* shared secondary pages */
.site-header,.hub-header:not(.first-header){background:rgba(3,18,68,.97)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}.site-header a,.hub-header:not(.first-header) a,.site-header button,.hub-header:not(.first-header) button{color:#fff}.site-header .btn.orange,.hub-header:not(.first-header) .main-link{background:var(--ui-orange)!important;border-color:var(--ui-orange)!important;color:#fff!important}.brandmark{background:linear-gradient(145deg,var(--ui-orange),#ff9d37)!important;color:#fff!important}
.page-hero,.article-hero,.guides-page-head{background:linear-gradient(135deg,#061754 0%,#07369e 58%,#0b64ef 100%)!important;color:#fff!important;border:0!important}.page-hero::before,.article-hero::before,.guides-page-head::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(101,202,255,.24),transparent 28%);pointer-events:none}.page-hero h1,.article-hero h1,.guides-page-head h1{color:#fff!important}.page-hero p,.article-hero p,.guides-page-head p,.article-deck{color:#d4e5ff!important}.eyebrow,.article-label{color:#9dd8ff!important}.section,.guide-directory,.article-main{background:#fff!important}.section.alt{background:var(--ui-pale)!important}.feature,.calculator,.search-shell,.callout,.article-factbox,.article-side-card,.article-summary,.article-toc,.guide-directory>a{border-color:var(--ui-line)!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(22,65,139,.08)!important}.btn.orange{background:var(--ui-orange)!important;border-color:var(--ui-orange)!important}.btn:not(.orange){border-color:#cbdcf6!important;color:var(--ui-blue)!important}.chips .chip.active,.chips .chip:hover{background:var(--ui-blue)!important;color:#fff!important}.article-shell{gap:45px!important}.article-main h2,.article-main h3{color:var(--ui-ink)!important}.article-main a,.article-side a{color:var(--ui-blue)!important}.article-factbox{background:#edf5ff!important}.article-disclaimer{background:#fff4ea!important;border-color:#ffd2b4!important}.article-toc{background:#f5f8ff!important}.article-faq details{border-color:var(--ui-line)!important}.guide-directory-cover.shipping{background:linear-gradient(145deg,#ffefe5,#ff9a5f)!important}.guide-directory-cover.qc{background:linear-gradient(145deg,#e6f4ff,#62b2ff)!important}.guide-directory-cover.w2c{background:linear-gradient(145deg,#e8edff,#758cff)!important}.footer{background:#03113e!important;color:#dce8ff!important}.footer a{color:#b8c8e7!important}

@media(max-width:1180px){.department-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.department-card{min-height:250px!important}.decision-intro{grid-template-columns:1fr!important;gap:18px!important}}
@media(max-width:800px){.frame{width:min(100% - 32px,1380px)}.section-space{padding:70px 0}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.department-card{min-height:235px!important;padding:16px!important}.department-art{width:90px!important;height:90px!important}.department-icon{width:72px!important;height:72px!important;border-radius:20px!important}.latest-guides-grid{gap:13px!important}.decision-grid{grid-template-columns:1fr 1fr!important}.faq-layout{grid-template-columns:1fr!important;gap:30px!important}}
@media(max-width:560px){.frame{width:min(100% - 22px,1380px)}.section-space{padding:58px 0}.department-heading h2,.latest-guides-head h2,.finder-heading h2,.decision-intro h2,.faq h2{font-size:36px!important}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.department-card{min-height:205px!important;padding:13px!important;border-radius:18px!important}.department-copy h3{font-size:17px!important}.department-copy p,.department-copy strong{display:none!important}.department-art{right:4px!important;bottom:5px!important;width:78px!important;height:78px!important}.department-icon{width:64px!important;height:64px!important;border-radius:18px!important}.decision-grid{grid-template-columns:1fr!important}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.catalog-body{padding:13px!important}.catalog-body h3{font-size:15px!important}.catalog-actions{align-items:flex-start!important;flex-direction:column!important}.catalog-actions a{font-size:10px!important}.closing .frame{gap:24px!important}.closing .frame>div:last-child{width:100%!important;display:grid!important}.closing a{justify-content:center!important}.article-shell{display:block!important}}