/* Index-page host for the security page's v11 deployment switcher.
   Part 1: the d2-switcher / hub rules copied verbatim from samples/home-dep.css (lines 244, 247-282), kept out of the global sheet so the rest of the homepage cascade is untouched. */
@media (max-width:760px){.dep2{background:var(--bg0);padding:calc(28px*var(--z)) 24px calc(34px*var(--z));display:flex;flex-direction:column;align-items:center}.d2-seg{position:relative;direction:ltr;display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,392px);padding:5px;border-radius:999px;border:1px solid rgba(15,22,45,.07);background:linear-gradient(180deg,#f2f3f6,#fafbfc);box-shadow:inset 0 1px 3px rgba(15,22,45,.10),0 1px 0 rgba(255,255,255,.9)}html[data-theme="dark"] .d2-seg{border-color:rgba(255,255,255,.07);background:linear-gradient(180deg,#07090f,#0f121b);box-shadow:inset 0 0 0 1px rgba(150,170,220,.2),inset 0 2px 8px rgba(0,0,0,.55)}.d2-seg i{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/3);border-radius:999px;transform:translateX(calc(var(--i,0)*100%));transition:transform .45s cubic-bezier(.3,.8,.3,1)}.d2-seg .doit{--z:.8;position:absolute;inset:0;padding:0;width:auto;height:auto;pointer-events:none;border-radius:999px}.d2-seg .doit .dring{inset:calc(5px*var(--z))}.d2-seg.press .doit{--pr:1}.d2-seg .doit .shine::before{animation:none}.d2-seg .doit .shine.sw::before{animation:p-sweep .85s cubic-bezier(.3,.6,.2,1) forwards}.d2-seg button{position:relative;z-index:1;appearance:none;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;height:50px;min-height:50px;padding:0 8px;white-space:nowrap;border-radius:999px;font:600 15.5px/1 var(--text);letter-spacing:-.005em;color:#5d6270;transition:color .3s;-webkit-tap-highlight-color:transparent}html[data-theme="dark"] .d2-seg button{color:#8d96ab}.d2-seg button[aria-checked="true"]{color:var(--doit-text);font-family:var(--disp);font-weight:700}.d2-seg button:focus-visible{outline:2px solid var(--p-doit-ring-hi);outline-offset:2px}@media (hover:hover){.d2-seg button[aria-checked="false"]:hover{color:var(--ink);background:rgba(15,22,45,.05)}html[data-theme="dark"] .d2-seg button[aria-checked="false"]:hover{background:rgba(255,255,255,.06)}}.d2-note{margin:16px 0 0;max-width:30em;min-height:3.6em;text-align:center;font:400 15px/1.45 var(--text);color:var(--ink2);text-wrap:balance}.d2-note b{color:var(--ink);font-weight:600}html[lang="he"] .d2-note,html[lang="he"] .d2-seg button:not([aria-checked="true"]){font-family:var(--he)}html.rm .d2-seg i{transition:none}@media (min-width:900px){.d2-seg{width:420px}.d2-seg button{height:56px;min-height:56px;font-size:17px}.d2-note{font-size:17px}.d2-seg .doit{--z:1}}@media (max-width:760px){html body #onprem p:not(.d2-note){font-size:15px!important}html body .d2-note{font-size:14px}html body .dep2{padding:14px 20px 20px!important}}.d2-seg button.d2-opt{--z:.5;position:relative;inset:auto;width:auto;pointer-events:auto;border-radius:999px;isolation:isolate;margin:6px 5px;height:38px;min-height:38px;padding:0 6px;color:var(--doit-text)!important;font:600 14px/1 var(--disp)}.d2-seg button.d2-opt .dlbl{width:100%;text-align:center}.d2-seg button.d2-opt[aria-checked="false"]{opacity:.78}.d2-seg button.d2-opt[aria-checked="true"]{margin:0;height:50px;min-height:50px;opacity:1;font-weight:700}.d2-seg button.d2-opt[aria-checked="true"]>.shell,.d2-seg button.d2-opt[aria-checked="true"]>.dring,.d2-seg button.d2-opt[aria-checked="true"]>.shine{opacity:0}@media (hover:hover){.d2-seg button.d2-opt[aria-checked="false"]:hover{background:transparent;opacity:1}}@media (min-width:900px){.d2-seg button.d2-opt{height:44px;min-height:44px;font-size:15px}.d2-seg button.d2-opt[aria-checked="true"]{height:56px;min-height:56px;font-size:17px}}}
html body #onprem .mvtag{color:var(--acct)!important;-webkit-text-fill-color:var(--acct)!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;background:var(--capbg)!important;filter:none!important;font-weight:600!important;letter-spacing:0!important}
@media (min-width:601px){html body #onprem #op-s2 .royal-t,html body #onprem #op-s2 .tiny{font-size:13px!important}html body #onprem #op-s2 .nd b{font-size:14px!important}html body #onprem #op-pts .lb strong{font-size:15.2px!important}html body #onprem #op-pts p{font-size:13px!important}}
html body #onprem .opf-halo .h1{width:calc(var(--u)*150px);height:calc(var(--u)*150px);background:radial-gradient(circle,var(--h-ring2) 0,var(--h-ring2) 70%,transparent 100%)}
html body #onprem .opf-halo .h2{width:calc(var(--u)*116px);height:calc(var(--u)*116px);box-shadow:0 0 0 calc(var(--u)*1.6px) var(--h-bd2),0 calc(var(--u)*8px) calc(var(--u)*18px) calc(var(--u)*-4px) var(--h-sh2)}
html body #onprem .opf-halo .h3{width:calc(var(--u)*54px);height:calc(var(--u)*54px)}
html body #onprem .opf-live{width:calc(var(--u)*51.8px);height:calc(var(--u)*51.8px)}
html body #onprem .opf{--h-bd2:rgba(45,94,255,.42);--h-ring2:rgba(45,94,255,.15);--h-sh2:rgba(45,94,255,.30)}
html[data-theme=dark] body #onprem .opf{--h-bd2:rgba(59,116,255,.55);--h-ring2:rgba(59,116,255,.16);--h-sh2:rgba(59,116,255,.38)}
@media (min-width:601px){html body #onprem #op-s2{height:auto!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important;min-height:0!important}html body #onprem .opf{--tf:calc(.985/var(--u));--tl:calc(1.42/var(--u));margin-top:0}html[data-ui=he] body #onprem .opf{--tl:calc(1.31/var(--u))}html body #onprem p.op-cap{display:block!important;font-size:14px!important;line-height:1.45!important;margin:0 0 14px!important}html body #onprem .opf-box{aspect-ratio:1024/506!important}}
html body #onprem p.op-cap{display:none;margin:0 0 10px;text-align:start;color:var(--ink2,#6b6b70);font-weight:400}
html[lang="he"] body #onprem p.op-cap{font-family:var(--he)}
@media (max-width:600px){html body #onprem p.op-cap{display:block;font-size:13.5px!important;line-height:1.45!important}}
/* desktop twin of the d2 switcher rules above (homepage nests them in max-width:760px, so it is unstyled on desktop there). Same rules, from 761px. */
@media (min-width:761px){.dep2{background:var(--bg0);padding:calc(28px*var(--z)) 24px calc(34px*var(--z));display:flex;flex-direction:column;align-items:center}.d2-seg{position:relative;direction:ltr;display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,392px);padding:5px;border-radius:999px;border:1px solid rgba(15,22,45,.07);background:linear-gradient(180deg,#f2f3f6,#fafbfc);box-shadow:inset 0 1px 3px rgba(15,22,45,.10),0 1px 0 rgba(255,255,255,.9)}html[data-theme="dark"] .d2-seg{border-color:rgba(255,255,255,.07);background:linear-gradient(180deg,#07090f,#0f121b);box-shadow:inset 0 0 0 1px rgba(150,170,220,.2),inset 0 2px 8px rgba(0,0,0,.55)}.d2-seg i{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/3);border-radius:999px;transform:translateX(calc(var(--i,0)*100%));transition:transform .45s cubic-bezier(.3,.8,.3,1)}.d2-seg .doit{--z:.8;position:absolute;inset:0;padding:0;width:auto;height:auto;pointer-events:none;border-radius:999px}.d2-seg .doit .dring{inset:calc(5px*var(--z))}.d2-seg.press .doit{--pr:1}.d2-seg .doit .shine::before{animation:none}.d2-seg .doit .shine.sw::before{animation:p-sweep .85s cubic-bezier(.3,.6,.2,1) forwards}.d2-seg button{position:relative;z-index:1;appearance:none;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;height:50px;min-height:50px;padding:0 8px;white-space:nowrap;border-radius:999px;font:600 15.5px/1 var(--text);letter-spacing:-.005em;color:#5d6270;transition:color .3s;-webkit-tap-highlight-color:transparent}html[data-theme="dark"] .d2-seg button{color:#8d96ab}.d2-seg button[aria-checked="true"]{color:var(--doit-text);font-family:var(--disp);font-weight:700}.d2-seg button:focus-visible{outline:2px solid var(--p-doit-ring-hi);outline-offset:2px}@media (hover:hover){.d2-seg button[aria-checked="false"]:hover{color:var(--ink);background:rgba(15,22,45,.05)}html[data-theme="dark"] .d2-seg button[aria-checked="false"]:hover{background:rgba(255,255,255,.06)}}.d2-note{margin:16px 0 0;max-width:30em;min-height:3.6em;text-align:center;font:400 15px/1.45 var(--text);color:var(--ink2);text-wrap:balance}.d2-note b{color:var(--ink);font-weight:600}html[lang="he"] .d2-note,html[lang="he"] .d2-seg button:not([aria-checked="true"]){font-family:var(--he)}html.rm .d2-seg i{transition:none}@media (min-width:900px){.d2-seg{width:420px}.d2-seg button{height:56px;min-height:56px;font-size:17px}.d2-note{font-size:17px}.d2-seg .doit{--z:1}}.d2-seg button.d2-opt{--z:.5;position:relative;inset:auto;width:auto;pointer-events:auto;border-radius:999px;isolation:isolate;margin:6px 5px;height:38px;min-height:38px;padding:0 6px;color:var(--doit-text)!important;font:600 14px/1 var(--disp)}.d2-seg button.d2-opt .dlbl{width:100%;text-align:center}.d2-seg button.d2-opt[aria-checked="false"]{opacity:.78}.d2-seg button.d2-opt[aria-checked="true"]{margin:0;height:50px;min-height:50px;opacity:1;font-weight:700}.d2-seg button.d2-opt[aria-checked="true"]>.shell,.d2-seg button.d2-opt[aria-checked="true"]>.dring,.d2-seg button.d2-opt[aria-checked="true"]>.shine{opacity:0}@media (hover:hover){.d2-seg button.d2-opt[aria-checked="false"]:hover{background:transparent;opacity:1}}@media (min-width:900px){.d2-seg button.d2-opt{height:44px;min-height:44px;font-size:15px}.d2-seg button.d2-opt[aria-checked="true"]{height:56px;min-height:56px;font-size:17px}}}
/* Isolation from the inner-page stylesheet (assets/flow-inner.css line 229-231: .card{background:var(--panel)!important;border:1px solid var(--line)!important}, .card:hover{border-color!important}).
   The homepage does not load that file, so there #onprem .card is exactly the rules above. Restore them here with matching !important. */
#onprem .card,#onprem .card:hover{background:var(--card)!important;border:1px solid var(--ln)!important;box-shadow:none!important}
#onprem.op-v #op-s2,#onprem.op-v #op-s2:hover{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}

/* ---- Round 2: switcher pills = the canonical Do It button (homepage .doit: font 1.04rem/700/line-height 1, padding 16px -> 48.64px high, ring inset 6px / 2px border, --z:1). ----
   (a) v5.css `.rc.v3 button.doit{min-height:44px!important}` (only on this page, 'tap target' rule) inflated every inactive pill 38->44px, the grid row to 56px and the thumb to 56px while the buttons stayed 50px: labels sat 3px above the pill centre. Neutralise it here.
   (b) every pill uses the original size (no 0.5 scale / no 38-vs-50 split); width = grid column. */
.sx-dep .dep.dep2{padding-inline:0!important}
.d2-seg{padding:5px}
.d2-seg i{top:5px;bottom:5px}
.d2-seg .doit{--z:1}
.d2-seg .doit .dring{inset:calc(6px*var(--z))}
.rc.v3 .d2-seg button.d2-opt.doit,html body .d2-seg button.d2-opt.doit,html body .d2-seg button.d2-opt.doit[aria-checked]{--z:1;margin:0!important;height:calc(2.92*1.04rem)!important;min-height:0!important;padding:0 8px!important;font:700 1.04rem/1 var(--disp)!important;box-sizing:border-box}
.d2-seg button.d2-opt .dlbl{display:flex;align-items:center;justify-content:center;width:100%;height:1em;line-height:1;text-align:center;white-space:nowrap}
/* Hebrew label (ענן): Heebo glyph body sits low in a line-height:1 box (final nun descends); lift 1.2px so the word reads centred, same optical rule as the canonical Hebrew Do It */
html[data-ui=he] .d2-seg button.d2-opt .dlbl[data-k="ft.b1"]{transform:translateY(-1.2px)}
.d2-seg button.d2-opt[aria-checked="false"]{opacity:.8}
.d2-seg button.d2-opt[aria-checked="false"]>.shell,.d2-seg button.d2-opt[aria-checked="false"]>.dring{opacity:.5}
@media (min-width:900px){.d2-seg{width:420px}.d2-note{font-size:17px}}

/* Part 2: wrapper rules from sx.css / sxh.css / sxh-b4.css */
.dgv-sec{background:var(--bg0);padding-block:calc(8px*var(--z)) clamp(32px,5vw,56px);overflow:visible}
.sx-in{width:100%;max-width:1040px;margin-inline:auto;padding-inline:clamp(20px,5vw,40px);position:relative;box-sizing:border-box}
.sx-dep .dep.dep2{padding-inline:0!important}
.sx-op{margin-top:clamp(18px,3vw,26px)}
#onprem.sx-op{padding:0!important;background:transparent!important;border:0!important;min-height:0!important;margin-top:clamp(18px,3vw,26px)}
#onprem.sx-op .head,#onprem.sx-op .pts{display:none!important}
#onprem.sx-op .head+.card,#onprem.sx-op .card{margin-top:0!important}
#onprem.sx-op .op-in{padding:0;margin:0 auto;max-width:1120px}
@media (min-width:900px){
 .sx-in{max-width:1240px;padding-inline:clamp(32px,4vw,64px)}
 #onprem.sx-op .op-in{max-width:1240px}
}
@media (min-width:1200px){
 .sx-in{max-width:min(1480px,100% - 0px);padding-inline:clamp(40px,3.4vw,72px)}
 #onprem.sx-op .op-in{max-width:none}
}
@media (min-width:1700px){.sx-in{max-width:1640px}}
#onprem.sx-op{--dk:1}
#onprem.sx-op .card{transform:scale(var(--dk));transform-origin:50% 0;margin-bottom:calc(476px * (var(--dk) - 1))!important}
#onprem.sx-op .card{padding:20px 22px}
html body #onprem.sx-op p.op-cap{display:none!important}
/* v2: contain off-screen deployment panels (no horizontal scroll at 1280) */
html body #depsec{overflow-x:clip}