/* SysAid IL Design 1.0.15. Generated by wp-package.mjs from the sysaid-co-il project: edit the project, not this file. */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(fonts/poppins-300-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'SysAid IL'; font-style: normal; font-weight: 300; font-display: swap; src: url(fonts/poppins-300-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/poppins-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'SysAid IL'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/poppins-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/poppins-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'SysAid IL'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/poppins-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; font-display: swap; src: url(fonts/rubik-hebrew.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'SysAid IL'; font-style: normal; font-weight: 300; font-display: swap; src: url(fonts/rubik-hebrew.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300; font-display: swap; src: url(fonts/rubik-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/rubik-hebrew.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'SysAid IL'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/rubik-hebrew.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/rubik-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/rubik-hebrew.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'SysAid IL'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/rubik-hebrew.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/rubik-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* isolation: the wrappers start from nothing, and every element inside starts from browser defaults,
   whatever the theme or the Elementor kit set. svg and img keep their size attributes. */
:is(#sil,.sil){all:initial;display:block}
:is(#sil,.sil) :where(:not(svg,svg *,img)){all:revert}
/* Chrome applies the hidden attribute as a presentational hint, which the revert above also undoes: restore it,
   at the lowest weight, so every rule of the design still wins over it exactly as in the browser */
:is(#sil,.sil) :where([hidden]:not([hidden="until-found" i])){display:none}
/* SysAid v3 design tokens, taken from www.sysaid.com computed styles (2026-10-07) */
:is(#sil,.sil){
  --ink:#122c20;            /* --primary-dark */
  --ink-2:#18382a;          /* emerald-700 */
  --green:#1e564a;          /* emerald-600 / --primary */
  --em-500:#46a288;
  --em-400:#6bd9b9;
  --em-300:#92ecce;
  --em-200:#b9ffe4;
  --em-100:#e7fff6;
  --em-50:#d9f0e8;
  --sub-50:#d5ece8;
  --sub-100:#f5faf9;
  --sub-200:#eaf6f1;
  --glitch:#deff00;
  --ruby:#ce4b6e;
  --onyx-200:#f8f7f6;
  --onyx-300:#e5e7e5;
  --onyx-400:#bcc5c2;
  --onyx-500:#667c76;
  --muted:rgba(18,44,32,.65);
  --line:rgba(18,44,32,.12);
  --alt:#f7f6f4;
  --white:#fff;

  --r-btn:12px;
  --r-card:24px;
  --wrap:1280px;
  --gut:80px;

  --f-lat:'Poppins';
  --f-heb:'Rubik';
  --font:var(--f-lat), var(--f-heb), system-ui, sans-serif;

  --ease:cubic-bezier(.22,.61,.36,1);
}
@media (max-width:1199px){ :is(#sil,.sil){ --gut:40px } }
@media (max-width:767px){ :is(#sil,.sil){ --gut:20px } }

/* ===== base ===== */
:is(#sil,.sil),:is(#sil,.sil) *,:is(#sil,.sil) *::before,:is(#sil,.sil) *::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:140px}
:is(#sil,.sil){margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-weight:300;font-size:18px;line-height:1.6;overflow-x:clip}
:is(#sil,.sil) img,:is(#sil,.sil) svg{display:block;max-width:100%}
:is(#sil,.sil) img{height:auto}
:is(#sil,.sil) a{color:inherit;text-decoration:none}
:is(#sil,.sil) button{font:inherit;color:inherit;cursor:pointer}
:is(#sil,.sil) ul,:is(#sil,.sil) ol{margin:0;padding:0;list-style:none}
:is(#sil,.sil) h1,:is(#sil,.sil) h2,:is(#sil,.sil) h3,:is(#sil,.sil) p,:is(#sil,.sil) figure,:is(#sil,.sil) blockquote{margin:0}
:is(#sil,.sil) sup{font-size:.62em;line-height:0}
:is(#sil,.sil) bdi{unicode-bidi:isolate}
:is(#sil,.sil) .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:is(#sil,.sil) .skip{position:absolute;inset-inline-start:16px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px}
:is(#sil,.sil) .skip:focus{top:12px}
:is(#sil,.sil) :focus-visible{outline:2px solid var(--em-500);outline-offset:3px;border-radius:6px}
:is(#sil,.sil) .wrap{max-width:calc(var(--wrap) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}

:is(#sil,.sil) .h2{font-size:clamp(30px,3.15vw,45px);line-height:1.3;font-weight:400}
:is(#sil,.sil) .h3{font-size:clamp(25px,2.45vw,35px);line-height:1.32;font-weight:300}
:is(#sil,.sil) .eyebrow{font-size:15px;font-weight:400;letter-spacing:.02em;color:var(--green);margin-bottom:18px}

/* ===== buttons ===== */
:is(#sil,.sil) .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--r-btn);padding:11px 20px;font-size:17px;font-weight:400;line-height:1.5;white-space:nowrap;transition:background-color .25s,color .25s,box-shadow .25s,transform .25s}
:is(#sil,.sil) .btn--dark{background:var(--ink);color:#fff}
:is(#sil,.sil) .btn--dark:hover{background:var(--green)}
:is(#sil,.sil) .btn--light{background:#fff;color:var(--ink)}
:is(#sil,.sil) .btn--light:hover{background:var(--em-100)}
:is(#sil,.sil) .btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(18,44,32,.22)}
:is(#sil,.sil) .btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--ink)}
:is(#sil,.sil) .btn--sm{padding:8px 18px;font-size:15px}
:is(#sil,.sil) .btn--lg{padding:13px 26px;font-size:18.5px}
:is(#sil,.sil) .btn--block{width:100%}
:is(#sil,.sil) .chip{display:inline-block;background:var(--em-50);color:var(--ink);font-size:13px;font-weight:400;padding:5px 12px;border-radius:999px}
:is(#sil,.sil) .ico{width:1em;height:1em;flex:none}

/* ===== header ===== */
:is(#sil,.sil) .hd{position:fixed;top:32px;inset-inline:0;z-index:60;padding-inline:max(16px,calc((100vw - 1310px)/2));pointer-events:none}
:is(#sil,.sil) .hd__in{position:relative;max-width:1310px;margin-inline:auto;pointer-events:auto;--mh:0px}
:is(#sil,.sil) .hd__in::before{content:"";position:absolute;inset:0 0 auto 0;height:calc(92px + var(--mh));border-radius:46px;background:rgba(248,248,248,.86);border:1px solid rgba(18,44,32,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:height .35s var(--ease),border-radius .35s var(--ease),box-shadow .35s;z-index:-1}
:is(#sil,.sil) .hd__in.is-open::before{border-radius:40px;box-shadow:0 30px 80px -30px rgba(18,44,32,.25)}
:is(#sil,.sil) .hd.is-scrolled .hd__in::before{box-shadow:0 10px 40px -18px rgba(18,44,32,.25)}
:is(#sil,.sil) .hd__bar{height:92px;display:flex;align-items:center;gap:40px;padding-inline:37px}
:is(#sil,.sil) .hd__logo svg{width:100px;height:auto}
:is(#sil,.sil) .hd__nav{display:flex;align-items:center;flex:1}
:is(#sil,.sil) .nav{display:flex;align-items:center;gap:6px}
:is(#sil,.sil) .nav__btn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:10px 12px;font-size:17px;font-weight:300;position:relative}
:is(#sil,.sil) .nav__btn .ico{width:11px;height:11px;transition:transform .3s}
:is(#sil,.sil) .nav__btn[aria-expanded="true"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
:is(#sil,.sil) .nav__btn[aria-expanded="true"] .ico{transform:rotate(180deg)}
:is(#sil,.sil) .hd__act{display:flex;align-items:center;gap:22px}
:is(#sil,.sil) .tel{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:400;direction:ltr;unicode-bidi:isolate}
:is(#sil,.sil) .tel .ico{width:18px;height:18px}
:is(#sil,.sil) .tel:hover{color:var(--green)}
:is(#sil,.sil) .hd__burger{display:none;margin-inline-start:auto;width:44px;height:44px;border:0;background:none;border-radius:12px;position:relative}
:is(#sil,.sil) .hd__burger span{position:absolute;inset-inline:11px;height:1.6px;background:var(--ink);border-radius:2px;transition:transform .3s,opacity .3s}
:is(#sil,.sil) .hd__burger span:nth-child(1){top:15px}:is(#sil,.sil) .hd__burger span:nth-child(2){top:21px}:is(#sil,.sil) .hd__burger span:nth-child(3){top:27px}
:is(#sil,.sil) .hd__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
:is(#sil,.sil) .hd__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
:is(#sil,.sil) .hd__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
:is(#sil,.sil) .hd__mfoot{display:none}

/* mega menu (desktop) */
:is(#sil,.sil) .mega{position:absolute;top:92px;inset-inline:37px;display:none;grid-template-columns:minmax(0,1.39fr) minmax(0,1fr);gap:20px;padding-bottom:37px}
:is(#sil,.sil) .mega.is-open{display:grid;animation:sil-megaIn .35s var(--ease)}
@keyframes sil-megaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
:is(#sil,.sil) .mega__main{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 36px 40px}
:is(#sil,.sil) .mega__cols{display:grid;gap:32px}
:is(#sil,.sil) .mega__cols--2,:is(#sil,.sil) .mega__cols--ind{grid-template-columns:1fr 1fr}
:is(#sil,.sil) .mega__gh{display:flex;align-items:center;gap:16px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line);font-size:17px;font-weight:400}
:is(#sil,.sil) .mega__gh svg{width:28px;height:28px;flex:none}
:is(#sil,.sil) .mega__grp a{display:flex;align-items:center;gap:6px;padding:8px 0;color:var(--muted);font-size:16.5px;transition:color .2s}
:is(#sil,.sil) .mega__grp a:hover{color:var(--ink)}
:is(#sil,.sil) .mega__grp a .ico{width:13px;height:13px;opacity:.7}
:is(#sil,.sil) .mega__grp .mega__sub{margin-inline-start:6px;padding-inline-start:14px;border-inline-start:1px solid var(--line)}
:is(#sil,.sil) .mega__grp .mega__sub a{padding:5px 0;font-size:15px}
:is(#sil,.sil) .mega__grp .mega__sub+li:not(.mega__sub){margin-top:4px}
:is(#sil,.sil) .mega__case{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--onyx-200);align-self:start}
:is(#sil,.sil) .mega__case-img{display:block;aspect-ratio:590/414;background:linear-gradient(135deg,#7fe0d6,#c7f3ff)}
:is(#sil,.sil) .mega__case-img img{width:100%;height:100%;object-fit:cover}
:is(#sil,.sil) .mega__case-n{font-size:34px;font-weight:400;line-height:1.15;padding:20px 24px 0}
:is(#sil,.sil) .mega__case-t{font-size:17px;padding:4px 24px 0}
:is(#sil,.sil) .mega__case-l{display:flex;align-items:center;gap:14px;padding:16px 24px 22px;color:var(--muted);font-size:16px}
:is(#sil,.sil) .mega__case-l .ico{width:44px;height:12px}
:is(#sil,.sil) .mega__case:hover .mega__case-l{color:var(--ink)}
:is(#sil,.sil) .mega__promo{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 36px;grid-row:span 2}
:is(#sil,.sil) .mega__promo strong{font-size:38px;line-height:1.16;font-weight:400;position:relative;z-index:1}
:is(#sil,.sil) .mega__promo .mega__pt{font-size:16px;color:var(--muted);max-width:30ch;position:relative;z-index:1}
:is(#sil,.sil) .mega__promo .btn,:is(#sil,.sil) .mega__promo .chip,:is(#sil,.sil) .mega__promo .mega__row{position:relative;z-index:1}
:is(#sil,.sil) .mega__row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
:is(#sil,.sil) .mega__promo::after{content:"";position:absolute;inset:auto -20% -45% -20%;height:70%;background:radial-gradient(60% 60% at 30% 50%,rgba(146,236,206,.55),transparent 70%),radial-gradient(50% 55% at 75% 60%,rgba(222,255,0,.28),transparent 70%);pointer-events:none}
:is(#sil,.sil) .mega__art{position:absolute;inset-inline-end:28px;bottom:26px;width:150px;height:150px;z-index:1}
:is(#sil,.sil) .mega__art i{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(18,44,32,.28)}
:is(#sil,.sil) .mega__art i:nth-child(2){inset:22px;border-style:solid;border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.35)}
:is(#sil,.sil) .mega__art i:nth-child(3){inset:44px;border:0;background:#fff;box-shadow:0 10px 30px -10px rgba(18,44,32,.35)}
:is(#sil,.sil) .mega__art b{position:absolute;inset:0;display:grid;place-items:center}
:is(#sil,.sil) .mega__art b .ico{width:30px;height:30px;color:var(--green)}
:is(#sil,.sil) .mega__foot{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;font-size:17px}
:is(#sil,.sil) .mega__foot svg{width:28px;height:28px}
:is(#sil,.sil) .mega__foot .ico{width:12px;height:12px}
:is(#sil,.sil) .mega__foot:hover{border-color:rgba(18,44,32,.3)}

/* ===== hero ===== */
:is(#sil,.sil) .hero{padding-top:178px;text-align:center;overflow:hidden}
:is(#sil,.sil) .hero__h{font-size:clamp(36px,4.1vw,58px);line-height:1.24;font-weight:400;letter-spacing:-.005em}
:is(#sil,.sil) .hl{position:relative;z-index:0;white-space:nowrap}
:is(#sil,.sil) .hl::before{content:"";position:absolute;inset:0 -6px;z-index:-1;background:url(img/text-bg-vector.png) 50% 55%/100% 82% no-repeat}
:is(#sil,.sil) .hero__p{max-width:820px;margin:30px auto 0;font-size:19px;line-height:1.55}
:is(#sil,.sil) .hero .btn--lg{margin-top:52px}

/* coverflow */
:is(#sil,.sil) .cf{margin-top:72px;position:relative}
:is(#sil,.sil) .cf__stage{position:relative;height:660px;perspective:1800px;perspective-origin:50% 30%}
:is(#sil,.sil) .hc{position:absolute;top:28px;left:50%;width:370px;margin-left:-185px;transform-origin:50% 120%;transition:transform .9s var(--ease),opacity .6s var(--ease),filter .6s;will-change:transform;border-radius:24px}
:is(#sil,.sil) .hc a{display:flex;flex-direction:column;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(18,44,32,.35)}
:is(#sil,.sil) .hc img{width:100%;aspect-ratio:100/116.2;object-fit:cover;object-position:50% 100%;order:2}
:is(#sil,.sil) .hc__bar{position:relative;order:1;aspect-ratio:100/18.6;flex:none;display:flex;align-items:center;gap:12px;padding-inline:26px;color:#fff;font-size:20px;font-weight:400;overflow:hidden;border-radius:24px 24px 0 0}
:is(#sil,.sil) .hc__bar::before{content:"";position:absolute;inset:-30px;background:var(--bg) center 34% / 140% auto no-repeat;filter:blur(22px) saturate(1.3)}
:is(#sil,.sil) .hc__bar::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(32,70,60,.46),rgba(32,70,60,.34));border-bottom:1px solid rgba(255,255,255,.25)}
:is(#sil,.sil) .hc__bar>*{position:relative;z-index:1}
:is(#sil,.sil) .hc__bar .ico{width:20px;height:20px}
:is(#sil,.sil) .hc__go{margin-inline-start:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);font-size:13px;font-family:var(--f-lat),var(--f-heb),sans-serif;opacity:0;transform:translateX(6px);transition:opacity .4s var(--ease),transform .4s var(--ease),background .2s,color .2s}
:is(#sil,.sil) .hc__bar .hc__go .ico{width:12px;height:12px}
:is(#sil,.sil) .hc.is-act .hc__go{opacity:1;transform:none}
:is(#sil,.sil) .hc.is-act a:hover .hc__go,:is(#sil,.sil) .hc.is-act a:focus-visible .hc__go{background:var(--glitch);color:var(--ink);box-shadow:none}
:is(#sil,.sil) .hc.is-side{filter:saturate(.92)}
:is(#sil,.sil) .hc:not(.is-act) a{pointer-events:none}
:is(#sil,.sil) .cf__ctl{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:6px}
:is(#sil,.sil) .cbtn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(18,44,32,.18);background:#fff;display:grid;place-items:center;transition:border-color .2s,background .2s}
:is(#sil,.sil) .cbtn:hover{border-color:var(--ink)}
:is(#sil,.sil) .cbtn .ico{width:16px;height:16px}
:is(#sil,.sil) .cbtn--pp{width:34px;height:34px;margin-inline-start:10px}
:is(#sil,.sil) .cbtn--pp .ico{width:12px;height:12px}
:is(#sil,.sil) .cbtn--pp .i-play{display:none}
:is(#sil,.sil) .cbtn--pp[aria-pressed="true"] .i-play{display:block}
:is(#sil,.sil) .cbtn--pp[aria-pressed="true"] .i-pause{display:none}
:is(#sil,.sil) .dots{display:flex;align-items:center;gap:9px}
:is(#sil,.sil) .dots button,:is(#sil,.sil) .dots i{width:10px;height:10px;border-radius:999px;background:var(--onyx-300);border:0;padding:0;transition:width .35s var(--ease),background .35s;display:block}
:is(#sil,.sil) .dots .is-on{width:36px;background:var(--ink)}

/* ===== logos ===== */
:is(#sil,.sil) .logos{padding:110px 0 120px}
:is(#sil,.sil) .logos__h{text-align:center;font-size:19px;font-weight:300;line-height:1.5}
:is(#sil,.sil) .logos__sets{position:relative;height:70px;margin-top:52px}
:is(#sil,.sil) .logos__set{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center;gap:24px;opacity:0;transition:opacity .9s var(--ease)}
:is(#sil,.sil) .logos__set.is-on{opacity:1}
:is(#sil,.sil) .logos__set img{max-height:42px;width:auto;filter:grayscale(1);opacity:.55}

/* ===== side by side ===== */
:is(#sil,.sil) .sbs{background:var(--alt);padding:110px 0 70px}
:is(#sil,.sil) .sbs__head .h2{max-width:14ch}
:is(#sil,.sil) .sbs__sub{margin-top:40px;font-size:19px}
:is(#sil,.sil) .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:120px;align-items:center;padding:96px 0 40px}
:is(#sil,.sil) .row__txt p:not(.eyebrow){font-size:19px;line-height:1.55;margin-top:36px}
:is(#sil,.sil) .row__img img{border-radius:24px;width:100%;max-width:560px;margin-inline-end:auto}
:is(#sil,.sil) .row--flip .row__img{order:-1}
:is(#sil,.sil) .row--flip .row__img img{margin-inline:auto 0}

/* ===== deployment block ===== */
:is(#sil,.sil) .dep{position:relative;padding:130px 0 110px;overflow:clip}
:is(#sil,.sil) .dep::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 30% at 85% 18%,rgba(185,255,228,.55),transparent 70%),radial-gradient(35% 28% at 10% 60%,rgba(222,255,0,.16),transparent 70%),radial-gradient(40% 30% at 70% 95%,rgba(146,236,206,.35),transparent 70%);pointer-events:none}
:is(#sil,.sil) .dep .wrap{position:relative}
:is(#sil,.sil) .dep__head{text-align:center;max-width:880px;margin:0 auto 64px}
:is(#sil,.sil) .dep__lead{margin-top:28px;font-size:19px;line-height:1.6}
:is(#sil,.sil) .dep__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
:is(#sil,.sil) .dcard{background:var(--onyx-200);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column}
:is(#sil,.sil) .dcard__art{position:relative;height:300px;display:grid;place-items:center;overflow:hidden}
:is(#sil,.sil) .dcard--pc .dcard__art{background:radial-gradient(70% 90% at 15% 10%,#bff5e5,transparent 60%),radial-gradient(60% 80% at 90% 100%,#e6ffb3,transparent 60%),linear-gradient(135deg,#7fdccb,#a6ecd8 45%,#d6f7c7)}
:is(#sil,.sil) .dcard--op .dcard__art{background:radial-gradient(70% 90% at 85% 0%,#c9f7ff,transparent 60%),radial-gradient(60% 80% at 10% 100%,#bdf2dd,transparent 60%),linear-gradient(135deg,#8fd9e6,#9fe3cf 50%,#c8f1d9)}
:is(#sil,.sil) .dcard__art::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.35;mix-blend-mode:soft-light;pointer-events:none}
:is(#sil,.sil) .dcard__body{padding:38px 44px 44px;display:flex;flex-direction:column;flex:1}
:is(#sil,.sil) .dcard__tag{align-self:flex-start;font-size:13.5px;font-weight:500;padding:6px 14px;border-radius:999px;background:#fff;color:var(--green);box-shadow:inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .dcard__h{font-size:clamp(24px,2.1vw,30px);line-height:1.3;font-weight:400;margin-top:18px}
:is(#sil,.sil) .dcard__p{margin-top:10px;color:var(--muted);font-size:17.5px}
:is(#sil,.sil) .checks{margin-top:22px}
:is(#sil,.sil) .checks li{position:relative;padding-inline-start:36px;margin-top:13px;font-size:17px;line-height:1.5}
:is(#sil,.sil) .checks li::before{content:"";position:absolute;inset-inline-start:0;top:2px;width:24px;height:24px;border-radius:50%;background:var(--em-200) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23122c20' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8'/%3E%3C/svg%3E") center/15px no-repeat}
:is(#sil,.sil) .dcard__fit{margin-top:auto;padding-top:28px}
:is(#sil,.sil) .dcard__fit{font-size:16.5px}
:is(#sil,.sil) .dcard__fit b{font-weight:500}
:is(#sil,.sil) .dcard__fit{position:relative}
:is(#sil,.sil) .dcard__fit::before{content:"";display:block;height:1px;background:var(--line);margin-bottom:20px}

/* private cloud art */
:is(#sil,.sil) .pc{position:relative;width:250px;height:250px}
:is(#sil,.sil) .pc__ring{position:absolute;border-radius:50%}
:is(#sil,.sil) .pc__ring--1{inset:0;border:1.5px dashed rgba(18,44,32,.28);animation:sil-spin 60s linear infinite}
:is(#sil,.sil) .pc__ring--2{inset:42px;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
@keyframes sil-spin{to{transform:rotate(360deg)}}
:is(#sil,.sil) .pc__core{position:absolute;inset:78px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 18px 40px -16px rgba(18,44,32,.45)}
:is(#sil,.sil) .pc__core .ico{width:30px;height:30px;color:var(--green)}
:is(#sil,.sil) .pc__core b{font-family:var(--f-lat),sans-serif;font-size:13px;font-weight:500}
:is(#sil,.sil) .pc__chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translate(125px) rotate(calc(-1 * var(--a)));background:#fff;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:500;box-shadow:0 8px 20px -10px rgba(18,44,32,.45);white-space:nowrap}
:is(#sil,.sil) .pc__site,:is(#sil,.sil) .op__lbl{position:absolute;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.8);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:400;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:is(#sil,.sil) .pc__site{top:20px;inset-inline-start:22px;white-space:nowrap;z-index:1}
:is(#sil,.sil) .dcard--pc .dcard__art .pc{margin-top:18px}
:is(#sil,.sil) .pc__site .ico,:is(#sil,.sil) .op__lbl .ico{width:16px;height:16px;color:var(--green)}

/* on-prem art */
:is(#sil,.sil) .op{position:relative;width:min(400px,86%);height:240px}
:is(#sil,.sil) .op__net{position:absolute;inset:0;border:2px dashed rgba(18,44,32,.35);border-radius:22px;background:rgba(255,255,255,.3)}
:is(#sil,.sil) .op__lbl{top:-17px;inset-inline-start:22px}
:is(#sil,.sil) .op__links{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(18,44,32,.35);stroke-width:1.5;stroke-dasharray:4 5}
:is(#sil,.sil) .op__node{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:9px 14px;font-size:13.5px;box-shadow:0 10px 24px -14px rgba(18,44,32,.5);white-space:nowrap;z-index:1}
:is(#sil,.sil) .op__node b{font-weight:400}
:is(#sil,.sil) .op__node .ico{width:18px;height:18px;color:var(--green)}
:is(#sil,.sil) .op__node--srv{left:50%;top:50%;padding:13px 18px;font-size:15px}
:is(#sil,.sil) .op__node--srv b{font-family:var(--f-lat),sans-serif;font-weight:500}
:is(#sil,.sil) .op__node--db{left:23%;top:24%}
:is(#sil,.sil) .op__node--sys{left:23%;top:76%}
:is(#sil,.sil) .op__node--dir{left:77%;top:76%}
:is(#sil,.sil) .op__out{position:absolute;top:24%;left:77%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border-radius:999px;padding:8px 15px;font-size:13px;white-space:nowrap;z-index:1}
:is(#sil,.sil) .op__out .ico{width:16px;height:16px;color:var(--em-300)}

/* AI strip */
:is(#sil,.sil) .dai{margin-top:24px;background:var(--ink);color:#fff;border-radius:var(--r-card);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:56px 60px;position:relative;overflow:hidden}
:is(#sil,.sil) .dai::before{content:"";position:absolute;inset:auto -10% -60% 30%;height:90%;background:radial-gradient(50% 50% at 50% 50%,rgba(107,217,185,.35),transparent 70%);pointer-events:none}
:is(#sil,.sil) .dai .eyebrow{color:var(--em-300)}
:is(#sil,.sil) .dai .h3{font-weight:300}
:is(#sil,.sil) .dai__txt>p:not(.eyebrow){margin-top:22px;color:rgba(255,255,255,.8);font-size:17.5px}
:is(#sil,.sil) .dai__list{margin-top:26px;display:grid;gap:14px;counter-reset:ai}
:is(#sil,.sil) .dai__list li{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:baseline;counter-increment:ai}
:is(#sil,.sil) .dai__list li::before{content:counter(ai);grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--em-400),var(--glitch));color:var(--ink);font-family:var(--f-lat),sans-serif;font-size:14px;font-weight:500;align-self:start}
:is(#sil,.sil) .dai__list b{font-weight:500;font-size:18px}
:is(#sil,.sil) .dai__list span{color:rgba(255,255,255,.72);font-size:16px}
:is(#sil,.sil) .dai__rule{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:15.5px}
:is(#sil,.sil) .dai__rule .ico{width:18px;height:18px;color:var(--em-300)}
:is(#sil,.sil) .dai__art{position:relative}

/* illustrative ticket */
:is(#sil,.sil) .tk{position:relative;background:#fff;color:var(--ink);border-radius:18px;padding:22px 24px 24px;font-size:14px;line-height:1.45;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
:is(#sil,.sil) .tk__ill{position:absolute;top:14px;inset-inline-end:16px;font-size:11.5px;color:var(--onyx-500);background:var(--onyx-200);padding:2px 9px;border-radius:999px}
:is(#sil,.sil) .tk__top{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--onyx-500)}
:is(#sil,.sil) .tk__st{background:var(--em-50);color:var(--green);padding:1px 8px;border-radius:999px}
:is(#sil,.sil) .tk__title{font-size:17px;font-weight:400;margin-top:8px}
:is(#sil,.sil) .tk__req{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--onyx-500);font-size:13px}
:is(#sil,.sil) .tk__req i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--em-200);color:var(--ink);display:grid;place-items:center;font-size:11px}
:is(#sil,.sil) .tk__f{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
:is(#sil,.sil) .tk__fl{color:var(--onyx-500);font-size:13px}
:is(#sil,.sil) .tk__fv{border:1px solid var(--line);border-radius:9px;padding:7px 10px;min-height:36px;display:flex;align-items:center;overflow:hidden}
:is(#sil,.sil) .tk__ph{color:var(--onyx-400)}
:is(#sil,.sil) .tk__val{display:none;font-weight:400}
:is(#sil,.sil) .tk__ai{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:400;padding:6px 11px;border-radius:999px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--em-400),var(--glitch)) border-box;border:1.5px solid transparent;white-space:nowrap;transition:box-shadow .3s,transform .3s}
:is(#sil,.sil) .tk__ai .ico{width:13px;height:13px;color:var(--em-500)}
:is(#sil,.sil) .tk__sug{position:absolute;z-index:2;top:calc(100% - 4px);inset-inline-start:96px;width:min(260px,70%);background:#fff;border-radius:10px;box-shadow:0 16px 36px -14px rgba(18,44,32,.45);padding:6px;display:none;flex-direction:column}
:is(#sil,.sil) .tk__sug span{padding:6px 8px;border-radius:7px;font-size:12.5px}
:is(#sil,.sil) .tk__sug .is-top{background:var(--em-100)}
:is(#sil,.sil) .tk__f--msg{grid-template-columns:86px 1fr;row-gap:10px}
:is(#sil,.sil) .tk__f--msg .tk__ai{justify-self:start}
:is(#sil,.sil) .tk__draft{grid-column:1/-1;background:var(--sub-100);border:1px solid var(--sub-50);border-radius:10px;padding:10px 12px;font-size:13px;min-height:60px;opacity:.25;clip-path:inset(0 0 0 100%);transition:clip-path 2.2s linear,opacity .3s}
[dir="rtl"] :is(#sil,.sil) .tk__draft{clip-path:inset(0 0 0 100%)}
:is(#sil,.sil) .tk.s1 [data-step="1"] .tk__ai,:is(#sil,.sil) .tk.s2 [data-step="2"] .tk__ai,:is(#sil,.sil) .tk.s3 [data-step="3"] .tk__ai{box-shadow:0 0 0 5px rgba(107,217,185,.25);transform:scale(1.04)}
:is(#sil,.sil) .tk.s1o [data-step="1"] .tk__sug{display:flex}
:is(#sil,.sil) .tk.d1 [data-step="1"] .tk__ph,:is(#sil,.sil) .tk.d2 [data-step="2"] .tk__ph{display:none}
:is(#sil,.sil) .tk.d1 [data-step="1"] .tk__val,:is(#sil,.sil) .tk.d2 [data-step="2"] .tk__val{display:block}
:is(#sil,.sil) .tk.d3 .tk__draft{opacity:1;clip-path:inset(0 0 0 0)}

/* benefits */
:is(#sil,.sil) .dben{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
:is(#sil,.sil) .dben li{background:var(--onyx-200);border-radius:20px;padding:32px 32px 34px;display:flex;flex-direction:column;gap:10px}
:is(#sil,.sil) .dben .ico{width:46px;height:46px;padding:11px;border-radius:14px;background:#fff;color:var(--green);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:8px}
:is(#sil,.sil) .dben b{font-size:19px;font-weight:400}
:is(#sil,.sil) .dben span{color:var(--muted);font-size:16.5px}

/* comparison */
:is(#sil,.sil) .dcmp{margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
:is(#sil,.sil) .dcmp summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 0;cursor:pointer;font-size:18px;font-weight:400}
:is(#sil,.sil) .dcmp summary::-webkit-details-marker{display:none}
:is(#sil,.sil) .dcmp summary .ico{width:12px;height:12px;transition:transform .3s}
:is(#sil,.sil) .dcmp[open] summary .ico{transform:rotate(180deg)}
:is(#sil,.sil) .dcmp__wrap{overflow-x:auto;padding-bottom:28px}
:is(#sil,.sil) .dcmp__t{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:15.5px;line-height:1.5}
:is(#sil,.sil) .dcmp__t th,:is(#sil,.sil) .dcmp__t td{padding:15px 18px;text-align:start;vertical-align:top;border-bottom:1px solid var(--line)}
:is(#sil,.sil) .dcmp__t thead th{font-weight:500;font-size:16px;vertical-align:bottom}
:is(#sil,.sil) .dcmp__t thead small{display:block;font-weight:300;color:var(--muted);font-size:13.5px}
:is(#sil,.sil) .dcmp__t tbody th{font-weight:400;color:var(--muted);width:17%}
:is(#sil,.sil) .dcmp__t .is-hl{background:var(--sub-100)}
:is(#sil,.sil) .dcmp__t thead .is-hl{border-radius:14px 14px 0 0}
:is(#sil,.sil) .dcmp__t tbody tr:last-child td,:is(#sil,.sil) .dcmp__t tbody tr:last-child th{border-bottom:0}

:is(#sil,.sil) .dep__foot{margin-top:48px;text-align:center}
:is(#sil,.sil) .dep__btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
:is(#sil,.sil) .dep__notes{max-width:940px;margin:28px auto 0;font-size:13.5px;line-height:1.7;color:var(--muted)}
:is(#sil,.sil) .dep__notes span{display:inline}

/* ===== testimonials ===== */
:is(#sil,.sil) .tst{padding:120px 0 90px}
:is(#sil,.sil) .tst__head{text-align:center}
:is(#sil,.sil) .tst__sub{max-width:800px;margin:36px auto 0;font-size:19px}
:is(#sil,.sil) .tst__slider{margin-top:60px;position:relative}
:is(#sil,.sil) .tcard{display:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:var(--r-card);overflow:hidden;background:var(--onyx-200)}
:is(#sil,.sil) .tcard.is-on{display:grid;animation:sil-fadeIn .6s var(--ease)}
@keyframes sil-fadeIn{from{opacity:0}to{opacity:1}}
:is(#sil,.sil) .tcard__vis{position:relative;min-height:560px;color:#fff}
:is(#sil,.sil) .tcard__vis>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:is(#sil,.sil) .tcard__vis::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(10,22,16,.82));pointer-events:none}
:is(#sil,.sil) .tcard__q{position:absolute;inset:auto 0 0 0;padding:40px;z-index:1}
:is(#sil,.sil) .tcard__q blockquote{font-size:clamp(24px,2.3vw,34px);line-height:1.3;font-weight:400}
:is(#sil,.sil) .tcard__who{margin-top:18px;font-size:17px;font-weight:300}
:is(#sil,.sil) .tcard__play{position:absolute;top:32px;inset-inline-start:32px;z-index:2;width:58px;height:58px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--em-400),var(--glitch));display:grid;place-items:center;color:var(--ink);transition:transform .25s}
:is(#sil,.sil) .tcard__play:hover{transform:scale(1.07)}
:is(#sil,.sil) .tcard__play .ico{width:20px;height:20px;margin-inline-start:3px}
:is(#sil,.sil) .tcard__video{position:absolute;inset:0;z-index:3;background:#000}
:is(#sil,.sil) .tcard__video iframe{width:100%;height:100%;border:0}
:is(#sil,.sil) .tcard__video .vclose{position:absolute;top:14px;inset-inline-end:14px;z-index:1;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.9);display:grid;place-items:center}
:is(#sil,.sil) .tcard__video .vclose .ico{width:16px;height:16px}
:is(#sil,.sil) .tcard__stats{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:40px;background:radial-gradient(70% 55% at 20% 100%,rgba(222,255,0,.35),transparent 70%),radial-gradient(60% 50% at 90% 100%,rgba(146,236,206,.55),transparent 70%),var(--onyx-200)}
:is(#sil,.sil) .stat{background:#fff;border-radius:16px;padding:30px 34px}
:is(#sil,.sil) .stat b{display:block;font-size:clamp(38px,3.6vw,56px);line-height:1.12;font-weight:400}
:is(#sil,.sil) .stat span{display:block;margin-top:8px;color:var(--onyx-500);font-size:18px}
:is(#sil,.sil) .tst__logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;margin-top:44px}
:is(#sil,.sil) .tlogo{background:none;border:0;padding:10px;display:grid;place-items:center;filter:grayscale(1);opacity:.45;transition:opacity .3s,filter .3s}
:is(#sil,.sil) .tlogo img{height:56px;width:auto;max-width:100%;object-fit:contain}
:is(#sil,.sil) .tlogo:hover{opacity:.8}
:is(#sil,.sil) .tlogo.is-on{filter:none;opacity:1}
:is(#sil,.sil) .dots--tst{justify-content:center;margin-top:26px}

/* ===== integrations ===== */
:is(#sil,.sil) .intg{padding:40px 0 110px}
:is(#sil,.sil) .intg__h{text-align:center}
:is(#sil,.sil) .intg__rows{display:flex;flex-direction:column;gap:24px;margin-top:56px;direction:ltr}
:is(#sil,.sil) .intg__row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
:is(#sil,.sil) .intg__track{display:flex;gap:24px;width:max-content;animation:sil-marq 44s linear infinite}
:is(#sil,.sil) .intg__row--rev .intg__track{animation-direction:reverse}
:is(#sil,.sil) .intg__row:hover .intg__track{animation-play-state:paused}
@keyframes sil-marq{to{transform:translateX(calc(-50% - 12px))}}
:is(#sil,.sil) .itile{width:110px;height:110px;border-radius:28px;background:var(--onyx-200);display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px rgba(18,44,32,.05)}
:is(#sil,.sil) .itile img{max-width:56px;max-height:56px;width:auto}
:is(#sil,.sil) .intg__cta{text-align:center;margin-top:56px}

/* ===== CTA banner ===== */
:is(#sil,.sil) .cta{padding:40px max(16px,calc((100vw - 1314px)/2)) 52px;background:linear-gradient(180deg,#fff 0 46%,transparent 46%),linear-gradient(90deg,#eef9c9,#a9ead2 45%,#6fd3c7)}
:is(#sil,.sil) .cta__card{background:var(--ink);color:#fff;border-radius:var(--r-card);padding:90px 40px;text-align:center}
:is(#sil,.sil) .cta__card p{max-width:1100px;margin:28px auto 0;font-size:19px;color:rgba(255,255,255,.9)}
:is(#sil,.sil) .cta__card .btn{margin-top:38px}

/* ===== footer ===== */
:is(#sil,.sil) .ft{padding:100px 0 40px}
:is(#sil,.sil) .ft__logo svg{width:150px;height:auto}
:is(#sil,.sil) .ft__cols{display:grid;grid-template-columns:repeat(6,auto);justify-content:space-between;gap:32px;margin-top:56px;padding-bottom:56px;border-bottom:1px solid rgba(18,44,32,.18)}
:is(#sil,.sil) .ft__col h3{font-size:17px;font-weight:300;color:var(--onyx-500)}
:is(#sil,.sil) .ft__col ul{margin-top:24px;display:grid;gap:13px}
:is(#sil,.sil) .ft__col a{font-size:15.5px;display:inline-flex;align-items:center;gap:6px}
:is(#sil,.sil) .ft__col a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}
:is(#sil,.sil) .ft__col a .ico{width:12px;height:12px;opacity:.6}
:is(#sil,.sil) .ft__promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;padding-top:64px}
:is(#sil,.sil) .ft__contact{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
:is(#sil,.sil) .ft__contact .btn{margin-top:26px}
:is(#sil,.sil) .ft__line{display:inline-flex;align-items:center;gap:10px;font-size:16px}
:is(#sil,.sil) .ft__line .ico{width:18px;height:18px;color:var(--green)}
:is(#sil,.sil) .ft__line a:hover{color:var(--green)}
:is(#sil,.sil) .ft__social{display:flex;gap:18px;margin-top:30px}
:is(#sil,.sil) .ft__social a{display:block;width:47px;height:47px;border-radius:50%;transition:transform .2s}
:is(#sil,.sil) .ft__social a:hover{transform:translateY(-2px)}
:is(#sil,.sil) .ft__social svg{width:47px;height:47px}
:is(#sil,.sil) .ft__phones img{width:100%;max-width:597px;margin-inline-start:auto}
:is(#sil,.sil) .ft__certs{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:56px}
:is(#sil,.sil) .ft__badges,:is(#sil,.sil) .ft__stores{display:flex;align-items:center;gap:36px;flex-wrap:wrap}
:is(#sil,.sil) .ft__badges img,:is(#sil,.sil) .ft__stores img{height:46px;width:auto}
:is(#sil,.sil) .ft__bottom{margin-top:44px;padding-top:28px;border-top:1px solid rgba(18,44,32,.18);text-align:center;font-size:14.5px;color:var(--onyx-500)}
:is(#sil,.sil) .ft__bottom ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0}
:is(#sil,.sil) .ft__bottom li+li::before{content:"|";margin-inline:12px;opacity:.6}
:is(#sil,.sil) .ft__bottom a:hover{color:var(--ink)}
:is(#sil,.sil) .ft__op{margin-top:10px;font-size:13.5px}

/* to top */
:is(#sil,.sil) .totop{position:fixed;bottom:24px;inset-inline-start:24px;z-index:40;width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px rgba(255,255,255,.8),0 8px 20px -8px rgba(0,0,0,.4);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s,transform .3s}
:is(#sil,.sil) .totop.is-on{opacity:1;transform:none;pointer-events:auto}
:is(#sil,.sil) .totop .ico{width:18px;height:18px}

/* modal */
:is(#sil,.sil) .modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px}
:is(#sil,.sil) .modal[hidden]{display:none}
:is(#sil,.sil) .modal__bg{position:absolute;inset:0;background:rgba(10,22,16,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
:is(#sil,.sil) .modal__box{position:relative;width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:var(--r-card);padding:44px 44px 36px;animation:sil-megaIn .35s var(--ease)}
:is(#sil,.sil) .modal__x{position:absolute;top:16px;inset-inline-end:16px;width:40px;height:40px;border-radius:50%;border:0;background:var(--onyx-200);display:grid;place-items:center}
:is(#sil,.sil) .modal__x .ico{width:16px;height:16px}
:is(#sil,.sil) .modal__h{font-size:32px;font-weight:400}
:is(#sil,.sil) .modal__p{margin-top:8px;color:var(--muted);font-size:17px}
:is(#sil,.sil) .modal__mock{margin-top:16px;font-size:13.5px;background:var(--sub-100);border:1px solid var(--sub-50);border-radius:10px;padding:9px 12px}
:is(#sil,.sil) .form{margin-top:22px;display:grid;gap:14px}
:is(#sil,.sil) .form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
:is(#sil,.sil) .fld{display:grid;gap:6px;font-size:15px;font-weight:400}
:is(#sil,.sil) .fld i{font-style:normal;color:var(--ruby);margin-inline-start:2px}
:is(#sil,.sil) .fld input,:is(#sil,.sil) .fld select,:is(#sil,.sil) .fld textarea{font:inherit;font-weight:300;font-size:16px;color:var(--ink);border:1px solid rgba(18,44,32,.2);border-radius:12px;padding:11px 14px;background:#fff;width:100%}
[dir="rtl"] :is(#sil,.sil) .fld input[dir="ltr"]{text-align:right}
:is(#sil,.sil) .fld input:focus,:is(#sil,.sil) .fld select:focus,:is(#sil,.sil) .fld textarea:focus{outline:none;border-color:var(--em-500);box-shadow:0 0 0 3px rgba(70,162,136,.18)}
:is(#sil,.sil) .fld input[aria-invalid="true"]{border-color:var(--ruby)}
:is(#sil,.sil) .form__done{font-size:15px;color:var(--green);text-align:center}

/* demo popup, as on www.sysaid.com: customer quotes on a green gradient, a short form on white */
:is(#sil,.sil) .dpop{width:min(1120px,100%);padding:0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border-radius:28px}
:is(#sil,.sil) .dpop .modal__x{z-index:2}
:is(#sil,.sil) .dpop__side{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:56px 44px;background:radial-gradient(60% 50% at 18% 12%,#a6f2d6 0%,transparent 70%),radial-gradient(70% 60% at 85% 92%,#e4fbb8 0%,transparent 70%),linear-gradient(165deg,#56cfae 0%,#9fe8c9 48%,#e2f8d2 100%)}
:is(#sil,.sil) .dpop__q{background:#fff;border-radius:18px;padding:22px 24px 18px;box-shadow:0 22px 44px -32px rgba(18,44,32,.55)}
:is(#sil,.sil) .dpop__logo{display:block;height:30px;width:auto;max-width:130px;object-fit:contain;margin-bottom:14px}
:is(#sil,.sil) .dpop__q blockquote{font-size:18.5px;line-height:1.5;font-weight:400}
:is(#sil,.sil) .dpop__q figcaption{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.45}
:is(#sil,.sil) .dpop__q figcaption b{font-weight:500}
:is(#sil,.sil) .dpop__q figcaption span{color:var(--muted)}
:is(#sil,.sil) .dpop__main{padding:64px 56px 36px}
:is(#sil,.sil) .dpop__h{font-size:clamp(30px,2.7vw,40px);line-height:1.25;font-weight:400;max-width:11.5em;text-wrap:balance}
:is(#sil,.sil) .dpop__p{margin-top:12px;font-size:17px;line-height:1.55;color:var(--muted)}
:is(#sil,.sil) .dform{margin-top:24px;display:grid;gap:12px}
:is(#sil,.sil) .dfld{position:relative;display:block}
:is(#sil,.sil) .dfld input,:is(#sil,.sil) .dfld select{font:inherit;font-weight:300;font-size:15.5px;color:var(--ink);background:var(--onyx-200);border:1px solid rgba(18,44,32,.1);border-radius:12px;padding:14px 16px;width:100%;unicode-bidi:plaintext;text-align:right;transition:border-color .2s,box-shadow .2s,background .2s}
:is(#sil,.sil) .dfld input::placeholder{color:rgba(18,44,32,.55)}
:is(#sil,.sil) .dfld input[type="tel"]{direction:rtl;unicode-bidi:normal}
:is(#sil,.sil) .dfld input:focus,:is(#sil,.sil) .dfld select:focus{outline:none;background:#fff;border-color:var(--em-500);box-shadow:0 0 0 3px rgba(70,162,136,.18)}
:is(#sil,.sil) .dfld input[aria-invalid="true"]{border-color:var(--ruby);background:#fff}
:is(#sil,.sil) .dfld select{appearance:none;-webkit-appearance:none;padding-inline-end:44px;cursor:pointer}
:is(#sil,.sil) .dfld--sel .ico{position:absolute;top:50%;inset-inline-end:16px;width:14px;height:14px;transform:translateY(-50%);pointer-events:none;color:var(--muted)}
:is(#sil,.sil) .dform .btn{margin-top:6px}
:is(#sil,.sil) .dform__legal{font-size:12.5px;line-height:1.55;color:var(--muted);text-align:center;text-wrap:balance}
:is(#sil,.sil) .dform__legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (max-width:900px){:is(#sil,.sil) .dpop{grid-template-columns:1fr;width:min(620px,100%)}:is(#sil,.sil) .dpop__side{display:none}:is(#sil,.sil) .dpop__main{padding:52px 40px 30px}}
@media (max-width:767px){:is(#sil,.sil) .dpop__main{padding:48px 22px 24px}:is(#sil,.sil) .dpop{border-radius:22px}}

/* reveal */
.sil-js :is(#sil,.sil) .rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.sil-js :is(#sil,.sil) .rv.in{opacity:1;transform:none}

/* review toast */
:is(#sil,.sil) .ft__more{margin-top:14px;font-size:13.5px;line-height:1.9}
:is(#sil,.sil) .ft__more span:first-child{color:var(--ink)}
:is(#sil,.sil) .ft__more a:hover{color:var(--ink);text-decoration:underline}

/* design notes */

/* ===== responsive ===== */
@media (max-width:1240px){
  :is(#sil,.sil) .hd__bar{gap:22px;padding-inline:28px}
  :is(#sil,.sil) .nav__btn{padding:10px 8px}
  :is(#sil,.sil) .hd__act .tel{display:none}
  :is(#sil,.sil) .row{gap:72px}
}
@media (max-width:1099px){
  :is(#sil,.sil) .hd{top:14px}
  :is(#sil,.sil) .hd__in::before{height:calc(68px + var(--mh));border-radius:34px}
  :is(#sil,.sil) .hd__in.is-open::before{border-radius:28px}
  :is(#sil,.sil) .hd__bar{height:68px;padding-inline:22px 14px}
  :is(#sil,.sil) .hd__logo svg{width:88px}
  :is(#sil,.sil) .hd__act{display:none}
  :is(#sil,.sil) .hd__burger{display:block}
  :is(#sil,.sil) .hd__nav{display:none;position:absolute;top:68px;inset-inline:0;max-height:calc(100vh - 100px);overflow:auto;flex-direction:column;align-items:stretch;padding:4px 22px 22px}
  :is(#sil,.sil) .hd__in.nav-open .hd__nav{display:flex}
  :is(#sil,.sil) .nav{flex-direction:column;align-items:stretch;gap:0}
  :is(#sil,.sil) .nav__it{border-bottom:1px solid var(--line)}
  :is(#sil,.sil) .nav__btn{width:100%;justify-content:space-between;padding:16px 2px;font-size:18px}
  :is(#sil,.sil) .nav__btn[aria-expanded="true"]{text-decoration:none}
  :is(#sil,.sil) .mega{position:static;display:none;grid-template-columns:1fr;padding:0 0 16px;gap:12px}
  :is(#sil,.sil) .mega.is-open{display:grid;animation:none}
  :is(#sil,.sil) .mega__main{border:0;padding:0;background:none}
  :is(#sil,.sil) .mega__cols--2,:is(#sil,.sil) .mega__cols--ind{grid-template-columns:1fr;gap:18px}
  :is(#sil,.sil) .mega__gh{padding-bottom:10px;margin-bottom:6px;font-size:15px;color:var(--onyx-500)}
  :is(#sil,.sil) .mega__gh svg{width:22px;height:22px}
  :is(#sil,.sil) .mega__case,:is(#sil,.sil) .mega__promo{display:none}
  :is(#sil,.sil) .mega__promo--sup{display:flex;grid-row:auto;padding:20px}
  :is(#sil,.sil) .mega__promo--sup strong{font-size:22px}
  :is(#sil,.sil) .mega__promo--sup .chip,:is(#sil,.sil) .mega__promo--sup .mega__pt{display:none}
  :is(#sil,.sil) .mega__foot{justify-self:stretch}
  :is(#sil,.sil) .hd__mfoot{display:flex;flex-direction:column;gap:14px;align-items:center;padding-top:20px}
  :is(#sil,.sil) .hero{padding-top:130px}
}
@media (max-width:991px){
  :is(#sil,.sil) .row{grid-template-columns:1fr;gap:40px;padding:72px 0 16px}
  :is(#sil,.sil) .row--flip .row__img{order:0}
  :is(#sil,.sil) .row__img img,:is(#sil,.sil) .row--flip .row__img img{margin-inline:auto}
  :is(#sil,.sil) .dep__grid,:is(#sil,.sil) .dai{grid-template-columns:1fr}
  :is(#sil,.sil) .dai{padding:44px 32px;gap:40px}
  :is(#sil,.sil) .dben{grid-template-columns:1fr}
  :is(#sil,.sil) .tcard{grid-template-columns:1fr}
  :is(#sil,.sil) .tcard__vis{min-height:480px}
  :is(#sil,.sil) .tcard__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px;gap:12px}
  :is(#sil,.sil) .stat{padding:22px}
  :is(#sil,.sil) .ft__cols{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}
  :is(#sil,.sil) .ft__promo{grid-template-columns:1fr}
  :is(#sil,.sil) .ft__phones img{margin-inline:auto}
}
@media (max-width:767px){
  :is(#sil,.sil){font-size:17px}
  :is(#sil,.sil) .hero__p,:is(#sil,.sil) .sbs__sub,:is(#sil,.sil) .row__txt p:not(.eyebrow),:is(#sil,.sil) .dep__lead,:is(#sil,.sil) .tst__sub,:is(#sil,.sil) .cta__card p{font-size:17px}
  :is(#sil,.sil) .hl{white-space:normal}
  :is(#sil,.sil) .cf{margin-top:48px}
  :is(#sil,.sil) .cf__stage{height:470px}
  :is(#sil,.sil) .hc{width:280px;margin-left:-140px;top:16px}
  :is(#sil,.sil) .hc__bar{font-size:16px;padding-inline:18px;gap:9px}
  :is(#sil,.sil) .hc__go{min-width:30px;height:30px;padding:0 8px;font-size:12px}
  :is(#sil,.sil) .cf__ctl{gap:12px}
  :is(#sil,.sil) .cf .dots{gap:6px}
  :is(#sil,.sil) .cf .dots button{width:8px;height:8px}
  :is(#sil,.sil) .cf .dots .is-on{width:24px}
  :is(#sil,.sil) .logos{padding:80px 0}
  :is(#sil,.sil) .logos__sets{height:auto;margin-top:36px}
  :is(#sil,.sil) .logos__set{position:static;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px;opacity:1}
  :is(#sil,.sil) .logos__set+.logos__set{margin-top:28px}
  :is(#sil,.sil) .logos__set[aria-hidden="true"]{display:none}
  :is(#sil,.sil) .logos__set img{max-height:34px}
  :is(#sil,.sil) .sbs{padding:80px 0 40px}
  :is(#sil,.sil) .dep{padding:90px 0 80px}
  :is(#sil,.sil) .dep__head{margin-bottom:44px}
  :is(#sil,.sil) .dcard__art{height:260px}
  :is(#sil,.sil) .pc{transform:scale(.86)}
  :is(#sil,.sil) .dcard__body{padding:28px 24px 30px}
  :is(#sil,.sil) .dai{padding:36px 22px}
  :is(#sil,.sil) .tk__f{grid-template-columns:70px minmax(0,1fr);row-gap:8px}
  :is(#sil,.sil) .tk__f .tk__ai{grid-column:2;justify-self:start}
  :is(#sil,.sil) .tk__f--msg .tk__ai{grid-column:2}
  :is(#sil,.sil) .tk__sug{inset-inline-start:80px}
  :is(#sil,.sil) .dben li{padding:26px 24px}
  :is(#sil,.sil) .tst{padding:90px 0 70px}
  :is(#sil,.sil) .tcard__vis{min-height:440px}
  :is(#sil,.sil) .tcard__q{padding:26px}
  :is(#sil,.sil) .tcard__play{top:20px;inset-inline-start:20px;width:50px;height:50px}
  :is(#sil,.sil) .tcard__stats{grid-template-columns:1fr}
  :is(#sil,.sil) .stat b{font-size:40px}
  :is(#sil,.sil) .tlogo img{height:40px}
  :is(#sil,.sil) .intg{padding:20px 0 80px}
  :is(#sil,.sil) .itile{width:84px;height:84px;border-radius:22px}
  :is(#sil,.sil) .itile img{max-width:42px;max-height:42px}
  :is(#sil,.sil) .cta{padding-bottom:28px}
  :is(#sil,.sil) .cta__card{padding:60px 22px}
  :is(#sil,.sil) .br-d{display:none}
  :is(#sil,.sil) .ft{padding-top:70px}
  :is(#sil,.sil) .ft__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}
  :is(#sil,.sil) .ft__certs{justify-content:center}
  :is(#sil,.sil) .ft__badges,:is(#sil,.sil) .ft__stores{gap:20px;justify-content:center}
  :is(#sil,.sil) .ft__badges img{height:38px}
  :is(#sil,.sil) .ft__stores img{height:40px}
  :is(#sil,.sil) .modal__box:not(.dpop){padding:36px 22px 26px}
  :is(#sil,.sil) .form__row{grid-template-columns:1fr}
  :is(#sil,.sil) .totop{bottom:16px;inset-inline-start:16px}
}
@media (max-width:420px){
  :is(#sil,.sil) .op__node{font-size:12px;padding:7px 10px}
  :is(#sil,.sil) .op__node--srv{font-size:13px;padding:10px 13px}
  :is(#sil,.sil) .op__out{font-size:11.5px;padding:6px 11px}
  :is(#sil,.sil) .op__node .ico{width:15px;height:15px}
}

@media (prefers-reduced-motion:reduce){
  :is(#sil,.sil),:is(#sil,.sil) *,:is(#sil,.sil) *::before,:is(#sil,.sil) *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .sil-js :is(#sil,.sil) .rv{opacity:1;transform:none}
}

/* ===== round 2: mixed logos with sector labels, Israeli testimonial cards ===== */
:is(#sil,.sil) .logos__sets{height:96px}
:is(#sil,.sil) .logos__set{grid-template-columns:repeat(6,minmax(0,1fr))}
:is(#sil,.sil) .logos__set li{display:flex;flex-direction:column;align-items:center;gap:10px}
:is(#sil,.sil) .logos__set img{height:44px;width:150px;max-height:none;object-fit:contain}
:is(#sil,.sil) .logos__set small{font-size:12.5px;color:var(--onyx-500)}
:is(#sil,.sil) .tst__logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
:is(#sil,.sil) .tlogo img{height:48px;width:140px;object-fit:contain}
:is(#sil,.sil) .tcard__vis--il{background:radial-gradient(70% 60% at 85% 0%,rgba(146,236,206,.28),transparent 70%),radial-gradient(60% 60% at 10% 100%,rgba(222,255,0,.14),transparent 70%),var(--ink);display:flex;flex-direction:column;justify-content:space-between}
:is(#sil,.sil) .tcard__vis--il::after{display:none}
:is(#sil,.sil) .tcard__logo{position:relative;z-index:1;align-self:flex-start;margin:40px 40px 0;background:#fff;border-radius:18px;padding:18px 24px;box-shadow:0 20px 40px -24px rgba(0,0,0,.6)}
:is(#sil,.sil) .tcard__logo img{height:70px;width:190px;object-fit:contain}
:is(#sil,.sil) .tcard__vis--il .tcard__q{position:relative}
:is(#sil,.sil) .tcard__stats--txt .stat b{font-size:clamp(24px,2.1vw,30px);line-height:1.25;font-weight:400}
:is(#sil,.sil) .tcard__stats--txt .stat span{font-size:17px}
:is(#sil,.sil) .nw{white-space:nowrap}
:is(#sil,.sil) .hero__h,:is(#sil,.sil) .phero__h,:is(#sil,.sil) .h2,:is(#sil,.sil) .dcard__h{text-wrap:balance}
@media (max-width:991px){
  :is(#sil,.sil) .logos__sets{height:auto}
  :is(#sil,.sil) .logos__set{position:static;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px;opacity:1}
  :is(#sil,.sil) .logos__set+.logos__set{margin-top:28px}
  :is(#sil,.sil) .logos__set[aria-hidden="true"]{display:grid}
  :is(#sil,.sil) .tst__logos{display:flex;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  :is(#sil,.sil) .tst__logos::-webkit-scrollbar{display:none}
  :is(#sil,.sil) .tlogo{flex:none}
  :is(#sil,.sil) .tcard__logo{margin:28px 26px 0}
}
@media (max-width:767px){
  :is(#sil,.sil) .logos__set{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#sil,.sil) .logos__set img{height:36px;width:130px}
  :is(#sil,.sil) .tcard__vis--il{min-height:420px}
  :is(#sil,.sil) .tcard__logo img{height:54px;width:150px}
  :is(#sil,.sil) .tlogo img{height:36px;width:110px}
}
/* inline links inside running text */
:is(#sil,.sil) p a:not(.btn),:is(#sil,.sil) .qa__a a,:is(#sil,.sil) .dep__notes a{color:var(--green);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
:is(#sil,.sil) p a:not(.btn) .ico,:is(#sil,.sil) .qa__a a .ico,:is(#sil,.sil) .pav__head a .ico{display:inline-block;width:.8em;height:.8em;vertical-align:-.05em;margin-inline-start:4px}
:is(#sil,.sil) .pband__card a{color:#fff;text-decoration:underline;text-underline-offset:4px}
:is(#sil,.sil) .logos__set img{filter:grayscale(1) brightness(.45);opacity:.55}

/* round 10 (M2): the marketing positioning text. The hero tag above the AI headline, and the «why» section after the logos */
:is(#sil,.sil) .hero__eye{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:7px 14px;border-radius:999px;background:var(--em-100);color:var(--green);font-size:15px;line-height:1.3}
:is(#sil,.sil) .hero__eye svg{width:16px;height:16px;flex:none}
:is(#sil,.sil) .why{padding:40px 0 30px}
:is(#sil,.sil) .why__head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:44px}
:is(#sil,.sil) .why__stats{display:flex;gap:48px;list-style:none;flex:none}
:is(#sil,.sil) .why__stats li{display:flex;flex-direction:column;font-size:15px;color:var(--muted)}
:is(#sil,.sil) .why__stats b{margin-bottom:8px;font-size:clamp(40px,3.6vw,54px);line-height:1;font-weight:400;letter-spacing:-.02em;color:var(--ink)}
:is(#sil,.sil) .why__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:is(#sil,.sil) .wt{position:relative;overflow:hidden;padding:32px 30px 34px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff}
:is(#sil,.sil) .wt h3{margin:22px 0 10px;font-size:21px;line-height:1.35;font-weight:500;color:var(--ink)}
:is(#sil,.sil) .wt p{font-size:16px;line-height:1.6;color:var(--muted)}
:is(#sil,.sil) .wt__ico{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--em-100);color:var(--green)}
:is(#sil,.sil) .wt__ico svg{width:22px;height:22px}
:is(#sil,.sil) .wt--ai{grid-column:span 2;padding:40px 40px 42px;border-color:transparent;background:var(--ink);color:#fff}
:is(#sil,.sil) .wt--ai::after{content:"";position:absolute;inset-block-end:-55%;inset-inline-end:-12%;width:70%;height:130%;background:radial-gradient(closest-side,rgba(107,217,185,.26),transparent);pointer-events:none}
:is(#sil,.sil) .wt--ai .wt__ico{background:var(--glitch);color:var(--ink)}
:is(#sil,.sil) .wt--ai h3{font-size:clamp(28px,2.5vw,36px);font-weight:400;line-height:1.25;color:#fff}
:is(#sil,.sil) .wt--ai mark{padding:0 .15em;border-radius:6px;background:var(--glitch);color:var(--ink)}
:is(#sil,.sil) .wt__split{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:26px}
:is(#sil,.sil) .wt__split>div{padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
:is(#sil,.sil) .wt__tag{display:block;margin-bottom:8px;font-size:15px;font-weight:500;color:var(--em-300)}
:is(#sil,.sil) .wt--ai p{font-size:17px;color:rgba(255,255,255,.82)}
@media (max-width:991px){:is(#sil,.sil) .why__head{flex-direction:column;align-items:flex-start;gap:28px}:is(#sil,.sil) .why__grid{grid-template-columns:1fr 1fr}:is(#sil,.sil) .wt--ai{grid-column:1/-1}}
@media (max-width:767px){:is(#sil,.sil) .why__grid,:is(#sil,.sil) .wt__split{grid-template-columns:1fr}:is(#sil,.sil) .wt--ai{padding:30px 24px}:is(#sil,.sil) .wt{padding:26px 22px}:is(#sil,.sil) .why__stats{gap:32px}}
@media (max-width:767px){:is(#sil,.sil) .hero__eye{font-size:13.5px;padding:6px 12px;gap:6px}:is(#sil,.sil) .hero__eye svg{width:14px;height:14px}}

/* ===== product page blocks (sysaid.com v3 product template, RTL) ===== */
:is(#sil,.sil) .kick{display:inline-block;background:linear-gradient(90deg,var(--em-100),#f1ffe0);color:var(--ink);font-size:16px;font-weight:400;letter-spacing:.02em;padding:10px 24px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(70,162,136,.18)}
:is(#sil,.sil) .kick--dark{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}

:is(#sil,.sil) .phero{padding-top:176px;text-align:center}
:is(#sil,.sil) .phero__txt{max-width:980px}
:is(#sil,.sil) .phero__h{font-size:clamp(34px,4.1vw,58px);line-height:1.22;font-weight:400;margin-top:28px}
:is(#sil,.sil) .phero__p{max-width:820px;margin:28px auto 0;font-size:19px;line-height:1.55}
:is(#sil,.sil) .phero .btn--lg{margin-top:44px}
:is(#sil,.sil) .phero__img{margin-top:64px;border-radius:var(--r-card);overflow:hidden;background:var(--onyx-200)}
:is(#sil,.sil) .phero__img img{width:100%;aspect-ratio:1280/720;object-fit:cover}

:is(#sil,.sil) .pstats{padding:96px 0 84px}
:is(#sil,.sil) .pstats__l{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
:is(#sil,.sil) .pstats__l--2{--n:2}:is(#sil,.sil) .pstats__l--3{--n:3}:is(#sil,.sil) .pstats__l--4{--n:4}
:is(#sil,.sil) .pstats__l li{text-align:center;padding:12px 24px 18px}
:is(#sil,.sil) .pstats__l li+li{border-inline-start:1px solid var(--line)}
:is(#sil,.sil) .pstats__l b{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(36px,3.4vw,50px);line-height:1.15;font-weight:300}
:is(#sil,.sil) .pstats__l .arr{font-weight:300}
:is(#sil,.sil) .pstats__l span:not(.arr):not(.sr){display:block;margin-top:12px;color:var(--onyx-500);font-size:18px}

/* availability strip (Israel-only) */
:is(#sil,.sil) .pav{padding:0 0 88px}
:is(#sil,.sil) .pav__box{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.4fr);gap:20px 36px;align-items:center;background:var(--sub-100);border:1px solid var(--sub-50);border-radius:20px;padding:26px 30px}
:is(#sil,.sil) .pav__h{font-size:20px;font-weight:500}
:is(#sil,.sil) .pav__head p{font-size:15px;color:var(--muted);margin-top:4px}
:is(#sil,.sil) .pav__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:is(#sil,.sil) .pav__l li{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:start;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .pav__l .ico{grid-row:span 2;width:22px;height:22px;margin-top:2px}
:is(#sil,.sil) .pav__l b{font-weight:500;font-size:15px}
:is(#sil,.sil) .pav__l span{font-size:14px;color:var(--muted);line-height:1.45}
:is(#sil,.sil) .pav__l .is-yes .ico{color:var(--em-500)}
:is(#sil,.sil) .pav__l .is-part .ico{color:#c59b00}
:is(#sil,.sil) .pav__l .is-no .ico{color:var(--onyx-400)}
:is(#sil,.sil) .pav__l .is-no b{color:var(--muted)}
:is(#sil,.sil) .pav__more{grid-column:2;justify-self:end;display:inline-flex;align-items:center;gap:6px;font-size:15px;color:var(--green)}
:is(#sil,.sil) .pav__more:hover{text-decoration:underline;text-underline-offset:4px}
:is(#sil,.sil) .pav__more .ico{width:12px;height:12px}

/* side by side on product pages */
:is(#sil,.sil) .psbs{padding-top:110px}
:is(#sil,.sil) .psbs--nohead{padding-top:40px}
:is(#sil,.sil) .psbs .sbs__head .h2{max-width:none}
:is(#sil,.sil) .psbs .row:first-of-type{padding-top:80px}

/* tabs */
:is(#sil,.sil) .ptabs{padding:120px 0 110px}
:is(#sil,.sil) .ptabs__h{text-align:center}
:is(#sil,.sil) .ptabs__bar{display:flex;gap:6px;margin:56px auto 0;padding:8px;border:1px solid rgba(18,44,32,.18);border-radius:999px;overflow-x:auto;scrollbar-width:none;width:fit-content;max-width:100%}
:is(#sil,.sil) .ptabs__bar::-webkit-scrollbar{display:none}
:is(#sil,.sil) .ptabs__b{flex:none;border:0;background:none;border-radius:999px;padding:18px 34px;font-size:18px;font-weight:400;color:var(--ink);white-space:nowrap;transition:background .25s,color .25s}
:is(#sil,.sil) .ptabs__b:hover{background:var(--onyx-200)}
:is(#sil,.sil) .ptabs__b.is-on{background:var(--ink);color:#fff}
:is(#sil,.sil) .ptab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:56px;border-radius:var(--r-card);overflow:hidden;background:var(--onyx-200);min-height:520px}
:is(#sil,.sil) .ptab[hidden]{display:none}
:is(#sil,.sil) .ptab:not([hidden]){animation:sil-fadeIn .5s var(--ease)}
:is(#sil,.sil) .ptab__txt{padding:72px 80px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
:is(#sil,.sil) .ptab__txt p{margin-top:22px;font-size:18.5px;color:var(--muted)}
:is(#sil,.sil) .ptab__txt .btn{margin-top:34px}
:is(#sil,.sil) .ptab__txt .btn .ico{width:13px;height:13px}
:is(#sil,.sil) .ptab__img{position:relative;overflow:hidden}
:is(#sil,.sil) .ptab__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0 0}
[dir="rtl"] :is(#sil,.sil) .ptab__img img{object-position:0 0}

/* dark band */
:is(#sil,.sil) .pband{padding:40px max(16px,calc((100vw - 1314px)/2))}
:is(#sil,.sil) .pband__card{background:var(--ink);color:#fff;border-radius:var(--r-card);padding:84px 40px;text-align:center;background-image:radial-gradient(60% 80% at 15% 100%,rgba(107,217,185,.28),transparent 70%),radial-gradient(50% 70% at 90% 0%,rgba(222,255,0,.12),transparent 70%)}
:is(#sil,.sil) .pband__card .h2{margin-top:18px}
:is(#sil,.sil) .pband__card p{max-width:820px;margin:20px auto 0;color:rgba(255,255,255,.85);font-size:19px}

/* customer proof */
:is(#sil,.sil) .pproof{padding:110px 0}
:is(#sil,.sil) .pproof .h2{max-width:22ch}
:is(#sil,.sil) .pproof__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:52px}
:is(#sil,.sil) .pq{background:var(--onyx-200);border-radius:20px;padding:34px 32px;display:flex;flex-direction:column;gap:22px}
:is(#sil,.sil) .pq__logo{height:36px;width:auto;max-width:170px;object-fit:contain;object-position:right center;filter:grayscale(1);opacity:.75}
:is(#sil,.sil) .pq__logo--tall{height:50px}/* near-square logos (WIZO) read smaller than wide wordmarks at the same height */
:is(#sil,.sil) .pq blockquote{font-size:18px;line-height:1.6;flex:1}
:is(#sil,.sil) .pq figcaption b{display:block;font-weight:500}
:is(#sil,.sil) .pq figcaption span{font-size:15px;color:var(--muted)}

/* benefits */
:is(#sil,.sil) .pben{padding:20px 0 110px}
:is(#sil,.sil) .pben__h{margin-bottom:48px}
:is(#sil,.sil) .pben__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
:is(#sil,.sil) .pben__g li{border-top:1px solid var(--line);padding:40px 0 48px}
:is(#sil,.sil) .pben__i{display:block;width:45px;height:45px}
:is(#sil,.sil) .pben__i img{width:45px;height:45px;object-fit:contain}
:is(#sil,.sil) .pben__g h3{font-size:clamp(24px,2.3vw,33px);font-weight:300;line-height:1.25;margin-top:30px}
:is(#sil,.sil) .pben__g p{margin-top:12px;color:var(--onyx-500);font-size:18px}

/* library */
:is(#sil,.sil) .plib{padding:110px 0;background:var(--alt)}
:is(#sil,.sil) .plib__p{max-width:760px;margin-top:20px;font-size:18px}
:is(#sil,.sil) .plib__bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:36px}
:is(#sil,.sil) .plib__s{flex:1;max-width:520px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(18,44,32,.18);border-radius:14px;padding:0 16px}
:is(#sil,.sil) .plib__s .ico{width:18px;height:18px;color:var(--onyx-500)}
:is(#sil,.sil) .plib__s input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:16px;padding:13px 0;color:var(--ink)}
:is(#sil,.sil) .plib__s:focus-within{border-color:var(--em-500);box-shadow:0 0 0 3px rgba(70,162,136,.18)}
:is(#sil,.sil) .plib__n{color:var(--muted);font-size:15px}
:is(#sil,.sil) .plib__groups{margin-top:36px;columns:3 300px;column-gap:28px}
:is(#sil,.sil) .plib__grp{break-inside:avoid;background:#fff;border-radius:18px;padding:22px 24px;margin-bottom:24px}
:is(#sil,.sil) .plib__grp h3{font-size:18px;font-weight:500;display:flex;align-items:center;gap:10px}
:is(#sil,.sil) .plib__grp h3 small{font-size:12.5px;font-weight:400;background:var(--em-50);border-radius:999px;padding:1px 9px}
:is(#sil,.sil) .plib__grp ul{margin-top:12px;display:grid;gap:7px}
:is(#sil,.sil) .plib__grp li{font-size:15px;font-family:var(--f-lat),sans-serif;font-weight:300;display:flex;gap:8px;align-items:baseline}
:is(#sil,.sil) .plib__grp li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--em-400);flex:none;transform:translateY(-2px)}
:is(#sil,.sil) .plib__grp li[hidden],:is(#sil,.sil) .plib__grp[hidden]{display:none}
:is(#sil,.sil) .plib__empty{margin-top:20px;color:var(--muted)}

/* integrations catalog stub */
:is(#sil,.sil) .pcat{padding:40px 0 100px;text-align:center}
:is(#sil,.sil) .pcat__p{max-width:760px;margin:20px auto 0;font-size:18px}
:is(#sil,.sil) .pcat__g{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:44px auto 40px;max-width:1000px}
:is(#sil,.sil) .pcat__g .itile{width:96px;height:96px;border-radius:24px}
:is(#sil,.sil) .pcat .btn .ico{width:14px;height:14px}

/* FAQ */
:is(#sil,.sil) .pfaq{padding:50px 0 110px}
:is(#sil,.sil) .pfaq__in{max-width:1080px}
:is(#sil,.sil) .pfaq__in>.h2{padding-inline-start:4%}
:is(#sil,.sil) .pfaq__l{margin-top:44px;max-width:920px;margin-inline:auto}
:is(#sil,.sil) .qa{border-bottom:1px solid var(--line)}
:is(#sil,.sil) .qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;font-size:18.5px;font-weight:400;color:var(--onyx-500)}
:is(#sil,.sil) .qa summary::-webkit-details-marker{display:none}
:is(#sil,.sil) .qa[open] summary{color:var(--ink)}
:is(#sil,.sil) .qa summary .ico{width:14px;height:14px;flex:none;transition:transform .3s}
:is(#sil,.sil) .qa[open] summary .ico{transform:rotate(180deg)}
:is(#sil,.sil) .qa__a{padding:0 0 26px}
:is(#sil,.sil) .qa__a p{color:var(--muted);font-size:17.5px;line-height:1.65}

@media (max-width:991px){
  :is(#sil,.sil) .pstats__l{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#sil,.sil) .pstats__l li:nth-child(3){border-inline-start:0}
  :is(#sil,.sil) .pstats__l li{padding-block:18px}
  :is(#sil,.sil) .pav__box{grid-template-columns:1fr}
  :is(#sil,.sil) .pav__l{grid-template-columns:1fr}
  :is(#sil,.sil) .pav__more{grid-column:1;justify-self:start}
  :is(#sil,.sil) .ptab{grid-template-columns:1fr;min-height:0}
  :is(#sil,.sil) .ptab__txt{padding:40px 32px}
  :is(#sil,.sil) .ptab__img{aspect-ratio:4/3}
  :is(#sil,.sil) .pproof__g{grid-template-columns:1fr}
  :is(#sil,.sil) .pben__g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  :is(#sil,.sil) .phero{padding-top:124px}
  :is(#sil,.sil) .phero__p{font-size:17px}
  :is(#sil,.sil) .phero__img{margin-top:44px;border-radius:18px}
  :is(#sil,.sil) .phero__img img{aspect-ratio:4/3}
  :is(#sil,.sil) .pstats{padding:64px 0 56px}
  :is(#sil,.sil) .pstats__l b{font-size:34px}
  :is(#sil,.sil) .pstats__l span:not(.arr):not(.sr){font-size:15.5px}
  :is(#sil,.sil) .pav{padding-bottom:60px}
  :is(#sil,.sil) .pav__box{padding:20px}
  :is(#sil,.sil) .ptabs{padding:80px 0}
  :is(#sil,.sil) .ptabs__bar{width:auto;margin-inline:calc(-1 * var(--gut));border-radius:0;border-inline:0;padding-inline:var(--gut)}
  :is(#sil,.sil) .ptabs__b{padding:13px 20px;font-size:16px}
  :is(#sil,.sil) .ptab__txt{padding:30px 22px}
  :is(#sil,.sil) .pben__g{grid-template-columns:1fr}
  :is(#sil,.sil) .pben__g li{padding:30px 0 34px}
  :is(#sil,.sil) .pband__card{padding:56px 22px}
  :is(#sil,.sil) .pfaq{padding:80px 0}
  :is(#sil,.sil) .qa summary{font-size:17px}
  :is(#sil,.sil) .plib{padding:80px 0}
}

:is(#sil,.sil) .phero--noimg{padding-bottom:30px}
:is(#sil,.sil) .qa__a p+p{margin-top:10px}

/* ===== round 11: existing pages rebuilt (FAQ, accessibility statement, guides, sitemap, thank-you, personal demo) ===== */
/* hero with its own buttons (`actions`) instead of «תיאום הדגמה» */
:is(#sil,.sil) .phero__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:44px}
:is(#sil,.sil) .phero .phero__btns .btn--lg{margin-top:0}
:is(#sil,.sil) .phero__btns .btn .ico{width:14px;height:14px}

/* prose: one reading column of headings, paragraphs, lists and images (legal text, guides) */
:is(#sil,.sil) .pprose{padding:90px 0 100px}
:is(#sil,.sil) .pprose--alt{background:var(--alt)}
:is(#sil,.sil) .pprose__in{max-width:calc(900px + 2 * var(--gut))}
:is(#sil,.sil) .pprose__p{margin-top:16px;font-size:18px;color:var(--muted)}
:is(#sil,.sil) .pprose__body{font-size:18px;line-height:1.75}
:is(#sil,.sil) .pprose__body>*+*{margin-top:18px}
:is(#sil,.sil) .pprose__body h2{font-size:clamp(24px,2.3vw,33px);font-weight:300;line-height:1.25;margin-top:52px}
:is(#sil,.sil) .pprose__body h3{font-size:22px;font-weight:400;line-height:1.35;margin-top:30px}
:is(#sil,.sil) .pprose__body>:first-child{margin-top:0}
:is(#sil,.sil) .pprose__body :is(h2,h3)+*{margin-top:14px}
:is(#sil,.sil) .pprose__body :is(ul,ol){display:grid;gap:10px;padding-inline-start:0}
:is(#sil,.sil) .pprose__body ul>li{position:relative;padding-inline-start:28px}
:is(#sil,.sil) .pprose__body ul>li::before{content:"";position:absolute;inset-inline-start:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--em-400)}
:is(#sil,.sil) .pprose__body ol{counter-reset:pp}
:is(#sil,.sil) .pprose__body ol>li{position:relative;counter-increment:pp;padding-inline-start:44px}
:is(#sil,.sil) .pprose__body ol>li::before{content:counter(pp);position:absolute;inset-inline-start:0;top:.1em;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-family:var(--f-lat),sans-serif;font-size:14px;font-weight:500;line-height:1;background:linear-gradient(135deg,var(--em-300),var(--glitch))}
:is(#sil,.sil) .pprose__body strong{font-weight:500}
:is(#sil,.sil) .pprose__body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
:is(#sil,.sil) .pprose__fig{margin-block:26px 30px}
:is(#sil,.sil) .pprose__fig img{display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:14px;box-shadow:0 0 0 1px var(--line),0 24px 48px -36px rgba(18,44,32,.45)}
:is(#sil,.sil) .pprose__fig figcaption{margin-top:10px;text-align:center;font-size:15px;color:var(--muted)}
@media (max-width:767px){
  :is(#sil,.sil) .pprose{padding:60px 0 70px}
  :is(#sil,.sil) .pprose__body{font-size:17px}
  :is(#sil,.sil) .pprose__body ol>li{padding-inline-start:40px}
}

/* ===== split hero (layout; moved out of film.css when the hero animation became hero-concepts/a-trailer) ===== */
:is(#sil,.sil) .hero--split{padding-top:150px;text-align:start}
:is(#sil,.sil) .hero__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:52px;align-items:center}
:is(#sil,.sil) .hero--split .hero__h{font-size:clamp(34px,3.4vw,52px)}
:is(#sil,.sil) .hero--split .hero__p{margin:26px 0 0;max-width:34em;font-size:18.5px}
:is(#sil,.sil) .hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
:is(#sil,.sil) .hero--split .hero__btns .btn--lg{margin-top:0}
:is(#sil,.sil) .hero--split .cf{margin-top:96px}
@media (max-width:1099px){
  :is(#sil,.sil) .hero--split{padding-top:120px}
  :is(#sil,.sil) .hero__grid{grid-template-columns:1fr;gap:40px}
  :is(#sil,.sil) .hero--split .hero__txt{text-align:center}
  :is(#sil,.sil) .hero--split .hero__p{margin-inline:auto}
  :is(#sil,.sil) .hero__btns{justify-content:center}
}
@media (max-width:767px){
  :is(#sil,.sil) .hero--split .cf{margin-top:56px}
  :is(#sil,.sil) .hero__btns .btn{flex:1 1 auto}
}

/* Hero concepts: scaffolding shared by the four concepts (tabs, scaled stage, caption bar, motion utilities). */
:is(#sil,.sil) .hx{position:relative;width:100%;color:var(--ink);font-family:var(--font);font-size:14px;font-weight:400;line-height:1.4;text-align:start;-webkit-font-smoothing:antialiased}
:is(#sil,.sil) .hx *,:is(#sil,.sil) .hx *::before,:is(#sil,.sil) .hx *::after{box-sizing:border-box}
:is(#sil,.sil) .hx b,:is(#sil,.sil) .hx strong{font-weight:500}
:is(#sil,.sil) .hx mark{background:none;color:inherit}
:is(#sil,.sil) .hx .ico{width:1em;height:1em;flex:none}

/* environment tabs */
:is(#sil,.sil) .hx-tabs{position:relative;display:flex;gap:6px;padding:5px;margin:0 0 14px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px -22px rgba(18,44,32,.45)}
:is(#sil,.sil) .hx-pill{position:absolute;top:5px;bottom:5px;right:5px;width:calc(50% - 8px);border-radius:13px;background:var(--ink);transition:transform .7s var(--ease);box-shadow:0 10px 24px -12px rgba(18,44,32,.7)}
:is(#sil,.sil) .hx.ch-1 .hx-pill{transform:translateX(calc(-100% - 6px))}
:is(#sil,.sil) .hx-tab{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;align-items:center;gap:11px;padding:9px 12px;border:0;border-radius:13px;background:none;color:var(--muted);text-align:start;cursor:pointer;transition:color .45s}
:is(#sil,.sil) .hx-ti{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--sub-200);color:var(--ink);transition:background .45s,color .45s}
:is(#sil,.sil) .hx-ti .ico{width:17px;height:17px}
:is(#sil,.sil) .hx-tab b{display:block;font-size:15px;font-weight:500;line-height:1.25;color:inherit;white-space:nowrap}
:is(#sil,.sil) .hx-tab small{display:block;font-size:12.5px;line-height:1.35;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(#sil,.sil) .hx-tab[aria-selected="true"]{color:#fff}
:is(#sil,.sil) .hx-tab[aria-selected="true"] .hx-ti{background:var(--glitch);color:var(--ink)}
:is(#sil,.sil) .hx-tab:focus-visible{outline:2px solid var(--em-500);outline-offset:2px}

/* the stage: designed at 600x480 and scaled to the column */
:is(#sil,.sil) .hx-frame{position:relative;width:100%;aspect-ratio:600/480;border-radius:28px;overflow:hidden;isolation:isolate;transform:translateZ(0)}
:is(#sil,.sil) .hx-stage{position:absolute;top:0;left:0;width:600px;height:480px;transform-origin:0 0;direction:rtl;overflow:hidden}
:is(#sil,.sil) .hx-sc{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s linear .6s}
:is(#sil,.sil) .hx-sc.is-on{opacity:1;visibility:visible;transition:opacity .6s var(--ease) .1s,visibility 0s}

/* caption bar */
:is(#sil,.sil) .hx-cap{display:flex;align-items:center;gap:14px;margin-top:16px;min-height:50px}
:is(#sil,.sil) .hx-play{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}
:is(#sil,.sil) .hx-play .ico{width:15px;height:15px}
:is(#sil,.sil) .hx-play .i-play{display:none}
:is(#sil,.sil) .hx.is-paused .hx-play .i-play{display:block}
:is(#sil,.sil) .hx.is-paused .hx-play .i-pause{display:none}
:is(#sil,.sil) .hx-cap__txt{flex:1 1 auto;min-width:0}
:is(#sil,.sil) .hx-cap__txt.is-swap{animation:sil-hx-cap .6s var(--ease) both}
@keyframes sil-hx-cap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
:is(#sil,.sil) .hx-cap__t{display:block;font-size:16px;font-weight:500;line-height:1.3;color:var(--ink)}
:is(#sil,.sil) .hx-cap__d{display:block;font-size:13.5px;line-height:1.45;color:var(--muted);margin-top:2px}
:is(#sil,.sil) .hx-segs{flex:none;display:flex;align-items:center;gap:4px}
:is(#sil,.sil) .hx-seg{position:relative;width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer}
:is(#sil,.sil) .hx-seg::before,:is(#sil,.sil) .hx-seg::after{content:"";position:absolute;inset:8px 0;border-radius:4px}
:is(#sil,.sil) .hx-seg::before{background:var(--onyx-300)}
:is(#sil,.sil) .hx-seg::after{background:var(--ink);transform:scaleX(var(--p,0));transform-origin:right}
:is(#sil,.sil) .hx-seg.is-done::after{transform:none}
:is(#sil,.sil) .hx-seg[data-ch="1"]::after{background:var(--green)}
:is(#sil,.sil) .hx-seg--gap{margin-inline-start:10px}
:is(#sil,.sil) .hx-seg--gap::before{box-shadow:none}
:is(#sil,.sil) .hx-seg:focus-visible{outline:2px solid var(--em-500);outline-offset:1px;border-radius:4px}

/* motion utilities: start state, then .is-in */
:is(#sil,.sil) .fx-up,:is(#sil,.sil) .fx-down,:is(#sil,.sil) .fx-fade,:is(#sil,.sil) .fx-pop,:is(#sil,.sil) .fx-blur,:is(#sil,.sil) .fx-l,:is(#sil,.sil) .fx-r,:is(#sil,.sil) .fx-zoom{transition:opacity .6s var(--ease),transform .8s var(--ease),filter .7s var(--ease)}
:is(#sil,.sil) .fx-up{opacity:0;transform:translateY(16px)}
:is(#sil,.sil) .fx-down{opacity:0;transform:translateY(-16px)}
:is(#sil,.sil) .fx-fade{opacity:0}
:is(#sil,.sil) .fx-pop{opacity:0;transform:scale(.6);transition-timing-function:var(--ease),cubic-bezier(.34,1.56,.64,1),var(--ease)}
:is(#sil,.sil) .fx-blur{opacity:0;filter:blur(10px);transform:scale(1.04)}
:is(#sil,.sil) .fx-l{opacity:0;transform:translateX(-26px)}
:is(#sil,.sil) .fx-r{opacity:0;transform:translateX(26px)}
:is(#sil,.sil) .fx-zoom{opacity:0;transform:scale(1.25)}
:is(#sil,.sil) .is-in.fx-up,:is(#sil,.sil) .is-in.fx-down,:is(#sil,.sil) .is-in.fx-fade,:is(#sil,.sil) .is-in.fx-pop,:is(#sil,.sil) .is-in.fx-blur,:is(#sil,.sil) .is-in.fx-l,:is(#sil,.sil) .is-in.fx-r,:is(#sil,.sil) .is-in.fx-zoom{opacity:1;transform:none;filter:none}
:is(#sil,.sil) .is-gone{opacity:0!important;transition:opacity .5s var(--ease)!important}
:is(#sil,.sil) .hx-snap,:is(#sil,.sil) .hx-snap *{transition:none!important;animation:none!important}
:is(#sil,.sil) .is-typing::after{content:"";display:inline-block;width:2px;height:1em;margin-inline-start:2px;vertical-align:-.12em;background:currentColor;animation:sil-hx-blink .8s steps(1) infinite}
@keyframes sil-hx-blink{50%{opacity:0}}
:is(#sil,.sil) .hx.is-paused *,:is(#sil,.sil) .hx.is-paused *::before,:is(#sil,.sil) .hx.is-paused *::after{animation-play-state:paused!important}

@media (max-width:1099px){ :is(#sil,.sil) .hx{max-width:760px;margin-inline:auto} }
@media (max-width:767px){
  :is(#sil,.sil) .hx-tab{padding:8px 9px;gap:9px}
  :is(#sil,.sil) .hx-ti{width:32px;height:32px;border-radius:10px}
  :is(#sil,.sil) .hx-tab b{font-size:13.5px}
  :is(#sil,.sil) .hx-tab small{font-size:11.5px}
  :is(#sil,.sil) .hx-frame{border-radius:20px}
  :is(#sil,.sil) .hx-cap{gap:10px;align-items:flex-start;flex-wrap:wrap}
  :is(#sil,.sil) .hx-cap__txt{flex-basis:calc(100% - 52px)}
  :is(#sil,.sil) .hx-segs{width:100%;justify-content:center;order:3}
}
@media (max-width:420px){ :is(#sil,.sil) .hx-tab small{display:none} :is(#sil,.sil) .hx-tab b{white-space:normal} }
@media (prefers-reduced-motion:reduce){ :is(#sil,.sil) .hx *,:is(#sil,.sil) .hx *::before,:is(#sil,.sil) .hx *::after{animation:none!important;transition:none!important} }
:is(#sil,.sil) .hx.is-still *,:is(#sil,.sil) .hx.is-still *::before,:is(#sil,.sil) .hx.is-still *::after{animation:none!important;transition:none!important}
:is(#sil,.sil) .hx-dot{font-style:normal}
@media (max-width:420px){ :is(#sil,.sil) .hx-dot{display:none} :is(#sil,.sil) .hx-tab b .hx-t2{display:block;font-weight:400;font-size:12px;opacity:.85} }
/* in the homepage hero: keep tabs, stage and caption above the fold at 1440x900 */
@media (min-width:1100px){ :is(#sil,.sil) .hx--a{max-width:680px;margin-inline:auto} }
/* the caption keeps one height (title + two lines), so the page below never shifts while the scenes change */
:is(#sil,.sil) .hx-cap__txt{min-height:62px}
:is(#sil,.sil) .hx-cap__d{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media (max-width:767px){ :is(#sil,.sil) .hx-cap__txt{min-height:66px} }

/* the demo button over the end card: outside the (aria-hidden) stage, so it is a real, focusable button, and
   visibility:hidden keeps it out of the tab order until the end card shows */
:is(#sil,.sil) .hx-cta{position:absolute;left:50%;top:76%;translate:-50% 0;z-index:5;display:inline-flex;align-items:center;gap:10px;padding:12px 14px 12px 20px;border:0;border-radius:14px;background:var(--ink);color:#fff;font-size:15px;font-weight:400;line-height:1.2;white-space:nowrap;cursor:pointer;box-shadow:0 18px 36px -16px rgba(18,44,32,.6);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s var(--ease),transform .6s var(--ease),visibility 0s linear .6s}
:is(#sil,.sil) .hx-cta span{opacity:.75}
:is(#sil,.sil) .hx-cta b{font-weight:500}
:is(#sil,.sil) .hx-cta .ico{width:16px;height:16px;padding:6px;box-sizing:content-box;border-radius:9px;background:var(--glitch);color:var(--ink);margin-inline-start:4px}
:is(#sil,.sil) .hx-cta:hover{background:var(--green)}
:is(#sil,.sil) .hx-cta:focus-visible{outline:2px solid var(--glitch);outline-offset:3px}
:is(#sil,.sil) .hx.is-end .hx-cta{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--ease) 1.8s,transform .7s var(--ease) 1.8s,visibility 0s linear 1.8s}
:is(#sil,.sil) .hx.is-frozen.is-end .hx-cta,:is(#sil,.sil) .hx.is-still.is-end .hx-cta{transition:none}
@media (max-width:767px){ :is(#sil,.sil) .hx-cta{top:74%;padding:9px 10px 9px 14px;font-size:13px;gap:7px} :is(#sil,.sil) .hx-cta span{display:none} :is(#sil,.sil) .hx-cta .ico{width:13px;height:13px;padding:4px} }

/* Concept A: the trailer, light version (round 9c). Kinetic type on a light mint stage, product shards, real
   brand logos, an ink "cut" into the On-Premise chapter. Prefix ha-. */
:is(#sil,.sil) .hx--a .hx-frame{background:#f3faf6;box-shadow:0 40px 80px -48px rgba(18,44,32,.5),0 0 0 1px rgba(18,44,32,.1)}
:is(#sil,.sil) .hx--a .hx-stage{color:var(--ink);font-family:var(--font)}

/* background */
:is(#sil,.sil) .ha-bg{position:absolute;inset:0;overflow:hidden;background:radial-gradient(110% 90% at 92% 0%,#d9f5e9 0%,#f3faf6 46%,#fbfdfc 100%)}
:is(#sil,.sil) .ha-blob{position:absolute;border-radius:50%;filter:blur(64px);transition:background 1.6s,opacity 1.6s}
:is(#sil,.sil) .ha-blob--1{width:340px;height:340px;top:-150px;left:-90px;background:#92ecce;opacity:.55;animation:sil-ha-drift 16s ease-in-out infinite alternate}
:is(#sil,.sil) .ha-blob--2{width:280px;height:280px;bottom:-150px;right:-60px;background:#b9ffe4;opacity:.8;animation:sil-ha-drift 19s ease-in-out infinite alternate-reverse}
:is(#sil,.sil) .ha-blob--3{width:200px;height:200px;top:42%;left:40%;background:#deff00;opacity:.18;animation:sil-ha-drift 13s ease-in-out infinite alternate}
@keyframes sil-ha-drift{to{transform:translate(70px,40px) scale(1.15)}}
:is(#sil,.sil) .ha-gridbg{position:absolute;inset:0;opacity:0;transition:opacity 1.4s;background-image:linear-gradient(rgba(30,86,74,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(30,86,74,.08) 1px,transparent 1px);background-size:24px 24px;-webkit-mask:radial-gradient(70% 70% at 50% 55%,#000,transparent);mask:radial-gradient(70% 70% at 50% 55%,#000,transparent)}
:is(#sil,.sil) .ha-grain{position:absolute;inset:-50%;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:sil-ha-grain 1s steps(4) infinite}
@keyframes sil-ha-grain{25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-2%,-4%)}}
:is(#sil,.sil) .ha-vig{position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(30,86,74,.06)}
:is(#sil,.sil) .hx--a.ch-1 .ha-gridbg{opacity:1}
:is(#sil,.sil) .hx--a.ch-1 .ha-blob--1{background:#deff00;opacity:.28}
:is(#sil,.sil) .hx--a.ch-1 .ha-blob--3{background:#46a288;opacity:.16}

/* top and bottom strips (the trailer frame) */
:is(#sil,.sil) .ha-lb{position:absolute;left:0;right:0;z-index:6;height:30px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.05em;color:var(--muted);background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:is(#sil,.sil) .ha-lb--t{top:0;border-bottom:1px solid rgba(18,44,32,.07)}
:is(#sil,.sil) .ha-lb--b{bottom:0;border-top:1px solid rgba(18,44,32,.07)}
:is(#sil,.sil) .ha-rec{display:inline-flex;align-items:center;gap:7px;color:var(--ink)}
:is(#sil,.sil) .ha-rec i{width:7px;height:7px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 3px rgba(47,191,113,.18);animation:sil-ha-rec 1.6s ease-in-out infinite}
@keyframes sil-ha-rec{50%{opacity:.3}}
:is(#sil,.sil) .ha-chap{color:var(--green);font-weight:500}
:is(#sil,.sil) .ha-tc{font-family:Consolas,ui-monospace,monospace;letter-spacing:.08em}

/* scenes */
:is(#sil,.sil) .ha-sc{z-index:2;transition:opacity .7s var(--ease),filter .7s var(--ease),visibility 0s linear .7s}
:is(#sil,.sil) .ha-sc.is-out{filter:blur(8px)}
:is(#sil,.sil) .ha-sc--cut.is-on{transition:opacity .15s,visibility 0s}
:is(#sil,.sil) .ha-copy{position:absolute;top:52px;right:36px;left:36px}
:is(#sil,.sil) .ha-ln{overflow:hidden;padding:0 0 .1em;font-size:38px;line-height:1.14;font-weight:500;letter-spacing:-.01em;color:var(--ink)}
:is(#sil,.sil) .ha-ln>span{display:inline-block;transform:translateY(108%) skewY(4deg);transition:transform 1s cubic-bezier(.2,.85,.2,1)}
:is(#sil,.sil) .ha-ln.is-in>span{transform:none}
:is(#sil,.sil) .ha-ln--b{color:var(--green)}
:is(#sil,.sil) .ha-ln--s{font-size:24px;color:var(--em-500);font-weight:400}
:is(#sil,.sil) .ha-ln mark{padding:0 .14em;margin:0 -.04em;border-radius:8px;color:inherit;background:linear-gradient(var(--glitch),var(--glitch)) no-repeat right/0% 100%;transition:background-size .8s cubic-bezier(.7,0,.2,1) .55s,color .3s .9s}
:is(#sil,.sil) .ha-ln.is-in mark{background-size:100% 100%;color:var(--ink)}
:is(#sil,.sil) .ha-vis{position:absolute;top:176px;left:36px;right:36px;height:240px}
:is(#sil,.sil) .ha-sc.is-on .ha-vis{animation:sil-ha-kb 6s cubic-bezier(.2,.7,.2,1) both}
@keyframes sil-ha-kb{from{transform:scale(1.05) translateY(8px)}to{transform:none}}
:is(#sil,.sil) .ha-vis img{display:block}

/* shared card look */
:is(#sil,.sil) .ha-tk,:is(#sil,.sil) .ha-dev,:is(#sil,.sil) .ha-row,:is(#sil,.sil) .ha-opt,:is(#sil,.sil) .ha-agent,:is(#sil,.sil) .ha-cmp__i,:is(#sil,.sil) .ha-form,:is(#sil,.sil) .ha-ints span,:is(#sil,.sil) .ha-app{background:#fff;box-shadow:0 0 0 1px rgba(18,44,32,.08),0 22px 44px -28px rgba(18,44,32,.5)}

/* 1. agent */
:is(#sil,.sil) .ha-orb{position:absolute;right:6px;top:12px;width:130px;display:flex;flex-direction:column;align-items:center;gap:2px}
:is(#sil,.sil) .ha-orb__ring{position:absolute;top:-6px;left:7px;width:116px;height:116px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,var(--glitch) 80%,transparent);-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 88%);mask:radial-gradient(closest-side,transparent 86%,#000 88%);animation:sil-ha-spin 2.2s linear infinite}
@keyframes sil-ha-spin{to{transform:rotate(360deg)}}
:is(#sil,.sil) .ha-orb__core{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#1e564a,#122c20 70%);box-shadow:0 20px 40px -14px rgba(18,44,32,.6),0 0 0 6px rgba(255,255,255,.8);margin-bottom:8px}
:is(#sil,.sil) .ha-orb__core .ico{width:38px;height:38px;color:var(--glitch);filter:drop-shadow(0 0 10px rgba(222,255,0,.6));animation:sil-ha-breathe 2s ease-in-out infinite}
@keyframes sil-ha-breathe{50%{transform:scale(.86)}}
:is(#sil,.sil) .ha-orb b{font-size:15px;color:var(--ink)}
:is(#sil,.sil) .ha-orb small{font-size:11.5px;color:var(--green)}
:is(#sil,.sil) .ha-beam{position:absolute;inset:0;overflow:visible}
:is(#sil,.sil) .ha-beam path{fill:none;stroke:var(--em-500);stroke-width:1.8;stroke-dasharray:3 6;opacity:0;transition:opacity .6s;animation:sil-ha-dash 1s linear infinite}
:is(#sil,.sil) .ha-beam path.is-in{opacity:1}
@keyframes sil-ha-dash{to{stroke-dashoffset:-18}}
:is(#sil,.sil) .ha-tk{position:absolute;left:0;top:0;width:340px;padding:14px 16px 8px;border-radius:18px}
:is(#sil,.sil) .ha-tk__hd{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:8px}
:is(#sil,.sil) .ha-tk__hd b{display:block;font-size:16px;color:var(--ink)}
:is(#sil,.sil) .ha-src{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}
:is(#sil,.sil) .ha-lg{display:inline-block!important;width:auto;height:15px;vertical-align:-3px;margin-inline-start:5px}
:is(#sil,.sil) .ha-src .ha-lg{margin:0}
:is(#sil,.sil) .ha-st{position:relative;flex:none;margin-top:4px}
:is(#sil,.sil) .ha-st i{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:12px;padding:3px 10px;border-radius:999px;white-space:nowrap}
:is(#sil,.sil) .ha-st__o{background:#fff3d6;color:#8a5d00}
:is(#sil,.sil) .ha-st__d{position:absolute;top:0;right:0;background:var(--glitch);color:var(--ink);font-weight:500}
:is(#sil,.sil) .ha-st__d .ico{width:12px;height:12px}
:is(#sil,.sil) .ha-steps{list-style:none;margin:0;padding:0}
:is(#sil,.sil) .ha-step{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid rgba(18,44,32,.07);opacity:.35;transition:opacity .4s}
:is(#sil,.sil) .ha-step>i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--onyx-400);transition:background .35s,border-color .35s}
:is(#sil,.sil) .ha-step>i .ico{width:12px;height:12px;color:var(--ink);opacity:0;transform:scale(.4);transition:opacity .3s,transform .4s cubic-bezier(.34,1.56,.64,1)}
:is(#sil,.sil) .ha-step b{flex:none;width:44px;font-size:12.5px;color:var(--green)}
:is(#sil,.sil) .ha-step span{display:inline-flex;align-items:center;font-size:13px;color:var(--ink)}
:is(#sil,.sil) .ha-step.is-in{opacity:1}
:is(#sil,.sil) .ha-step.is-in>i{background:var(--glitch);border-color:var(--glitch)}
:is(#sil,.sil) .ha-step.is-in>i .ico{opacity:1;transform:none}

/* 2. integrations */
:is(#sil,.sil) .ha-wires{position:absolute;inset:0;overflow:visible}
:is(#sil,.sil) .ha-w{fill:none;stroke:var(--em-500);stroke-width:1.5;stroke-dasharray:4 7;opacity:0;transition:opacity .5s;animation:sil-ha-flow 1.1s linear infinite}
:is(#sil,.sil) .ha-w.is-in{opacity:.8}
@keyframes sil-ha-flow{to{stroke-dashoffset:-22}}
:is(#sil,.sil) .ha-hub{position:absolute;left:209px;top:63px;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#1e564a,#122c20 70%);box-shadow:0 24px 44px -16px rgba(18,44,32,.6),0 0 0 7px rgba(255,255,255,.85)}
:is(#sil,.sil) .ha-hub>i{position:absolute;inset:-14px;border-radius:50%;border:1.5px solid rgba(70,162,136,.55);animation:sil-ha-pulse 2.2s ease-out infinite}
@keyframes sil-ha-pulse{from{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}
:is(#sil,.sil) .ha-hub span svg{width:72px;height:auto;display:block}
:is(#sil,.sil) .ha-app{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 10px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;direction:ltr}
:is(#sil,.sil) .ha-app img{height:22px;width:auto}
:is(#sil,.sil) .ha-app--w{padding:0 16px}
:is(#sil,.sil) .ha-app--w img{height:22px}
:is(#sil,.sil) .ha-app--w img.ha-sf{height:34px}
:is(#sil,.sil) .ha-badge{position:absolute;left:50%;bottom:-4px;translate:-50% 0;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;padding:5px 14px 5px 10px;border-radius:999px;background:#f7ffd1;box-shadow:0 0 0 1px rgba(160,190,0,.5);color:var(--ink)}
:is(#sil,.sil) .ha-badge img{height:14px;width:auto}

/* 3. discovery */
:is(#sil,.sil) .ha-radar{position:absolute;left:14px;top:4px;width:226px;height:226px;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#e7fff6,#fff 72%);box-shadow:inset 0 0 0 1px rgba(30,86,74,.2),0 24px 50px -30px rgba(18,44,32,.5)}
:is(#sil,.sil) .ha-radar__sw{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(70,162,136,.45),rgba(70,162,136,0) 26%);animation:sil-ha-spin 2.6s linear infinite}
:is(#sil,.sil) .ha-radar__r1,:is(#sil,.sil) .ha-radar__r2{position:absolute;border-radius:50%;border:1px solid rgba(30,86,74,.14)}
:is(#sil,.sil) .ha-radar__r1{inset:18%}:is(#sil,.sil) .ha-radar__r2{inset:36%}
:is(#sil,.sil) .ha-blip{position:absolute;left:var(--x);top:var(--y);width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(222,255,0,.85);transform:scale(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
:is(#sil,.sil) .ha-blip::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid var(--em-500);opacity:0}
:is(#sil,.sil) .ha-blip.is-in{transform:none}
:is(#sil,.sil) .ha-blip.is-in::after{animation:sil-ha-ping 1.2s ease-out}
@keyframes sil-ha-ping{from{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}
:is(#sil,.sil) .ha-found{position:absolute;right:0;top:0;width:262px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
:is(#sil,.sil) .ha-big{margin-bottom:2px}
:is(#sil,.sil) .ha-big b{display:block;font-family:'Poppins',sans-serif;font-size:56px;line-height:1;font-weight:500;color:var(--ink);letter-spacing:-.02em;direction:ltr;text-align:right}
:is(#sil,.sil) .ha-big>span{display:block;font-size:13.5px;color:var(--green);line-height:1.4}
:is(#sil,.sil) .ha-clouds{display:flex!important;align-items:center;gap:12px;margin-top:6px}
:is(#sil,.sil) .ha-clouds img{height:22px;width:auto}
:is(#sil,.sil) .ha-clouds img.ha-gc{height:20px}
:is(#sil,.sil) .ha-dev{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;font-size:13px}
:is(#sil,.sil) .ha-dev .ico{width:16px;height:16px;color:var(--green)}
:is(#sil,.sil) .ha-dev small{color:var(--muted);font-size:12px}
:is(#sil,.sil) .ha-tag{margin-top:4px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--green)}
:is(#sil,.sil) .ha-tag>span{display:inline-flex;align-items:center;gap:6px}
:is(#sil,.sil) .ha-tag img{height:13px;width:auto}

/* 4. licenses */
:is(#sil,.sil) .ha-lic{position:absolute;right:0;top:0;width:330px;display:flex;flex-direction:column;gap:9px}
:is(#sil,.sil) .ha-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px}
:is(#sil,.sil) .ha-row>i{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--onyx-200)}
:is(#sil,.sil) .ha-row>i img{height:20px;width:auto}
:is(#sil,.sil) .ha-row>b{flex:1;font-size:14px;color:var(--ink);direction:ltr;text-align:right}
:is(#sil,.sil) .ha-row__s{display:flex;align-items:center;gap:8px}
:is(#sil,.sil) .ha-row__s em{font-style:normal;font-size:12px;color:var(--muted);transition:opacity .4s}
:is(#sil,.sil) .ha-row__s:has(u.is-in) em{text-decoration:line-through;opacity:.5}
:is(#sil,.sil) .ha-row__s u{text-decoration:none;font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--glitch);color:var(--ink)}
:is(#sil,.sil) .ha-stat{position:absolute;left:4px;top:4px;width:170px}
:is(#sil,.sil) .ha-stat b{display:block;font-family:'Poppins',sans-serif;font-size:76px;line-height:1;font-weight:500;color:var(--ink);letter-spacing:-.03em;direction:ltr;text-align:right;background:linear-gradient(transparent 62%,rgba(222,255,0,.85) 62%,rgba(222,255,0,.85) 90%,transparent 90%) no-repeat right/100% 100%}
:is(#sil,.sil) .ha-stat>span{display:block;font-size:15px;color:var(--ink);margin-top:8px;line-height:1.35}
:is(#sil,.sil) .ha-stat small{display:block;font-size:11px;color:var(--muted);margin-top:6px}

/* 5. the cut + rack */
:is(#sil,.sil) .ha-cut{position:absolute;inset:-20% -60%;z-index:9;pointer-events:none;background:linear-gradient(90deg,transparent 28%,var(--ink) 40%,var(--ink) 54%,var(--glitch) 56%,transparent 66%);transform:translateX(100%) skewX(-14deg);opacity:0}
:is(#sil,.sil) .ha-cut.is-in{animation:sil-ha-cut 1.05s cubic-bezier(.7,0,.25,1) both}
@keyframes sil-ha-cut{0%{opacity:1;transform:translateX(70%) skewX(-14deg)}100%{opacity:1;transform:translateX(-70%) skewX(-14deg)}}
:is(#sil,.sil) .ha-rack{position:absolute;left:34px;top:6px;width:200px;height:226px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}
:is(#sil,.sil) .ha-shield{position:absolute;inset:-6px -10px;border-radius:50%;border:1.5px dashed rgba(30,86,74,.4);animation:sil-ha-spin 24s linear infinite}
:is(#sil,.sil) .ha-shield::after{content:"";position:absolute;inset:16px;border-radius:50%;background:radial-gradient(circle,rgba(222,255,0,.28),transparent 70%)}
:is(#sil,.sil) .ha-u{position:relative;width:170px;height:44px;border-radius:10px;display:flex;align-items:center;gap:6px;padding:0 14px;background:linear-gradient(180deg,#1e4a3b,#122c20);box-shadow:inset 0 0 0 1px rgba(146,236,206,.25),0 14px 26px -12px rgba(18,44,32,.7)}
:is(#sil,.sil) .ha-u i{width:7px;height:7px;border-radius:50%;background:var(--glitch);box-shadow:0 0 8px var(--glitch);animation:sil-ha-led 1.4s steps(1) infinite}
:is(#sil,.sil) .ha-u i:nth-child(2){animation-delay:.35s;background:var(--em-400);box-shadow:0 0 8px var(--em-400)}
:is(#sil,.sil) .ha-u i:nth-child(3){animation-delay:.8s}
@keyframes sil-ha-led{50%{opacity:.2}}
:is(#sil,.sil) .ha-u b{flex:1;height:18px;margin-inline-start:12px;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(146,236,206,.3) 0 2px,transparent 2px 6px)}
:is(#sil,.sil) .ha-lock{position:absolute;bottom:2px;left:50%;translate:-50% 0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--glitch);color:var(--ink);box-shadow:0 0 0 5px #fff,0 10px 24px -8px rgba(18,44,32,.5)}
:is(#sil,.sil) .ha-lock .ico{width:20px;height:20px}
:is(#sil,.sil) .ha-opts{position:absolute;right:0;top:4px;width:260px;display:flex;flex-direction:column;gap:10px}
:is(#sil,.sil) .ha-opt{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:12px 14px;border-radius:16px}
:is(#sil,.sil) .ha-opt .ico{grid-row:span 2;width:22px;height:22px;color:var(--green)}
:is(#sil,.sil) .ha-opt b{font-size:15px;color:var(--ink)}
:is(#sil,.sil) .ha-opt small{font-size:12.5px;color:var(--muted)}
:is(#sil,.sil) .ha-same{font-size:13px;color:var(--ink);line-height:1.5;padding-inline:4px}

/* 6. AI for agents */
:is(#sil,.sil) .ha-agent{position:absolute;left:0;top:0;width:318px;padding:12px 14px 6px;border-radius:16px;color:var(--ink)}
:is(#sil,.sil) .ha-agent__hd{display:flex;align-items:center;gap:8px;font-size:14px;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--line)}
:is(#sil,.sil) .ha-agent__hd .ico{width:16px;height:16px;color:var(--green)}
:is(#sil,.sil) .ha-ai{display:flex;flex-direction:column;gap:4px;padding:7px 0;border-bottom:1px dashed var(--line)}
:is(#sil,.sil) .ha-ai:last-child{border-bottom:0}
:is(#sil,.sil) .ha-ai__b{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--sub-200);color:var(--green);transition:background .4s,color .4s}
:is(#sil,.sil) .ha-ai__b .ico{width:11px;height:11px}
:is(#sil,.sil) .ha-ai.is-in .ha-ai__b{background:var(--ink);color:var(--glitch)}
:is(#sil,.sil) .ha-ai__r{min-height:18px;font-size:13px;line-height:1.4;color:var(--ink);opacity:0;transform:translateY(-4px);transition:opacity .5s .25s,transform .5s .25s}
:is(#sil,.sil) .ha-ai.is-in .ha-ai__r{opacity:1;transform:none}
:is(#sil,.sil) .ha-cmp{position:absolute;right:0;top:4px;width:196px;display:flex;flex-direction:column;gap:10px}
:is(#sil,.sil) .ha-cmp__i{display:block;padding:11px 13px;border-radius:14px}
:is(#sil,.sil) .ha-cmp__i b{display:block;font-size:13.5px;color:var(--ink)}
:is(#sil,.sil) .ha-cmp__i small{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--muted)}
:is(#sil,.sil) .ha-cmp__i--on{background:#f7ffd1;box-shadow:0 0 0 1.5px rgba(160,190,0,.65),0 22px 44px -28px rgba(18,44,32,.5)}
:is(#sil,.sil) .ha-cmp__i--on small{color:var(--ink)}

/* 7. development and customization services */
:is(#sil,.sil) .ha-code{position:absolute;left:0;top:0;width:252px;padding:10px 0 12px;border-radius:14px;background:#0b1d15;box-shadow:0 30px 50px -26px rgba(18,44,32,.75);font-family:Consolas,ui-monospace,monospace;text-align:left}
:is(#sil,.sil) .ha-code__hd{display:flex;align-items:center;gap:5px;padding:0 12px 8px;border-bottom:1px solid rgba(146,236,206,.12);margin-bottom:8px}
:is(#sil,.sil) .ha-code__hd i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18)}
:is(#sil,.sil) .ha-code__hd span{margin-inline-start:8px;font-size:10.5px;color:rgba(255,255,255,.45)}
:is(#sil,.sil) .ha-code code{display:block;padding:0 14px;font-size:12.5px;line-height:1.85;color:var(--em-200);white-space:pre;min-height:23px}
:is(#sil,.sil) .ha-code .c{color:rgba(255,255,255,.38)}
:is(#sil,.sil) .ha-zap{position:absolute;left:256px;top:84px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--glitch);color:var(--ink);box-shadow:0 0 0 5px #fff,0 0 30px rgba(222,255,0,.7)}
:is(#sil,.sil) .ha-zap .ico{width:20px;height:20px}
:is(#sil,.sil) .ha-zap.is-in{animation:sil-ha-wand .9s ease-out}
@keyframes sil-ha-wand{0%{transform:rotate(-60deg) scale(.4)}60%{transform:rotate(12deg) scale(1.15)}100%{transform:none}}
:is(#sil,.sil) .ha-form{position:absolute;right:0;top:0;width:224px;padding:12px;border-radius:16px;color:var(--ink)}
:is(#sil,.sil) .ha-form__hd{display:flex;align-items:center;gap:7px;font-size:14px;margin-bottom:4px}
:is(#sil,.sil) .ha-form__hd .ico{width:16px;height:16px;color:var(--green)}
:is(#sil,.sil) .ha-form label{position:relative;display:block;margin-top:7px;padding:6px 10px;border-radius:10px;background:var(--sub-100);border:1px solid var(--line)}
:is(#sil,.sil) .ha-form small{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted)}
:is(#sil,.sil) .ha-form label>span{display:block;font-size:13px;color:var(--ink);text-align:right}
:is(#sil,.sil) .ha-form em{font-style:normal;font-size:9.5px;font-weight:500;padding:1px 6px;border-radius:999px;background:var(--glitch);color:var(--ink)}
:is(#sil,.sil) .ha-new{opacity:0;transform:translateY(-8px) scale(.94);transition:opacity .5s,transform .7s cubic-bezier(.34,1.56,.64,1),box-shadow .6s}
:is(#sil,.sil) .ha-new.is-in{opacity:1;transform:none;animation:sil-ha-glow 2.2s ease-out}
@keyframes sil-ha-glow{0%{box-shadow:0 0 0 2px var(--glitch),0 0 34px rgba(222,255,0,.9)}100%{box-shadow:0 0 0 1px rgba(30,86,74,.35),0 0 0 rgba(222,255,0,0)}}
:is(#sil,.sil) .ha-burst{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;pointer-events:none}
:is(#sil,.sil) .ha-new.is-in .ha-burst{animation:sil-ha-burst .9s ease-out both}
@keyframes sil-ha-burst{0%{box-shadow:0 0 0 0 #a8c400,0 0 0 0 #a8c400,0 0 0 0 #a8c400,0 0 0 0 #a8c400,0 0 0 0 #a8c400,0 0 0 0 #a8c400}100%{box-shadow:-90px -30px 0 -2px rgba(168,196,0,0),90px -26px 0 -2px rgba(168,196,0,0),-70px 34px 0 -2px rgba(168,196,0,0),74px 36px 0 -2px rgba(168,196,0,0),0 -46px 0 -2px rgba(168,196,0,0),-8px 48px 0 -2px rgba(168,196,0,0)}}
:is(#sil,.sil) .ha-fn{position:absolute;right:0;bottom:2px;font-size:11px;color:var(--muted)}

/* 8. flow */
:is(#sil,.sil) .ha-flowl{position:absolute;inset:0;overflow:visible}
:is(#sil,.sil) .ha-flowl path{fill:none;stroke:var(--em-500);stroke-width:2;stroke-dasharray:440;stroke-dashoffset:440;transition:stroke-dashoffset 1.3s cubic-bezier(.6,0,.2,1)}
:is(#sil,.sil) .ha-flowl path.is-in{stroke-dashoffset:0}
:is(#sil,.sil) .ha-flow{position:absolute;top:40px;left:0;right:0;display:flex;justify-content:space-between}
:is(#sil,.sil) .ha-nd{width:92px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
:is(#sil,.sil) .ha-nd .ico{box-sizing:content-box;width:22px;height:22px;padding:16px;border-radius:50%;color:var(--green);background:#fff;box-shadow:0 0 0 1.5px rgba(30,86,74,.25),0 0 0 7px #f3faf6,0 16px 30px -14px rgba(18,44,32,.5)}
:is(#sil,.sil) .ha-nd--end .ico{background:var(--glitch);color:var(--ink);box-shadow:0 0 0 1.5px rgba(160,190,0,.7),0 0 0 7px #f3faf6,0 0 30px rgba(222,255,0,.6)}
:is(#sil,.sil) .ha-nd b{font-size:13px;color:var(--ink);white-space:nowrap}
:is(#sil,.sil) .ha-ints{position:absolute;left:0;right:0;bottom:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
:is(#sil,.sil) .ha-ints span{font-size:13px;padding:6px 13px;border-radius:999px;color:var(--ink)}

/* 9. end card (the demo button sits over it, outside the stage: .hx-cta in hx.css) */
:is(#sil,.sil) .ha-ring{position:absolute;left:50%;top:44%;width:340px;height:340px;margin:-170px;border-radius:50%;border:1.5px solid rgba(70,162,136,.45);opacity:0}
:is(#sil,.sil) .ha-ring.is-in{animation:sil-ha-ring 2.4s ease-out both}
@keyframes sil-ha-ring{from{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}
:is(#sil,.sil) .ha-end{position:absolute;top:30px;left:30px;right:30px;bottom:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
:is(#sil,.sil) .ha-logo svg{width:180px;height:auto;display:block}
:is(#sil,.sil) .ha-ln--end{margin-top:18px;font-size:44px}
:is(#sil,.sil) .ha-end p{margin:10px 0 0;font-size:15px;color:var(--muted);font-weight:300}
:is(#sil,.sil) .ha-chips{display:flex;gap:8px;margin-top:16px}
:is(#sil,.sil) .ha-chips span{font-size:13px;padding:6px 14px;border-radius:999px;border:1px solid rgba(30,86,74,.3);color:var(--green);background:rgba(255,255,255,.7)}

/* ===== round 3 blocks ===== */
/* logo strip / wall */
:is(#sil,.sil) .plstrip{padding:20px 0 90px}
:is(#sil,.sil) .plstrip__h{text-align:center;font-size:19px;font-weight:300}
:is(#sil,.sil) .plstrip__l{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 48px;margin-top:40px}
:is(#sil,.sil) .plstrip__l li{display:grid;place-items:center;height:56px}
:is(#sil,.sil) .plstrip__l img{max-height:48px;max-width:150px;width:auto;object-fit:contain;filter:grayscale(1) brightness(.5);opacity:.6;transition:filter .3s,opacity .3s}
:is(#sil,.sil) .plstrip__l li:hover img{filter:none;opacity:1}
:is(#sil,.sil) .plstrip__l--wall{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px}
:is(#sil,.sil) .plstrip__l--wall li{height:86px;background:var(--onyx-200);border-radius:16px;padding:12px}
:is(#sil,.sil) .plstrip__l--wall img{max-height:54px;max-width:100%;filter:none;opacity:1}

/* related cards */
:is(#sil,.sil) .prel{padding:100px 0}
:is(#sil,.sil) .prel__p{margin-top:16px;font-size:18px;color:var(--muted);max-width:760px}
:is(#sil,.sil) .prel__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px}
:is(#sil,.sil) .prel__g--2{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#sil,.sil) .rcard{display:flex;flex-direction:column;border-radius:var(--r-card);overflow:hidden;background:var(--onyx-200);transition:transform .3s var(--ease),box-shadow .3s}
:is(#sil,.sil) .rcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(18,44,32,.45)}
:is(#sil,.sil) .rcard__img{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#7fdccb,#d6f7c7)}
:is(#sil,.sil) .rcard__img img{width:100%;height:100%;object-fit:cover}
:is(#sil,.sil) .rcard__flag{position:absolute;top:14px;inset-inline-start:14px;background:#fff;border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:500;color:var(--green)}
:is(#sil,.sil) .rcard__body{display:flex;flex-direction:column;gap:8px;padding:24px 26px 26px;flex:1}
:is(#sil,.sil) .rcard__logo img{height:30px;width:auto;max-width:150px;object-fit:contain;object-position:right center}
:is(#sil,.sil) .rcard__stat{font-size:44px;line-height:1.1;font-weight:400}
:is(#sil,.sil) .rcard__title{font-size:21px;line-height:1.35;font-weight:400}
:is(#sil,.sil) .rcard__label{color:var(--muted);font-size:16px}
:is(#sil,.sil) .rcard__more{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:12px;font-size:15.5px;color:var(--green)}
:is(#sil,.sil) .rcard__more .ico{width:36px;height:11px}

/* compare: rating hero */
:is(#sil,.sil) .prate{padding-top:170px;padding-bottom:40px}
:is(#sil,.sil) .prate__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
:is(#sil,.sil) .prate__txt .phero__h{margin-top:24px}
:is(#sil,.sil) .prate__txt .phero__p{margin:24px 0 0}
:is(#sil,.sil) .prate__txt .btn--lg{margin-top:36px}
:is(#sil,.sil) .prate__chart{background:var(--onyx-200);border-radius:var(--r-card);padding:34px 34px 24px}
:is(#sil,.sil) .prate__bars{display:grid;grid-template-columns:1fr 1fr;gap:28px;height:340px;align-items:end}
:is(#sil,.sil) .rbar{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;text-align:center}
:is(#sil,.sil) .rbar__col{width:100%;flex:none;height:calc(250px * var(--k));border-radius:18px 18px 8px 8px;background:var(--onyx-300);display:flex;justify-content:center;padding-top:16px;margin-bottom:10px}
:is(#sil,.sil) .rbar--us .rbar__col{background:linear-gradient(180deg,var(--em-300),var(--glitch))}
:is(#sil,.sil) .rbar__r{display:inline-flex;align-items:center;gap:6px;font-size:26px;font-weight:500;font-family:var(--f-lat),sans-serif;height:fit-content}
:is(#sil,.sil) .rbar__r .ico{width:20px;height:20px;color:var(--ink)}
:is(#sil,.sil) .rbar b{font-weight:500}
:is(#sil,.sil) .rbar small{color:var(--muted);font-size:14px}
:is(#sil,.sil) .prate__chart figcaption{margin-top:18px;font-size:13.5px;color:var(--muted);text-align:center}

/* compare: versus rows */
:is(#sil,.sil) .pvs{padding:80px 0 40px;background:var(--alt)}
:is(#sil,.sil) .vrow{padding:40px 0}
:is(#sil,.sil) .vrow header .h3{margin-top:6px}
:is(#sil,.sil) .vrow__cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
:is(#sil,.sil) .vcard{background:#fff;border-radius:var(--r-card);padding:34px 36px;display:flex;flex-direction:column;gap:14px;box-shadow:inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .vcard--us{background:var(--ink);color:#fff;box-shadow:none;background-image:radial-gradient(60% 80% at 10% 100%,rgba(107,217,185,.25),transparent 70%)}
:is(#sil,.sil) .vcard__who{font-size:13.5px;font-weight:500;color:var(--muted)}
:is(#sil,.sil) .vcard--us .vcard__who{color:var(--em-300)}
:is(#sil,.sil) .vcard h3{font-size:24px;font-weight:400;line-height:1.3}
:is(#sil,.sil) .vcard p{font-size:17px;line-height:1.6;color:var(--muted)}
:is(#sil,.sil) .vcard--us p{color:rgba(255,255,255,.82)}
:is(#sil,.sil) .vcard__line{display:flex;gap:10px;align-items:flex-start;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-weight:400;color:var(--ink)!important}
:is(#sil,.sil) .vcard--us .vcard__line{border-color:rgba(255,255,255,.18);color:#fff!important}
:is(#sil,.sil) .vcard__line .ico{width:20px;height:20px;flex:none;margin-top:3px;color:var(--em-500)}
:is(#sil,.sil) .vcard--us .vcard__line .ico{color:var(--glitch)}

/* compare: competitor grid */
:is(#sil,.sil) .pcomp{padding:100px 0}
:is(#sil,.sil) .pcomp__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px}
:is(#sil,.sil) .comp{display:flex;flex-direction:column;gap:14px;background:var(--onyx-200);border-radius:20px;padding:24px 26px;transition:transform .3s var(--ease),box-shadow .3s}
:is(#sil,.sil) .comp:hover{transform:translateY(-3px);box-shadow:0 20px 40px -28px rgba(18,44,32,.45)}
:is(#sil,.sil) .comp__logos{display:flex;align-items:center;gap:12px;height:56px}
:is(#sil,.sil) .comp__logos>span{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
:is(#sil,.sil) .comp__us svg{width:44px;height:auto}
:is(#sil,.sil) .comp__them img{width:100%;height:100%;object-fit:cover}
:is(#sil,.sil) .comp__logos i{font-style:normal;font-size:13px;color:var(--muted)}
:is(#sil,.sil) .comp b{font-size:19px;font-weight:400}
:is(#sil,.sil) .comp__tags{display:flex;flex-wrap:wrap;gap:6px}
:is(#sil,.sil) .comp__tags em{font-style:normal;font-size:13px;background:#fff;border-radius:999px;padding:3px 11px;box-shadow:inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .comp__go{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:var(--green)}
:is(#sil,.sil) .comp__go .ico{width:32px;height:10px}
.sil-js :is(#sil,.sil) .comp--more{display:none}
.sil-js :is(#sil,.sil) .pcomp__g.is-all .comp--more{display:flex}
:is(#sil,.sil) .pcomp__more{text-align:center;margin-top:36px}

/* video band */
:is(#sil,.sil) .pvid .pband__card{display:flex;flex-direction:column;align-items:center;gap:22px;position:relative;overflow:hidden}
:is(#sil,.sil) .pvid__play{width:76px;height:76px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--em-400),var(--glitch));display:grid;place-items:center;color:var(--ink);transition:transform .25s}
:is(#sil,.sil) .pvid__play:hover{transform:scale(1.07)}
:is(#sil,.sil) .pvid__play .ico{width:26px;height:26px;margin-inline-start:4px}
:is(#sil,.sil) .pvid__note{font-size:14px!important;margin-top:0!important;opacity:.7}
:is(#sil,.sil) .pvid__frame{width:min(960px,100%);aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
:is(#sil,.sil) .pvid__frame iframe{width:100%;height:100%;border:0}

/* generic cards */
:is(#sil,.sil) .pcards{padding:100px 0}
:is(#sil,.sil) .pcards--alt{background:var(--alt)}
:is(#sil,.sil) .pcards__p{margin-top:16px;font-size:18px;color:var(--muted);max-width:780px}
:is(#sil,.sil) .pcards__g{display:grid;grid-template-columns:repeat(var(--c,3),minmax(0,1fr));gap:20px;margin-top:40px}
:is(#sil,.sil) .pcards__g--2{--c:2}:is(#sil,.sil) .pcards__g--3{--c:3}:is(#sil,.sil) .pcards__g--4{--c:4}
:is(#sil,.sil) .ccard{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--onyx-200);border-radius:20px;padding:28px 28px 26px;transition:transform .3s var(--ease),box-shadow .3s}
:is(#sil,.sil) .pcards--alt .ccard{background:#fff}
:is(#sil,.sil) a.ccard:hover{transform:translateY(-3px);box-shadow:0 20px 40px -28px rgba(18,44,32,.45)}
:is(#sil,.sil) .ccard__i .ico{width:48px;height:48px;padding:12px;border-radius:14px;background:#fff;color:var(--green);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:8px}
:is(#sil,.sil) .pcards--alt .ccard__i .ico{background:var(--em-50);box-shadow:none}
:is(#sil,.sil) .ccard__t{font-size:20px;font-weight:400;line-height:1.35}
:is(#sil,.sil) .ccard__v{font-size:26px;font-weight:400;font-family:var(--f-lat),var(--f-heb),sans-serif;line-height:1.2;word-break:break-word}
:is(#sil,.sil) .ccard__s{color:var(--muted);font-size:16px;line-height:1.55}
:is(#sil,.sil) .ccard__cta{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:15.5px}
:is(#sil,.sil) .ccard__cta .ico{width:13px;height:13px}
:is(#sil,.sil) .ccard--big{background:var(--ink);color:#fff;background-image:radial-gradient(60% 80% at 10% 100%,rgba(107,217,185,.28),transparent 70%)}
:is(#sil,.sil) .ccard--big .ccard__s{color:rgba(255,255,255,.75)}
:is(#sil,.sil) .ccard--big .ccard__cta{color:var(--em-300)}
:is(#sil,.sil) .ccard--big .ccard__i .ico{background:rgba(255,255,255,.1);color:var(--glitch);box-shadow:none}
:is(#sil,.sil) .pcards__note{margin-top:22px;font-size:14px;color:var(--muted)}

/* steps */
:is(#sil,.sil) .psteps{padding:100px 0}
:is(#sil,.sil) .psteps--alt{background:var(--alt)}
:is(#sil,.sil) .psteps__p{margin-top:16px;font-size:18px;color:var(--muted);max-width:780px}
:is(#sil,.sil) .psteps__l{margin-top:44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
:is(#sil,.sil) .pstep{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;background:#fff;border-radius:20px;padding:28px;box-shadow:inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .psteps--alt .pstep{box-shadow:none}
:is(#sil,.sil) .pstep__n{font-family:var(--f-lat),sans-serif;font-size:15px;font-weight:500;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--em-300),var(--glitch))}
:is(#sil,.sil) .pstep h3{font-size:21px;font-weight:400}
:is(#sil,.sil) .pstep p{margin-top:8px;color:var(--muted);font-size:16.5px;line-height:1.6}

/* text columns */
:is(#sil,.sil) .ptext{padding:100px 0}
:is(#sil,.sil) .ptext--alt{background:var(--alt)}
:is(#sil,.sil) .ptext__p{margin-top:18px;font-size:18.5px;max-width:880px;line-height:1.65}
:is(#sil,.sil) .ptext__g{display:grid;grid-template-columns:repeat(var(--c,2),minmax(0,1fr));gap:24px;margin-top:40px}
:is(#sil,.sil) .ptext__g--2{--c:2}:is(#sil,.sil) .ptext__g--3{--c:3}:is(#sil,.sil) .ptext__g--1{--c:1}
:is(#sil,.sil) .tcol{background:var(--onyx-200);border-radius:20px;padding:30px 32px}
:is(#sil,.sil) .ptext--alt .tcol{background:#fff}
:is(#sil,.sil) .tcol h3{font-size:22px;font-weight:400}
:is(#sil,.sil) .tcol p{margin-top:12px;color:var(--muted);font-size:16.5px;line-height:1.65}
:is(#sil,.sil) .tcol .checks{margin-top:14px}

/* blog list */
:is(#sil,.sil) .pblog{padding:20px 0 110px}
:is(#sil,.sil) .pblog__bar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
:is(#sil,.sil) .pblog__chips{display:flex;flex-wrap:wrap;gap:8px}
:is(#sil,.sil) .chipf{border:0;border-radius:999px;padding:9px 18px;font-size:15px;background:var(--onyx-200);color:var(--ink);transition:background .2s,color .2s}
:is(#sil,.sil) .chipf:hover{background:var(--onyx-300)}
:is(#sil,.sil) .chipf.is-on{background:var(--ink);color:#fff}
:is(#sil,.sil) .pblog__s{flex:0 1 340px}
:is(#sil,.sil) .pblog__n{margin-top:18px;color:var(--muted);font-size:15px}
/* related posts under a single post (plugin: list "related") */
:is(#sil,.sil) .prel{padding:20px 0 90px}
:is(#sil,.sil) .prel__h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px}
:is(#sil,.sil) .prel__h h2{font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.3;color:var(--ink)}
:is(#sil,.sil) .prel__all{display:inline-flex;align-items:center;gap:10px;font-size:16px;color:var(--green)}
:is(#sil,.sil) .prel__all .ico{width:32px;height:10px}
:is(#sil,.sil) .prel .pblog__g{margin-top:28px}
:is(#sil,.sil) .pblog__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}
:is(#sil,.sil) .bcard{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--onyx-200);transition:transform .3s var(--ease),box-shadow .3s}
:is(#sil,.sil) .bcard:hover{transform:translateY(-4px);box-shadow:0 22px 46px -30px rgba(18,44,32,.45)}
:is(#sil,.sil) .bcard[hidden]{display:none}
:is(#sil,.sil) .bcard__img{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#7fdccb,#d6f7c7)}
:is(#sil,.sil) .bcard__img img{width:100%;height:100%;object-fit:cover}
:is(#sil,.sil) .bcard__ph{display:grid;place-items:center;width:100%;height:100%}
:is(#sil,.sil) .bcard__ph svg{width:110px;opacity:.7}
:is(#sil,.sil) .bcard__body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
:is(#sil,.sil) .bcard__meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
:is(#sil,.sil) .bcard__meta em{font-style:normal;background:#fff;border-radius:999px;padding:2px 10px}
:is(#sil,.sil) .bcard__t{font-size:18px;font-weight:400;line-height:1.45}
:is(#sil,.sil) .bcard__x{color:var(--muted);font-size:16px;line-height:1.6}
:is(#sil,.sil) .bcard__more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:var(--green)}
:is(#sil,.sil) .bcard__more .ico{width:32px;height:10px}
:is(#sil,.sil) .bcard--feat{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
:is(#sil,.sil) .bcard--feat .bcard__img{aspect-ratio:auto;min-height:340px}
:is(#sil,.sil) .bcard--feat .bcard__body{padding:40px 44px;justify-content:center;gap:14px}
:is(#sil,.sil) .bcard--feat .bcard__t{font-size:clamp(24px,2.2vw,32px);line-height:1.3}

@media (max-width:991px){
  :is(#sil,.sil) .plstrip__l--wall{grid-template-columns:repeat(4,minmax(0,1fr))}
  :is(#sil,.sil) .prel__g,:is(#sil,.sil) .prel__g--2{grid-template-columns:1fr}
  :is(#sil,.sil) .prate__in{grid-template-columns:1fr}
  :is(#sil,.sil) .vrow__cards{grid-template-columns:1fr}
  :is(#sil,.sil) .pcomp__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#sil,.sil) .pcards__g--3,:is(#sil,.sil) .pcards__g--4{--c:2}
  :is(#sil,.sil) .psteps__l{grid-template-columns:1fr}
  :is(#sil,.sil) .ptext__g--2,:is(#sil,.sil) .ptext__g--3{--c:1}
  :is(#sil,.sil) .pblog__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#sil,.sil) .bcard--feat{grid-template-columns:1fr}
  :is(#sil,.sil) .bcard--feat .bcard__img{min-height:0;aspect-ratio:16/9}
}
@media (max-width:767px){
  :is(#sil,.sil) .plstrip{padding-bottom:60px}
  :is(#sil,.sil) .plstrip__l{gap:20px 30px}
  :is(#sil,.sil) .plstrip__l img{max-height:38px;max-width:120px}
  :is(#sil,.sil) .plstrip__l--wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  :is(#sil,.sil) .prel,:is(#sil,.sil) .pcomp,:is(#sil,.sil) .pcards,:is(#sil,.sil) .psteps,:is(#sil,.sil) .ptext{padding:70px 0}
  :is(#sil,.sil) .prate{padding-top:124px}
  :is(#sil,.sil) .prate__bars{height:260px}
  :is(#sil,.sil) .vcard{padding:26px 24px}
  :is(#sil,.sil) .pcomp__g{grid-template-columns:1fr}
  :is(#sil,.sil) .pcards__g--2,:is(#sil,.sil) .pcards__g--3,:is(#sil,.sil) .pcards__g--4{--c:1}
  :is(#sil,.sil) .pblog__g{grid-template-columns:1fr}
  :is(#sil,.sil) .bcard--feat .bcard__body{padding:24px 22px}
  :is(#sil,.sil) .pblog__s{flex:1 1 100%}
}
:is(#sil,.sil) .cosol__l{display:grid;place-items:center;width:100%;height:84px;background:#fff;border-radius:14px;margin-bottom:10px;padding:14px}
:is(#sil,.sil) .cosol__l img{max-height:52px;max-width:80%;width:auto;object-fit:contain}
:is(#sil,.sil) .pcards--alt .cosol__l{background:var(--onyx-200)}
:is(#sil,.sil) .pproof .pq figcaption span{display:block}
@media (max-width:767px){:is(#sil,.sil) .rbar__col{height:calc(170px * var(--k))}}

/* ===== Private Cloud vs On-Premise page ===== */
:is(#sil,.sil) .pcv{padding:160px 0 90px;position:relative;overflow:clip}
:is(#sil,.sil) .pcv::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 40% at 15% 30%,rgba(185,255,228,.55),transparent 70%),radial-gradient(35% 35% at 85% 85%,rgba(222,255,0,.14),transparent 70%);pointer-events:none}
:is(#sil,.sil) .pcv__in{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center}
:is(#sil,.sil) .pcv__txt .phero__h{margin-top:24px;font-size:clamp(32px,3.5vw,50px)}
:is(#sil,.sil) .pcv__txt .phero__p{margin:24px 0 0;max-width:36em}
:is(#sil,.sil) .pcv__viz{background:#fff;border-radius:var(--r-card);padding:22px;box-shadow:0 40px 80px -46px rgba(18,44,32,.45),inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .pcv__stacks{display:grid;grid-template-columns:1fr 1fr;gap:14px}
:is(#sil,.sil) .pcs__head{display:flex;align-items:center;gap:10px;padding:4px 6px 14px}
:is(#sil,.sil) .pcs__head .ico{width:36px;height:36px;padding:8px;border-radius:11px;flex:none}
:is(#sil,.sil) .pcs--pc .pcs__head .ico{background:var(--ink);color:var(--glitch)}
:is(#sil,.sil) .pcs--op .pcs__head .ico{background:var(--em-50);color:var(--green)}
:is(#sil,.sil) .pcs__head b{display:block;font-size:15px;font-weight:500;font-family:var(--f-lat),var(--f-heb),sans-serif}
:is(#sil,.sil) .pcs__head small{display:block;font-size:12.5px;color:var(--muted)}
:is(#sil,.sil) .pcs__l{display:grid;gap:6px}
:is(#sil,.sil) .pcs__layer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:10px;padding:9px 11px;font-size:13px;line-height:1.3;opacity:0;transform:translateY(8px);animation:sil-pcsIn .55s var(--ease) forwards;animation-delay:calc(var(--i) * 90ms + 200ms)}
@keyframes sil-pcsIn{to{opacity:1;transform:none}}
:is(#sil,.sil) .pcs__who i{font-style:normal;font-size:11.5px;font-weight:500;border-radius:999px;padding:2px 9px;white-space:nowrap}
:is(#sil,.sil) .k-sh{background:var(--sub-200);color:var(--ink)}
:is(#sil,.sil) .k-sh .pcs__who i{background:#fff;color:var(--green)}
:is(#sil,.sil) .k-co{background:var(--ink);color:#fff}
:is(#sil,.sil) .k-co .pcs__who i{background:var(--glitch);color:var(--ink)}
:is(#sil,.sil) .k-yo{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(18,44,32,.16)}
:is(#sil,.sil) .k-yo .pcs__who i{background:var(--onyx-200);color:var(--ink)}
:is(#sil,.sil) .k-sa{background:var(--onyx-200);color:var(--ink)}
:is(#sil,.sil) .pcv__legend{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin-top:16px;font-size:12.5px}
:is(#sil,.sil) .lg{display:inline-flex;align-items:center;gap:7px;background:none!important;box-shadow:none!important;color:var(--muted)!important}
:is(#sil,.sil) .lg::before{content:"";width:12px;height:12px;border-radius:4px}
:is(#sil,.sil) .lg.k-sh::before{background:var(--sub-200);box-shadow:inset 0 0 0 1px var(--sub-50)}
:is(#sil,.sil) .lg.k-co::before{background:var(--ink)}
:is(#sil,.sil) .lg.k-yo::before{background:#fff;box-shadow:inset 0 0 0 1px rgba(18,44,32,.3)}

/* tables shared */
:is(#sil,.sil) .pmx,:is(#sil,.sil) .pfull{padding:100px 0}
:is(#sil,.sil) .pfull{background:var(--alt)}
:is(#sil,.sil) .pmx__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
:is(#sil,.sil) .pmx__p{margin-top:14px;font-size:18px;color:var(--muted);max-width:640px}
:is(#sil,.sil) .coltog{display:inline-flex;align-items:center;gap:10px;font-size:15px;cursor:pointer;user-select:none;background:#fff;border-radius:999px;padding:8px 16px 8px 10px;box-shadow:inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .coltog input{position:absolute;opacity:0;width:1px;height:1px}
:is(#sil,.sil) .coltog__sw{width:38px;height:22px;border-radius:999px;background:var(--onyx-300);position:relative;transition:background .25s;flex:none}
:is(#sil,.sil) .coltog__sw::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .25s var(--ease)}
:is(#sil,.sil) .coltog input:checked+.coltog__sw{background:var(--green)}
:is(#sil,.sil) .coltog input:checked+.coltog__sw::after{transform:translateX(-16px)}
[dir="ltr"] :is(#sil,.sil) .coltog input:checked+.coltog__sw::after{transform:translateX(16px)}
:is(#sil,.sil) .coltog input:focus-visible+.coltog__sw{outline:2px solid var(--em-500);outline-offset:2px}
:is(#sil,.sil) .tbl-wrap{overflow-x:auto;margin-top:36px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .pmx__t,:is(#sil,.sil) .pfull__t{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-size:15.5px;line-height:1.5}
:is(#sil,.sil) .pmx__t th,:is(#sil,.sil) .pmx__t td,:is(#sil,.sil) .pfull__t th,:is(#sil,.sil) .pfull__t td{padding:14px 18px;text-align:start;vertical-align:middle;border-bottom:1px solid var(--line)}
:is(#sil,.sil) .pmx__t tbody tr:last-child>*,:is(#sil,.sil) .pfull__t tbody tr:last-child>*{border-bottom:0}
:is(#sil,.sil) .pmx__t thead th,:is(#sil,.sil) .pfull__t thead th{vertical-align:bottom;padding-top:22px}
:is(#sil,.sil) .pmx__t thead th>span,:is(#sil,.sil) .pfull__t thead th>span{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
:is(#sil,.sil) .pmx__t thead .ico,:is(#sil,.sil) .pfull__t thead .ico{grid-row:span 2;width:34px;height:34px;padding:7px;border-radius:10px}
:is(#sil,.sil) .h-pc .ico{background:var(--ink);color:var(--glitch)}
:is(#sil,.sil) .h-op .ico{background:var(--em-50);color:var(--green)}
:is(#sil,.sil) .h-sa .ico{background:var(--onyx-200);color:var(--onyx-500)}
:is(#sil,.sil) .pmx__t thead b,:is(#sil,.sil) .pfull__t thead b{font-weight:500;font-size:15.5px;font-family:var(--f-lat),var(--f-heb),sans-serif}
:is(#sil,.sil) .pmx__t thead small,:is(#sil,.sil) .pfull__t thead small{font-size:12.5px;color:var(--muted);font-weight:300}
:is(#sil,.sil) .pmx__t tbody th,:is(#sil,.sil) .pfull__t tbody th{font-weight:400;width:22%;color:var(--ink)}
:is(#sil,.sil) .pfull__t td{color:var(--muted)}
:is(#sil,.sil) .pfull__t tr.grp th{background:var(--sub-100);font-weight:500;font-size:13.5px;color:var(--green);letter-spacing:.02em;padding:10px 18px}
:is(#sil,.sil) .mx{display:inline-block;border-radius:999px;padding:4px 13px;font-size:13.5px;font-weight:400}
:is(#sil,.sil) .c-sa{display:none}
:is(#sil,.sil) .is-3 .c-sa{display:table-cell}
:is(#sil,.sil) .is-3 td.c-sa{background:rgba(248,247,246,.6)}

/* security */
:is(#sil,.sil) .psecu{padding:100px 0}
:is(#sil,.sil) .psecu__g{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
:is(#sil,.sil) .psec{border-radius:var(--r-card);padding:34px 36px}
:is(#sil,.sil) .psec--pc{background:var(--ink);color:#fff;background-image:radial-gradient(60% 80% at 10% 100%,rgba(107,217,185,.25),transparent 70%)}
:is(#sil,.sil) .psec--op{background:var(--onyx-200)}
:is(#sil,.sil) .psec__head{display:flex;align-items:center;gap:14px;margin-bottom:8px}
:is(#sil,.sil) .psec__head .ico{width:46px;height:46px;padding:11px;border-radius:14px;flex:none}
:is(#sil,.sil) .psec--pc .psec__head .ico{background:rgba(255,255,255,.1);color:var(--glitch)}
:is(#sil,.sil) .psec--op .psec__head .ico{background:#fff;color:var(--green)}
:is(#sil,.sil) .psec__head b{display:block;font-size:20px;font-weight:400;font-family:var(--f-lat),var(--f-heb),sans-serif}
:is(#sil,.sil) .psec__head small{display:block;font-size:14px;opacity:.7}
:is(#sil,.sil) .psec--pc .checks li::before{background-color:var(--glitch)}
:is(#sil,.sil) .psecu__ai{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;border-radius:20px;padding:20px 26px;background:var(--sub-100);box-shadow:inset 0 0 0 1px var(--sub-50)}
:is(#sil,.sil) .psecu__ai-t{display:inline-flex;align-items:center;gap:8px;font-size:16px}
:is(#sil,.sil) .psecu__ai-t b{font-weight:500}
:is(#sil,.sil) .psecu__ai-t .ico{width:16px;height:16px;color:var(--em-500)}
:is(#sil,.sil) .psecu__ai ul{display:flex;flex-wrap:wrap;gap:10px 22px}
:is(#sil,.sil) .psecu__ai li{display:inline-flex;align-items:center;gap:7px;font-size:14.5px}
:is(#sil,.sil) .psecu__ai li .ico{width:17px;height:17px;color:var(--green)}

:is(#sil,.sil) .pdai{padding:0 0 100px}
:is(#sil,.sil) .pdai .dai{margin-top:0}

/* choose */
:is(#sil,.sil) .pchoose{padding:100px 0}
:is(#sil,.sil) .pchoose__g{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
:is(#sil,.sil) .pch{border-radius:var(--r-card);padding:34px 36px;background:var(--onyx-200)}
:is(#sil,.sil) .pch__tag{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;background:#fff;border-radius:999px;padding:6px 14px 6px 10px}
:is(#sil,.sil) .pch__tag .ico{width:18px;height:18px;color:var(--green)}
:is(#sil,.sil) .pch h3{font-size:24px;font-weight:400;margin-top:18px}
:is(#sil,.sil) .pchoose__more{margin-top:28px;text-align:center}
:is(#sil,.sil) .pchoose__more a{display:inline-flex;align-items:center;gap:6px;font-size:16px;color:var(--green)}
:is(#sil,.sil) .pchoose__more a:hover{text-decoration:underline;text-underline-offset:4px}
:is(#sil,.sil) .pchoose__more .ico{width:12px;height:12px}

@media (max-width:1099px){
  :is(#sil,.sil) .pcv{padding-top:120px}
  :is(#sil,.sil) .pcv__in{grid-template-columns:1fr}
}
@media (max-width:767px){
  :is(#sil,.sil) .pcv__viz{padding:14px}
  :is(#sil,.sil) .pcv__stacks{gap:8px}
  :is(#sil,.sil) .pcs__layer{flex-direction:column;align-items:flex-start;padding:8px 9px;font-size:12px}
  :is(#sil,.sil) .pcs__head b{font-size:13px}
  :is(#sil,.sil) .pmx,:is(#sil,.sil) .pfull,:is(#sil,.sil) .psecu,:is(#sil,.sil) .pchoose{padding:70px 0}
  :is(#sil,.sil) .psecu__g,:is(#sil,.sil) .pchoose__g{grid-template-columns:1fr}
  :is(#sil,.sil) .psec,:is(#sil,.sil) .pch{padding:26px 22px}
  :is(#sil,.sil) .pdai{padding-bottom:70px}
}
@media (prefers-reduced-motion:reduce){:is(#sil,.sil) .pcs__layer{animation:none;opacity:1;transform:none}}

/* ===== Personal implementation plan page ===== */
:is(#sil,.sil) .imh{padding:160px 0 70px;position:relative;overflow:clip}
:is(#sil,.sil) .imh::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 45% at 12% 30%,rgba(185,255,228,.55),transparent 70%),radial-gradient(30% 35% at 88% 90%,rgba(222,255,0,.13),transparent 70%);pointer-events:none}
:is(#sil,.sil) .imh__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:56px;align-items:center}
:is(#sil,.sil) .imh__txt .phero__h{margin-top:24px;font-size:clamp(32px,3.5vw,50px)}
:is(#sil,.sil) .imh__txt .phero__p{margin:24px 0 0;max-width:34em}

/* plan visual */
:is(#sil,.sil) .imv{background:#fff;border-radius:var(--r-card);padding:26px 26px 22px;box-shadow:0 40px 80px -46px rgba(18,44,32,.45),inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .imv__top{display:grid;grid-template-columns:auto 1fr auto;column-gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}
:is(#sil,.sil) .imv__top .ico{grid-row:span 2;width:42px;height:42px;padding:10px;border-radius:13px;background:var(--ink);color:var(--glitch)}
:is(#sil,.sil) .imv__top b{font-size:18px;font-weight:500}
:is(#sil,.sil) .imv__top small{grid-column:2;font-size:13.5px;color:var(--muted);font-family:var(--f-lat),var(--f-heb),sans-serif}
:is(#sil,.sil) .imv__tag{grid-row:1 / span 2;grid-column:3;font-size:12.5px;font-weight:500;border-radius:999px;padding:5px 12px;background:var(--em-100);color:var(--green);white-space:nowrap}
:is(#sil,.sil) .imv__team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
:is(#sil,.sil) .imv__team li{background:var(--alt);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.35}
:is(#sil,.sil) .imv__team i{display:block;font-style:normal;color:var(--muted)}
:is(#sil,.sil) .imv__team b{display:block;font-weight:500;font-size:13.5px;margin-top:2px}
:is(#sil,.sil) .imv__ph{margin-top:16px;display:grid;gap:7px}
:is(#sil,.sil) .imv__ph li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;column-gap:12px;padding:11px 14px;border-radius:12px;font-size:14.5px;box-shadow:inset 0 0 0 1px var(--line);opacity:0;transform:translateY(8px);animation:sil-imvIn .55s var(--ease) forwards;animation-delay:calc(var(--i) * 110ms + 250ms)}
@keyframes sil-imvIn{to{opacity:1;transform:none}}
:is(#sil,.sil) .imv__ph li::before{content:"";width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--onyx-300)}
:is(#sil,.sil) .imv__ph .done::before{box-shadow:none;background:var(--em-200) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23122c20' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8'/%3E%3C/svg%3E") center/14px no-repeat}
:is(#sil,.sil) .imv__ph .now{background:var(--sub-100);box-shadow:inset 0 0 0 1px var(--sub-50)}
:is(#sil,.sil) .imv__ph .now::before{box-shadow:inset 0 0 0 6px var(--em-400)}
:is(#sil,.sil) .imv__ph em{font-style:normal;font-size:12px;border-radius:999px;padding:2px 10px;background:var(--alt);color:var(--muted)}
:is(#sil,.sil) .imv__ph .done em{background:var(--em-100);color:var(--green)}
:is(#sil,.sil) .imv__ph .now em{background:var(--ink);color:var(--glitch)}
:is(#sil,.sil) .imv__bar{grid-column:2 / span 2;height:5px;border-radius:9px;background:rgba(18,44,32,.08);margin-top:9px;overflow:hidden}
:is(#sil,.sil) .imv__bar i{display:block;height:100%;width:62%;border-radius:inherit;background:linear-gradient(90deg,var(--em-400),var(--glitch));transform-origin:right;animation:sil-imvBar 1.6s var(--ease) 1s both}
[dir="ltr"] :is(#sil,.sil) .imv__bar i{transform-origin:left}
@keyframes sil-imvBar{from{transform:scaleX(0)}}
:is(#sil,.sil) .imv__foot{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;color:var(--muted)}
:is(#sil,.sil) .imv__foot .ico{width:18px;height:18px;color:var(--green)}

/* credibility strip */
:is(#sil,.sil) .imk{padding:0 0 30px}
:is(#sil,.sil) .imk__l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
:is(#sil,.sil) .imk__l li{border-radius:20px;padding:22px 24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .imk__l b{display:block;font-size:26px;font-weight:400;line-height:1.2;font-family:var(--f-lat),var(--f-heb),sans-serif}
:is(#sil,.sil) .imk__l span{display:block;margin-top:8px;font-size:15px;line-height:1.5;color:var(--muted)}

/* initial scoping: before any plan */
:is(#sil,.sil) .imz{padding:90px 0 20px}
:is(#sil,.sil) .imz__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
:is(#sil,.sil) .imz__p{margin-top:16px;font-size:18px;line-height:1.65;color:var(--muted);max-width:34em}
:is(#sil,.sil) .imz__txt .btn{margin-top:32px}
:is(#sil,.sil) .imz__card{border-radius:var(--r-card);padding:34px 34px 30px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 30px 60px -44px rgba(18,44,32,.35);position:relative;overflow:hidden}
:is(#sil,.sil) .imz__card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--em-300),var(--glitch))}
:is(#sil,.sil) .imz__card h3{font-size:22px;font-weight:400}
:is(#sil,.sil) .imz__l{margin-top:14px}
:is(#sil,.sil) .imz__l li{display:flex;align-items:flex-start;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
:is(#sil,.sil) .imz__l li:last-child{border-bottom:0}
:is(#sil,.sil) .imz__l .ico{flex:none;width:40px;height:40px;padding:9px;border-radius:12px;background:var(--em-50);color:var(--green)}
:is(#sil,.sil) .imz__l b{display:block;font-size:16.5px;font-weight:500}
:is(#sil,.sil) .imz__l span{display:block;margin-top:3px;font-size:15px;line-height:1.5;color:var(--muted)}
:is(#sil,.sil) .imz__flow{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:zf}
:is(#sil,.sil) .imz__flow li{counter-increment:zf;position:relative;display:flex;align-items:center;gap:8px;border-radius:14px;padding:12px 14px;background:var(--alt);font-size:14.5px;line-height:1.35}
:is(#sil,.sil) .imz__flow li::before{content:counter(zf);flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#fff;font-family:var(--f-lat),sans-serif;font-size:12px;font-weight:500}
:is(#sil,.sil) .imz__flow li.is-on{background:var(--ink);color:#fff}
:is(#sil,.sil) .imz__flow li.is-on::before{background:var(--glitch);color:var(--ink)}
:is(#sil,.sil) .imz__flow li+li::after{content:"";position:absolute;top:50%;inset-inline-end:100%;width:10px;height:2px;background:var(--em-300)}

/* method */
:is(#sil,.sil) .imm{padding:100px 0}
:is(#sil,.sil) .imm__p{margin-top:16px;font-size:18px;color:var(--muted);max-width:780px}
:is(#sil,.sil) .imm__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:48px;counter-reset:ph}
:is(#sil,.sil) .ims{display:flex;flex-direction:column;border-radius:var(--r-card);background:var(--alt);padding:26px 22px 22px;position:relative}
:is(#sil,.sil) .ims__h{display:flex;align-items:baseline;gap:10px}
:is(#sil,.sil) .ims__n{font-family:var(--f-lat),sans-serif;font-size:13px;font-weight:500;color:var(--green);letter-spacing:.06em}
:is(#sil,.sil) .ims__h h3{font-size:22px;font-weight:400}
:is(#sil,.sil) .ims__sub{margin-top:4px;font-size:14.5px;color:var(--muted)}
:is(#sil,.sil) .ims ol{margin-top:18px;display:grid;gap:10px;flex:1;align-content:start}
:is(#sil,.sil) .ims li{counter-increment:ph;background:#fff;border-radius:14px;padding:14px 16px 15px;box-shadow:0 1px 0 rgba(18,44,32,.04)}
:is(#sil,.sil) .ims li b{display:flex;align-items:center;gap:10px;font-size:16.5px;font-weight:500}
:is(#sil,.sil) .ims li b::before{content:counter(ph,decimal-leading-zero);flex:none;font-family:var(--f-lat),sans-serif;font-size:12px;font-weight:500;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--em-300),var(--glitch))}
:is(#sil,.sil) .ims li p{margin-top:7px;font-size:14.5px;line-height:1.55;color:var(--muted)}
:is(#sil,.sil) .ims__out{margin-top:14px;display:flex;align-items:flex-start;gap:8px;border-radius:12px;padding:11px 13px;background:var(--ink);color:#fff;font-size:13.5px;line-height:1.45}
:is(#sil,.sil) .ims__out .ico{flex:none;width:17px;height:17px;color:var(--glitch);margin-top:1px}
:is(#sil,.sil) .ims__out b{font-weight:500;color:var(--glitch)}
:is(#sil,.sil) .imm__gate{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15.5px;color:var(--muted);text-align:center}
:is(#sil,.sil) .imm__gate .ico{width:20px;height:20px;color:var(--green);flex:none}

/* tiers */
:is(#sil,.sil) .imt{padding:100px 0;background:var(--alt)}
:is(#sil,.sil) .imt__p{margin-top:16px;font-size:18px;color:var(--muted);max-width:780px}
:is(#sil,.sil) .imt__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;align-items:stretch}
:is(#sil,.sil) .tier{display:flex;flex-direction:column;border-radius:var(--r-card);background:#fff;padding:30px 28px 28px;box-shadow:inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .tier--mid{background:var(--ink);color:#fff;box-shadow:none;background-image:radial-gradient(70% 60% at 0% 100%,rgba(107,217,185,.22),transparent 70%)}
:is(#sil,.sil) .tier__head{display:flex;align-items:center;gap:12px}
:is(#sil,.sil) .tier__head .ico{width:44px;height:44px;padding:10px;border-radius:13px;background:var(--em-50);color:var(--green);flex:none}
:is(#sil,.sil) .tier--mid .tier__head .ico{background:rgba(255,255,255,.1);color:var(--glitch)}
:is(#sil,.sil) .tier__lvl{display:block;font-size:13px;color:var(--muted)}
:is(#sil,.sil) .tier--mid .tier__lvl{color:rgba(255,255,255,.65)}
:is(#sil,.sil) .tier h3{font-size:24px;font-weight:400;line-height:1.25}
:is(#sil,.sil) .tier__fit{margin-top:16px;font-size:16px;line-height:1.55;color:var(--muted);min-height:4.65em}
:is(#sil,.sil) .tier--mid .tier__fit{color:rgba(255,255,255,.78)}
:is(#sil,.sil) .tier__lead{margin-top:20px;display:flex;align-items:center;gap:10px;border-radius:14px;padding:12px 14px;background:var(--sub-100);font-size:15px}
:is(#sil,.sil) .tier__lead .ico{width:20px;height:20px;color:var(--green);flex:none}
:is(#sil,.sil) .tier--mid .tier__lead{background:rgba(255,255,255,.08)}
:is(#sil,.sil) .tier--mid .tier__lead .ico{color:var(--glitch)}
:is(#sil,.sil) .tier__lead b{font-weight:500}
:is(#sil,.sil) .tier .checks{margin-top:18px;flex:1}
:is(#sil,.sil) .tier .checks li{font-size:15.5px;margin-top:11px}
:is(#sil,.sil) .tier .checks li.plus{padding-inline-start:0;font-weight:500;color:var(--green)}
:is(#sil,.sil) .tier .checks li.plus::before{display:none}
:is(#sil,.sil) .tier--mid .checks li::before{background-color:var(--glitch)}
:is(#sil,.sil) .tier--mid .checks li.plus{color:var(--glitch)}
:is(#sil,.sil) .imt__add{margin-top:20px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;border-radius:var(--r-card);padding:24px 28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .imt__add .ico{width:48px;height:48px;padding:12px;border-radius:14px;background:linear-gradient(135deg,var(--em-300),var(--glitch));color:var(--ink)}
:is(#sil,.sil) .imt__add h3{font-size:20px;font-weight:400}
:is(#sil,.sil) .imt__add h3 small{font-size:13px;font-weight:500;color:var(--green);background:var(--em-100);border-radius:999px;padding:3px 10px;margin-inline-start:8px;vertical-align:middle}
:is(#sil,.sil) .imt__add p{margin-top:6px;font-size:15.5px;color:var(--muted);line-height:1.55}
:is(#sil,.sil) .imt__cmp{margin-top:28px}
:is(#sil,.sil) .imt__cmp>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;margin-inline:auto;border-radius:999px;padding:12px 24px;font-size:16.5px;background:#fff;box-shadow:inset 0 0 0 1px rgba(18,44,32,.22);transition:box-shadow .2s}
:is(#sil,.sil) .imt__cmp>summary::-webkit-details-marker{display:none}
:is(#sil,.sil) .imt__cmp>summary:hover{box-shadow:inset 0 0 0 1px var(--ink)}
:is(#sil,.sil) .imt__cmp>summary .ico{width:12px;height:12px;transition:transform .3s var(--ease)}
:is(#sil,.sil) .imt__cmp[open]>summary .ico{transform:rotate(180deg)}
:is(#sil,.sil) .imt__cmp .s-close{display:none}
:is(#sil,.sil) .imt__cmp[open] .s-open{display:none}
:is(#sil,.sil) .imt__cmp[open] .s-close{display:inline}
:is(#sil,.sil) .imt__t thead th>span{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
:is(#sil,.sil) .imt__t thead .ico{grid-row:span 2;width:34px;height:34px;padding:7px;border-radius:10px;background:var(--em-50);color:var(--green)}
:is(#sil,.sil) .imt__t thead .t2 .ico{background:var(--ink);color:var(--glitch)}
:is(#sil,.sil) .imt__t td{color:var(--ink)}
:is(#sil,.sil) .imt__note{margin-top:14px;font-size:14px;color:var(--muted)}

/* project manager + governance */
:is(#sil,.sil) .impm{padding:100px 0}
:is(#sil,.sil) .impm__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
:is(#sil,.sil) .impm__p{margin-top:16px;font-size:18px;color:var(--muted)}
:is(#sil,.sil) .gov{border-radius:var(--r-card);padding:26px;background:var(--alt)}
:is(#sil,.sil) .gov__steer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;padding:16px 18px;background:var(--ink);color:#fff}
:is(#sil,.sil) .gov__steer b{font-weight:500;font-size:16.5px}
:is(#sil,.sil) .gov__steer span{display:block;font-size:13.5px;color:rgba(255,255,255,.7);margin-top:2px}
:is(#sil,.sil) .gov__steer em{font-style:normal;font-size:12px;font-weight:500;white-space:nowrap;border-radius:999px;padding:3px 10px;background:var(--glitch);color:var(--ink)}
:is(#sil,.sil) .gov__link{display:flex;flex-direction:column;align-items:center;padding:0}
:is(#sil,.sil) .gov__link i{width:2px;height:16px;background:repeating-linear-gradient(180deg,var(--onyx-400) 0 4px,transparent 4px 8px)}
:is(#sil,.sil) .gov__link span{font-size:13px;font-weight:500;color:var(--green);border-radius:999px;padding:5px 14px;background:var(--em-100)}
:is(#sil,.sil) .gov__cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
:is(#sil,.sil) .gov__side{border-radius:16px;background:#fff;padding:16px 16px 12px}
:is(#sil,.sil) .gov__side h3{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:500}
:is(#sil,.sil) .gov__side h3 .ico{width:20px;height:20px;color:var(--green)}
:is(#sil,.sil) .gov__side ul{margin-top:10px;display:grid;gap:6px}
:is(#sil,.sil) .gov__side li{font-size:14px;border-radius:10px;padding:8px 11px;background:var(--alt);line-height:1.35}
:is(#sil,.sil) .gov__side li.key{background:var(--sub-200);font-weight:500}
:is(#sil,.sil) .gov__ask{margin-top:18px;border-radius:16px;padding:18px 20px;background:#fff}
:is(#sil,.sil) .gov__ask h3{font-size:16.5px;font-weight:500}
:is(#sil,.sil) .gov__ask ul{margin-top:8px}
:is(#sil,.sil) .gov__ask li{position:relative;padding-inline-start:18px;margin-top:6px;font-size:14.5px;color:var(--muted);line-height:1.5}
:is(#sil,.sil) .gov__ask li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--em-400)}

/* cases */
:is(#sil,.sil) .imc{padding:100px 0;background:var(--alt)}
:is(#sil,.sil) .imc__g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:44px}
:is(#sil,.sil) .case{grid-column:span 2;display:flex;flex-direction:column;border-radius:var(--r-card);background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);transition:transform .35s var(--ease),box-shadow .35s}
:is(#sil,.sil) .case:nth-child(n+4){grid-column:span 3;flex-direction:row}
:is(#sil,.sil) .case:nth-child(n+4) .case__img{width:42%;flex:none;aspect-ratio:auto}
:is(#sil,.sil) .case:hover{transform:translateY(-4px);box-shadow:0 30px 50px -34px rgba(18,44,32,.4),inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .case__img{display:block;aspect-ratio:16/8;overflow:hidden;background:var(--onyx-200)}
:is(#sil,.sil) .case__img img{width:100%;height:100%;object-fit:cover}
:is(#sil,.sil) .case__b{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
:is(#sil,.sil) .case__tag{align-self:flex-start;font-size:12.5px;border-radius:999px;padding:3px 11px;background:var(--em-100);color:var(--green)}
:is(#sil,.sil) .case h3{margin-top:12px;font-size:20px;font-weight:400}
:is(#sil,.sil) .case__fact{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--muted);flex:1}
:is(#sil,.sil) .case__more{margin-top:16px;display:inline-flex;align-items:center;gap:6px;font-size:15px;color:var(--green)}
:is(#sil,.sil) .case__more .ico{width:12px;height:12px}
:is(#sil,.sil) .case:hover .case__more{text-decoration:underline;text-underline-offset:4px}

@media (max-width:1099px){
  :is(#sil,.sil) .imh{padding-top:120px}
  :is(#sil,.sil) .imh__in,:is(#sil,.sil) .impm__in,:is(#sil,.sil) .imz__in{grid-template-columns:1fr}
  :is(#sil,.sil) .imz__in{gap:40px}
  :is(#sil,.sil) .imk__l{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#sil,.sil) .imm__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#sil,.sil) .imt__g{grid-template-columns:1fr;max-width:640px;margin-inline:auto}
  :is(#sil,.sil) .tier__fit{min-height:0}
  :is(#sil,.sil) .imc__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#sil,.sil) .case,:is(#sil,.sil) .case:nth-child(n+4){grid-column:span 1;flex-direction:column}
  :is(#sil,.sil) .case:nth-child(n+4) .case__img{width:auto;aspect-ratio:16/8}
}
@media (max-width:767px){
  :is(#sil,.sil) .imv{padding:18px 16px 16px}
  :is(#sil,.sil) .imv__team{grid-template-columns:1fr 1fr}
  :is(#sil,.sil) .imv__team li:last-child{grid-column:span 2}
  :is(#sil,.sil) .imv__ph li{font-size:13.5px;padding:10px 12px;column-gap:10px}
  :is(#sil,.sil) .imk__l{grid-template-columns:1fr;gap:10px}
  :is(#sil,.sil) .imk__l li{padding:18px 20px}
  :is(#sil,.sil) .imm,:is(#sil,.sil) .imt,:is(#sil,.sil) .impm,:is(#sil,.sil) .imc{padding:70px 0}
  :is(#sil,.sil) .imz{padding:64px 0 10px}
  :is(#sil,.sil) .imz__card{padding:26px 20px 22px}
  :is(#sil,.sil) .imz__flow{grid-template-columns:1fr}
  :is(#sil,.sil) .imz__flow li+li::after{top:auto;bottom:100%;inset-inline-end:auto;inset-inline-start:24px;width:2px;height:10px}
  :is(#sil,.sil) .imm__g{grid-template-columns:1fr}
  :is(#sil,.sil) .tier{padding:26px 22px}
  :is(#sil,.sil) .imt__add{grid-template-columns:1fr;padding:22px}
  :is(#sil,.sil) .imt__cmp>summary{width:100%}
  :is(#sil,.sil) .gov{padding:16px}
  :is(#sil,.sil) .gov__cols{grid-template-columns:1fr}
  :is(#sil,.sil) .imc__g{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){:is(#sil,.sil) .imv__ph li{animation:none;opacity:1;transform:none}:is(#sil,.sil) .imv__bar i{animation:none}}

/* support center (round 8): hero with contact channels, «before you contact us», resources hub */

/* hero */
:is(#sil,.sil) .shero{padding:150px 0 90px;position:relative;overflow:clip}
:is(#sil,.sil) .shero::before{content:"";position:absolute;inset:0;background:radial-gradient(42% 48% at 8% 22%,rgba(185,255,228,.55),transparent 70%),radial-gradient(32% 36% at 92% 92%,rgba(222,255,0,.12),transparent 70%);pointer-events:none}
:is(#sil,.sil) .shero__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:64px;align-items:center}
:is(#sil,.sil) .shero__txt .phero__h{margin-top:24px;font-size:clamp(38px,4.2vw,58px)}
:is(#sil,.sil) .shero__txt .phero__p{margin:22px 0 0;max-width:32em}
:is(#sil,.sil) .shero .hero__btns{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
:is(#sil,.sil) .shero .btn{gap:10px}
:is(#sil,.sil) .shero .btn .ico{width:18px;height:18px}

/* «in hours now» line */
:is(#sil,.sil) .sstat{margin-top:26px;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:15px;line-height:1.4}
:is(#sil,.sil) .sstat__dot{position:relative;flex:none;width:9px;height:9px;border-radius:50%;background:rgba(18,44,32,.35)}
:is(#sil,.sil) .sstat.is-open .sstat__dot{background:#22a06b}
:is(#sil,.sil) .sstat.is-open .sstat__dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(34,160,107,.45);animation:sil-sstatPulse 2s var(--ease) infinite}
:is(#sil,.sil) .sstat.is-closed .sstat__dot{background:#e0a100}
@keyframes sil-sstatPulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.6);opacity:0}}

/* the channels card */
:is(#sil,.sil) .shero__card{border-radius:28px;padding:28px 28px 22px;color:#fff;background:var(--ink);background-image:radial-gradient(70% 60% at 100% 0%,rgba(107,217,185,.24),transparent 70%),radial-gradient(50% 45% at 0% 100%,rgba(222,255,0,.08),transparent 70%);box-shadow:0 44px 80px -54px rgba(18,44,32,.75)}
:is(#sil,.sil) .shero__ch{font-size:14px;letter-spacing:.04em;color:rgba(255,255,255,.62);padding:0 8px 6px}
:is(#sil,.sil) .schan__l li+li{border-top:1px solid rgba(255,255,255,.1)}
:is(#sil,.sil) .schan{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 8px;border-radius:16px;color:inherit;transition:background .25s}
:is(#sil,.sil) .schan:hover{background:rgba(255,255,255,.05)}
:is(#sil,.sil) .schan__i{width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.08);display:grid;place-items:center}
:is(#sil,.sil) .schan__i .ico{width:22px;height:22px;color:var(--glitch)}
:is(#sil,.sil) .schan__t{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14.5px;color:rgba(255,255,255,.72)}
:is(#sil,.sil) .schan__t em{font-style:normal;font-size:12px;line-height:1.5;padding:1px 10px;border-radius:999px;background:rgba(222,255,0,.14);color:var(--glitch)}
:is(#sil,.sil) .schan__v{display:block;width:fit-content;max-width:100%;margin-top:4px;font-family:var(--f-lat),sans-serif;font-size:24px;font-weight:400;line-height:1.3;overflow-wrap:anywhere}
:is(#sil,.sil) .schan__s{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.66)}
:is(#sil,.sil) .schan__go{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--glitch);white-space:nowrap}
:is(#sil,.sil) .schan__go .ico{width:28px;height:9px}
:is(#sil,.sil) .shero__foot{margin:10px 8px 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.72)}
:is(#sil,.sil) .shero__foot .ico{flex:none;width:18px;height:18px;color:var(--glitch)}
:is(#sil,.sil) .shero__card .shero__foot a{color:#fff;text-decoration:underline;text-underline-offset:3px}
:is(#sil,.sil) .shero__foot a .ico{width:12px;height:12px;margin-inline-start:4px;color:inherit}

/* before you contact us */
:is(#sil,.sil) .sprep{padding:100px 0}
:is(#sil,.sil) .sprep__in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
:is(#sil,.sil) .sprep__p{margin-top:16px;font-size:18px;line-height:1.6;color:var(--muted)}
:is(#sil,.sil) .surg{margin-top:32px;display:flex;align-items:center;gap:16px;max-width:460px;padding:18px 20px;border-radius:18px;background:linear-gradient(90deg,#E7FFF6,#f1ffe0);box-shadow:inset 0 0 0 1px rgba(70,162,136,.18);transition:transform .3s var(--ease),box-shadow .3s}
:is(#sil,.sil) .surg:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(70,162,136,.28),0 18px 36px -26px rgba(18,44,32,.4)}
:is(#sil,.sil) .surg__i{flex:none;width:48px;height:48px;border-radius:50%;background:var(--ink);display:grid;place-items:center}
:is(#sil,.sil) .surg__i .ico{width:21px;height:21px;color:var(--glitch)}
:is(#sil,.sil) .surg__b b{display:block;font-size:17px;font-weight:500}
:is(#sil,.sil) .surg__b span{display:block;margin-top:2px;font-size:15px;color:var(--muted)}
:is(#sil,.sil) .sprep__l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
:is(#sil,.sil) .sprep__l li{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:16.5px;line-height:1.5}
:is(#sil,.sil) .sprep__l .ico{flex:none;width:28px;height:28px;padding:6px;border-radius:50%;background:var(--em-50);color:var(--green)}

/* resources hub */
:is(#sil,.sil) .shub{padding:100px 0}
:is(#sil,.sil) .shub--alt{background:var(--alt)}
:is(#sil,.sil) .shub__p{margin-top:16px;font-size:18px;color:var(--muted);max-width:780px}
:is(#sil,.sil) .shub__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;align-items:start}
:is(#sil,.sil) .shub__col{border-radius:var(--r-card);background:#fff;padding:26px 24px 14px;box-shadow:inset 0 0 0 1px var(--line)}
:is(#sil,.sil) .shub__h{display:flex;align-items:flex-start;gap:14px;padding:0 6px 18px;border-bottom:1px solid var(--line)}
:is(#sil,.sil) .shub__i{flex:none;width:46px;height:46px;border-radius:14px;background:var(--em-50);display:grid;place-items:center}
:is(#sil,.sil) .shub__i .ico{width:22px;height:22px;color:var(--green)}
:is(#sil,.sil) .shub__h h3{font-size:21px;font-weight:400;line-height:1.3}
:is(#sil,.sil) .shub__h p{margin-top:2px;font-size:14.5px;color:var(--muted)}
:is(#sil,.sil) .shub__l li+li{border-top:1px solid var(--line)}
:is(#sil,.sil) .shub__l a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t i" "m i";gap:2px 12px;padding:15px 6px;border-radius:12px;color:var(--ink);transition:background .2s}
:is(#sil,.sil) .shub__l a:hover{background:var(--sub-100)}
:is(#sil,.sil) .shub__lt{grid-area:t;font-size:16.5px;font-weight:500;line-height:1.45}
:is(#sil,.sil) .shub__m{grid-area:m;font-size:14px;line-height:1.45;color:var(--muted)}
:is(#sil,.sil) .shub__l a>.ico{grid-area:i;align-self:center;width:15px;height:15px;color:var(--green)}
:is(#sil,.sil) .shub__l a>.ico.i-arrow-l{width:28px;height:9px}

@media (max-width:1099px){
  :is(#sil,.sil) .shero{padding-top:120px}
  :is(#sil,.sil) .shero__in,:is(#sil,.sil) .sprep__in{grid-template-columns:1fr;gap:44px}
  :is(#sil,.sil) .shub__g{grid-template-columns:1fr;max-width:680px}
}
@media (max-width:767px){
  :is(#sil,.sil) .shero{padding:110px 0 64px}
  :is(#sil,.sil) .shero__card{padding:20px 14px 16px;border-radius:22px}
  :is(#sil,.sil) .schan{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 6px}
  :is(#sil,.sil) .schan__i{width:44px;height:44px;border-radius:13px}
  :is(#sil,.sil) .schan__v{font-size:21px}
  :is(#sil,.sil) .schan__go{grid-column:2;margin-top:-4px}
  :is(#sil,.sil) .sprep,:is(#sil,.sil) .shub{padding:70px 0}
  :is(#sil,.sil) .sprep__l{grid-template-columns:1fr;gap:10px}
  :is(#sil,.sil) .sprep__l li{padding:16px 18px}
  :is(#sil,.sil) .shub__col{padding:22px 18px 10px}
}
@media (prefers-reduced-motion:reduce){:is(#sil,.sil) .sstat.is-open .sstat__dot::after{animation:none;opacity:0}}

/* hub stacks (round 11, sitemap): each grid cell is a column of groups */
:is(#sil,.sil) .shub__stk{display:grid;gap:20px;align-content:start}

/* lead form block (round B): intro beside a white form card. The site's form is a native Elementor Pro form
   (el.mjs B.form, styled by native.css .sil-form*); this is the preview of the same design. Field look = the demo popup. */
:is(#sil,.sil) .lfs{padding:100px 0;position:relative}
:is(#sil,.sil) .lfs--alt{background:var(--alt)}
:is(#sil,.sil) .lfs--hero{padding:176px 0 100px;overflow:clip}
:is(#sil,.sil) .lfs--hero::before{content:"";position:absolute;inset:0;background:radial-gradient(42% 48% at 92% 18%,rgba(185,255,228,.55),transparent 70%),radial-gradient(32% 36% at 6% 96%,rgba(222,255,0,.12),transparent 70%);pointer-events:none}
:is(#sil,.sil) .lfs__in{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;align-items:center}
:is(#sil,.sil) .lfs__txt .phero__h{margin-top:24px;font-size:clamp(36px,4vw,56px)}
:is(#sil,.sil) .lfs__p{margin-top:22px;font-size:19px;line-height:1.6;max-width:32em}
:is(#sil,.sil) .lfs:not(.lfs--hero) .lfs__p{margin-top:16px;font-size:18px;color:var(--muted)}
:is(#sil,.sil) .lfs__pts{margin-top:26px;display:grid;gap:12px}
:is(#sil,.sil) .lfs__pts li{display:flex;align-items:flex-start;gap:12px;font-size:17px;line-height:1.5}
:is(#sil,.sil) .lfs__pts .ico{flex:none;width:26px;height:26px;padding:5px;border-radius:50%;background:var(--em-50);color:var(--green)}

/* direct contact, under the intro */
:is(#sil,.sil) .lfs__dir{margin-top:32px;max-width:480px;padding:20px 22px;border-radius:18px;background:linear-gradient(90deg,var(--em-100),#f1ffe0);box-shadow:inset 0 0 0 1px rgba(70,162,136,.18)}
:is(#sil,.sil) .lfs__dt{font-size:17px;font-weight:500;line-height:1.45}
:is(#sil,.sil) .lfs__ds{margin-top:2px;font-size:15px;color:var(--muted)}
:is(#sil,.sil) .lfs__dl{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}
:is(#sil,.sil) .lfs__a{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:16px;line-height:1.4;color:var(--ink);transition:box-shadow .2s,transform .2s}
:is(#sil,.sil) .lfs__a:hover{box-shadow:inset 0 0 0 1px var(--em-500);transform:translateY(-1px)}
:is(#sil,.sil) .lfs__a .ico{flex:none;width:17px;height:17px;color:var(--green)}

/* the form card */
:is(#sil,.sil) .lfs__card{background:#fff;border-radius:28px;padding:40px 40px 30px;box-shadow:inset 0 0 0 1px var(--line),0 44px 80px -54px rgba(18,44,32,.45)}
:is(#sil,.sil) .lfs__ft{font-size:28px;font-weight:400;line-height:1.3}
:is(#sil,.sil) .lfs__fs{margin-top:6px;font-size:16px;line-height:1.5;color:var(--muted)}
:is(#sil,.sil) .lform{margin-top:22px}
:is(#sil,.sil) .lform__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
:is(#sil,.sil) .lfld{position:relative;display:flex;flex-direction:column;gap:8px;grid-column:1/-1}
:is(#sil,.sil) .lfld--50{grid-column:auto}
:is(#sil,.sil) .lfld__l{font-size:15px;font-weight:400;line-height:1.4}
:is(#sil,.sil) .lfld__l i{font-style:normal;color:var(--ruby);margin-inline-start:3px}
:is(#sil,.sil) .lfld input,:is(#sil,.sil) .lfld select,:is(#sil,.sil) .lfld textarea{font:inherit;font-weight:300;font-size:16px;line-height:1.5;color:var(--ink);background:var(--onyx-200);border:1px solid rgba(18,44,32,.1);border-radius:12px;padding:12px 16px;width:100%;min-height:50px;unicode-bidi:plaintext;text-align:right;transition:border-color .2s,box-shadow .2s,background .2s}
:is(#sil,.sil) .lfld input[type="tel"]{direction:rtl;unicode-bidi:normal}
:is(#sil,.sil) .lfld textarea{min-height:120px;resize:vertical}
:is(#sil,.sil) .lfld input:focus,:is(#sil,.sil) .lfld select:focus,:is(#sil,.sil) .lfld textarea:focus{outline:none;background:#fff;border-color:var(--em-500);box-shadow:0 0 0 3px rgba(70,162,136,.18)}
:is(#sil,.sil) .lfld [aria-invalid="true"]{border-color:var(--ruby);background:#fff}
:is(#sil,.sil) .lfld select{appearance:none;-webkit-appearance:none;padding-inline-end:44px;cursor:pointer}
:is(#sil,.sil) .lfld--sel .ico{position:absolute;bottom:18px;inset-inline-end:16px;width:14px;height:14px;pointer-events:none;color:var(--muted)}
:is(#sil,.sil) .lform .btn{margin-top:24px}
:is(#sil,.sil) .lform__legal{margin-top:14px;font-size:13px;line-height:1.55;color:var(--muted);text-align:center;text-wrap:balance}
:is(#sil,.sil) .lform__legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
:is(#sil,.sil) .lform__legal a .ico{width:11px;height:11px;margin-inline-start:3px;vertical-align:-1px}
:is(#sil,.sil) .lform__done{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--em-100);color:var(--green);font-size:15.5px;line-height:1.5;text-align:center}
:is(#sil,.sil) .lform__done span{display:block;font-size:13px;color:var(--muted)}

@media (max-width:1099px){
  :is(#sil,.sil) .lfs--hero{padding-top:130px}
  :is(#sil,.sil) .lfs__in{grid-template-columns:1fr;gap:44px}
  :is(#sil,.sil) .lfs__card{max-width:720px}
}
@media (max-width:767px){
  :is(#sil,.sil) .lfs{padding:70px 0}
  :is(#sil,.sil) .lfs--hero{padding:118px 0 64px}
  :is(#sil,.sil) .lfs__p{font-size:17px}
  :is(#sil,.sil) .lfs__card{padding:28px 20px 22px;border-radius:22px}
  :is(#sil,.sil) .lfs__ft{font-size:24px}
  :is(#sil,.sil) .lform__g{grid-template-columns:1fr;gap:14px}
  :is(#sil,.sil) .lfs__dir{padding:18px}
}

/* b3: the press list, search results and the site search box (components the plugin renders, scoped like every
   component). The cards are the blog's (round3.css); only what differs is here. */

/* press: most featured images are publisher logos, so they are shown whole on white, never cropped, in a lower frame;
   a hairline keeps the white frame part of the card on the white page */
:is(#sil,.sil) .pblog--press .bcard{border:1px solid var(--line)}
:is(#sil,.sil) .pblog--press .bcard__img{aspect-ratio:2/1;background:#fff;box-shadow:inset 0 -1px 0 var(--line)}
:is(#sil,.sil) .pblog--press .bcard__img img{object-fit:contain;padding:22px 30px}
/* a short excerpt on every press card: four lines at most, the whole text is one click away */
:is(#sil,.sil) .pblog--press .bcard__x{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:15.5px;line-height:1.6}
:is(#sil,.sil) .pblog--press .bcard__meta em{direction:ltr}

/* the site search box: search results bar and the 404 page */
:is(#sil,.sil) .sil-sform{display:flex;align-items:stretch;gap:12px;flex:1 1 560px;max-width:680px}
:is(#sil,.sil) .sil-sform__f{flex:1;max-width:none}
:is(#sil,.sil) .sil-sform__b{flex:none}
:is(#sil,.sil) .sil-sform--c{width:100%;margin:40px auto 0}
:is(#sil,.sil) .pblog--search .pblog__n bdi:not(.js-blogn){color:var(--ink)}
:is(#sil,.sil) .plib__empty a{color:var(--green);text-decoration:underline;text-underline-offset:3px}

@media (max-width:767px){
  :is(#sil,.sil) .sil-sform{flex-wrap:wrap;flex-basis:100%}
  :is(#sil,.sil) .sil-sform__b{width:100%}
  :is(#sil,.sil) .pblog--press .bcard__img img{padding:18px 24px}
}

/* the post-list placeholder, as it shows inside the Elementor editor */
:is(#sil,.sil) .sil-posts{padding:60px var(--gut)}
:is(#sil,.sil) .sil-posts__ed{max-width:var(--wrap);margin:0 auto;border:2px dashed var(--em-400);border-radius:20px;padding:48px 24px;text-align:center;color:var(--muted);font-size:17px}

/* SysAid IL: native Elementor sections (classes set by el.mjs). Only what Elementor's controls cannot express.
   Colors read the site's global colors (Site Settings), with the design values as fallback. */
.sil-n{--kit-widget-spacing:0px}
.sil-n .elementor-widget-text-editor p{margin:0}
.sil-n .elementor-widget-text-editor p+p{margin-top:.6em}
.sil-n .sil-faq-a p+p{margin-top:10px}
.sil-n .nw{white-space:nowrap}
.sil-n h1.elementor-heading-title,.sil-n h2.elementor-heading-title{text-wrap:balance}
.sil-n bdi{unicode-bidi:isolate}
.sil-n .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sil-n a:not(.elementor-button){color:inherit}

/* highlight mark behind words in a title (home page) */
.sil-n .hl{position:relative;z-index:0;white-space:nowrap}
.sil-n .hl::before{content:"";position:absolute;inset:0 -6px;z-index:-1;background:url(img/text-bg-vector.png) 50% 55%/100% 82% no-repeat}
@media (max-width:767px){.sil-n .hl{white-space:normal}}

/* kicker pill above a page title */
.sil-kick .elementor-heading-title{display:inline-block;padding:10px 24px;border-radius:999px;background:linear-gradient(90deg,var(--e-global-color-silem1,#E7FFF6),#f1ffe0);box-shadow:inset 0 0 0 1px rgba(70,162,136,.18)}

/* hero image: fixed frame, cropped */
.sil-hero-img img{width:100%;aspect-ratio:1280/720;object-fit:cover}
@media (max-width:767px){.sil-hero-img img{aspect-ratio:4/3}}

/* CTA band: white top half over the green gradient, as on sysaid.com */
.sil-n--cta{background:linear-gradient(180deg,#fff 0 46%,transparent 46%),linear-gradient(90deg,#eef9c9,#a9ead2 45%,#6fd3c7)}
.sil-soft{opacity:.9}

/* cards and quotes */
.sil-card{transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s}
.sil-card--link:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(18,44,32,.45)}
.sil-card--big{background-image:radial-gradient(60% 80% at 10% 100%,rgba(107,217,185,.28),transparent 70%)}
.sil-grow{flex-grow:1}
.sil-role{font-size:15px;color:var(--e-global-color-silmuted,rgba(18,44,32,.65))}
.sil-logo-mono img{filter:grayscale(1) brightness(.5);opacity:.6;transition:filter .3s,opacity .3s}
.sil-logo-mono:hover img{filter:none;opacity:1}

/* numbered step badge */
.sil-stepn .elementor-heading-title{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:500;background:linear-gradient(135deg,var(--e-global-color-silem3,#92ECCE),var(--e-global-color-sillime,#DEFF00))}


/* WordPress admin bar (logged-in editors) over the fixed header */
.admin-bar #sil-h .hd{margin-top:32px}
@media (max-width:782px){.admin-bar #sil-h .hd{margin-top:46px}}

/* single post (Theme Builder «SysAid IL · פוסט»): meta line, featured image, reading column, side card */
.sil-postmeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-family:"SysAid IL",sans-serif;font-size:15px;font-weight:300;line-height:1.5;color:var(--e-global-color-silmuted,#4F5F57)}
.sil-postmeta a{display:inline-flex;align-items:center;gap:8px;color:var(--e-global-color-silgreen,#1E564A);text-decoration:none}
.sil-postmeta a:hover{text-decoration:underline;text-underline-offset:3px}
.sil-postmeta__chip{padding:4px 14px;border-radius:999px;background:linear-gradient(90deg,var(--e-global-color-silem1,#E7FFF6),#f1ffe0);box-shadow:inset 0 0 0 1px rgba(70,162,136,.18);color:var(--e-global-color-silink,#122C20)}
.sil-n--post-hero h1.elementor-heading-title{text-wrap:balance}
.sil-post-img img{width:100%;height:auto;max-height:560px;object-fit:cover}
.sil-post-main{min-width:0}
.sil-post-aside{flex-shrink:0;position:sticky;top:120px}
@media (max-width:1024px){.sil-post-aside{position:static}}
/* single press item (b3): the featured image keeps its own size (most are publisher logos), the full-article link */
.sil-press-img img{width:auto;max-width:100%;max-height:300px;object-fit:contain;padding:20px 24px;background:#fff;box-shadow:inset 0 0 0 1px var(--e-global-color-silline,rgba(18,44,32,.12))}
.sil-postmeta--source{margin-top:28px}
.sil-postmeta .sil-postmeta__ext{padding:12px 22px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(18,44,32,.22);color:var(--e-global-color-silink,#122C20);transition:box-shadow .25s}
.sil-postmeta .sil-postmeta__ext:hover{box-shadow:inset 0 0 0 1px #122C20;text-decoration:none}
.sil-prose{max-width:760px}
.sil-prose :is(p,ul,ol,blockquote,table){margin:0 0 1.15em}
.sil-prose>:last-child{margin-bottom:0}
.sil-prose :is(h2,h3,h4){font-family:"SysAid IL",sans-serif;font-weight:400;color:var(--e-global-color-silink,#122C20);text-wrap:balance}
.sil-prose h2{font-size:30px;line-height:1.35;margin:1.5em 0 .5em}
.sil-prose h3{font-size:23px;line-height:1.4;margin:1.4em 0 .45em}
.sil-prose>:first-child{margin-top:0}
.sil-prose :is(ul,ol){padding-inline-start:1.3em}
.sil-prose li+li{margin-top:.4em}
.sil-prose :is(strong,b){font-weight:500}
.sil-prose a{color:var(--e-global-color-silgreen,#1E564A);text-decoration:underline;text-underline-offset:3px}
.sil-prose blockquote{margin-inline:0;padding:.3em 1.1em;border-inline-start:3px solid var(--e-global-color-silem3,#46A288);font-size:1.08em}
.sil-prose img{max-width:100%;height:auto;border-radius:16px}
/* translated posts (button 7): where the original is */
.sil-prose .sil-src{margin-top:2.2em;padding-top:1em;border-top:1px solid var(--e-global-color-silline,#DCE5E0);font-size:15px;color:var(--e-global-color-silmuted,#4F5F57)}
.sil-prose table{width:100%;border-collapse:collapse}
.sil-prose :is(th,td){padding:10px 12px;border-bottom:1px solid var(--e-global-color-silline,#DCE5E0);text-align:start}
@media (max-width:767px){.sil-prose h2{font-size:25px}.sil-prose h3{font-size:21px}}

/* support center (native parts): urgent shortcut, checklist as cards, resources hub */
.sil-urg{background:linear-gradient(90deg,#E7FFF6,#f1ffe0);box-shadow:inset 0 0 0 1px rgba(70,162,136,.18);transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s}
.sil-urg:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(70,162,136,.28),0 18px 36px -26px rgba(18,44,32,.4)}
.sil-urg-i img{width:48px;height:48px;padding:13px;border-radius:50%;background:#fff}
.sil-prep-l .elementor-icon-list-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sil-prep-l .elementor-icon-list-item{margin:0!important;padding:20px 22px!important;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--e-global-color-silline,rgba(18,44,32,.12));align-items:flex-start!important}
.sil-prep-l .elementor-icon-list-icon{flex:none;width:28px;height:28px;border-radius:50%;background:var(--e-global-color-silem0,#D9F0E8);display:grid!important;place-items:center;margin-inline-end:14px}
.sil-prep-l .elementor-icon-list-icon svg,.sil-prep-l .elementor-icon-list-icon i{width:12px!important;height:12px!important;font-size:12px!important}
.sil-prep-l .elementor-icon-list-item:after{display:none!important}
@media (max-width:767px){.sil-prep-l .elementor-icon-list-items{grid-template-columns:1fr;gap:10px}.sil-prep-l .elementor-icon-list-item{padding:16px 18px!important}}
.sil-hub-col{box-shadow:inset 0 0 0 1px var(--e-global-color-silline,rgba(18,44,32,.12))}
.sil-hub-h{border-bottom:1px solid var(--e-global-color-silline,rgba(18,44,32,.12))}
.sil-hub-i img{width:46px;height:46px;padding:12px;border-radius:14px;background:var(--e-global-color-silem0,#D9F0E8)}
.sil-hub-a{border-radius:12px;transition:background .2s}
.sil-hub-a:hover{background:#F5FAF9}
.sil-hub-a+.sil-hub-a{border-top:1px solid var(--e-global-color-silline,rgba(18,44,32,.12))}
.sil-hub-a .elementor-heading-title{font-weight:500}
.sil-hub-go{flex:none}

/* demo popup (Elementor Pro popup «SysAid IL · חלון תיאום הדגמה») */
.sil-pop-modal .dialog-widget-content{overflow:hidden}
.sil-pop{border-radius:28px;overflow:hidden}
.sil-pop-side{background:radial-gradient(60% 50% at 18% 12%,#a6f2d6 0%,transparent 70%),radial-gradient(70% 60% at 85% 92%,#e4fbb8 0%,transparent 70%),linear-gradient(165deg,#56cfae 0%,#9fe8c9 48%,#e2f8d2 100%)}
.sil-pop-q{box-shadow:0 22px 44px -32px rgba(18,44,32,.55)}
.sil-pop-logo img{height:30px;width:auto!important;max-width:130px;object-fit:contain}
.sil-pop-who{border-top:1px solid var(--e-global-color-silline,rgba(18,44,32,.12))}
.sil-pop .sil-b .elementor-heading-title{font-weight:500}
.sil-pop-h .elementor-heading-title{font-size:clamp(30px,2.7vw,40px);text-wrap:balance}
.sil-pop-form .elementor-field-textual,.sil-pop-form select{min-height:50px;padding:14px 16px!important;unicode-bidi:plaintext;text-align:right}
.sil-pop-form input[type="tel"]{direction:rtl;unicode-bidi:normal}
.sil-pop-form .elementor-field-textual:focus,.sil-pop-form select:focus{outline:none;background:#fff!important;border-color:var(--e-global-color-silem5,#46A288)!important;box-shadow:0 0 0 3px rgba(70,162,136,.18)}
.sil-pop-form .elementor-button{min-height:52px}
.sil-pop-form .elementor-message{text-align:center;font-size:15px}
.sil-pop-legal p{text-wrap:balance}
.sil-pop-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* lead form block (round B, el.mjs B.form): hero glow, direct-contact card, form card, Elementor Pro form fields */
.sil-n--form-hero{position:relative;overflow:clip;background:radial-gradient(42% 48% at 92% 18%,rgba(185,255,228,.55),transparent 70%),radial-gradient(32% 36% at 6% 96%,rgba(222,255,0,.12),transparent 70%)}
.sil-form-pts .elementor-icon-list-item{align-items:flex-start!important}
.sil-form-pts .elementor-icon-list-icon{flex:none;width:26px;height:26px;border-radius:50%;background:var(--e-global-color-silem0,#D9F0E8);display:grid!important;place-items:center}
.sil-form-dir{background:linear-gradient(90deg,#E7FFF6,#f1ffe0);box-shadow:inset 0 0 0 1px rgba(70,162,136,.18)}
.sil-form-dir .sil-b .elementor-heading-title{font-weight:500}
.sil-form-links .elementor-icon-list-items{gap:10px}
.sil-form-links .elementor-icon-list-item{margin:0!important;padding:8px 14px!important;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--e-global-color-silline,rgba(18,44,32,.12))}
.sil-form-links .elementor-icon-list-item:after{display:none!important}
.sil-form-links .elementor-icon-list-text{unicode-bidi:plaintext}
.sil-form-card{box-shadow:inset 0 0 0 1px var(--e-global-color-silline,rgba(18,44,32,.12)),0 44px 80px -54px rgba(18,44,32,.45)}
.sil-form-t .elementor-heading-title{font-size:28px;line-height:1.3}
@media (max-width:767px){.sil-form-t .elementor-heading-title{font-size:24px}}
/* the Leader field (first, type html) carries only hidden inputs and a script: it takes no room */
.sil-form .elementor-field-type-html{margin:0!important;padding:0!important;min-height:0}
.sil-form .elementor-field-label{font-weight:400}
.sil-form .elementor-field-textual,.sil-form select{min-height:50px;padding:12px 16px!important;unicode-bidi:plaintext;text-align:right}
.sil-form input[type="tel"]{direction:rtl;unicode-bidi:normal}
.sil-form textarea.elementor-field-textual{min-height:120px}
.sil-form .elementor-field-textual:focus,.sil-form select:focus{outline:none;background:#fff!important;border-color:var(--e-global-color-silem5,#46A288)!important;box-shadow:0 0 0 3px rgba(70,162,136,.18)}
.sil-form .e-form__buttons{margin-top:8px}
.sil-form .elementor-button{min-height:52px}
.sil-form .elementor-message{text-align:center;font-size:15px}
.sil-form-legal p{text-wrap:balance}
.sil-form-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* round 11: long text (prose block). The text editor carries .sil-prose (single-post rules above); here it fills the column */
.sil-n--prose .sil-prose{max-width:none;font-size:18px;line-height:1.75}
.sil-n--prose .sil-prose :is(p,ul,ol):last-child{margin-bottom:0}
.sil-n--prose .sil-prose strong{font-weight:500}
.sil-prose-img img{max-width:100%;height:auto;border-radius:14px;box-shadow:0 0 0 1px var(--e-global-color-silline,rgba(18,44,32,.12)),0 24px 48px -36px rgba(18,44,32,.45)}
.sil-prose-img .widget-image-caption{margin-top:10px;font-size:15px;color:var(--e-global-color-silmuted,rgba(18,44,32,.65))}

/* R13 (page-map board, 20.10): a page this plugin did not build (an old page, a default-template page) starts below
   the fixed header instead of under it. The plugin's own pages, posts, archives, search and 404 carry their own room. */
body:not(.elementor-template-canvas):has(.hd):not(:has([data-elementor-type="wp-page"] .sil-n, [data-elementor-type="single-post"], [data-elementor-type="single"], [data-elementor-type="archive"], [data-elementor-type="search-results"], [data-elementor-type="error-404"])){padding-top:148px}
@media (max-width:1099px){body:not(.elementor-template-canvas):has(.hd):not(:has([data-elementor-type="wp-page"] .sil-n, [data-elementor-type="single-post"], [data-elementor-type="single"], [data-elementor-type="archive"], [data-elementor-type="search-results"], [data-elementor-type="error-404"])){padding-top:104px}}
