@property --fxa{syntax:'<number>';inherits:false;initial-value:0}
.fx-r{opacity:0;transform:translateY(12px);filter:blur(6px);transition:opacity .8s var(--fx-ease),transform .8s var(--fx-ease),filter .8s var(--fx-ease);transition-delay:var(--d,0s)}
.fx-r.in{opacity:1;transform:none;filter:none}
.fx-r.fx-done{transition:opacity .3s,filter .3s,transform .3s var(--fx-ease),box-shadow .3s,border-color .3s;transition-delay:0s}
.fx-header{position:sticky!important;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.fx-sheen{position:relative;overflow:hidden}
.fx-sheen::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#FFFFFFA6 50%,transparent 70%);transform:translateX(-120%);animation:fxsheen 3.4s 1.2s ease-in-out infinite}
@keyframes fxsheen{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
[data-pencil-name="BG · Stars (sockpuppet.io)"]{animation:fxtwinkle 7s ease-in-out infinite alternate}
@keyframes fxtwinkle{from{opacity:1}to{opacity:.55}}
[data-pencil-name="Mark Badge"]{animation:fxfloat 5s ease-in-out infinite}
@keyframes fxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.fx-cell{position:relative;--x:50%;--y:50%;background-image:radial-gradient(380px circle at var(--x) var(--y),rgb(82 199 188 / calc(var(--fxa) * .12)),transparent 60%);transition:--fxa .35s}
.fx-cell:hover{--fxa:0}
.fx-cell [data-pencil-name="Icon Tile"]{transition:transform .35s var(--fx-ease)}
.fx-cell:hover [data-pencil-name="Icon Tile"]{transform:translateY(-2px) scale(1.06)}
.fx-cell [data-pencil-name="Watermark"]{transition:transform .8s var(--fx-ease)}
.fx-cell:hover [data-pencil-name="Watermark"]{transform:translate(-6px,-6px) rotate(-6deg)}
.fx-card.fx-done:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0A0A0A12}
.fx-pop{opacity:0;transform:scale(.4);transition:opacity .4s,transform .6s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--d,0s)}
.fx-pop.in{opacity:1;transform:none}
[data-pencil-name^="Button"]{cursor:pointer;transition:filter .2s,transform .15s}
[data-pencil-name^="Button"]:hover{filter:brightness(1.04)}
[data-pencil-name="Button · Contact Sales"]:hover{background-color:#5522E0!important;filter:none;transform:translateY(-1px)}
[data-pencil-name^="Nav "] [data-pencil-name="Caret"]{transition:transform .2s}
[data-pencil-name^="Nav "]:hover [data-pencil-name="Caret"]{transform:translateY(2px)}
[data-pencil-name^="Nav "]{cursor:pointer}
@property --fxbeam{syntax:'<angle>';inherits:false;initial-value:0deg}
.fx-beam-host{position:relative;isolation:isolate}
.fx-beam{position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--fxbeam),transparent 0deg,transparent 290deg,#6630FF 335deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:fxbeamspin 7s linear infinite;pointer-events:none}
@keyframes fxbeamspin{to{--fxbeam:360deg}}
[data-pencil-name^="Button"]:active{transform:scale(.98)}
html.still .fx-r,html.still .fx-pop{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
html.still *{animation-play-state:paused!important}
@media (prefers-reduced-motion: reduce){.fx-r,.fx-pop{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}*{animation:none!important}}

.howScount3Columns, .scountHasAnswersColumns, .SecurityGovernanceColumns{display:grid;}
.map .dots{fill:#0A0A0A;opacity:.18;clip-path:inset(0 100% 0 0);transition:clip-path 2.2s cubic-bezier(.16,1,.3,1)}
.map.in .dots{clip-path:inset(0 0 0 0)}
.np{fill:#52C7BC;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:opacity .5s,transform .6s cubic-bezier(.34,1.56,.64,1),fill .6s;transition-delay:var(--d)}
.map.in .np{opacity:1;transform:none}
.np.tw{fill:#006861;transition-delay:0s}
.cat{--x:50%;--y:50%}.cat::before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--x) var(--y),#52C7BC1c,transparent 60%);opacity:0;transition:opacity .35s}.cat:hover::before{opacity:1}.cat .itile{transition:transform .35s cubic-bezier(.16,1,.3,1)}.cat:hover .itile{transform:translateY(-3px)}
html.still .map .dots{clip-path:none}html.still .np{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.map .dots{clip-path:none}.np{opacity:1;transform:none}}


.tl{background:#fff;border-radius:20px;box-shadow:inset 0 0 0 1px #e5e5e5;padding:32px;display:flex;flex-direction:column;gap:24px;overflow:hidden;box-sizing:border-box;min-width:0}
.viz{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;background:#fafafa;border-radius:14px;box-shadow:inset 0 0 0 1px #e5e5e5;padding:8px 20px}
.cat.spot{background:radial-gradient(120% 140% at 15% 10%,#52C7BC1F,transparent 70%),radial-gradient(120% 150% at 92% 95%,#6630FF14,transparent 70%)}
.cat .wm{transition:transform .8s cubic-bezier(.16,1,.3,1)}.cat:hover .wm{transform:rotate(-8deg) scale(1.06)}
.marker{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;opacity:0;transform:scale(.4);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.map.in .marker{opacity:1;transform:none}
.marker i{position:absolute;inset:0;border-radius:999px;background:#52C7BC1f}
.marker b{position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:999px;border:1px solid #52C7BC80;box-sizing:border-box}
.marker s{position:absolute;left:21px;top:21px;width:10px;height:10px;border-radius:999px;background:#1F978D}
.marker u{position:absolute;left:21px;top:21px;width:10px;height:10px;border-radius:999px;border:1px solid #1F978D;box-sizing:border-box;animation:ping 2.4s var(--p,0s) cubic-bezier(0,0,.2,1) infinite}
@keyframes ping{0%{transform:scale(1);opacity:.9}80%,100%{transform:scale(4.2);opacity:0}}
.mlabel{position:absolute;padding:5px 9px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5,0 2px 8px #0000000a;font:500 12px/1.2 Inter,system-ui,sans-serif;color:#0a0a0a;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .6s,transform .6s}
.map.in .mlabel{opacity:1;transform:none}
.callout{position:absolute;display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #52C7BC;font:500 13px/1.2 Inter,system-ui,sans-serif;color:#0a0a0a;opacity:0;transform:translateY(6px);transition:opacity .7s 2s,transform .7s 2s}
.map.in .callout{opacity:1;transform:none}
.scout-tile,.envlive{animation:scoutGlow 3s ease-in-out infinite}
@keyframes scoutGlow{0%,100%{box-shadow:inset 0 0 0 1.5px #52C7BC,0 0 0 0 #52C7BC00}50%{box-shadow:inset 0 0 0 1.5px #52C7BC,0 0 24px 2px #52C7BC40}}
.wire span{position:absolute;top:-2px;left:0;width:6px;height:6px;border-radius:9px;background:#1F978D;box-shadow:0 0 8px #52C7BC;animation:travel 2.4s linear infinite}
@keyframes travel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}
.fleetg i{height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5;color:#a3a3a3}
.fleetg i{transition:background .5s,color .5s,box-shadow .5s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.fleetg.in i.on{background:#1F978D;box-shadow:none;color:#fff}
.fleetg i.pop{transform:scale(1.15)}
html.still .fleetg i.on{background:#1F978D;box-shadow:none;color:#fff}
@media (prefers-reduced-motion: reduce){.fleetg i.on{background:#1F978D;box-shadow:none;color:#fff}}
html.still .marker,html.still .mlabel,html.still .callout{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion: reduce){.marker,.mlabel,.callout{opacity:1;transform:none}.wire span,.marker u{animation:none}}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
.beam-border{position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a),transparent 0deg,transparent 290deg,#52C7BC 335deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:beamspin 7s linear infinite;pointer-events:none}
@keyframes beamspin{to{--a:360deg}}
.wire:not([style*="flex"]) span{display:none}
.tick{opacity:0;transform:scale(.4);transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--d)}
.tl.in-view .tick,html.still .tick{opacity:1;transform:none}
.teardown{animation:tear 4s ease-in-out infinite}
@keyframes tear{0%,40%{opacity:1}55%,85%{opacity:.35}100%{opacity:1}}
.pulse-dot{animation:pdot 2.4s var(--d,0s) ease-in-out infinite}
@keyframes pdot{0%,100%{box-shadow:0 0 0 0 #52C7BC66}50%{box-shadow:0 0 0 6px #52C7BC00}}
@media (prefers-reduced-motion: reduce){.tick{opacity:1;transform:none}.teardown,.pulse-dot{animation:none}}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1)}
.faq.open .faq-a{grid-template-rows:1fr}
.faq-v{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.faq.open .faq-v{transform:rotate(90deg) scaleX(0)}
.faq-ic{transition:background .3s}.faq-q:hover .faq-ic{background:#52c7bc40}
.faq-q:focus-visible{outline:2px solid #6630FF;outline-offset:4px;border-radius:6px}
.cat::before,.cat:hover::before{display:none!important}
.loadbar{animation:load 3.2s cubic-bezier(.16,1,.3,1) infinite}
@keyframes load{0%{transform:scaleX(0)}45%,100%{transform:scaleX(1)}}
.growbar{transform-origin:left;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.tl.in-view .growbar,html.still .growbar{transform:none}
@media (prefers-reduced-motion: reduce){.loadbar{animation:none}.growbar{transform:none}}


/* 2026-10-19 · Option J v2 — Magic UI / React Bits visuals: one surface max, teal-only lining */
/* 2026-10-20 · review notes applied: governance-model labels, numbered step cards, isolated sessions without the blocked path */
.mu-viz{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}
.mu-stage{position:relative;flex:none;margin:0 auto}
.mu-abs{position:absolute}
.mu-flat>*{position:relative;z-index:1}
.mu-eyebrow{font:600 11px/1.35 Inter,system-ui,sans-serif;letter-spacing:1.2px;color:#737373}
.mu-node{display:flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5,0 2px 10px #0a0a0a0f;flex:none}
.mu-glow{position:absolute;border-radius:999px;background:#52C7BC14}
.mu-row{display:flex;align-items:center;gap:10px}
.mu-lbl{flex:1;min-width:0;font:500 13px/1.3 Inter,system-ui,sans-serif;color:#262626}
.mu-check{display:flex;align-items:center;justify-content:center;border-radius:99px;background:#1F978D;color:#fff;flex:none}
.mu-beams{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.mu-beams .base{fill:none;stroke:#e5e5e5;stroke-width:2;stroke-linecap:round}
.mu-beams .pulse{fill:none;stroke:#1F978D;stroke-width:2;stroke-linecap:round;stroke-dasharray:22 100;filter:drop-shadow(0 0 3px #52C7BC);animation:muBeam 2.8s linear infinite}
@keyframes muBeam{from{stroke-dashoffset:22}to{stroke-dashoffset:-100}}
.mu-card{display:flex;flex-direction:column;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5,0 4px 16px #0a0a0a0f}
.mu-st{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:600 12px/1.2 Inter,system-ui,sans-serif;white-space:nowrap;width:fit-content}
.mu-st i{width:6px;height:6px;border-radius:9px;flex:none}
.mu-st.teal{background:#52c7bc24;color:#0F766E}.mu-st.teal i{background:#1F978D}
.mu-st.grey{background:#f5f5f5;color:#737373}.mu-st.grey i{background:#a3a3a3}
.mu-st.gold{background:#E0B64D2E;color:#8A5A12}.mu-st.gold i{background:#B7791F}
.mu-st.purple{background:#6630FF14;color:#6630FF}.mu-st.purple i{background:#6630FF}
.mu-item{display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:12px}
.mu-item.sel{background:#fff;box-shadow:inset 0 0 0 1px #52C7BC,0 6px 18px #0a0a0a14}
.mu-tile{width:30px;height:30px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5;display:flex;align-items:center;justify-content:center;flex:none}
.mu-radio{width:16px;height:16px;border-radius:99px;box-shadow:inset 0 0 0 1.5px #d4d4d4;flex:none}
.mu-blurfade{animation:muBlurFade 4.6s ease-in-out -2.6s infinite}
@keyframes muBlurFade{0%,25%{opacity:1;filter:none}45%,85%{opacity:.5;filter:blur(1.2px)}100%{opacity:1;filter:none}}
.mu-ring{position:absolute;border-radius:999px;box-shadow:inset 0 0 0 1px #e5e5e5}
.mu-orbit{position:absolute;z-index:1;width:0;height:0;animation:muSpin var(--dur) linear infinite}
.mu-orbit:hover,html.still .mu-orbit:has(.is-demo){z-index:6}
.mu-orbit.rev{animation-direction:reverse}
.mu-sat{position:absolute;left:0;top:0;z-index:1;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)))}
.mu-sat:hover,html.still .mu-sat.is-demo{z-index:5}
.mu-sat-in{position:relative;width:36px;height:36px;margin:-18px 0 0 -18px;animation:muSpin var(--dur) linear infinite reverse}
.mu-orbit.rev .mu-sat-in{animation-direction:normal}
@keyframes muSpin{to{transform:rotate(360deg)}}
.mu-plat{color:#737373;cursor:default;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,color .25s}
.mu-plat.sel{background:#F4FDFC;color:#0F766E;box-shadow:inset 0 0 0 1.5px #52C7BC,0 2px 12px #52C7BC40}
.mu-sat-in:hover .mu-plat,html.still .is-demo .mu-plat{transform:scale(1.17);color:#0a0a0a;box-shadow:inset 0 0 0 1px #a3a3a3,0 6px 18px #0a0a0a24}
.mu-tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,4px);opacity:0;pointer-events:none;white-space:nowrap;padding:4px 10px;border-radius:6px;background:#fafafa;box-shadow:inset 0 0 0 1px #e5e5e5,0 2px 3.5px #0000000f,0 4px 5.25px #0000001a;font:500 12px/1.43 Inter,system-ui,sans-serif;color:#0a0a0a;transition:opacity .2s,transform .2s}
.mu-sat-in:hover .mu-tip,html.still .is-demo .mu-tip{opacity:1;transform:translate(-50%,0)}
.mu-dock{position:relative;z-index:1;display:flex;align-items:flex-end;gap:10px;height:64px;padding:0 12px 10px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5,0 8px 24px #0a0a0a14}
.mu-dock-item{position:relative;width:44px;height:44px;border-radius:999px;background:#fafafa;box-shadow:inset 0 0 0 1px #ededed;display:flex;align-items:center;justify-content:center;color:#737373;flex:none;outline:none;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,color .3s}
.mu-dock-item svg{width:42%;height:42%}
.mu-dock-item .st{position:absolute;right:1px;bottom:1px;width:20%;height:20%;border-radius:99px;background:#1F978D;box-shadow:0 0 0 2px #fff;animation:muDot 2.4s ease-in-out infinite}
.mu-dock-item:nth-child(2) .st{animation-delay:.4s}.mu-dock-item:nth-child(3) .st{animation-delay:.8s}.mu-dock-item:nth-child(4) .st{animation-delay:1.2s}.mu-dock-item:nth-child(5) .st{animation-delay:1.6s}
@keyframes muDot{0%,100%{box-shadow:0 0 0 2px #fff,0 0 0 2px #52C7BC66}50%{box-shadow:0 0 0 2px #fff,0 0 0 7px #52C7BC00}}
.mu-dock:hover .mu-dock-item:hover,.mu-dock:focus-within .mu-dock-item:focus,.mu-dock:not(:hover):not(:focus-within) .mu-dock-item.is-demo{width:62px;height:62px;color:#0a0a0a;box-shadow:inset 0 0 0 1px #a3a3a3,0 6px 16px #0a0a0a1f}
.mu-dock:hover .mu-dock-item:has(+ .mu-dock-item:hover),.mu-dock:hover .mu-dock-item:hover + .mu-dock-item,.mu-dock:not(:hover):not(:focus-within) .mu-dock-item:has(+ .is-demo),.mu-dock:not(:hover):not(:focus-within) .is-demo + .mu-dock-item{width:52px;height:52px}
.mu-dock-item .mu-tip{bottom:calc(100% + 8px)}
.mu-dock:hover .mu-dock-item:hover .mu-tip,.mu-dock:focus-within .mu-dock-item:focus .mu-tip,.mu-dock:not(:hover):not(:focus-within) .is-demo .mu-tip{opacity:1;transform:translate(-50%,0)}
.mu-ripple{position:absolute;border-radius:999px;transform:translate(-50%,-50%);animation:muRipple 3.4s ease-in-out infinite}
@keyframes muRipple{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.92)}}
.mu-avatars{display:flex}
.mu-avatar{width:46px;height:46px;border-radius:99px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff;margin-left:-12px}
.mu-avatar:first-child{margin-left:0}
.mu-shine{position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a),#52C7BC,#A7E8E1,#1F978D,#52C7BC);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:beamspin 6s linear infinite;pointer-events:none}
.mu-card .beam-border{padding:1.5px}
.mu-feed{width:100%;height:217px;overflow:hidden;padding-top:8px}
.mu-feed-track{display:flex;flex-direction:column;gap:6px}
.mu-note{display:flex;align-items:center;gap:12px;height:46px;padding:0 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5;flex:none}
.mu-note .av{width:30px;height:30px;border-radius:99px;display:flex;align-items:center;justify-content:center;flex:none}
.mu-note .who{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.mu-note b{font:600 13px/1.3 Inter,system-ui,sans-serif;color:#0a0a0a}
.mu-note small{font:400 12px/1.3 Inter,system-ui,sans-serif;color:#737373}
.mu-note time{font:400 12px/1 Inter,system-ui,sans-serif;color:#a3a3a3;font-variant-numeric:tabular-nums}
.mu-feed-track .mu-note{animation:8s linear -3s infinite both}
.mu-feed-track .mu-note:nth-child(1){animation-name:muFeed1}
.mu-feed-track .mu-note:nth-child(2){animation-name:muFeed2}
.mu-feed-track .mu-note:nth-child(3){animation-name:muFeed3}
.mu-feed-track .mu-note:nth-child(4){animation-name:muFeed4}
@keyframes muFeed1{0%,18.75%{opacity:0;transform:scale(.85);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}24.375%,91.25%{opacity:1;transform:none;animation-timing-function:ease}97.5%,100%{opacity:0;transform:none}}
@keyframes muFeed2{0%,12.5%{opacity:0;transform:scale(.85);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}18.125%,91.25%{opacity:1;transform:none;animation-timing-function:ease}97.5%,100%{opacity:0;transform:none}}
@keyframes muFeed3{0%,6.25%{opacity:0;transform:scale(.85);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}11.875%,91.25%{opacity:1;transform:none;animation-timing-function:ease}97.5%,100%{opacity:0;transform:none}}
@keyframes muFeed4{0%{opacity:0;transform:scale(.85);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}5.625%,91.25%{opacity:1;transform:none;animation-timing-function:ease}97.5%,100%{opacity:0;transform:none}}
.cat:hover .itile,.fx-cell:hover [data-pencil-name="Icon Tile"]{transform:none!important}
.mu-capsule{width:200px;height:60px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5,0 2px 10px #0a0a0a0d;display:flex;align-items:center;gap:10px;padding:0 14px}
.mu-capsule .beam-border{padding:1.5px}
.mu-capsule .ic{width:32px;height:32px;border-radius:10px;background:#52c7bc24;color:#0F766E;display:flex;align-items:center;justify-content:center;flex:none}
.mu-seal{position:absolute;right:-4px;top:-8px;width:20px;height:20px;border-radius:99px;background:#1F978D;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
.mu-t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.mu-t b{font:600 13px/1.3 Inter,system-ui,sans-serif;color:#0a0a0a}
.mu-t small{font:400 12px/1.3 Inter,system-ui,sans-serif;color:#737373}
.mu-dest{width:184px;height:40px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #e5e5e5;display:flex;align-items:center;gap:8px;padding:0 10px;color:#525252}
.mu-dest .mu-lbl{font-size:12px;color:#0a0a0a}
.mu-idrow{height:56px;display:flex;align-items:center;gap:10px;padding:0 4px}
.mu-idrow.sep{box-shadow:inset 0 -1px 0 #ededed}
.mu-av32{width:32px;height:32px;border-radius:99px;display:flex;align-items:center;justify-content:center;flex:none}
.mu-st.sm{padding:3px 8px;font-size:11px;gap:5px}
.mu-pill-lbl{white-space:nowrap;font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:.2px;color:#0F766E;background:#52c7bc24;padding:7px 12px;border-radius:999px}
.mu-step{display:flex;flex-direction:column;gap:20px;background:#fff;border-radius:20px;box-shadow:inset 0 0 0 1px #e5e5e5;padding:24px 24px 32px;overflow:hidden}
.mu-num{width:28px;height:28px;border-radius:99px;background:#52c7bc24;color:#0F766E;display:flex;align-items:center;justify-content:center;font:600 14px/1 'Inter Tight',system-ui,sans-serif;flex:none}
.mu-shimmer{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:100px;background:#6630FF;color:#fff;font:600 15px/1 'Inter Tight',system-ui,sans-serif;box-shadow:0 8px 24px #6630FF40}
.mu-shimmer::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff59 50%,transparent 70%);transform:translateX(-120%);animation:fxsheen 3.2s .6s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.mu-beams .pulse{display:none}.mu-orbit,.mu-sat-in,.mu-ripple,.mu-blurfade,.mu-dock-item .st,.mu-shimmer::after,.mu-feed-track .mu-note{animation:none!important}}
.sj-tab{all:unset;box-sizing:border-box}.sj-tab .sj-ic{background:#f5f5f5;color:#737373}.sj-tab .sj-lb{color:#737373}.sj-tab .sj-ar{color:#d4d4d4}
.sj-tab:hover .sj-lb{color:#0a0a0a}.sj-tab:focus-visible{outline:2px solid #6630FF;outline-offset:2px}
.sj-tab[aria-selected="true"]{background:#fff;box-shadow:inset 0 0 0 1.5px #52C7BC,0 6px 18px #0000000d}
.sj-tab[aria-selected="true"] .sj-ic{background:#52c7bc24;color:#0F766E}.sj-tab[aria-selected="true"] .sj-lb{color:#0a0a0a}.sj-tab[aria-selected="true"] .sj-ar{color:#1F978D}
.sj-dot{width:8px;background:#d4d4d4}.sj-dot.on{width:28px;background:#1F978D}
html:not(.still) .sj-pane{animation:sjin .35s ease both}@keyframes sjin{from{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sj-pane{animation:none}}

.InvestigationArchitecture .bento1
{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}

.securityGovernance .bento1
{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
@media screen and (max-width: 767px) {
    .howScount3Columns, .scountHasAnswersColumns,
    .SecurityGovernanceColumns,
    .InvestigationArchitecture .bento1,
    .securityGovernance .bento1, .securityGovernance .in-view{display:block!important}

    .howScount3Columns .mu-step,
    .scountHasAnswersColumns .tl,
    .SecurityGovernanceColumns .tl,
    .securityGovernance .tl{margin-bottom:20px;}

}


@media (max-width:640px){
  [data-pencil-name="Scout — Platform · Light"]>:not([data-pencil-name="Announcement Bar"]){padding-left:16px!important;padding-right:16px!important}
  [data-pencil-name="Scout — Platform · Light"] [style*="font-size: 54px"],[data-pencil-name="Scout — Platform · Light"] [style*="font-size: 56px"],[data-pencil-name="Scout — Platform · Light"] [style*="font-size: 52px"]{font-size:34px!important;line-height:1.15!important;letter-spacing:-.6px!important}
  [data-pencil-name="Announcement Bar"]{flex-wrap:wrap!important;gap:6px 10px!important;padding:10px 16px!important}
  [data-pencil-name="Announcement Bar"]>*{white-space:normal!important;text-align:center!important}
  [data-pencil-name="Site Header"]{padding-top:12px!important;padding-bottom:12px!important}
  [data-pencil-name="Site Header"]>[data-pencil-name="Nav"]{padding:4px 16px 16px}
  [data-pencil-name="Site Header"]>[data-pencil-name="Actions"]>[data-pencil-name="Login"]{display:none!important}
  [data-pencil-name="Nav"]>.lp-nav-login{display:flex!important}
  [data-pencil-name="Site Header"] [data-pencil-name="Button · Contact Sales"]{padding:10px 18px!important}
  [data-pencil-name="Hero"]{padding-top:56px!important;padding-bottom:72px!important}
  [data-pencil-name="Hero Copy"]{gap:20px!important}
  [data-pencil-name="Hero Copy"]>[data-pencil-name="Subhead"]{font-size:16px!important;line-height:1.6!important}
  [data-pencil-name="Hero Copy"]>[data-pencil-name="CTAs"]{flex-wrap:wrap!important;justify-content:center!important}
  [data-pencil-name="Scout — Platform · Light"]>[style*="padding: 120px"]{padding-top:64px!important;padding-bottom:64px!important}
  [data-pencil-name="Scout — Platform · Light"]>[style*="padding: 0px 100px 120px"]{padding-bottom:64px!important}
  [data-pencil-name="Get Started"]{padding-top:64px!important;padding-bottom:64px!important}
  [data-pencil-name="Get Started"]>[data-pencil-name="CTAs"]{flex-direction:column!important;align-self:stretch!important;align-items:stretch!important;width:auto!important}
  [data-pencil-name="Get Started"]>[data-pencil-name="CTAs"]>*,[data-pencil-name="Get Started"]>[data-pencil-name="CTAs"]>a>*{width:100%!important;justify-content:center!important}
  [data-pencil-name="Destinations"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-pencil-name="Cards"]{grid-template-columns:minmax(0,1fr)!important}
  [data-pencil-name="Footer"]{padding-top:56px!important;padding-bottom:32px!important}
  .map .mlabel{display:none}
.InvestigationArchitecture .tl, 
[data-pencil-name="Mission-Critical Benefits"] .tl,
[data-pencil-name="Why Scout"] .tl{padding:20px!important;gap:20px!important; margin-bottom:20px;}
  [data-pencil-name="Reasons"] [style*="font-size:18px"]{font-size:16px!important}
  .mu-note .mu-st{font-size:11px!important;padding:3px 8px!important}
  [data-pencil-name="Visual · Magic UI Shimmer Button"]>div{max-width:100%!important}
  .v2-row{height:auto!important;min-height:46px;padding-top:8px!important;padding-bottom:8px!important}
  [data-pencil-name="Vaulted Credentials"] .v2-row{flex-wrap:wrap;row-gap:6px}
  [data-pencil-name="Vaulted Credentials"] .v2-row>div:nth-child(2){flex:1 1 calc(100% - 44px)!important;min-width:0}
  [data-pencil-name="Vaulted Credentials"] .v2-row>span:nth-child(3){margin-left:44px}
  [data-pencil-name="Session Lifecycle"] [data-pencil-name="Visual"]>div>div:not(.wire){width:auto!important;flex:1 1 0!important;min-width:0!important}
  [data-pencil-name="Session Lifecycle"] .wire{flex:0 1 16px!important;min-width:8px!important}
  [data-pencil-name="One Environment Per Session"] [data-pencil-name="Visual"]>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-pencil-name="Footer Top"]>[data-pencil-name="Actions"]{flex-wrap:wrap!important}
  [data-pencil-name="Footer Links"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-pencil-name="Footer Bottom"]{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
}