/* Kebarick Product Ecosystem Strip + mega-menu — 2026-09-08 */
:root{--kv-strip:#073d49;--kv-strip-line:rgba(255,255,255,.14);--kv-strip-accent:#8ee0d7}
.site-header.shared-header{height:auto}
.product-strip{background:var(--kv-strip);border-bottom:1px solid var(--kv-strip-line);color:#fff;position:relative;z-index:25}
.product-strip-inner{min-height:38px;display:flex;align-items:stretch;justify-content:center;gap:0;overflow:visible}
.product-strip-inner>a,.product-services-menu>summary{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 17px;color:#e7f5f4;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.015em;border-left:1px solid var(--kv-strip-line);white-space:nowrap;transition:background .18s ease,color .18s ease}
.product-strip-inner>a:last-of-type{border-right:1px solid var(--kv-strip-line)}
.product-strip-inner>a:hover,.product-strip-inner>a:focus-visible,.product-services-menu>summary:hover,.product-services-menu[open]>summary{background:#0b5360;color:#fff;outline:none}
.product-services-menu{position:relative;margin:0;padding:0}
.product-services-menu>summary{cursor:pointer;list-style:none;border-right:1px solid var(--kv-strip-line);gap:7px}
.product-services-menu>summary::-webkit-details-marker{display:none}
.product-services-menu>summary span{color:var(--kv-strip-accent);font-size:14px}
.services-mega{position:absolute;top:100%;right:0;width:min(960px,calc(100vw - 36px));display:grid;grid-template-columns:1fr 1.25fr .85fr;gap:0;background:#fff;color:#18343d;border:1px solid #d6e5e4;border-radius:0 0 16px 16px;box-shadow:0 24px 55px rgba(4,40,50,.22);overflow:hidden;text-align:left}
.mega-column{padding:24px 25px;border-right:1px solid #e3ecec}
.mega-column:last-child{border-right:0}
.mega-column small{display:block;color:#087f78;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:900;margin-bottom:7px}
.mega-column strong{display:block;font-family:var(--display);font-size:17px;line-height:1.25;margin-bottom:12px;color:#12343b}
.mega-column>a{display:block;color:#405b60;text-decoration:none;font-size:12px;padding:6px 0;line-height:1.35}
.mega-column>a:hover{color:#087f78;text-decoration:underline}
.mega-build{background:#edf7f5}.mega-build p{font-size:12px;line-height:1.55;color:#526b70;margin:0 0 13px}.mega-build .mega-cta{background:#087f78;color:#fff;border-radius:9px;padding:10px 11px;margin:4px 0 8px;text-decoration:none;font-weight:800}.mega-build .mega-cta:hover{color:#fff;text-decoration:none;background:#066d67}
/* Retire the older four-card quick-action strip now that the product ecosystem strip is the primary top strip. */
.quick-solutions{display:none!important}
body>.site-header+.quick-solutions{margin-top:0!important}
/* Header now includes the 38px product strip above the main navigation. */
body:not(.home-page)>main:first-of-type,.corporate-hero:first-of-type,.hub-hero:first-of-type,.detail-hero:first-of-type{scroll-margin-top:128px}
@media(max-width:1000px){
  .product-strip{overflow:visible}.product-strip-inner{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.product-strip-inner::-webkit-scrollbar{display:none}
  .product-strip-inner>a,.product-services-menu>summary{padding:0 13px;font-size:10.5px}
  .services-mega{position:fixed;left:18px;right:18px;top:42px;width:auto;grid-template-columns:1fr 1fr;max-height:calc(100vh - 70px);overflow:auto;border-radius:14px}
  .mega-build{grid-column:1/-1}.mega-column{border-bottom:1px solid #e3ecec}
}
@media(max-width:700px){
  .product-strip-inner{min-height:36px}.product-strip-inner>a,.product-services-menu>summary{min-height:36px;padding:0 11px;font-size:10px}
  .services-mega{grid-template-columns:1fr;top:39px}.mega-build{grid-column:auto}.mega-column{border-right:0;padding:19px}
  .site-nav{top:108px!important}
}
/* Product landing pages */
.ecosystem-hero{padding:185px 0 95px;background:linear-gradient(135deg,#062f3a 0%,#0b5960 60%,#0b756c 100%);color:#fff;position:relative;overflow:hidden}.ecosystem-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-130px;top:-160px;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018)}.ecosystem-hero .shell{position:relative;z-index:1}.ecosystem-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(142,224,215,.45);background:rgba(10,107,104,.32);padding:7px 10px;border-radius:999px;color:#baf3ec;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:900}.ecosystem-hero h1{max-width:930px;font-size:clamp(46px,7vw,82px);line-height:.98;letter-spacing:-.055em;margin:18px 0}.ecosystem-hero p{max-width:760px;font-size:18px;line-height:1.6;color:#d1e7e8}.ecosystem-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.ecosystem-actions a{display:inline-block;border-radius:10px;padding:12px 16px;font-weight:800;text-decoration:none}.ecosystem-actions .primary{background:#fff;color:#0b4e57}.ecosystem-actions .secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff}
.ecosystem-section{padding:78px 0;background:#f7faf9}.ecosystem-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:34px}.ecosystem-heading h2{font-size:clamp(34px,4vw,54px);margin:0;color:#12343b;letter-spacing:-.04em}.ecosystem-heading p{margin:0;color:#617578;line-height:1.65}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ecosystem-card{background:#fff;border:1px solid #dce8e7;border-radius:15px;padding:22px;min-height:180px}.ecosystem-card small{color:#087f78;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:9px}.ecosystem-card h3{margin:9px 0 7px;color:#12343b;font-size:20px}.ecosystem-card p{margin:0;color:#617578;line-height:1.5;font-size:13px}.ecosystem-card.featured{background:#eaf6f3;border-color:#bdded8}.ecosystem-callout{margin-top:28px;padding:28px;border-radius:16px;background:#082f38;color:#fff;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.ecosystem-callout h3{margin:0 0 7px;font-size:25px}.ecosystem-callout p{margin:0;color:#c9dedf;line-height:1.55}.ecosystem-callout strong{font-size:43px;color:#8ee0d7;white-space:nowrap}
.books-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.books-feature{background:#fff;border:1px solid #dce8e7;border-radius:14px;padding:21px}.books-feature h3{margin:0 0 7px;color:#12343b;font-size:18px}.books-feature p{margin:0;color:#617578;line-height:1.5;font-size:13px}.books-coming{background:#fff5d9;color:#8b6113;border:1px solid #f0d58f;border-radius:12px;padding:14px 16px;font-weight:800;margin-top:22px;display:inline-block}
@media(max-width:820px){.ecosystem-hero{padding:150px 0 70px}.ecosystem-heading{grid-template-columns:1fr;gap:15px}.ecosystem-grid,.books-feature-grid{grid-template-columns:1fr 1fr}.ecosystem-callout{grid-template-columns:1fr}.ecosystem-callout strong{font-size:34px}}
@media(max-width:560px){.ecosystem-grid,.books-feature-grid{grid-template-columns:1fr}.ecosystem-hero p{font-size:16px}}


/* ===== v19.2.1 footer / WhatsApp containment fix ===== */
.whatsapp-float-v2{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  left:auto!important;
  top:auto!important;
  width:56px!important;
  min-width:56px!important;
  max-width:56px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#25D366!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
  z-index:999!important;
  line-height:1!important;
}
.whatsapp-float-v2 img{display:none!important}
.whatsapp-float-v2 .wa-safe-svg{display:block!important;width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;min-height:27px!important;max-height:27px!important;color:#fff!important}
.footer-whatsapp{display:inline-flex!important;align-items:center!important;gap:9px!important;color:#087f78!important;font-weight:800!important}
.footer-whatsapp .wa-icon{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:0!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:50%!important;background:#25D366!important;color:#fff!important}
.footer-whatsapp .wa-icon img{display:none!important}
.footer-whatsapp .wa-icon .wa-safe-svg{display:block!important;width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;min-height:17px!important;max-height:17px!important;color:#fff!important}
/* theme-light makes the shared footer pale; keep social links clearly visible on it. */
footer .kv-footer-socials{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:18px!important;margin:18px 0 10px!important}
footer .kv-footer-socials a{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#0f4c5c!important;font-weight:800!important;opacity:1!important;text-decoration:none!important;margin:0!important}
footer .kv-footer-socials a:hover{color:#087f78!important;opacity:1!important}
footer .kv-social-icon,footer .kv-social-icon svg{width:23px!important;height:23px!important;min-width:23px!important;max-width:23px!important;display:inline-block!important;color:#0f4c5c!important;opacity:1!important}
footer .footer-bottom{align-items:center!important;gap:22px!important;flex-wrap:wrap!important}
@media(max-width:600px){.whatsapp-float-v2{right:14px!important;bottom:14px!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important}footer .kv-footer-socials{gap:13px!important}}