:root{--hc-navy:#071f2a;--hc-navy-2:#0b2b38;--hc-teal:#57d1c4;--hc-cyan:#4fb7c8;--hc-ink:#0b2632;--hc-muted:#66808a;--hc-line:#d9e9e9;--hc-bg:#f4f9f9;--hc-white:#fff}
*{box-sizing:border-box}.hc-page{min-height:100vh;background:var(--hc-bg);color:var(--hc-ink);font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased}.hc-page[dir=rtl]{font-family:'Tajawal','Manrope',sans-serif}.hc-page button,.hc-page input,.hc-page select{font:inherit}.hc-shell{width:min(1220px,calc(100% - 40px));margin-inline:auto}.hc-hero{position:relative;overflow:hidden;background:radial-gradient(65% 120% at 82% 15%,rgba(57,163,176,.25),transparent 62%),linear-gradient(135deg,#061b25,#0a2c38 62%,#0e3642);color:#fff;padding:58px 0 48px}.hc-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);pointer-events:none}.hc-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:52px;align-items:end}.hc-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#8ce2d9;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hc-eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.hc-hero h1{margin:15px 0 14px;font-size:clamp(38px,5.4vw,70px);line-height:1;letter-spacing:-.045em}.hc-page[dir=rtl] .hc-hero h1{letter-spacing:0}.hc-hero p{margin:0;max-width:720px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.7}.hc-hero__meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hc-hero__stat{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}.hc-hero__stat strong{display:block;font-size:27px}.hc-hero__stat span{display:block;margin-top:4px;color:rgba(255,255,255,.62);font-size:12px}.hc-categories{position:relative;z-index:2;margin-top:-18px;padding-bottom:26px}.hc-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hc-category{display:flex;align-items:center;gap:13px;width:100%;min-height:86px;padding:16px;border:1px solid var(--hc-line);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(8,39,50,.08);text-align:start;transition:.22s ease}.hc-category:hover,.hc-category[aria-pressed=true]{transform:translateY(-2px);border-color:#75c9c8;box-shadow:0 16px 36px rgba(8,39,50,.12)}.hc-category[aria-pressed=true]{background:linear-gradient(135deg,#eefafa,#fff)}.hc-category__icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid #cce7e5;border-radius:14px;background:#eff9f8;color:#147885;font-size:10px;font-weight:900;letter-spacing:.04em}.hc-category strong{display:block;font-size:14px}.hc-category small{display:block;margin-top:5px;color:var(--hc-muted);font-size:12px}.hc-toolbar{position:relative;z-index:20;border-block:1px solid var(--hc-line);background:rgba(244,249,249,.93);backdrop-filter:blur(18px);padding:15px 0}.hc-toolbar__row{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:center}.hc-search{position:relative}.hc-search input{width:100%;height:48px;padding:0 46px 0 16px;border:1px solid #cfe1e2;border-radius:14px;background:#fff;color:var(--hc-ink);outline:none;transition:.2s}.hc-page[dir=rtl] .hc-search input{padding:0 16px 0 46px}.hc-search input:focus{border-color:#48aeb8;box-shadow:0 0 0 4px rgba(79,183,200,.12)}.hc-search svg{position:absolute;right:16px;top:14px;width:20px;color:#64818b}.hc-page[dir=rtl] .hc-search svg{right:auto;left:16px}.hc-select{height:48px;padding:0 38px 0 14px;border:1px solid #cfe1e2;border-radius:14px;background:#fff;color:var(--hc-ink);font-weight:700}.hc-filter-toggle{display:none;height:48px;padding:0 17px;border:1px solid #bcdcdc;border-radius:14px;background:#fff;color:#176978;font-weight:800}.hc-result-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0 16px}.hc-result-bar strong{font-size:18px}.hc-clear{padding:8px 0;color:#18798a;background:none;border:0;font-weight:800}.hc-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;padding-bottom:76px}.hc-filters{align-self:start;position:sticky;top:96px;border:1px solid var(--hc-line);border-radius:20px;background:#fff;padding:20px}.hc-filters__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.hc-filters__head h2{margin:0;font-size:17px}.hc-filters__close{display:none}.hc-filter-group{padding:16px 0;border-top:1px solid #e7efef}.hc-filter-group h3{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#56747d}.hc-page[dir=rtl] .hc-filter-group h3{letter-spacing:0}.hc-filter-options{display:flex;flex-wrap:wrap;gap:7px}.hc-filter-chip{padding:8px 10px;border:1px solid #d7e6e6;border-radius:999px;background:#f9fbfb;color:#445f68;font-size:12px}.hc-filter-chip[aria-pressed=true]{border-color:#68c9c2;background:#e7f8f5;color:#0b6571;font-weight:800}.hc-empty-filter{color:#789098;font-size:13px;line-height:1.6}.hc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hc-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--hc-line);border-radius:21px;background:#fff;box-shadow:0 10px 28px rgba(11,38,50,.055);transition:transform .22s,box-shadow .22s,border-color .22s}.hc-card:hover{transform:translateY(-4px);border-color:#b8dede;box-shadow:0 18px 38px rgba(11,38,50,.1)}.hc-card__badges{position:absolute;z-index:2;top:13px;inset-inline:13px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.hc-badge{display:inline-flex;padding:6px 9px;border:1px solid #d3e6e5;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:#41636c;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.hc-badge--accent{border-color:#9ddfd8;background:#eaf9f6;color:#16756f}.hc-card__media{height:232px;display:grid;place-items:center;padding:32px 24px 16px;background:radial-gradient(circle at 50% 55%,#e7f5f3,transparent 58%),linear-gradient(#f8fbfb,#f2f8f8);border-bottom:1px solid #e6eeee}.hc-card__media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 12px rgba(11,38,50,.16))}.hc-card__body{display:flex;flex:1;flex-direction:column;padding:18px}.hc-card__body h3{margin:0;font-size:20px;line-height:1.2}.hc-card__type{margin:6px 0 12px;color:#247b86;font-size:12px;font-weight:800}.hc-card__summary{margin:0 0 14px;color:#607980;font-size:13px;line-height:1.58}.hc-spec-list{display:grid;gap:7px;margin-top:auto}.hc-spec{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:7px;border-top:1px solid #edf2f2;font-size:11.5px}.hc-spec span{color:#758d94}.hc-spec b{direction:ltr;unicode-bidi:isolate;text-align:end}.hc-card__actions{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 18px 18px}.hc-button{min-height:43px;border:1px solid #b8dada;border-radius:12px;background:#fff;color:#176a77;font-weight:800;padding:0 15px;transition:.18s}.hc-button:hover{border-color:#6dbdbd;background:#eef9f8}.hc-button--primary{border-color:#0b6c78;background:#0b6c78;color:#fff}.hc-button--primary:hover{background:#075965;color:#fff}.hc-button--dark{border-color:#0b2632;background:#0b2632;color:#fff}.hc-button--icon{width:44px;padding:0;font-size:20px}.hc-empty{grid-column:1/-1;border:1px dashed #bbd7d7;border-radius:20px;padding:52px 24px;text-align:center;color:#637c84}.hc-empty strong{display:block;color:#143741;font-size:20px;margin-bottom:7px}.hc-integration{padding:70px 0;background:#082630;color:#fff}.hc-integration__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}.hc-integration h2{margin:12px 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.08}.hc-integration p{color:rgba(255,255,255,.68);line-height:1.7}.hc-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hc-flow__item{min-height:148px;padding:19px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.055)}.hc-flow__item b{display:block;color:#72ddd2;font-size:12px;margin-bottom:12px}.hc-flow__item strong{display:block;font-size:15px}.hc-flow__item span{display:block;margin-top:8px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.55}.hc-solutions{padding:72px 0}.hc-section-head{max-width:710px;margin-bottom:28px}.hc-section-head h2{font-size:clamp(29px,4vw,46px);margin:10px 0 12px}.hc-section-head p{color:#627a82;line-height:1.7}.hc-solutions__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.hc-solution{padding:21px;border:1px solid var(--hc-line);border-radius:18px;background:#fff}.hc-solution b{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e7f6f4;color:#177781;font-size:12px}.hc-solution h3{font-size:15px;margin:16px 0 8px}.hc-solution p{margin:0;color:#667d84;font-size:12.5px;line-height:1.6}.hc-cta{padding:0 0 80px}.hc-cta__box{display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:26px;padding:34px;background:linear-gradient(135deg,#dff4f1,#eff9f8);border:1px solid #b9dedb}.hc-cta h2{margin:0 0 8px;font-size:28px}.hc-cta p{margin:0;color:#5f777f}.hc-overlay{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px;background:rgba(4,23,30,.76);backdrop-filter:blur(12px)}.hc-modal{width:min(1050px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:26px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.35)}.hc-modal__top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid #dce9e9;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.hc-modal__top h2{margin:0;font-size:23px}.hc-modal__close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d3e2e2;border-radius:50%;background:#f6fafa;font-size:23px}.hc-detail{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:28px;padding:28px}.hc-detail__media{display:grid;place-items:center;min-height:420px;border:1px solid #e0ecec;border-radius:21px;background:radial-gradient(circle,#e4f4f2,transparent 62%),#f7fbfb;padding:32px}.hc-detail__media img{width:100%;height:390px;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(11,38,50,.18))}.hc-detail__copy h3{font-size:34px;margin:0 0 5px}.hc-detail__copy>p{color:#617a82;line-height:1.65}.hc-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.hc-pill{padding:7px 10px;border-radius:999px;background:#eaf7f5;color:#176d75;font-size:11px;font-weight:800}.hc-spec-group{margin-top:22px}.hc-spec-group h4{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#287c84}.hc-page[dir=rtl] .hc-spec-group h4{letter-spacing:0}.hc-detail-spec{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #edf2f2;font-size:13px}.hc-detail-spec span{color:#6e858d}.hc-detail-spec b{text-align:end;direction:ltr;unicode-bidi:isolate}.hc-apps{display:flex;flex-wrap:wrap;gap:8px}.hc-similar{padding:0 28px 30px}.hc-similar h3{font-size:16px}.hc-similar__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hc-similar__item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #dae8e8;border-radius:14px;background:#fff;text-align:start}.hc-similar__item img{width:56px;height:56px;object-fit:contain;border-radius:9px;background:#f3f8f8}.hc-compare-tray{position:fixed;z-index:120;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:min(900px,calc(100% - 30px));padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(6,31,42,.96);box-shadow:0 18px 50px rgba(0,0,0,.28);color:#fff;backdrop-filter:blur(14px)}.hc-compare-tray__items{display:flex;flex:1;gap:8px;min-width:0}.hc-compare-mini{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 8px;border-radius:10px;background:rgba(255,255,255,.07)}.hc-compare-mini img{width:32px;height:32px;object-fit:contain}.hc-compare-mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800}.hc-compare-mini button{border:0;background:none;color:#9db1b8}.hc-compare-actions{display:flex;gap:8px}.hc-compare{padding:0 22px 24px}.hc-compare__switch{display:flex;align-items:center;gap:9px;color:#547078;font-size:13px;font-weight:800}.hc-switch{width:46px;height:26px;border:0;border-radius:999px;background:#ccd9db;padding:3px}.hc-switch:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}.hc-switch[aria-pressed=true]{background:#28a692}.hc-switch[aria-pressed=true]:after{transform:translateX(20px)}.hc-page[dir=rtl] .hc-switch[aria-pressed=true]:after{transform:translateX(-20px)}.hc-compare-head,.hc-compare-row{display:grid;grid-template-columns:190px repeat(var(--cols),minmax(180px,1fr));min-width:720px}.hc-compare-scroll{overflow:auto}.hc-compare-head>div,.hc-compare-row>div{padding:14px;border-inline-end:1px solid #dce8e8;border-bottom:1px solid #dce8e8}.hc-compare-head{position:sticky;top:79px;z-index:3;background:#fff}.hc-compare-product{text-align:center}.hc-compare-product img{width:110px;height:100px;object-fit:contain;margin:0 auto 8px}.hc-compare-product strong{display:block}.hc-compare-label{color:#56737b;font-weight:800;background:#f2f7f7}.hc-compare-value{text-align:center;font-size:13px;direction:ltr;unicode-bidi:isolate}.hc-notice{position:fixed;z-index:250;bottom:92px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:12px;background:#0b2632;color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.25);font-size:13px;font-weight:800}.hc-mobile-backdrop{display:none}
@media(max-width:1050px){.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-solutions__grid{grid-template-columns:repeat(2,1fr)}.hc-flow{grid-template-columns:1fr}.hc-integration__grid{gap:30px}.hc-detail{grid-template-columns:1fr}.hc-detail__media{min-height:310px}.hc-detail__media img{height:290px}}
@media(max-width:780px){.hc-shell{width:min(100% - 28px,1220px)}.hc-hero{padding:44px 0 38px}.hc-hero__inner{grid-template-columns:1fr;gap:28px}.hc-category-grid{grid-template-columns:repeat(2,1fr)}.hc-toolbar__row{grid-template-columns:1fr auto}.hc-select{display:none}.hc-filter-toggle{display:block}.hc-layout{grid-template-columns:1fr}.hc-filters{position:fixed;z-index:180;top:0;bottom:0;inset-inline-start:0;width:min(340px,88vw);border-radius:0;transform:translateX(-105%);transition:.24s;overflow:auto}.hc-page[dir=rtl] .hc-filters{transform:translateX(105%)}.hc-filters[data-open=true]{transform:none}.hc-filters__close{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #d2e2e2}.hc-mobile-backdrop[data-open=true]{display:block;position:fixed;z-index:170;inset:0;background:rgba(4,23,30,.58)}.hc-integration__grid{grid-template-columns:1fr}.hc-cta__box{align-items:flex-start;flex-direction:column}.hc-overlay{padding:10px}.hc-modal{max-height:calc(100vh - 20px);border-radius:20px}.hc-detail{padding:18px}.hc-similar{padding:0 18px 24px}.hc-similar__grid{grid-template-columns:1fr}.hc-compare-tray{bottom:8px;align-items:stretch}.hc-compare-tray__items{display:none}.hc-compare-actions{width:100%}.hc-compare-actions .hc-button{flex:1}.hc-compare-head{top:79px}}
@media(max-width:560px){.hc-category{min-height:78px;padding:12px}.hc-category__icon{display:none}.hc-grid{grid-template-columns:1fr}.hc-card__media{height:250px}.hc-result-bar{align-items:flex-start}.hc-solutions__grid{grid-template-columns:1fr}.hc-hero__meta{grid-template-columns:1fr 1fr}.hc-detail__copy h3{font-size:27px}.hc-modal__top h2{font-size:18px}.hc-compare__switch span{display:none}}
.hc-page[dir=rtl] .hc-switch[aria-pressed=true]:after{transform:translateX(20px)}
.hc-button[aria-disabled=true]{opacity:.48;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.hc-page *{scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* Lock each product render to its media stage so it can never cover copy or controls. */
.hc-page .hc-card__media{position:relative;flex:0 0 232px;height:232px;min-height:232px;max-height:232px;overflow:hidden;isolation:isolate}
.hc-page .hc-card__media img{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;pointer-events:none}
.hc-page .hc-card__body{position:relative;z-index:2;background:#fff}
.hc-page .hc-card__actions{position:relative;z-index:3;background:#fff}
.hc-page .hc-card__actions .hc-button{position:relative;z-index:4;pointer-events:auto}
.hc-page .hc-detail__media{overflow:hidden}
.hc-page .hc-detail__media img{display:block;width:auto;height:auto;max-width:100%;max-height:460px;object-fit:contain;object-position:center}
.hc-page .hc-similar__item img,.hc-page .hc-compare-mini img,.hc-page .hc-compare-product img{object-fit:contain;object-position:center}
@media(max-width:560px){.hc-page .hc-card__media{flex-basis:250px;height:250px;min-height:250px;max-height:250px}}

/* Keep catalog dialogs anchored to the visitor's current viewport, even when the
   catalog is mounted inside the generated single-page bundle. */
.hc-page{position:relative;overflow:visible}
.hc-page .hc-card__media{padding:22px 20px 14px}
.hc-button--icon[aria-disabled=true]{border-color:#d9e5e5;background:#f4f7f7;color:#9aadb1;cursor:not-allowed}
.hc-overlay{position:absolute!important;inset:auto 0 auto 0!important;top:var(--hc-overlay-top,0px)!important;width:100%;height:var(--hc-viewport-height,100vh);min-height:520px}
.hc-modal{max-height:calc(var(--hc-viewport-height,100vh) - 48px)}
.hc-notice{position:absolute;top:calc(var(--hc-overlay-top,0px) + 22px);bottom:auto}

/* The catalog is mounted inside a generated single-page document. Keep the
   comparison launcher inside that document while visually pinning it to the
   current viewport, so selecting products always exposes Compare (n). */
.hc-page .hc-compare-tray{
  position:absolute!important;
  z-index:240!important;
  top:calc(var(--hc-overlay-top,0px) + var(--hc-viewport-height,100vh) - 92px)!important;
  bottom:auto!important;
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:780px){
  .hc-page .hc-compare-tray{top:calc(var(--hc-overlay-top,0px) + var(--hc-viewport-height,100vh) - 76px)!important}
}

/* Keep the comparison product header in normal document flow. A sticky
   header overlaps the first specification rows inside the modal. */
.hc-page .hc-compare-head{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
}

/* Compact family tags provide immediate catalog filtering. */
.hc-page .hc-quick-filters{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.hc-page .hc-quick-filters::-webkit-scrollbar{display:none}
.hc-page .hc-quick-filter{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  min-height:38px;
  padding:7px 13px;
  border:1px solid #c9dfe0;
  border-radius:999px;
  background:#fff;
  color:#48666f;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.hc-page .hc-quick-filter:hover{
  border-color:#6dc6c3;
  color:#0d6b76;
}
.hc-page .hc-quick-filter[aria-pressed=true]{
  border-color:#54bdb8;
  background:#e8f8f5;
  color:#0a6872;
  box-shadow:0 0 0 3px rgba(84,189,184,.11);
}
.hc-page .hc-quick-filter__code{
  color:#1a8992;
  font-size:9px;
  letter-spacing:.06em;
}
.hc-page .hc-quick-filter small{
  display:grid;
  place-items:center;
  min-width:22px;
  height:22px;
  padding-inline:6px;
  border-radius:999px;
  background:#eff5f5;
  color:#6b838a;
  font-size:10px;
}
.hc-page .hc-quick-filter[aria-pressed=true] small{
  background:#cfeee9;
  color:#08606a;
}
@media(max-width:560px){
  .hc-page .hc-quick-filters{width:calc(100% - 28px)}
  .hc-page .hc-quick-filter{min-height:36px;padding:6px 11px}
  .hc-page .hc-quick-filter__code{display:none}
}
@media(max-width:780px){
  .hc-search input{font-size:16px}
  .hc-filters__close,.hc-modal__close{width:44px;height:44px}
  .hc-button,.hc-page .hc-quick-filter{min-height:44px}
  .hc-modal{max-height:calc(100dvh - 20px)}
  .hc-compare-tray{bottom:max(8px,env(safe-area-inset-bottom))}
}