/* KITSPAN Products page v4 — B2B product overview, not DTC campaign styling. */
.page-products .products-hero-v4{background:linear-gradient(135deg,#f7fbfd 0%,#eef7f8 55%,#e9f4f6 100%);padding:58px 0 70px;border-bottom:1px solid rgba(11,45,91,.08);overflow:hidden}
.page-products .products-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:58px;align-items:center}
.page-products .products-hero-copy{max-width:610px;padding:24px 0}
.page-products .products-hero-copy .eyebrow{color:var(--teal2);margin-bottom:16px}
.page-products .products-hero-title{font-size:clamp(44px,4.4vw,70px);line-height:.98;letter-spacing:-.045em;margin:0 0 24px;color:var(--navy);font-weight:850;text-wrap:balance}
.page-products .products-hero-copy>p{font-size:18px;line-height:1.65;color:#4f6072;max-width:590px;margin:0}
.page-products .products-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.page-products .products-hero-actions .btn{min-height:50px}
.page-products .products-hero-actions .btn.secondary{background:#fff;border-color:rgba(11,45,91,.24);color:var(--navy)}
.page-products .products-hero-actions .btn.secondary:hover{border-color:var(--navy);transform:translateY(-1px)}
.page-products .products-hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.page-products .products-hero-proof span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#31465e;background:rgba(255,255,255,.78);border:1px solid rgba(11,45,91,.09);border-radius:999px;padding:8px 11px}

.page-products .products-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:255px 210px;gap:12px;min-height:477px}
.page-products .products-mosaic figure{margin:0;position:relative;overflow:hidden;border-radius:18px;background:#0b2d5b;box-shadow:0 16px 42px rgba(7,29,56,.12)}
.page-products .products-mosaic figure:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(5,19,34,.72));pointer-events:none}
.page-products .products-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;filter:saturate(.94) contrast(1.04)}
.page-products .products-mosaic figure:hover img{transform:scale(1.035)}
.page-products .products-mosaic figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;color:#fff;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.32)}
.page-products .products-mosaic .mosaic-main{grid-column:1/8;grid-row:1/3}
.page-products .products-mosaic .mosaic-wide{grid-column:8/13;grid-row:1}
.page-products .products-mosaic .mosaic-small-a{grid-column:8/11;grid-row:2}
.page-products .products-mosaic .mosaic-small-b{grid-column:11/13;grid-row:2}

.page-products #categories{background:#fff}
.page-products .products-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:48px;align-items:end;margin-bottom:34px}
.page-products .products-section-head .lead{margin:0;justify-self:end}
.page-products .product-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.page-products .product-category-card{background:#fff;border:1px solid rgba(11,45,91,.1);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(7,29,56,.05);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.page-products .product-category-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(7,29,56,.11);border-color:rgba(8,203,177,.28)}
.page-products .product-category-card .visual{height:235px;overflow:hidden;position:relative;background:#e8f0f2}
.page-products .product-category-card .visual:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(5,19,34,.42))}
.page-products .product-category-card .visual img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;filter:saturate(.94) contrast(1.04)}
.page-products .product-category-card:hover .visual img{transform:scale(1.04)}
.page-products .product-category-card .category-no{position:absolute;z-index:2;left:16px;top:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.93);color:var(--navy);font-size:11px;font-weight:900;box-shadow:0 5px 14px rgba(0,0,0,.08)}
.page-products .product-category-card .category-label{position:absolute;z-index:2;left:18px;bottom:15px;color:#fff;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.page-products .product-category-card .body{padding:24px 24px 26px;min-height:250px}
.page-products .product-category-card .h3{font-size:25px;margin-bottom:10px}
.page-products .product-category-card p{color:#58687a;margin:0 0 17px}
.page-products .product-category-card .product-examples{display:flex;gap:7px;flex-wrap:wrap}
.page-products .product-category-card .product-examples span{font-size:11px;font-weight:750;color:#40556c;background:#f2f7f8;border:1px solid rgba(11,45,91,.07);border-radius:999px;padding:6px 9px}

.page-products .program-paths{background:#071d38;color:#fff;padding:76px 0}
.page-products .program-paths .eyebrow{color:#89e9dd}
.page-products .program-paths .h2{color:#fff;max-width:720px}
.page-products .program-paths .lead{color:#bdcbd4}
.page-products .program-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.14);margin-top:34px;border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden}
.page-products .program-path{background:#0a294d;padding:30px 26px;min-height:255px;display:flex;flex-direction:column;transition:background .2s ease}
.page-products .program-path:hover{background:#0d345f}
.page-products .program-path .path-no{color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.14em;margin-bottom:26px}
.page-products .program-path h3{font-size:25px;line-height:1.08;margin:0 0 12px;color:#fff}
.page-products .program-path p{color:#bdcbd4;font-size:14px;margin:0 0 24px}
.page-products .program-path a{margin-top:auto;color:#fff;font-size:12px;font-weight:850;letter-spacing:.05em}
.page-products .program-path a:hover{color:var(--teal)}

.page-products .products-support{background:linear-gradient(180deg,#f6fafb,#eef6f7)}
.page-products .products-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.page-products .support-panel{background:#fff;border:1px solid rgba(11,45,91,.09);border-radius:20px;padding:38px;box-shadow:0 8px 26px rgba(7,29,56,.04)}
.page-products .support-panel .h2{font-size:clamp(32px,3vw,44px)}

.page-products .products-final-cta{padding-top:18px}

@media(max-width:1050px){
  .page-products .products-hero-grid{grid-template-columns:1fr;gap:34px}
  .page-products .products-hero-copy{max-width:760px}
  .page-products .products-mosaic{max-width:820px;width:100%;grid-template-rows:235px 190px}
  .page-products .product-category-grid{grid-template-columns:repeat(2,1fr)}
  .page-products .program-path-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .page-products .products-hero-v4{padding:34px 0 48px}
  .page-products .products-hero-title{font-size:48px}
  .page-products .products-section-head{grid-template-columns:1fr;gap:12px}
  .page-products .products-section-head .lead{justify-self:start}
  .page-products .products-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:260px 170px 170px;min-height:0}
  .page-products .products-mosaic .mosaic-main{grid-column:1/3;grid-row:1}
  .page-products .products-mosaic .mosaic-wide{grid-column:1/3;grid-row:2}
  .page-products .products-mosaic .mosaic-small-a{grid-column:1;grid-row:3}
  .page-products .products-mosaic .mosaic-small-b{grid-column:2;grid-row:3}
  .page-products .product-category-grid,.page-products .products-support-grid{grid-template-columns:1fr}
  .page-products .product-category-card .visual{height:250px}
}
@media(max-width:540px){
  .page-products .products-hero-title{font-size:42px}
  .page-products .products-mosaic{grid-template-rows:230px 155px 155px;gap:8px}
  .page-products .products-mosaic figure{border-radius:14px}
  .page-products .products-mosaic figcaption{font-size:10px;left:12px;bottom:11px}
  .page-products .program-path-grid{grid-template-columns:1fr}
  .page-products .support-panel{padding:28px 24px}
}