/* 99 Digital v2 — products catalog / product detail / omnichannel. Scoped; prefix b-. */

/* ═════════ Motif system (decorative SVG, shared by catalog + detail) ═════════ */
.b-glyph{--g-line:#0f4b2466;--g-acc:#087d43;--g-soft:#0f4b24;display:block;width:100%;height:auto;overflow:visible}
.b-glyph.big{--g-line:#9bf0c85c;--g-acc:#52e3a4;--g-soft:#e9f5ee}
.b-glyph *{transform-box:fill-box;transform-origin:center}
.b-glyph .vo{transform-box:view-box}
.b-glyph .ln{fill:none;stroke:var(--g-line);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.b-glyph .ac{fill:none;stroke:var(--g-acc);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.b-glyph .fl{fill:var(--g-acc)}
.b-glyph .fs{fill:var(--g-soft)}
.b-glyph .fs-s{fill:none;stroke:var(--g-soft);stroke-width:12;stroke-linecap:round}
.b-glyph .ring{fill:none;stroke:var(--g-acc);stroke-width:1.5;opacity:0}
html[dir=rtl] .b-glyph.dir{transform:scaleX(-1)}

.b-glyph .dash{stroke-dasharray:3 9;animation:b-dash 1.3s linear infinite;animation-delay:calc(var(--d,0)*1s)}
.b-glyph .dash.dv{animation-duration:1.8s}
.b-glyph .pulse{animation:b-pulse 2.8s ease-out infinite;animation-delay:calc(var(--d,0)*1s)}
.b-glyph .pulse.big{animation-name:b-pulse-big;animation-duration:3.4s}
.b-glyph .pulse.huge{animation-name:b-pulse-huge;animation-duration:3.6s}
.b-glyph .pulse2{animation:b-pulse2 2.4s ease-in-out infinite}
.b-glyph .spin{animation:b-spin 22s linear infinite}
.b-glyph .spin.r{animation-duration:15s;animation-direction:reverse}
.b-glyph .blink{animation:b-blink 1.8s ease-in-out infinite;animation-delay:calc(var(--d,0)*1s)}
.b-glyph .bar{transform-origin:50% 100%;animation:b-bar 3.4s ease-in-out infinite alternate;animation-delay:calc(var(--d,0)*1s)}
.b-glyph .wv{animation:b-wave 1.6s ease-in-out infinite alternate;animation-delay:calc(var(--d,0)*1s)}
.b-glyph .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:b-draw 3.6s ease-in-out infinite;animation-delay:calc(var(--d,0)*1s)}
.b-glyph .pop{animation:b-pop 3.6s ease-in-out infinite}
.b-glyph .fall{animation:b-fall 3s ease-in infinite;animation-delay:calc(var(--d,0)*1s)}
.b-glyph .rise{animation:b-rise 4s ease-in-out infinite alternate}
.b-glyph .qd{animation:b-queue 4.4s linear infinite;animation-delay:calc(var(--d,0)*1s)}
.b-glyph:not(.is-on) *{animation-play-state:paused!important}

@keyframes b-dash{to{stroke-dashoffset:-24}}
@keyframes b-pulse{0%{transform:scale(.7);opacity:.7}100%{transform:scale(1.9);opacity:0}}
@keyframes b-pulse-big{0%{transform:scale(.8);opacity:.6}100%{transform:scale(2.1);opacity:0}}
@keyframes b-pulse-huge{0%{transform:scale(.8);opacity:.7}100%{transform:scale(4.6);opacity:0}}
@keyframes b-pulse2{0%,100%{transform:scale(.82);opacity:.6}50%{transform:scale(1);opacity:1}}
@keyframes b-spin{to{transform:rotate(360deg)}}
@keyframes b-blink{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes b-bar{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@keyframes b-wave{from{transform:scaleY(.22)}to{transform:scaleY(1)}}
@keyframes b-draw{0%{stroke-dashoffset:1}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes b-pop{0%,30%{transform:scale(0);opacity:0}45%,85%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}
@keyframes b-fall{0%{transform:translateY(0);opacity:0}15%{opacity:1}80%{transform:translateY(74px);opacity:1}100%{transform:translateY(80px);opacity:0}}
@keyframes b-rise{from{transform:translateY(5px)}to{transform:translateY(-5px)}}
@keyframes b-queue{0%{transform:translateX(0);opacity:0}8%{opacity:1}85%{transform:translateX(128px);opacity:1}100%{transform:translateX(138px);opacity:0}}

@media(prefers-reduced-motion:reduce){
  .b-glyph *{animation:none!important}
  .b-glyph .draw{stroke-dashoffset:0}
  .b-glyph .ring{opacity:.35}
}

/* ═════════ 1. Catalog ═════════ */
html body main.n99-products-catalog:not(#v2):not(#v2) .page-hero{padding-block:clamp(96px,10vw,150px) clamp(80px,8vw,120px)!important}
html body main.n99-products-catalog:not(#v2):not(#v2) .page-hero h1 b{color:var(--v2-mint)!important;font-weight:800}
html body main.n99-products-catalog:not(#v2):not(#v2) .page-hero>span{margin-inline:auto;display:inline-flex!important;padding:7px 16px!important;border:1px solid #52e3a440!important;background:#52e3a41a!important;border-radius:999px}

.n99-products-catalog .section{padding-top:clamp(40px,5vw,80px)}
.n99-products-catalog .section>.wrap{display:block}
.n99-products-catalog .n99-catalog-family{
  display:grid;grid-template-columns:minmax(230px,30%) minmax(0,1fr);column-gap:clamp(32px,5vw,88px);
  margin:0;padding-block:clamp(44px,5.4vw,88px);border-top:1px solid var(--v2-line);position:relative;
}
.n99-products-catalog .n99-catalog-family:first-child{border-top:0}
.b-fam-side{position:sticky;top:112px;align-self:start;display:flex;flex-direction:column;gap:14px;text-align:start}
.b-fam-no{font-size:15px;font-weight:600;color:var(--v2-green-2);display:inline-flex;align-items:center;gap:10px;direction:ltr;align-self:flex-start}
html[dir=rtl] .b-fam-no{align-self:flex-start}
.b-fam-no:after{content:'';width:28px;height:1px;background:currentColor;opacity:.55}
html body main.n99-products-catalog:not(#v2):not(#v2) .b-fam-side h2{
  margin:0!important;font-size:clamp(30px,3.2vw,50px)!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.05!important;
  color:var(--v2-ink)!important;text-align:start!important;direction:ltr;text-wrap:balance;max-width:11ch;overflow-wrap:normal;
}
html[dir=rtl] body main.n99-products-catalog:not(#v2):not(#v2) .b-fam-side h2{text-align:right!important}
.b-fam-glyph{width:min(210px,100%);margin-top:clamp(10px,2vw,26px);padding:18px 20px;border-radius:26px;background:linear-gradient(160deg,#fff,#f1f5ee);border:1px solid var(--v2-line);box-shadow:0 30px 50px -36px #10261a50;transition:transform .6s var(--v2-ease)}
.b-fam-side:hover .b-fam-glyph{transform:translateY(-4px) rotate(-1.5deg)}

.n99-products-catalog .n99-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:clamp(14px,1.6vw,22px);counter-reset:b-card}
.n99-products-catalog .n99-catalog-card{
  position:relative;overflow:hidden;min-height:272px;padding:96px clamp(24px,2.2vw,34px) clamp(24px,2.2vw,32px)!important;gap:0;
  align-items:flex-start;text-align:start;
}
.n99-products-catalog .n99-catalog-card:only-child{grid-column:1/-1;min-height:240px;padding-inline-end:clamp(24px,18%,200px)!important}
.n99-products-catalog .n99-catalog-card:before{
  content:var(--ci,"01");position:absolute;inset-block-start:26px;inset-inline-start:clamp(24px,2.2vw,34px);
  font-size:15px;font-weight:600;color:var(--v2-muted);letter-spacing:0;
}
.n99-products-catalog .n99-catalog-card:after{
  content:'';position:absolute;inset-block-start:20px;inset-inline-end:20px;width:46px;height:46px;border-radius:50%;
  border:1px solid var(--v2-line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306140d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/20px no-repeat;
  transition:background-color .4s var(--v2-ease),transform .5s var(--v2-ease),border-color .3s;
}
.n99-products-catalog .n99-catalog-card:hover:after{background-color:var(--v2-mint);border-color:var(--v2-mint);transform:rotate(45deg) scale(1.06)}
html body main.n99-products-catalog:not(#v2):not(#v2) .n99-catalog-card h3{font-size:clamp(21px,1.7vw,26px)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.025em!important;color:var(--v2-ink)!important;margin:0 0 14px!important;text-wrap:balance}
html body main.n99-products-catalog:not(#v2):not(#v2) .n99-catalog-card p{font-size:15.5px!important;line-height:1.75!important;color:var(--v2-muted)!important;margin:0 0 26px!important}
html body main.n99-products-catalog:not(#v2):not(#v2) .n99-catalog-card>span{
  margin-top:auto!important;position:relative;font-size:15px!important;font-weight:600!important;color:var(--v2-green-2)!important;padding-bottom:4px;
}
.n99-products-catalog .n99-catalog-card>span:after{content:'';position:absolute;inset-inline:0;bottom:0;height:1px;background:currentColor;transform:scaleX(.25);transform-origin:var(--b-o,right);transition:transform .6s var(--v2-ease)}
html[dir=ltr] .n99-products-catalog .n99-catalog-card>span:after{--b-o:left}
.n99-products-catalog .n99-catalog-card:hover>span:after{transform:scaleX(1)}
.n99-products-catalog .n99-catalog-card.v2-card:hover{transform:translateY(-8px)}

@media(max-width:1000px){
  .n99-products-catalog .n99-catalog-family{grid-template-columns:1fr;row-gap:28px}
  .b-fam-side{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'no glyph' 'h2 glyph';align-items:center;column-gap:20px;row-gap:6px}
  .b-fam-no{grid-area:no}
  html body main.n99-products-catalog:not(#v2):not(#v2) .b-fam-side h2{grid-area:h2;max-width:none}
  .b-fam-glyph{grid-area:glyph;width:132px;margin:0;padding:12px 14px;border-radius:20px}
  .n99-products-catalog .n99-catalog-card:only-child{padding-inline-end:clamp(24px,2.2vw,34px)!important}
}
@media(max-width:650px){
  .n99-products-catalog .n99-catalog-family{padding-block:40px}
  .n99-products-catalog .n99-catalog-grid{grid-template-columns:1fr}
  .n99-products-catalog .n99-catalog-card{min-height:0}
  .b-fam-glyph{width:104px;border-radius:16px}
}

/* ═════════ 2. Product detail ═════════ */
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:clamp(32px,5vw,96px);align-content:center;justify-items:start;text-align:start;
  min-height:min(88vh,780px);
  padding-inline:max(var(--v2-gutter),calc((100% - 1280px)/2))!important;
  padding-block:clamp(96px,9vw,150px) clamp(72px,7vw,120px)!important;
}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero>.b-copy{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero>.b-stage{grid-column:2;grid-row:1;align-self:center}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero h1{
  font-size:clamp(38px,4.9vw,82px)!important;line-height:1.04!important;max-width:15ch;margin:20px 0 0!important;text-align:start;
}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero .b-copy>p{margin:clamp(20px,2.2vw,30px) 0 0!important;max-width:52ch;text-align:start;font-size:clamp(17px,1.35vw,21px)!important;line-height:1.7!important}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero .actions{justify-content:flex-start;margin-top:clamp(28px,3vw,44px)!important}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero .actions .btn{transition:transform .35s var(--v2-ease),box-shadow .35s}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero .actions .btn:hover{transform:translateY(-3px);box-shadow:0 20px 56px #52e3a466!important}

/* back link as glass chip with arrow, label as mint chip */
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero .b-copy>.n99-product-back{
  display:inline-flex!important;align-items:center;gap:8px;width:max-content;margin:0 0 26px!important;padding:8px 16px 8px 14px!important;
  border:1px solid #ffffff26!important;background:#ffffff0d!important;border-radius:999px;color:var(--v2-on-dark)!important;font-size:14px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s,border-color .3s,translate .4s var(--v2-ease);
}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero .b-copy>.n99-product-back:before{content:'';width:14px;height:14px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
html[dir=ltr] body main.n99-product-detail:not(#v2):not(#v2) .page-hero .b-copy>.n99-product-back:before{transform:scaleX(-1)}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero .b-copy>.n99-product-back:hover{background:#ffffff1c!important;border-color:#52e3a480!important;translate:4px 0}
html[dir=ltr] body main.n99-product-detail:not(#v2):not(#v2) .page-hero .b-copy>.n99-product-back:hover{translate:-4px 0}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero .b-copy>.n99-family-label{
  display:inline-flex!important;justify-content:flex-start;width:max-content;margin:0!important;padding:6px 14px!important;border:1px solid #52e3a440!important;background:#52e3a41a!important;border-radius:999px;font-size:14px;
}
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero .b-copy>.n99-family-label:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--v2-mint);box-shadow:0 0 12px var(--v2-mint)}

/* hero stage: glass slab with the motif */
.b-stage{
  position:relative;width:100%;max-width:560px;justify-self:end;aspect-ratio:1/.94;border-radius:40px;overflow:hidden;isolation:isolate;
  background:linear-gradient(155deg,#ffffff17,#ffffff05 60%),radial-gradient(70% 60% at 50% 40%,#52e3a426,transparent 70%);
  border:1px solid #ffffff22;box-shadow:inset 0 1px 0 #ffffff2e,0 60px 110px -40px #000c,0 0 140px -50px #52e3a4aa;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;will-change:transform;
}
.b-stage-grid{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#9bf0c833 1px,transparent 1.4px);background-size:26px 26px;mask-image:radial-gradient(circle at 50% 50%,#000 25%,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 25%,transparent 75%)}
.b-stage-core{position:absolute;inset:11% 9%;display:grid;place-items:center}
.b-stage-core .b-glyph{height:100%;width:100%;filter:drop-shadow(0 0 18px #52e3a433)}
.b-stage-core .b-glyph .ln{stroke-width:1.3}
.b-orb{position:absolute;border-radius:50%;z-index:-1;pointer-events:none;animation:b-float 9s ease-in-out infinite alternate}
.b-orb.o1{width:150px;height:150px;inset-block-start:-40px;inset-inline-end:-30px;background:radial-gradient(circle at 35% 30%,#52e3a455,transparent 70%)}
.b-orb.o2{width:220px;height:220px;inset-block-end:-80px;inset-inline-start:-60px;background:radial-gradient(circle at 60% 40%,#0c6b4a88,transparent 70%);animation-duration:12s}
.b-orb.o3{width:10px;height:10px;inset-block-start:16%;inset-inline-start:12%;background:var(--v2-mint);box-shadow:0 0 22px var(--v2-mint);animation-duration:6s}
@keyframes b-float{from{transform:translate3d(0,0,0)}to{transform:translate3d(14px,-18px,0)}}
@media(prefers-reduced-motion:reduce){.b-orb{animation:none}}

/* benefits bento */
html body main.n99-product-detail:not(#v2):not(#v2) .section{padding-block:clamp(72px,8vw,132px)}
html body main.n99-product-detail:not(#v2):not(#v2) .n99-product-benefits{
  max-width:none;width:min(1280px,100% - var(--v2-gutter)*2);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);
}
.n99-product-detail .n99-product-benefits>h2{grid-column:1/-1;margin:0 0 clamp(12px,3vw,40px)!important;font-size:clamp(34px,4.6vw,72px)!important;max-width:16ch}
.n99-product-detail .n99-product-benefits>ul{display:contents;counter-reset:b-bene}
.n99-product-detail .n99-product-benefits li{
  position:relative;overflow:hidden;counter-increment:b-bene;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(210px,20vw,290px);
  padding:clamp(26px,2.6vw,40px)!important;font-size:clamp(20px,1.7vw,26px)!important;font-weight:600!important;line-height:1.35;letter-spacing:-.02em;color:var(--v2-ink)!important;
  grid-column:span 6;
}
.n99-product-detail .n99-product-benefits li:before{
  content:'0' counter(b-bene);position:absolute;inset-block-start:clamp(18px,2vw,28px);inset-inline-start:clamp(22px,2.4vw,36px);
  font-size:clamp(60px,6.6vw,112px);font-weight:800;line-height:1;letter-spacing:-.05em;color:#0f4b2414;transition:color .5s,transform .7s var(--v2-ease);
}
.n99-product-detail .n99-product-benefits li:hover:before{color:#52e3a47a;transform:translateY(-4px)}
.b-bene-bar{position:absolute;inset-inline:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--v2-green-2),var(--v2-mint));transform-origin:var(--b-o,right) center;pointer-events:none}
html[dir=ltr] .b-bene-bar{--b-o:left}
.n99-product-detail .n99-product-benefits li:nth-child(1){grid-column:span 7;grid-row:span 2;min-height:clamp(320px,34vw,520px)}
.n99-product-detail .n99-product-benefits li:nth-child(2){grid-column:span 5}
.n99-product-detail .n99-product-benefits li:nth-child(3){grid-column:span 5}
html body main.n99-product-detail:not(#v2):not(#v2) .n99-product-benefits li:nth-child(1){
  background-color:var(--v2-ink)!important;background-image:radial-gradient(520px 340px at 85% 0%,#14583399,transparent 65%),radial-gradient(420px 300px at 0% 100%,#0c6b4a55,transparent 65%)!important;
  color:#fff!important;border-color:#ffffff1a!important;font-size:clamp(26px,2.9vw,46px)!important;font-weight:700!important;line-height:1.18;letter-spacing:-.035em;
  box-shadow:0 50px 90px -50px #06140d!important;
}
html body main.n99-product-detail:not(#v2):not(#v2) .n99-product-benefits li:nth-child(1):hover{background-image:radial-gradient(520px 340px at 85% 0%,#145833cc,transparent 65%),radial-gradient(420px circle at var(--mx) var(--my),#52e3a433,transparent 62%)!important}
.n99-product-detail .n99-product-benefits li:nth-child(1):before{color:#52e3a42e;font-size:clamp(90px,11vw,180px)}
.n99-product-detail .n99-product-benefits li:nth-child(1):hover:before{color:#52e3a455}
.b-bene-echo{position:absolute;inset-block-start:10%;inset-inline-end:5%;width:min(56%,320px);opacity:.34;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(#000 40%,transparent 95%);mask-image:linear-gradient(#000 40%,transparent 95%)}
.b-bene-echo .b-glyph{--g-line:#9bf0c880;--g-acc:#52e3a4;--g-soft:#e9f5ee}
.n99-product-detail .n99-product-benefits li{z-index:0}
.n99-product-detail .n99-product-benefits li>*:not(.b-bene-bar):not(.b-bene-echo){position:relative}
.n99-product-detail .n99-product-benefits li:nth-child(1) .b-bene-echo{position:absolute}

/* back-to-products as a ghost pill */
html body main.n99-product-detail:not(#v2):not(#v2) .n99-product-benefits>.n99-product-back{
  grid-column:1/-1;justify-self:start;margin-top:clamp(18px,3vw,40px);display:inline-flex;align-items:center;gap:10px;padding:14px 26px!important;border:1px solid var(--v2-ink)!important;border-radius:999px;
  background:transparent!important;color:var(--v2-ink)!important;font-size:16px;font-weight:600;text-decoration:none;transition:background .35s var(--v2-ease),color .35s,transform .4s var(--v2-ease),border-color .3s;
}
html body main.n99-product-detail:not(#v2):not(#v2) .n99-product-benefits>.n99-product-back:hover{background:var(--v2-ink)!important;color:#fff!important;transform:translateY(-3px)}

@media(max-width:999px){
  html body main.n99-product-detail:not(#v2):not(#v2) .page-hero{grid-template-columns:1fr;min-height:0;padding-block:clamp(84px,14vw,120px) clamp(56px,9vw,90px)!important}
  html body main.n99-product-detail:not(#v2):not(#v2) .page-hero>.b-copy{grid-column:1}
  html body main.n99-product-detail:not(#v2):not(#v2) .page-hero>.b-stage{grid-column:1;grid-row:2;justify-self:center;max-width:420px;margin-top:44px;border-radius:30px}
  .n99-product-detail .n99-product-benefits li:nth-child(n){grid-column:1/-1;grid-row:auto;min-height:0;padding-top:clamp(84px,18vw,120px)!important}
  .n99-product-detail .n99-product-benefits li:nth-child(1){min-height:clamp(300px,70vw,380px)}
}
@media(max-width:700px){
  html body main.n99-product-detail:not(#v2):not(#v2) .page-hero h1{max-width:none;font-size:clamp(36px,11vw,52px)!important}
  .b-stage{border-radius:26px}
}

/* ═════════ 3. Omnichannel ═════════ */
html body main.omni-page:not(#v2):not(#v2) .omni-hero{padding-block:clamp(96px,9vw,150px) clamp(72px,8vw,120px)!important}
html body main.omni-page:not(#v2):not(#v2) .omni-hero .omni-product-name{
  display:inline-flex!important;align-items:center;gap:10px;padding:7px 16px!important;border:1px solid #52e3a440!important;background:#52e3a41a!important;border-radius:999px;color:var(--v2-mint)!important;font-size:15px;font-weight:500;
}
html body main.omni-page:not(#v2):not(#v2) .omni-hero .omni-product-name:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--v2-mint);box-shadow:0 0 12px var(--v2-mint)}
html body main.omni-page:not(#v2):not(#v2) .omni-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--v2-mint),#9bf0c8 60%,#52e3a4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}
html body main.omni-page:not(#v2):not(#v2) .omni-hero h1 em .v2-w,html body main.omni-page:not(#v2):not(#v2) .omni-hero h1 em .v2-wi{-webkit-text-fill-color:transparent;color:transparent!important;background:inherit;-webkit-background-clip:text;background-clip:text}
html body main.omni-page:not(#v2):not(#v2) .omni-hero h1 em .v2-wi{background:linear-gradient(100deg,#52e3a4,#9bf0c8);-webkit-background-clip:text;background-clip:text}
.omni-channel-list{gap:12px!important;margin:clamp(30px,4vw,48px) 0 0!important}
html body main.omni-page:not(#v2):not(#v2) .omni-hero .omni-channel-list span{
  padding:9px 18px;border:1px solid #ffffff22;background:#ffffff0e;border-radius:999px;color:var(--v2-on-dark)!important;font-size:14.5px;font-weight:500;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s,background .3s,translate .4s var(--v2-ease);
}
.omni-channel-list span:before{background:var(--v2-mint)!important;box-shadow:0 0 10px var(--v2-mint)}
html body main.omni-page:not(#v2):not(#v2) .omni-hero .omni-channel-list span:hover{border-color:#52e3a499;background:#52e3a41c;translate:0 -3px}
.b-omni-wrap{position:relative}
.b-converge{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.b-converge .cv{fill:none;stroke:#52e3a4;stroke-width:1.2;stroke-dasharray:3 8;opacity:.55;animation:b-cv 1.6s linear infinite;animation-delay:calc(var(--d,0)*1s)}
.b-converge .cd{fill:#52e3a4;filter:drop-shadow(0 0 8px #52e3a4)}
@keyframes b-cv{to{stroke-dashoffset:-22}}
.b-omni-wrap>*:not(.b-converge){position:relative;z-index:1}
.b-screen-glow{position:absolute!important;z-index:0!important;inset-inline:6%;top:52%;height:70%;background:radial-gradient(ellipse at 50% 30%,#52e3a455,transparent 68%);filter:blur(50px);pointer-events:none}
html body main.omni-page:not(#v2):not(#v2) .omni-hero .omni-product-screen{
  border:1px solid #ffffff2e!important;border-radius:26px!important;background:#fff;
  box-shadow:0 0 0 7px #ffffff12,0 70px 120px -40px #000d,0 0 120px -40px #52e3a477!important;will-change:transform;
}
html body main.omni-page:not(#v2):not(#v2) .omni-hero p.omni-caption{color:#9db8a9!important;font-size:14px}

/* benefits bento */
.omni-page .omni-benefits{padding-block:clamp(72px,8vw,136px)}
html body main.omni-page:not(#v2):not(#v2) .omni-benefits>h2{font-size:clamp(34px,4.6vw,72px)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1.06!important;color:var(--v2-ink)!important;margin-bottom:clamp(40px,5vw,72px)!important;text-wrap:balance}
.omni-page .omni-benefit-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.5vw,22px)}
.omni-page .omni-benefit-grid>article.b-bento{
  --mx:50%;--my:50%;position:relative;overflow:hidden;grid-column:span 4;min-height:clamp(230px,19vw,290px);display:flex;flex-direction:column;
  padding:clamp(26px,2.4vw,38px)!important;border-radius:var(--v2-radius)!important;border:1px solid var(--v2-line)!important;background-color:#fff!important;
  box-shadow:0 1px 0 #fff inset,0 24px 50px -34px #10261a40;transition:translate .6s var(--v2-ease),box-shadow .6s var(--v2-ease),border-color .4s,background-image .4s;
}
.omni-benefit-grid>article.b-bento:nth-child(1){grid-column:span 7;grid-row:span 2;min-height:clamp(380px,34vw,520px);justify-content:flex-end}
.omni-benefit-grid>article.b-bento:nth-child(2){grid-column:span 5}
.omni-benefit-grid>article.b-bento:nth-child(3){grid-column:span 5}
.omni-benefit-grid>article.b-bento:nth-child(6){grid-column:span 8}
.omni-benefit-grid>article.b-bento:nth-child(7),.omni-benefit-grid>article.b-bento:nth-child(8),.omni-benefit-grid>article.b-bento:nth-child(9){grid-column:span 4}
.omni-benefit-grid>article.b-bento:nth-child(6){grid-column:span 4}
.omni-benefit-grid>article.b-bento:nth-child(4),.omni-benefit-grid>article.b-bento:nth-child(5){grid-column:span 4}
.omni-page .omni-benefit-grid>article.b-bento:hover{translate:0 -7px;border-color:#52e3a480!important;background-image:radial-gradient(420px circle at var(--mx) var(--my),#52e3a426,transparent 62%);box-shadow:0 40px 80px -38px #0f4b2455}
.omni-benefit-grid>article.b-bento:before{
  content:var(--n,"01");position:absolute;inset-block-start:clamp(16px,1.8vw,26px);inset-inline-end:clamp(22px,2.2vw,34px);font-size:15px;font-weight:600;color:var(--v2-muted);transition:color .4s
}
.omni-benefit-grid>article.b-bento:hover:before{color:var(--v2-green-2)}
.omni-page .omni-benefit-grid .omni-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(150deg,#e8f6ee,#d5efe1);color:var(--v2-green-2);margin-bottom:auto;transition:transform .6s var(--v2-ease),background .4s,color .4s}
.omni-page .omni-benefit-grid .omni-icon svg{width:27px;height:27px}
.omni-page .omni-benefit-grid>article:hover .omni-icon{transform:translateY(-3px) rotate(-6deg);background:var(--v2-mint);color:var(--v2-ink)}
html body main.omni-page:not(#v2):not(#v2) .omni-benefit-grid h3{font-size:clamp(21px,1.7vw,27px)!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.25!important;color:var(--v2-ink)!important;margin:48px 0 10px!important}
html body main.omni-page:not(#v2):not(#v2) .omni-benefit-grid p{font-size:16px!important;line-height:1.7!important;color:var(--v2-muted)!important}
/* featured card */
html body main.omni-page:not(#v2):not(#v2) .omni-benefit-grid>article.b-bento:nth-child(1){
  background-color:var(--v2-ink)!important;background-image:radial-gradient(560px 380px at 90% 0%,#14583399,transparent 65%),radial-gradient(440px 320px at 0% 100%,#0c6b4a55,transparent 65%);border-color:#ffffff1a!important;box-shadow:0 50px 90px -50px #06140d
}
html body main.omni-page:not(#v2):not(#v2) .omni-benefit-grid>article.b-bento:nth-child(1) h3{color:#fff!important;font-size:clamp(30px,3.2vw,52px)!important;letter-spacing:-.04em!important;max-width:12ch;line-height:1.06!important}
html body main.omni-page:not(#v2):not(#v2) .omni-benefit-grid>article.b-bento:nth-child(1) p{color:var(--v2-on-dark-muted)!important;font-size:clamp(16px,1.3vw,19px)!important;max-width:36ch}
.omni-benefit-grid>article.b-bento:nth-child(1):before{color:#9db8a9}
.omni-benefit-grid>article.b-bento:nth-child(1) .omni-icon{position:absolute;inset-block-start:clamp(24px,2.4vw,38px);inset-inline-start:clamp(24px,2.4vw,38px);background:#52e3a41f;color:var(--v2-mint);border:1px solid #52e3a440;width:72px;height:72px;border-radius:24px}
.omni-benefit-grid>article.b-bento:nth-child(1) .omni-icon svg{width:34px;height:34px}
html body main.omni-page:not(#v2):not(#v2) .omni-benefit-grid>article.b-bento:nth-child(1):hover{background-image:radial-gradient(560px 380px at 90% 0%,#145833cc,transparent 65%),radial-gradient(420px circle at var(--mx) var(--my),#52e3a433,transparent 62%)}
/* service-control trio gets a quieter tint */
.omni-benefit-grid>article.b-bento[data-omni-service-controls]{background-color:#f3f6ef!important}

/* flow storytelling */
html body main.omni-page:not(#v2):not(#v2) .omni-flow.b-flow{
  position:relative;overflow:hidden;isolation:isolate;border:0!important;color:#fff;min-height:100vh;display:flex;align-items:center;padding-block:clamp(72px,8vw,110px)!important;
  background:radial-gradient(900px 520px at 50% 0%,#145833aa,transparent 64%),radial-gradient(700px 420px at 50% 115%,#0c6b4a77,transparent 62%),var(--v2-ink)!important;
}
.b-flow>.wrap{width:min(1280px,100% - var(--v2-gutter)*2)}
html body main.omni-page:not(#v2):not(#v2) .b-flow h2{color:#fff!important;font-size:clamp(32px,4.2vw,66px)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1.06!important;margin:0 0 clamp(8px,2vw,24px)!important;text-wrap:balance}
.b-flow-stage{width:100%;max-width:1100px;margin:0 auto}
html[dir=rtl] .b-flow-stage{transform:scaleX(-1)}
.b-flow-svg{display:block;width:100%;height:auto;overflow:visible}
.b-flow-svg .in-l,.b-flow-svg .out-l{fill:none;stroke:#ffffff26;stroke-width:1.4}
.b-flow-svg .in-f,.b-flow-svg .out-f{fill:none;stroke:#52e3a4;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 6px #52e3a4aa)}
.b-flow-svg .src{fill:#e9f5ee}
.b-flow-svg .hub{fill:var(--v2-mint);filter:drop-shadow(0 0 24px #52e3a4aa)}
.b-flow-svg .hub-r,.b-flow-svg .hub-r2{fill:none;stroke:#52e3a4;stroke-width:1.2;opacity:.5}
.b-flow-svg .dst{fill:#ffffff0d;stroke:#ffffff55;stroke-width:1.4}
.b-flow-svg .dst-d{fill:var(--v2-mint)}
.b-flow-svg .hub-c{fill:var(--v2-ink)}
html body main.omni-page:not(#v2):not(#v2) .b-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,56px);margin-top:clamp(6px,2vw,28px)!important}
html body main.omni-page:not(#v2):not(#v2) .b-flow li{position:relative;text-align:start!important;padding:clamp(18px,2vw,26px) 0 0!important;border-top:1px solid #ffffff2e!important;border-radius:0!important;background:none!important;transition:opacity .5s}
.b-flow li:before{display:none!important}
.b-flow li:after{content:'';position:absolute;inset-inline-start:0;top:-1px;height:2px;width:100%;background:var(--v2-mint);transform:scaleX(0);transform-origin:var(--b-o,right);transition:transform .9s var(--v2-ease)}
html[dir=ltr] .b-flow li:after{--b-o:left}
.b-flow li.on:after{transform:scaleX(1)}
html body main.omni-page:not(#v2):not(#v2) .b-flow li .omni-flow-symbol{width:44px;height:44px;margin-bottom:10px;color:var(--v2-mint)!important;justify-content:flex-start}
.b-flow .omni-flow-symbol svg{width:38px;height:38px}
html body main.omni-page:not(#v2):not(#v2) .b-flow li h3{color:#fff!important;font-size:clamp(22px,2vw,32px)!important;font-weight:700!important;letter-spacing:-.03em!important;margin:6px 0 8px!important}
html body main.omni-page:not(#v2):not(#v2) .b-flow li p{color:var(--v2-on-dark-muted)!important;max-width:30ch!important;margin-inline:0!important;font-size:16px!important}

@media(max-width:999px){
  html body main.omni-page:not(#v2):not(#v2) .omni-flow.b-flow{min-height:0;display:block}
  html body main.omni-page:not(#v2):not(#v2) .b-flow ol{grid-template-columns:1fr;gap:26px}
  .omni-page .omni-benefit-grid>article.b-bento:nth-child(n){grid-column:span 6;grid-row:auto;min-height:0}
  .omni-benefit-grid>article.b-bento:nth-child(1){grid-column:1/-1!important;min-height:340px!important}
}
@media(max-width:650px){
  .omni-page .omni-benefit-grid>article.b-bento:nth-child(n){grid-column:1/-1!important}
  .omni-page .omni-benefit-grid h3{margin-top:36px!important}
  .b-converge{display:none}
}
@media(prefers-reduced-motion:reduce){.b-converge .cv{animation:none}}

/* keep reading order for Latin-only titles inside RTL pages (word-split inline-blocks otherwise reverse) */
html body main.n99-product-detail:not(#v2):not(#v2) .page-hero h1{unicode-bidi:normal!important}

/* Products with 4–6 capabilities (customer service, partner platform): extra cards sit in an even row below the featured trio */
.n99-product-detail .n99-product-benefits>ul:has(li:nth-child(4)) li:nth-child(n+4){grid-column:span 4;min-height:clamp(190px,17vw,250px)}
.n99-product-detail .n99-product-benefits>ul:has(li:nth-child(4)):not(:has(li:nth-child(5))) li:nth-child(4){grid-column:span 12}
.n99-product-detail .n99-product-benefits>ul:has(li:nth-child(5)):not(:has(li:nth-child(6))) li:nth-child(n+4){grid-column:span 6}
@media(max-width:900px){.n99-product-detail .n99-product-benefits>ul li:nth-child(n+4){grid-column:1/-1!important}}