/* e-security — /security : trust hero with shield/ISO emblem, structured bento of controls, split notice panel.
   Scoped to main.security-page. Class prefix es- for injected nodes. */

html body main.security-page:not(#v2) .strategy-hero{padding-block:clamp(64px,7vw,116px) clamp(72px,8vw,120px)!important}
.security-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,460px);gap:clamp(28px,5vw,80px);align-items:center;position:relative}
html body main.security-page:not(#v2) .strategy-hero h1{font-size:clamp(36px,5vw,82px)!important;max-width:14ch!important}
html body main.security-page:not(#v2) .strategy-hero .actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-top:clamp(26px,3vw,40px)}
html body main.security-page:not(#v2) .strategy-hero .actions .btn{white-space:nowrap}
html body main.security-page:not(#v2) .strategy-hero .wrap>div>span:first-child{background:#52e3a414!important;border:1px solid #52e3a440!important;padding:7px 14px!important;border-radius:999px}

/* emblem: ISO badge inside a shield-like radar */
.es-emblem{grid-column:2;grid-row:1;justify-self:center;align-self:center;position:relative;width:min(100%,440px);aspect-ratio:1;pointer-events:none}
.security-hero-grid>img{grid-column:2;grid-row:1;justify-self:center;align-self:center;position:relative;z-index:2;width:clamp(150px,15vw,208px)!important;height:auto!important;border-radius:30px!important;padding:12px;
  background:#fff!important;box-shadow:0 0 0 10px #ffffff12,0 0 0 11px #ffffff24,0 40px 80px -20px #000a,0 0 90px #52e3a455!important;animation:es-float 7s ease-in-out infinite}
.es-emblem>*{position:absolute;inset:0}
.es-emblem .ring{border-radius:50%;border:1px solid #52e3a433}
.es-emblem .ring.a{inset:9%;border-style:dashed;border-color:#52e3a44d;animation:es-spin 60s linear infinite}
.es-emblem .ring.b{inset:20%;border-color:#52e3a42b}
.es-emblem .ring.c{inset:0;border-color:#52e3a41a}
.es-emblem .sweep{inset:9%;border-radius:50%;background:conic-gradient(from 0deg,#52e3a455,#52e3a400 28%,transparent);-webkit-mask:radial-gradient(circle,transparent 46%,#000 47%);mask:radial-gradient(circle,transparent 46%,#000 47%);animation:es-spin 7s linear infinite}
.es-emblem .glow{border-radius:50%;background:radial-gradient(circle,#52e3a438,#0c6b4a18 45%,transparent 70%)}
.es-emblem .shield{width:100%;height:100%;overflow:visible}
.es-emblem .shield path{fill:none;stroke:#52e3a4;stroke-width:1.2;stroke-opacity:.4;stroke-linejoin:round;stroke-dasharray:6 8;animation:es-dash 3s linear infinite}
.es-emblem .node{inset:auto;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:var(--v2-mint);box-shadow:0 0 14px var(--v2-mint);left:50%;top:50%;offset-path:none}
.es-emblem .orb{inset:9%;animation:es-spin 34s linear infinite}
.es-emblem .orb i{position:absolute;left:50%;top:0;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--v2-mint);box-shadow:0 0 16px var(--v2-mint)}
.es-emblem .orb.o2{inset:20%;animation-duration:22s;animation-direction:reverse}
.es-emblem .orb.o2 i{width:6px;height:6px;margin:-3px 0 0 -3px;background:#9bf0c8}
.es-emblem .orb.o3{inset:0;animation-duration:50s}
.es-emblem .orb.o3 i{top:50%;left:100%;width:7px;height:7px}
.es-paused *{animation-play-state:paused!important}
@keyframes es-spin{to{transform:rotate(360deg)}}
@keyframes es-float{0%,100%{transform:translateY(-6px)}50%{transform:translateY(8px)}}
@keyframes es-dash{to{stroke-dashoffset:-28}}

/* ── controls bento ── */
main.security-page .strategy-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:minmax(230px,auto);gap:clamp(14px,1.6vw,22px)!important}
main.security-page .strategy-grid>article{position:relative;overflow:hidden;display:flex!important;flex-direction:column;padding:clamp(26px,2.6vw,38px)!important;border-radius:var(--v2-radius)!important;grid-column:span 3;min-height:0}
main.security-page .strategy-grid>article:nth-child(1){grid-row:span 2}
main.security-page .strategy-grid>article:nth-child(4){grid-column:span 6;flex-direction:row!important;align-items:center;gap:clamp(20px,3vw,48px);min-height:220px}
main.security-page .strategy-grid>article>b{position:absolute;inset-inline-end:clamp(18px,2vw,30px);inset-block-start:-.06em;font-size:clamp(84px,8vw,130px);font-weight:800;letter-spacing:-.06em;line-height:1;color:#0f4b2410!important;pointer-events:none;transition:transform .8s var(--v2-ease)}
main.security-page .strategy-grid>article:hover>b{transform:translateY(8px)}
main.security-page .strategy-grid>article h2{position:relative;margin:auto 0 12px!important;font-size:clamp(24px,2.1vw,34px)!important;font-weight:800!important;letter-spacing:-.03em;line-height:1.12;color:var(--v2-ink)!important}
main.security-page .strategy-grid>article p{position:relative;margin:0!important;max-width:40ch;font-size:clamp(15px,1.15vw,18px)!important;line-height:1.7!important;color:var(--v2-muted)!important}
main.security-page .strategy-grid>article:nth-child(1) h2{font-size:clamp(30px,3vw,48px)!important}
main.security-page .strategy-grid>article:nth-child(4) .es-txt{margin-inline-start:0}
main.security-page .strategy-grid>article:nth-child(4) h2{margin-top:0!important}
html body main.security-page:not(#v2) .strategy-grid>article.v2-card:nth-child(1){background-color:var(--v2-ink)!important;border-color:#52e3a433!important;background-image:radial-gradient(460px 340px at 80% 0%,#145833cc,transparent 70%),radial-gradient(360px 260px at 10% 110%,#0c6b4a55,transparent 70%)!important}
html body main.security-page:not(#v2) .strategy-grid>article:nth-child(1) h2{color:#fff!important}
html body main.security-page:not(#v2) .strategy-grid>article:nth-child(1) p{color:var(--v2-on-dark-muted)!important}
html body main.security-page:not(#v2) .strategy-grid>article:nth-child(1)>b{color:#52e3a416!important}
html body main.security-page:not(#v2) .strategy-grid>article.v2-card:nth-child(2){background-image:linear-gradient(160deg,#f1f8f3,#fff 60%)!important}
html body main.security-page:not(#v2) .strategy-grid>article.v2-card:nth-child(4){background-image:linear-gradient(90deg,#fff,#f1f8f3)!important}
html[dir=rtl] body main.security-page:not(#v2) .strategy-grid>article.v2-card:nth-child(4){background-image:linear-gradient(270deg,#fff,#f1f8f3)!important}

/* glyphs */
.es-glyph{width:84px;height:84px;margin-bottom:30px;flex:none;overflow:visible}
.strategy-grid>article:nth-child(1) .es-glyph{width:150px;height:150px;margin-bottom:auto}
.strategy-grid>article:nth-child(4) .es-glyph{margin:0}
.es-glyph *{fill:none;stroke:#087d43;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.es-glyph .f{fill:#52e3a4;stroke:none}
.strategy-grid>article:nth-child(1) .es-glyph *{stroke:#52e3a4}
.es-glyph .shackle{transform-box:fill-box;transform-origin:left bottom;transition:transform .7s var(--v2-ease)}
.v2-card:hover .es-glyph .shackle{transform:translateY(-6px) rotate(-14deg)}
.es-glyph .scan{stroke-dasharray:60;stroke-dashoffset:60}
.es-in .es-glyph .scan{animation:es-draw 1.2s var(--v2-ease) forwards}
.es-in .es-glyph .scan:nth-of-type(2){animation-delay:.2s}.es-in .es-glyph .scan:nth-of-type(3){animation-delay:.4s}.es-in .es-glyph .scan:nth-of-type(4){animation-delay:.6s}
.es-glyph .cur{animation:es-blink 1.1s steps(2) infinite}
.es-glyph .lay{transition:transform .8s var(--v2-ease)}
.v2-card:hover .es-glyph .lay.l1{transform:translateY(-7px)}
.v2-card:hover .es-glyph .lay.l3{transform:translateY(7px)}
.es-glyph .tick{stroke-dasharray:24;stroke-dashoffset:24}
.es-in .es-glyph .tick{animation:es-draw 1s var(--v2-ease) forwards}
.es-in .es-glyph .tick.t2{animation-delay:.35s}.es-in .es-glyph .tick.t3{animation-delay:.7s}
.es-glyph .key-pulse{transform-box:fill-box;transform-origin:center;animation:es-pulse 2.6s ease-out infinite}
@keyframes es-draw{to{stroke-dashoffset:0}}
@keyframes es-blink{50%{opacity:0}}
@keyframes es-pulse{0%{transform:scale(.6);opacity:.8}100%{transform:scale(2.2);opacity:0}}

/* ── notice panel ── */
html body main.security-page:not(#v2) .security-note{padding-block:clamp(56px,7vw,110px)!important;background:transparent!important}
html body main.security-page:not(#v2) .security-note>.wrap{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);align-items:start;
  padding:clamp(32px,5vw,76px);border-radius:calc(var(--v2-radius) + 8px);background:linear-gradient(135deg,#fff,#f1f8f3)!important;border:1px solid var(--v2-line);box-shadow:0 40px 80px -50px #0f4b2455;overflow:hidden}
html body main.security-page:not(#v2) .security-note>.wrap:before{content:'';position:absolute;inset-inline-end:-80px;inset-block-start:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#52e3a433,transparent 68%);pointer-events:none}
html body main.security-page:not(#v2) .security-note h2{margin:0!important;font-size:clamp(34px,4vw,64px)!important;text-align:start!important}
html body main.security-page:not(#v2) .security-note p{position:relative;margin:0!important;padding-inline-start:clamp(18px,2.2vw,32px);border-inline-start:3px solid var(--v2-mint);font-size:clamp(17px,1.5vw,22px)!important;line-height:1.85!important;color:var(--v2-text)!important;max-width:none!important}
.es-notch{position:absolute;inset-inline-start:clamp(20px,3vw,44px);inset-block-end:clamp(18px,2.4vw,34px);width:54px;height:62px;opacity:.9;pointer-events:none}
.es-notch path{fill:none;stroke:#087d43;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}

@media(max-width:1000px){
  .security-hero-grid{grid-template-columns:1fr!important}
  .es-emblem,.security-hero-grid>img{grid-column:1;grid-row:2}
  .es-emblem{width:min(100%,380px)}
  main.security-page .strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  main.security-page .strategy-grid>article,main.security-page .strategy-grid>article:nth-child(1){grid-column:span 1;grid-row:auto;min-height:280px}
  main.security-page .strategy-grid>article:nth-child(1){grid-column:span 2}
  main.security-page .strategy-grid>article:nth-child(4){grid-column:span 2}
  html body main.security-page:not(#v2) .security-note>.wrap{grid-template-columns:1fr}
}
@media(max-width:640px){
  main.security-page .strategy-grid{grid-template-columns:1fr!important}
  main.security-page .strategy-grid>article,main.security-page .strategy-grid>article:nth-child(1),main.security-page .strategy-grid>article:nth-child(4){grid-column:span 1;min-height:0;padding-bottom:42px!important}
  main.security-page .strategy-grid>article:nth-child(4){flex-direction:column!important;align-items:flex-start}
  .strategy-grid>article:nth-child(1) .es-glyph{width:110px;height:110px;margin-bottom:34px}
  .es-notch{display:none}
}
@media(prefers-reduced-motion:reduce){
  .es-emblem *,.security-hero-grid>img,.es-glyph *{animation:none!important}
  .es-glyph .scan,.es-glyph .tick{stroke-dashoffset:0}
}

/* word-split headings: keep paragraph direction from the element (legacy unicode-bidi:plaintext breaks on atomic inline-blocks) */
main.strategy-page :is(h1,h2,h3),main.security-page :is(h1,h2,h3){unicode-bidi:normal!important}
/* feature card: soft concentric rings */
main.security-page .strategy-grid>article:nth-child(1):after{content:'';position:absolute;inset-inline-end:-90px;inset-block-start:-90px;width:420px;height:420px;border-radius:50%;pointer-events:none;
  background:repeating-radial-gradient(circle,transparent 0 38px,#52e3a41f 38px 39px);-webkit-mask:radial-gradient(circle,#000 20%,transparent 70%);mask:radial-gradient(circle,#000 20%,transparent 70%)}

/* ── access-management points + IP glyph ── */
.es-points{list-style:none;margin:clamp(16px,1.6vw,24px) 0 0;padding:0;display:grid;gap:12px;position:relative}
.es-points li{position:relative;padding-inline-start:34px;font-size:clamp(15px,1.2vw,18px);line-height:1.55;color:var(--v2-text)}
.es-points li:before{content:'';position:absolute;inset-inline-start:0;top:.12em;width:22px;height:22px;border-radius:50%;background:var(--v2-mint)}
.es-points li:after{content:'';position:absolute;inset-inline-start:6px;top:calc(.12em + 6px);width:10px;height:5.5px;border:solid #06140d;border-width:0 0 2.2px 2.2px;rotate:-45deg}
html[dir=rtl] .es-points li:after{inset-inline-start:auto;right:6px}
html body main.security-page:not(#v2) .strategy-grid>article:nth-child(1) .es-points li{color:#e9f5ee!important}
.es-ip .ip-key{fill:#52e3a4;stroke:none;transform-box:fill-box;transform-origin:center;animation:es-pulse 2.6s ease-out infinite}
.es-ip .ip-x{stroke:#46604f;stroke-width:2}
.es-ip .ip-dot{fill:#52e3a4;stroke:none;animation:es-ip-pass 3.6s cubic-bezier(.5,0,.3,1) infinite}
.es-ip .ip-out{animation:es-ip-out 3.6s ease infinite}
.es-ip .ok{stroke-dasharray:4 5;animation:es-ip-dash 1.6s linear infinite}
@keyframes es-ip-pass{0%{transform:translateX(0);opacity:0}12%{opacity:1}55%{transform:translateX(34px);opacity:1}70%{transform:translateX(66px);opacity:1}85%,100%{transform:translateX(66px);opacity:0}}
@keyframes es-ip-out{0%,60%{transform:scale(1);opacity:.6}72%{transform:scale(1.5);opacity:1}100%{transform:scale(1);opacity:.6}}
@keyframes es-ip-dash{to{stroke-dashoffset:-18}}
.es-ip .ip-out{transform-box:fill-box;transform-origin:center}
@media(prefers-reduced-motion:reduce){.es-ip *{animation:none!important}}