:root{
  --crm-ink:#10243a;
  --crm-text:#425b72;
  --crm-muted:#71869a;
  --crm-line:rgba(43,80,112,.13);
  --crm-surface:#ffffff;
  --crm-soft:#f5fafe;
  --crm-focus:#1e6ce7;
  --crm-max:1240px;
  --crm-card-shadow:0 16px 42px rgba(31,66,94,.08),0 2px 8px rgba(31,66,94,.04);
  --crm-card-shadow-live:0 28px 72px rgba(20,59,91,.18),0 8px 22px rgba(20,59,91,.10);
}

*{box-sizing:border-box}
body.cc-product-home{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 10% 2%,rgba(65,202,218,.10),transparent 30rem),
    radial-gradient(circle at 92% 9%,rgba(50,112,225,.08),transparent 32rem),
    linear-gradient(180deg,#fbfdff 0%,#f7fbfe 55%,#fbfdff 100%);
  color:var(--crm-ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

.cr-product-home{min-height:72vh}
.cr-product-matrix{padding:48px 22px 72px}
.cr-product-matrix__inner{width:min(100%,var(--crm-max));margin:0 auto}
.cr-product-matrix__header{max-width:840px;margin-bottom:22px}

.cr-product-orientation{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);
  gap:30px;
  align-items:end;
  margin:0 0 20px;
  padding:30px 32px;
  overflow:hidden;
  border:1px solid rgba(43,80,112,.12);
  border-radius:26px;
  background:
    radial-gradient(circle at 8% 12%,rgba(76,205,220,.13),transparent 34%),
    radial-gradient(circle at 92% 10%,rgba(57,116,230,.10),transparent 35%),
    rgba(255,255,255,.76);
  box-shadow:0 20px 54px rgba(31,66,94,.07);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.cr-product-orientation::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background-image:radial-gradient(circle,rgba(30,108,231,.14) 1px,transparent 1.2px);
  background-size:26px 26px;
  mask-image:linear-gradient(90deg,#000,transparent 75%);
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 75%);
}
.cr-product-orientation__copy{max-width:720px}
.cr-product-orientation__prompt{
  margin:18px 0 0;
  color:#173a55;
  font-size:.95rem;
  line-height:1.35;
  font-weight:850;
}
.cr-product-orientation .cr-product-evidence{
  align-self:stretch;
  display:grid;
  align-content:center;
  gap:11px;
  width:auto;
  margin:0;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 34px rgba(36,75,106,.055);
}
.cr-product-orientation .cr-product-evidence__signals{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:100%;
}
.cr-product-orientation .cr-product-evidence__signal{
  min-height:62px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:3px;
  padding:9px 10px;
  border-radius:13px;
}
.cr-product-orientation .cr-product-evidence__signal strong{font-size:1.02rem}
.cr-product-orientation .cr-product-evidence small{
  width:100%;
  max-width:none;
  margin:0;
}
.cr-product-matrix__eyebrow{
  margin:0 0 9px;
  color:#187992;
  font-size:.76rem;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.cr-product-matrix h1{
  margin:0;
  max-width:20ch;
  color:var(--crm-ink);
  font-size:clamp(2rem,4vw,3.55rem);
  line-height:.99;
  letter-spacing:-.052em;
}
.cr-product-matrix__lead{
  max-width:62ch;
  margin:14px 0 0;
  color:var(--crm-text);
  font-size:clamp(.98rem,1.45vw,1.12rem);
  line-height:1.55;
}

.cr-product-evidence{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  margin:0 0 18px;
  padding:11px 14px;
  border:1px solid rgba(35,104,135,.12);
  border-radius:17px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 30px rgba(36,75,106,.045);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.cr-product-evidence__label{
  flex:0 0 auto;
  color:#46637a;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.cr-product-evidence__signals{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}
.cr-product-evidence__signal{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  min-height:30px;
  padding:5px 10px;
  border:1px solid rgba(26,108,139,.10);
  border-radius:999px;
  background:rgba(240,249,252,.80);
  color:#49677c;
  font-size:.72rem;
  line-height:1.2;
}
.cr-product-evidence__signal strong{
  color:#0d6e86;
  font-size:.86rem;
  font-variant-numeric:tabular-nums;
}
.cr-product-evidence small{
  margin-left:auto;
  max-width:320px;
  color:#8091a1;
  font-size:.67rem;
  line-height:1.35;
}

.cr-product-filter{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  margin:0 0 12px;
  padding:6px;
  overflow-x:auto;
  scrollbar-width:none;
  border:1px solid var(--crm-line);
  border-radius:18px;
  background:rgba(255,255,255,.80);
  box-shadow:0 12px 32px rgba(36,75,106,.05);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.cr-product-filter::-webkit-scrollbar{display:none}
.cr-product-filter__button{
  appearance:none;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  padding:0 14px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:#587087;
  font:800 .84rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.cr-product-filter__button small{
  min-width:23px;
  height:23px;
  display:grid;
  place-items:center;
  padding:0 6px;
  border-radius:999px;
  background:rgba(33,87,217,.07);
  color:#5c7287;
  font-size:.68rem;
}
.cr-product-filter__button:hover{background:rgba(31,114,154,.06);color:#163b56;transform:translateY(-1px)}
.cr-product-filter__button.is-active{
  background:#10243a;
  color:#fff;
  box-shadow:0 8px 20px rgba(16,36,58,.13);
}
.cr-product-filter__button.is-active small{background:rgba(255,255,255,.15);color:#fff}
.cr-product-filter__button:focus-visible{outline:3px solid rgba(30,108,231,.20);outline-offset:2px}

.cr-product-matrix__status{
  margin:0 0 18px;
  color:var(--crm-muted);
  font-size:.78rem;
  font-weight:750;
}

.cr-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  perspective:1400px;
}
.cr-product-card{
  min-width:0;
  opacity:1;
  transform:scale(1);
  transition:opacity .16s ease,transform .16s ease;
}
.cr-product-card[hidden]{display:none!important}
.cr-product-card.is-leaving{opacity:0;transform:scale(.975)}
.cr-product-card.is-entering{opacity:0;transform:translateY(8px) scale(.985)}
.cr-product-card__link{
  --tilt-x:0deg;
  --tilt-y:0deg;
  --glow-x:50%;
  --glow-y:45%;
  position:relative;
  isolation:isolate;
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(45,89,121,.14);
  border-radius:24px;
  background:rgba(255,255,255,.94);
  color:inherit;
  text-decoration:none;
  box-shadow:var(--crm-card-shadow);
  transform:perspective(1100px) translateY(0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .26s cubic-bezier(.2,.7,.2,1),border-color .22s ease,box-shadow .26s ease,background .22s ease;
}
.cr-product-card__link::before{
  content:"";
  position:absolute;
  z-index:4;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(255,255,255,.34),rgba(99,205,225,.12) 24%,transparent 52%);
  mix-blend-mode:screen;
  transition:opacity .22s ease;
}
.cr-product-card__link::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:10%;
  right:10%;
  bottom:-18px;
  height:36px;
  border-radius:50%;
  background:rgba(34,87,123,.15);
  filter:blur(20px);
  opacity:.22;
  transform:translateZ(-1px);
  transition:opacity .24s ease,transform .24s ease;
}
.cr-product-card__link:hover,
.cr-product-card__link:focus-visible{
  transform:perspective(1100px) translateY(-6px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  border-color:rgba(33,118,157,.30);
  background:#fff;
  box-shadow:var(--crm-card-shadow-live);
}
.cr-product-card__link:hover::before,
.cr-product-card__link:focus-visible::before{opacity:1}
.cr-product-card__link:hover::after,
.cr-product-card__link:focus-visible::after{opacity:.48;transform:translateY(4px) scale(1.04)}
.cr-product-card__link:focus-visible{outline:3px solid rgba(30,108,231,.24);outline-offset:3px}

.cr-product-card__media{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#eaf3f7;
  transform:translateZ(8px);
}
.cr-product-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(115deg,rgba(255,255,255,.16),transparent 30%,transparent 62%,rgba(150,226,236,.10)),
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.18),transparent 30%);
  opacity:.72;
  transition:opacity .26s ease;
}
.cr-product-card__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:brightness(1.08) saturate(1.10) contrast(1.045);
  transform:scale(1.018);
  transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .34s ease;
}
.cr-product-card__link:hover .cr-product-card__media img,
.cr-product-card__link:focus-visible .cr-product-card__media img{
  filter:brightness(1.16) saturate(1.16) contrast(1.06);
  transform:scale(1.065);
}
.cr-product-card__link:hover .cr-product-card__media::after,
.cr-product-card__link:focus-visible .cr-product-card__media::after{opacity:1}
.cr-product-card__shade{
  position:absolute;
  z-index:2;
  inset:0;
  background:linear-gradient(180deg,rgba(5,19,31,0) 34%,rgba(5,19,31,.16) 62%,rgba(5,19,31,.62) 100%);
  pointer-events:none;
}
.cr-product-card__number,
.cr-product-card__access{
  position:absolute;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:999px;
  background:rgba(8,28,44,.42);
  color:#fff;
  box-shadow:0 7px 22px rgba(5,21,32,.15);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.cr-product-card__number{
  top:12px;
  left:12px;
  padding:0 10px;
  font-size:.67rem;
  font-weight:850;
  letter-spacing:.06em;
}
.cr-product-card__access{
  right:12px;
  bottom:12px;
  padding:0 10px;
  font-size:.66rem;
  font-weight:800;
}
.cr-product-card__body{
  position:relative;
  z-index:3;
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-height:190px;
  padding:18px 19px 19px;
  transform:translateZ(12px);
}
.cr-product-card__domain{
  display:block;
  margin-bottom:8px;
  color:#668196;
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.cr-product-card h2{
  margin:0;
  color:#142b42;
  font-size:1.18rem;
  line-height:1.12;
  letter-spacing:-.02em;
}
.cr-product-card p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin:10px 0 13px;
  color:#5c7185;
  font-size:.86rem;
  line-height:1.47;
}
.cr-product-card__signal{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  align-self:flex-start;
  margin:0 0 10px;
  padding:5px 8px;
  border:1px solid rgba(23,103,131,.10);
  border-radius:9px;
  background:#f1f9fb;
  color:#597488;
  font-size:.68rem;
  line-height:1.2;
}
.cr-product-card__signal strong{
  color:#176783;
  font-size:.78rem;
  font-variant-numeric:tabular-nums;
}
.cr-product-card__action{
  margin-top:auto;
  color:#176783;
  font-size:.8rem;
  font-weight:850;
  transition:transform .18s ease,color .18s ease;
}
.cr-product-card__link:hover .cr-product-card__action,
.cr-product-card__link:focus-visible .cr-product-card__action{
  color:#0c7897;
  transform:translateX(3px);
}

.cr-product-matrix__noscript{
  margin:20px 0 0;
  color:var(--crm-muted);
  font-size:.86rem;
}

.cr-product-footer{
  border-top:1px solid var(--crm-line);
  background:rgba(255,255,255,.82);
  padding:25px 22px 34px;
}
.cr-product-footer__inner{
  width:min(100%,var(--crm-max));
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.cr-product-footer__inner>div{display:grid;gap:3px}
.cr-product-footer strong{color:var(--crm-ink);font-size:.9rem}
.cr-product-footer span{color:var(--crm-muted);font-size:.77rem}
.cr-product-footer nav{display:flex;flex-wrap:wrap;gap:16px}
.cr-product-footer a{color:#5d7488;font-size:.78rem;font-weight:700;text-decoration:none}
.cr-product-footer a:hover,.cr-product-footer a:focus-visible{color:#176783;text-decoration:underline;text-underline-offset:3px}

@media (max-width:980px){
  .cr-product-orientation{grid-template-columns:1fr;padding:26px;gap:20px}
  .cr-product-orientation .cr-product-evidence{align-self:auto}
  .cr-product-evidence{align-items:flex-start;flex-wrap:wrap}
  .cr-product-evidence small{width:100%;max-width:none;margin-left:0}
}

@media (max-width:900px){
  .cr-product-matrix{padding:38px 16px 60px}
  .cr-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .cr-product-card__body{min-height:176px}
}

@media (max-width:620px){
  .cr-product-matrix{padding-top:22px}
  .cr-product-orientation{margin-bottom:14px;padding:21px 18px;border-radius:20px}
  .cr-product-orientation::after{opacity:.22;background-size:22px 22px}
  .cr-product-orientation .cr-product-evidence{padding:12px;border-radius:16px}
  .cr-product-orientation .cr-product-evidence__signals{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .cr-product-orientation .cr-product-evidence__signal{min-height:58px;padding:7px}
  .cr-product-orientation .cr-product-evidence__signal span{font-size:.61rem;line-height:1.25}
  .cr-product-orientation__prompt{margin-top:15px;font-size:.9rem}
  .cr-product-matrix__header{margin-bottom:17px}
  .cr-product-matrix h1{font-size:clamp(2.15rem,11vw,3.25rem)}
  .cr-product-matrix__lead{font-size:.94rem}
  .cr-product-evidence{gap:9px;padding:10px 11px;border-radius:14px}
  .cr-product-evidence__label{width:100%}
  .cr-product-evidence__signals{gap:6px}
  .cr-product-evidence__signal{font-size:.68rem}
  .cr-product-filter{margin-inline:-2px;border-radius:15px}
  .cr-product-filter__button{min-height:40px;padding:0 12px}
  .cr-product-grid{grid-template-columns:1fr}
  .cr-product-card__link{
    display:grid;
    grid-template-columns:42% 58%;
    border-radius:19px;
    transform:none!important;
  }
  .cr-product-card__link::before,.cr-product-card__link::after{display:none}
  .cr-product-card__media{height:100%;min-height:170px;aspect-ratio:auto;transform:none}
  .cr-product-card__media img{filter:brightness(1.10) saturate(1.10) contrast(1.04);transform:scale(1.025)}
  .cr-product-card__body{min-height:170px;padding:15px;transform:none}
  .cr-product-card p{-webkit-line-clamp:3;margin-bottom:10px;font-size:.81rem}
  .cr-product-card h2{font-size:1.04rem}
  .cr-product-card__number{top:10px;left:10px}
  .cr-product-card__access{left:10px;right:auto;bottom:10px;max-width:calc(100% - 20px);font-size:.6rem}
  .cr-product-card__signal{font-size:.62rem;padding:4px 7px}
  .cr-product-footer__inner{align-items:flex-start;flex-direction:column}
}

@media (hover:none),(pointer:coarse){
  .cr-product-card__link{transform:none!important}
  .cr-product-card__link:hover{transform:none}
  .cr-product-card__media img{transform:scale(1.025)}
  .cr-product-card__action{transform:none!important}
}

@media (prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto}
  .cr-product-card,
  .cr-product-card__link,
  .cr-product-card__link::before,
  .cr-product-card__link::after,
  .cr-product-card__media img,
  .cr-product-card__media::after,
  .cr-product-card__action,
  .cr-product-filter__button{
    transition:none!important;
    animation:none!important;
  }
  .cr-product-card__link{transform:none!important}
  .cr-product-card__link:hover,.cr-product-card__link:focus-visible{transform:none!important}
  .cr-product-card__media img,.cr-product-card__link:hover .cr-product-card__media img,.cr-product-card__link:focus-visible .cr-product-card__media img{transform:none!important}
}