/* Cohesive homepage system v12 — one visual language from hero to footer */
:root{
  --c-navy:#041442;
  --c-navy-2:#06256f;
  --c-blue:#0a52df;
  --c-blue-2:#1b72ff;
  --c-sky:#78caff;
  --c-orange:#ff6814;
  --c-ink:#0a1838;
  --c-copy:#54637f;
  --c-line:#d9e6fa;
  --c-surface:#f4f8ff;
  --c-white:#fff;
  --c-shadow:0 18px 48px rgba(14,65,156,.12);
  --c-shadow-hover:0 24px 58px rgba(9,66,170,.20);
}

/* One shared heading and spacing rhythm */
.section-space{padding:88px 0}
.section-title,.department-heading,.finder-head,.decision-intro,.faq-layout>div:first-child{position:relative}
.section-title h2,.department-heading h2,.finder-head h2,.decision-intro h2,.faq-layout h2{
  font-size:clamp(38px,4.4vw,62px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
}
.section-title>div>span,.department-heading>div>span,.finder-head>div>span,.decision-intro>span,.faq-layout>div>span{
  display:inline-flex!important;align-items:center!important;gap:9px!important;
  color:var(--c-blue)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.13em!important;
}
.section-title>div>span::before,.department-heading>div>span::before,.finder-head>div>span::before,.decision-intro>span::before,.faq-layout>div>span::before{
  content:"";width:20px;height:3px;border-radius:999px;background:var(--c-orange);
}

/* Hero-to-content bridge: category section begins in the same blue world */
.departments{
  position:relative!important;
  margin-top:0!important;
  padding-top:82px!important;
  background:
    radial-gradient(circle at 85% 8%,rgba(111,203,255,.18),transparent 24%),
    linear-gradient(180deg,#084bd2 0,#073a9d 225px,#edf4ff 225px,#f8fbff 70%,#fff 100%)!important;
  overflow:hidden!important;
}
.departments::before{display:none!important}
.departments::after{content:""!important;position:absolute!important;left:-120px!important;top:90px!important;width:460px!important;height:460px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(117,202,255,.13),transparent 70%)!important}
.department-heading{z-index:2!important;display:grid!important;grid-template-columns:1.05fr .72fr!important;gap:64px!important;align-items:end!important;margin-bottom:48px!important}
.department-heading h2{max-width:720px!important;color:#fff!important;margin-top:10px!important}
.department-heading>div>span{color:#a9dbff!important}.department-heading>div>span::before{background:#ff9a53!important}
.department-heading p{max-width:500px!important;color:#dbe9ff!important;font-size:15px!important;line-height:1.72!important;margin:0!important}
.department-grid{z-index:2!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
.department-card,.department-card.hero-cat,.department-card.tall-cat,.department-card.wide-cat,.department-card.small-cat{
  min-height:238px!important;padding:17px!important;border:1px solid rgba(25,96,215,.14)!important;border-radius:22px!important;
  background:linear-gradient(155deg,#fff 0%,#f7faff 68%,#edf4ff 100%)!important;
  box-shadow:0 15px 38px rgba(10,58,145,.11)!important;color:var(--c-ink)!important;
}
.department-card:hover{transform:translateY(-7px)!important;box-shadow:var(--c-shadow-hover)!important;border-color:rgba(12,93,223,.32)!important}
.department-card::after{height:4px!important;background:linear-gradient(90deg,var(--c-blue-2),var(--c-sky),var(--c-orange))!important}
.department-card.dark-cat{background:linear-gradient(145deg,#071d5d,#0a4fd3)!important;color:#fff!important}
.department-top span{font-size:8px!important;letter-spacing:.09em!important;padding:5px 8px!important;background:#edf4ff!important;color:var(--c-blue)!important}
.department-top b{width:31px!important;height:31px!important;border:0!important;background:#edf4ff!important;color:var(--c-blue)!important}
.department-copy h3{font-size:19px!important;line-height:1.05!important;color:var(--c-ink)!important;margin-bottom:8px!important}
.department-copy small{color:var(--c-blue)!important}.department-copy strong{color:var(--c-blue)!important}
.department-art{right:8px!important;bottom:7px!important;width:92px!important;height:92px!important}
.department-icon{width:76px!important;height:76px!important;border-radius:22px!important;background:linear-gradient(145deg,#e8f2ff,#fff)!important;box-shadow:0 12px 26px rgba(20,91,196,.14)!important}
.department-foot{margin-top:20px!important;border:1px solid var(--c-line)!important;border-radius:16px!important;background:rgba(255,255,255,.82)!important;color:var(--c-copy)!important;box-shadow:0 10px 28px rgba(14,65,156,.07)!important}
.department-foot a{color:var(--c-blue)!important}

/* Guides: same cards, same buttons, no editorial black/lime */
.latest-guides{background:linear-gradient(180deg,#fff 0%,#f2f7ff 100%)!important;padding-top:92px!important}
.latest-guides-head{gap:56px!important;margin-bottom:34px!important}.latest-guides-head h2{color:var(--c-ink)!important}
.latest-guides-intro p{color:var(--c-copy)!important}.latest-guides-intro>a{border-radius:12px!important;background:linear-gradient(135deg,var(--c-blue-2),var(--c-blue))!important;color:#fff!important;border:0!important;box-shadow:0 12px 25px rgba(13,80,207,.22)!important}
.latest-guide-card{border:1px solid var(--c-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--c-shadow)!important}
.latest-guide-card:hover{box-shadow:var(--c-shadow-hover)!important;transform:translateY(-7px)!important}
.latest-guide-cover{min-height:230px!important;border-bottom:1px solid var(--c-line)!important}
.latest-guide-badge{background:rgba(5,27,82,.92)!important;color:#fff!important;border:0!important;box-shadow:none!important}
.latest-guide-body{padding:21px!important}.latest-guide-body h3{color:var(--c-ink)!important}.latest-guide-body p{color:var(--c-copy)!important}
.latest-guide-link{color:var(--c-blue)!important;border-color:var(--c-line)!important}.latest-guide-link span{background:#edf4ff!important;border:0!important;color:var(--c-blue)!important}

/* Product section: pale-blue canvas and consistent control surfaces */
.finder{background:linear-gradient(180deg,#f2f7ff 0%,#fff 100%)!important;position:relative!important}
.finder::before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 8% 16%,rgba(53,143,255,.10),transparent 25%),radial-gradient(circle at 90% 70%,rgba(255,104,20,.06),transparent 24%)!important}
.finder .frame{position:relative!important}.finder-head{display:grid!important;grid-template-columns:1fr auto!important;gap:36px!important;align-items:end!important;margin-bottom:26px!important}
.finder-head h2{color:var(--c-ink)!important;margin-top:10px!important}.finder-tools{padding:10px!important;border:1px solid var(--c-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 30px rgba(18,68,151,.08)!important}
.finder-tools label span{color:#6b7993!important}.finder-tools input,.finder-tools select{border-color:#dbe7f8!important;border-radius:10px!important;background:#f8fbff!important;color:var(--c-ink)!important}
.result-line{color:var(--c-copy)!important}.result-line a{color:var(--c-blue)!important;font-weight:850!important}
.catalog-grid{gap:16px!important}.catalog-card{border:1px solid var(--c-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 30px rgba(16,63,145,.09)!important}
.catalog-card:hover{transform:translateY(-7px)!important;box-shadow:var(--c-shadow-hover)!important;border-color:rgba(17,94,221,.28)!important}
.catalog-image{background:linear-gradient(145deg,#edf4ff,#fff)!important}.catalog-image span{background:var(--c-navy)!important;color:#fff!important;border:0!important;box-shadow:none!important}
.catalog-meta span:first-child{color:var(--c-blue)!important}.catalog-body h3{color:var(--c-ink)!important}.catalog-actions{border-color:var(--c-line)!important}.catalog-actions button{border:1px solid #d2e1f7!important;border-radius:10px!important;background:#edf4ff!important;color:var(--c-blue)!important}.catalog-actions a{color:var(--c-blue)!important}

/* Journey: remove black/green cards, continue hero blue glass language */
.decision{background:linear-gradient(135deg,#041442 0%,#07389f 60%,#0a5be6 100%)!important;padding:90px 0!important}
.decision::before{background:radial-gradient(circle at 88% 8%,rgba(105,202,255,.25),transparent 28%),linear-gradient(120deg,transparent 0 56%,rgba(0,13,60,.15) 56% 76%,transparent 76%)!important}
.decision-intro{grid-template-columns:1fr .7fr!important;gap:56px!important;margin-bottom:36px!important}.decision-intro>span{color:#a7dbff!important}.decision-intro>span::before{background:#ff9a53!important}.decision-intro h2{color:#fff!important}.decision-intro p{color:#d0e2ff!important;font-size:15px!important;line-height:1.72!important}
.decision-grid{gap:14px!important}.decision-grid a{border:1px solid rgba(153,211,255,.26)!important;border-radius:20px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:0 14px 34px rgba(0,12,61,.18)!important;backdrop-filter:blur(10px)!important}
.decision-grid a:hover{background:rgba(255,255,255,.15)!important;border-color:rgba(179,224,255,.48)!important}.decision-grid b{color:#8ed2ff!important}.decision-grid span{color:#ffb177!important}.decision-grid h3{color:#fff!important}.decision-grid p{color:#cbdfff!important}

/* FAQ and closing stay in the same family */
.faq{background:linear-gradient(180deg,#edf4ff 0%,#f8fbff 100%)!important}.faq-layout{grid-template-columns:.78fr 1.22fr!important;gap:72px!important}.faq-layout h2{color:var(--c-ink)!important}.faq-layout>div:first-child p{color:var(--c-copy)!important}
.faq-list details{border:1px solid var(--c-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 9px 25px rgba(16,64,145,.07)!important;margin-bottom:10px!important}.faq-list details[open]{border-color:rgba(22,100,224,.28)!important;box-shadow:0 14px 32px rgba(16,73,167,.12)!important}.faq-list summary{color:var(--c-ink)!important}.faq-list summary::after{background:#edf4ff!important;color:var(--c-blue)!important;border:0!important}.faq-list details[open] summary::after{background:var(--c-blue)!important;color:#fff!important}.faq-list details p{color:var(--c-copy)!important}
.closing{background:linear-gradient(120deg,#0a4fd5 0%,#041442 100%)!important;border:0!important}.closing .frame{align-items:center!important}.closing h2{color:#fff!important}.closing span{color:#a8d9ff!important}.closing a{border-radius:11px!important}.closing a:last-child{background:var(--c-orange)!important;border-color:var(--c-orange)!important}
.hub-footer{background:#020e35!important}

@media(max-width:1180px){.department-heading{grid-template-columns:1fr!important;gap:16px!important}.department-heading p{max-width:720px!important}.department-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.finder-head{grid-template-columns:1fr!important}.decision-intro{grid-template-columns:1fr!important;gap:16px!important}}
@media(max-width:800px){.section-space{padding:68px 0}.departments{padding-top:68px!important;background:linear-gradient(180deg,#084bd2 0,#073a9d 260px,#edf4ff 260px,#f8fbff 100%)!important}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.latest-guides-head{grid-template-columns:1fr!important;gap:18px!important}.latest-guides-intro{justify-self:start!important;max-width:700px!important}.faq-layout{grid-template-columns:1fr!important;gap:28px!important}}
@media(max-width:560px){.section-space{padding:56px 0}.departments{padding-top:56px!important;background:linear-gradient(180deg,#084bd2 0,#073a9d 300px,#edf4ff 300px,#f8fbff 100%)!important}.department-heading{margin-bottom:32px!important}.department-heading h2{font-size:36px!important}.department-heading p{font-size:14px!important}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.department-card{min-height:198px!important;padding:13px!important}.department-art{width:72px!important;height:72px!important}.department-icon{width:61px!important;height:61px!important;border-radius:17px!important}.department-copy h3{font-size:16px!important}.latest-guides{padding-top:60px!important}.latest-guide-cover{min-height:210px!important}.finder-head h2,.decision-intro h2,.faq-layout h2{font-size:36px!important}.finder-tools{display:grid!important;grid-template-columns:1fr!important}.decision-grid{grid-template-columns:1fr!important}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}