/* NexIP Shield homepage showcase V1 | light/dark site modes share a self-contained ink surface */
/* All declarations are scoped to the Shield component: no global selector resets. */
[data-product-theme="nexip-aero"] .nxshield-showcase,
.nxshield-showcase {
  --nxsh-ink: #071630;
  --nxsh-slate: #0b2245;
  --nxsh-white: #f5faff;
  --nxsh-dim: #c3d5ed;
  --nxsh-cyan: #74dbff;
  --nxsh-blue: #247cff;
  position: relative;
  isolation: isolate;
  width: 100%;
  margin: 0;
  padding: clamp(64px, 7vw, 114px) 0 clamp(76px, 7vw, 108px);
  color: var(--nxsh-white) !important;
  background:
    radial-gradient(ellipse 46% 72% at 72% 31%, rgba(27,111,236,.45), transparent 85%),
    radial-gradient(ellipse 36% 50% at 37% 109%, rgba(18,106,207,.29), transparent 95%),
    linear-gradient(122deg, #061630 3%, #082044 54%, #0a305c 100%);
  overflow: hidden;
  container-type: inline-size;
  font-family: inherit;
}
.nxshield-showcase, .nxshield-showcase * { box-sizing: border-box; }
.nxshield-showcase .nxshield-symbols {
  position: absolute; width: 0; height: 0; overflow: hidden;
}
.nxshield-showcase .nxshield-showcase__grain {
  position:absolute; inset:0; pointer-events:none; opacity:.35;
  background-image:
    linear-gradient(rgba(159,212,255,.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(159,212,255,.065) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: linear-gradient(90deg, transparent 12%, black 74%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 12%, black 74%, transparent 100%);
}
.nxshield-showcase::before {
  content:"";position:absolute;inset:auto -15% -68% 40%;height:100%;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse, rgba(18,125,247,.22), transparent 66%);
  filter:blur(15px);
}
.nxshield-showcase::after {
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,#5199f4 50%,transparent);opacity:.48;
}
.nxshield-showcase .nxshield-showcase__inner {
  position:relative; z-index:1; max-width:1480px; margin:auto;
  padding-inline:clamp(22px,4.5vw,76px);
  display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:center;gap:clamp(34px,4vw,76px);
}
.nxshield-showcase .nxshield-showcase__copy {position:relative;z-index:2;min-width:0;}
.nxshield-showcase .nxshield-showcase__badge {
  width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:9px;
  border:1px solid rgba(92,167,255,.29);border-radius:999px;
  padding:6px 12px 6px 7px;
  background:rgba(45,120,219,.14);box-shadow:0 6px 28px rgba(0,16,46,.17);
  color:#eaf5ff !important;font-size:12px;font-weight:800;letter-spacing:.12em;
}
.nxshield-showcase .nxshield-showcase__badge-icon{
  display:grid;place-items:center;width:25px;height:25px;border-radius:50%;
  color:#a1edff;background:linear-gradient(150deg,#0a74ef,#193d8d);
  box-shadow:0 0 14px rgba(26,135,255,.35);
}
.nxshield-showcase .nxshield-showcase__badge svg,
.nxshield-showcase .nxshield-showcase__features svg,
.nxshield-showcase .nxshield-showcase__btn svg,
.nxshield-showcase .nxshield-showcase__footnote svg,
.nxshield-showcase .nxshield-window svg,
.nxshield-showcase .nxshield-flow svg {
 width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.nxshield-showcase .nxshield-showcase__badge-icon svg{width:16px;height:16px;}
.nxshield-showcase .nxshield-showcase__badge-dot{width:5px;height:5px;margin-left:3px;border-radius:50%;background:#4ff1c0;box-shadow:0 0 8px #4ff1c0;}
.nxshield-showcase .nxshield-showcase__copy h2{
 margin:clamp(20px,2.6vw,38px) 0 20px !important;
 max-width:730px;
 font-size:clamp(34px,3.38vw,61px) !important;
 line-height:1.12 !important;letter-spacing:-.055em !important;
 font-weight:820 !important;color:#f6faff !important;-webkit-text-fill-color:#f6faff !important;
 text-wrap:balance;
}
.nxshield-showcase .nxshield-showcase__copy h2 span{
 display:block;color:#87d8ff!important;-webkit-text-fill-color:#87d8ff!important;
}
.nxshield-showcase .nxshield-showcase__lead{
 margin:0!important;max-width:640px;color:#c8d9ed!important;
 font-size:clamp(15px,1.22vw,18px)!important;line-height:1.75!important;
 -webkit-text-fill-color:#c8d9ed!important;
}
.nxshield-showcase .nxshield-showcase__features{
 display:grid;gap:18px;padding:0!important;list-style:none!important;
 margin:30px 0 32px!important;
}
.nxshield-showcase .nxshield-showcase__features li{
 display:flex;align-items:center;gap:14px;min-width:0;
 color:#e4eeff!important;-webkit-text-fill-color:#e4eeff!important;
 font-size:clamp(14px,1.02vw,16px);line-height:1.5;
}
.nxshield-showcase .nxshield-showcase__features li::before{display:none!important;}
.nxshield-showcase .nxshield-showcase__feature-icon{
 width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;
 background:linear-gradient(145deg,rgba(16,129,233,.32),rgba(9,72,170,.36));
 box-shadow:inset 0 0 0 1px rgba(95,177,255,.15);
 color:#72e6f5;
}
.nxshield-showcase .nxshield-showcase__feature-icon svg{width:22px;height:22px;}
.nxshield-showcase .nxshield-showcase__actions {display:flex;gap:13px;flex-wrap:wrap;}
.nxshield-showcase .nxshield-showcase__btn {
 display:inline-flex;align-items:center;justify-content:center;gap:18px;
 min-height:55px;padding:13px 22px;
 border-radius:12px;border:1px solid rgba(206,231,255,.59);
 text-decoration:none!important;
 font-size:15px;font-weight:750!important;line-height:1.3;
 transition:transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.nxshield-showcase .nxshield-showcase__btn:focus-visible{outline:3px solid #95e4ff;outline-offset:3px;}
.nxshield-showcase .nxshield-showcase__btn:hover{transform:translateY(-2px);}
.nxshield-showcase .nxshield-showcase__btn--primary{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 border-color:#72b7ff!important;
 background:linear-gradient(120deg,#16bcff 0%,#1267f5 68%,#2456e5 100%)!important;
 box-shadow:0 11px 32px rgba(14,101,249,.31),inset 0 1px 0 rgba(255,255,255,.27);
}
.nxshield-showcase .nxshield-showcase__btn--primary:hover{
 background:linear-gradient(120deg,#1bcfff,#247bff)!important;
 box-shadow:0 16px 40px rgba(14,101,249,.45);
}
.nxshield-showcase .nxshield-showcase__btn--secondary{
 color:#e9f5ff!important;-webkit-text-fill-color:#e9f5ff!important;
 background:rgba(4,23,55,.27)!important;
}
.nxshield-showcase .nxshield-showcase__btn--secondary:hover{background:rgba(76,147,230,.18)!important;border-color:#b6dbff!important;}
.nxshield-showcase .nxshield-showcase__btn svg{width:18px;height:18px;}
.nxshield-showcase .nxshield-showcase__footnote{
 display:flex;align-items:flex-start;gap:9px;max-width:610px;
 font-size:12px!important;line-height:1.6!important;
 color:#93b3d3!important;-webkit-text-fill-color:#93b3d3!important;
 margin:22px 0 0!important;
}
.nxshield-showcase .nxshield-showcase__footnote svg{width:15px;height:15px;margin-top:2px;color:#8dd4ff;}
/* Dimensional, CSS-rendered Shield product preview */
.nxshield-showcase .nxshield-showcase__visual{
 position:relative;min-width:0;
 padding:clamp(20px,3vw,38px) 0 64px;
 transform:perspective(1400px) rotateY(-2deg);
 transform-origin:center;
}
.nxshield-showcase .nxshield-showcase__halo{
 position:absolute;z-index:-1;inset:-36px -30px -20px 0;
 border:1px solid rgba(70,156,255,.19);border-radius:38% 37% 42% 32%;
 transform:rotate(-8deg);
 box-shadow:0 0 130px rgba(29,126,255,.22),inset 0 0 100px rgba(16,84,164,.1);
}
.nxshield-showcase .nxshield-showcase__orbit{
 position:absolute;z-index:-1;left:8%;right:-6%;bottom:4px;height:130px;
 border:1px solid rgba(92,191,255,.35);border-radius:50%;
 transform:rotate(-3deg);box-shadow:0 0 26px rgba(48,167,255,.1);
}
.nxshield-showcase .nxshield-window{
 overflow:hidden;border:1px solid rgba(109,184,255,.45);
 border-radius:20px;background:linear-gradient(160deg,#0b264c 0%,#07182e 80%);
 box-shadow:0 30px 78px rgba(0,7,21,.63),0 0 48px rgba(19,138,255,.18),inset 0 1px 0 rgba(182,227,255,.14);
}
.nxshield-showcase .nxshield-window__top{
 min-height:49px;padding:10px 17px;display:flex;align-items:center;gap:13px;
 border-bottom:1px solid rgba(129,180,231,.17);
 background:linear-gradient(90deg,rgba(17,44,84,.96),rgba(21,62,112,.88));
}
.nxshield-showcase .nxshield-window__lights{display:flex;gap:5px}
.nxshield-showcase .nxshield-window__lights i{width:8px;height:8px;border-radius:50%;background:#ff6883}
.nxshield-showcase .nxshield-window__lights i:nth-child(2){background:#f7c966}
.nxshield-showcase .nxshield-window__lights i:nth-child(3){background:#5ce6ae}
.nxshield-showcase .nxshield-window__brand{
 display:flex;align-items:center;gap:7px;margin:auto 0;
 white-space:nowrap;font-size:13px;color:#e7f3ff;font-weight:760;letter-spacing:-.02em;
}
.nxshield-showcase .nxshield-window__brand b{font-weight:550;color:#8cd7ff}
.nxshield-showcase .nxshield-window__brand svg{width:17px;height:17px;color:#67c8ff}
.nxshield-showcase .nxshield-window__demo{
 margin-left:auto;padding:5px 7px;border-radius:5px;
 font-size:9px;letter-spacing:.08em;font-weight:800;color:#9dbddd;
 border:1px solid rgba(113,171,238,.15);
}
.nxshield-showcase .nxshield-window__main{display:grid;grid-template-columns:clamp(90px,13vw,132px) minmax(0,1fr);}
.nxshield-showcase .nxshield-window__nav{
 padding:20px 8px;display:grid;align-content:start;gap:7px;
 border-right:1px solid rgba(132,176,233,.13);background:rgba(10,35,72,.5);
}
.nxshield-showcase .nxshield-window__nav span{
 display:flex;align-items:center;gap:8px;padding:9px 8px;
 color:#8daccb;font-size:10px;font-weight:650;white-space:nowrap;border-radius:7px;
}
.nxshield-showcase .nxshield-window__nav span.is-current{color:#e8f5ff;background:linear-gradient(90deg,#1764cb,#16427c);}
.nxshield-showcase .nxshield-window__nav i{width:11px;height:11px;flex:none;border:1.7px solid currentColor;border-radius:3px;}
.nxshield-showcase .nxshield-window__nav span:nth-child(3) i{border-radius:50% 50% 5px 5px;}
.nxshield-showcase .nxshield-window__workspace{min-width:0;padding:17px 16px 19px;}
.nxshield-showcase .nxshield-window__sitebar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;}
.nxshield-showcase .nxshield-window__site{display:flex;align-items:center;gap:7px;color:#f1faff;font-size:13px;font-weight:800;white-space:nowrap;}
.nxshield-showcase .nxshield-window__live{width:7px;height:7px;border-radius:50%;background:#34e8ad;box-shadow:0 0 9px #2af8ac;}
.nxshield-showcase .nxshield-window__protected{
 display:flex;align-items:center;gap:4px;padding:6px 8px;
 border:1px solid rgba(45,235,163,.34);background:rgba(6,113,86,.32);border-radius:7px;
 white-space:nowrap;font-size:10px;color:#a5fada;font-weight:720;
}
.nxshield-showcase .nxshield-window__protected svg{width:13px;height:13px;}
.nxshield-showcase .nxshield-window__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.nxshield-showcase .nxshield-window__kpi{
 display:grid;gap:5px;min-width:0;padding:12px 11px;
 border:1px solid rgba(121,183,253,.17);border-radius:10px;
 background:linear-gradient(140deg,rgba(25,65,113,.6),rgba(11,39,77,.75));
}
.nxshield-showcase .nxshield-window__kpi small{
 color:#b0c8e3;font-size:10px;line-height:1.3;min-height:26px;
}
.nxshield-showcase .nxshield-window__kpi strong{
 color:#f4faff;font-size:clamp(18px,1.55vw,24px);line-height:1.1;font-weight:850;letter-spacing:-.045em;
}
.nxshield-showcase .nxshield-window__kpi strong span{font-size:14px}
.nxshield-showcase .nxshield-window__kpi em{font-size:9px;font-style:normal;color:#7f9dbe;white-space:nowrap;}
.nxshield-showcase .nxshield-window__kpi:nth-child(2) strong{color:#8fcaff}
.nxshield-showcase .nxshield-window__kpi:nth-child(3) strong{color:#ffd090}
.nxshield-showcase .nxshield-window__bottom{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px;margin-top:10px;}
.nxshield-showcase .nxshield-window__graph,.nxshield-showcase .nxshield-window__rules{
 min-width:0;padding:12px;border:1px solid rgba(121,183,253,.17);border-radius:10px;background:rgba(14,43,82,.69);
}
.nxshield-showcase .nxshield-window__panelhead{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:7px;}
.nxshield-showcase .nxshield-window__panelhead strong{font-size:11px;color:#e4f2ff;line-height:1.3;font-weight:780;}
.nxshield-showcase .nxshield-window__panelhead span{font-size:9px;color:#98b6d3;}
.nxshield-showcase .nxshield-window__graph svg{width:100%;height:clamp(95px,9vw,142px);display:block;overflow:visible;}
.nxshield-showcase .nxshield-graph-grid{fill:none;stroke:#436488;stroke-width:1;opacity:.56;}
.nxshield-showcase .nxshield-graph-area{fill:url(#nxshieldGraph);}
.nxshield-showcase .nxshield-graph-line{fill:none;stroke:#38e7ef;stroke-width:3;stroke-linecap:round;}
.nxshield-showcase .nxshield-window__axis{display:flex;justify-content:space-between;color:#789cbb;font-size:9px;gap:4px;}
.nxshield-showcase .nxshield-window__rules{display:flex;flex-direction:column;gap:11px;}
.nxshield-showcase .nxshield-window__rules .nxshield-window__panelhead{margin-bottom:3px}
.nxshield-showcase .nxshield-window__rules .nxshield-window__panelhead svg{width:17px;height:17px;color:#5cb8ff;}
.nxshield-showcase .nxshield-window__rules > span{display:flex;align-items:center;gap:7px;font-size:10px;color:#bcd2e7;line-height:1.25;}
.nxshield-showcase .nxshield-window__rules > span svg{width:13px;height:13px;color:#45e4ae;}
.nxshield-showcase .nxshield-flow{
 position:absolute;left:-8%;right:2%;bottom:8px;min-height:91px;
 display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);
 align-items:center;gap:14px;padding:13px 23px;
 border:1px solid rgba(111,204,255,.6);border-radius:14px;
 background:linear-gradient(115deg,rgba(19,76,127,.95),rgba(10,49,102,.97));
 box-shadow:0 16px 35px rgba(0,7,29,.45),0 0 26px rgba(30,146,255,.18),inset 0 1px 0 rgba(164,225,255,.18);
 backdrop-filter:blur(9px);
}
.nxshield-showcase .nxshield-flow__source{display:flex;align-items:center;gap:11px;min-width:0;color:#9bcfff;}
.nxshield-showcase .nxshield-flow__source > svg{width:29px;height:29px}
.nxshield-showcase .nxshield-flow__source span{display:grid;gap:2px;min-width:0;}
.nxshield-showcase .nxshield-flow__source strong{font-size:11px;color:#e9f5ff}
.nxshield-showcase .nxshield-flow__source small{font-size:10px;color:#95b9d5;line-height:1.25;}
.nxshield-showcase .nxshield-flow__arrow{font-size:23px;color:#3ce6ff;font-weight:500;}
.nxshield-showcase .nxshield-flow__guard{
 display:grid;place-items:center;width:68px;height:68px;
 border-radius:17px;border:1px solid rgba(171,239,255,.73);
 color:#b9f4ff;background:radial-gradient(circle at 50% 25%,#148fff,#15437e 78%);
 box-shadow:0 0 30px rgba(44,177,255,.52),inset 0 0 19px rgba(53,186,255,.32);
 transform:translateY(-13px) rotate(-4deg);
}
.nxshield-showcase .nxshield-flow__guard svg{width:37px;height:37px;stroke-width:1.7;}
.nxshield-showcase .nxshield-flow__outcomes{display:grid;gap:7px;justify-items:start;min-width:0;}
.nxshield-showcase .nxshield-flow__outcomes > span{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;font-weight:740;}
.nxshield-showcase .nxshield-flow__outcomes svg{width:16px;height:16px;}
.nxshield-showcase .nxshield-flow__allowed{color:#6ff3bb;}
.nxshield-showcase .nxshield-flow__blocked{color:#ff9ca7;}
/* Strong tablet composition rather than collapsing to a huge empty panel */
@container (max-width:1150px) {
 .nxshield-showcase .nxshield-showcase__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding-inline:30px;}
 .nxshield-showcase .nxshield-showcase__copy h2{font-size:clamp(32px,3.8vw,49px)!important;}
 .nxshield-showcase .nxshield-window__nav{display:none;}
 .nxshield-showcase .nxshield-window__main{grid-template-columns:minmax(0,1fr);}
 .nxshield-showcase .nxshield-flow{left:-3%;right:-2%;}
}
@container (max-width:840px) {
 .nxshield-showcase .nxshield-showcase__inner{grid-template-columns:minmax(0,1fr);gap:20px;padding-inline:clamp(20px,6vw,54px);}
 .nxshield-showcase .nxshield-showcase__copy{max-width:700px;}
 .nxshield-showcase .nxshield-showcase__copy h2{max-width:800px;font-size:clamp(34px,6vw,54px)!important;}
 .nxshield-showcase .nxshield-showcase__features{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
 .nxshield-showcase .nxshield-showcase__features li{align-items:flex-start;flex-direction:column;font-size:13px;}
 .nxshield-showcase .nxshield-showcase__visual{width:min(100%,720px);margin-inline:auto;transform:none;}
 .nxshield-showcase .nxshield-window__main{grid-template-columns:118px minmax(0,1fr);}
 .nxshield-showcase .nxshield-window__nav{display:grid;}
}
@container (max-width:540px) {
 .nxshield-showcase{padding-top:54px;padding-bottom:60px;}
 .nxshield-showcase .nxshield-showcase__inner{padding-inline:19px;gap:24px;}
 .nxshield-showcase .nxshield-showcase__copy h2{font-size:clamp(31px,8.1vw,42px)!important;letter-spacing:-.045em!important;margin-top:21px!important;}
 .nxshield-showcase .nxshield-showcase__lead{font-size:14px!important;line-height:1.65!important;}
 .nxshield-showcase .nxshield-showcase__features{grid-template-columns:1fr;gap:12px;margin:22px 0 24px!important;}
 .nxshield-showcase .nxshield-showcase__features li{flex-direction:row;align-items:center;font-size:13px;gap:11px;}
 .nxshield-showcase .nxshield-showcase__feature-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px;}
 .nxshield-showcase .nxshield-showcase__feature-icon svg{width:19px;height:19px}
 .nxshield-showcase .nxshield-showcase__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
 .nxshield-showcase .nxshield-showcase__btn{font-size:12px;min-height:47px;padding:9px 10px;gap:7px;border-radius:9px;}
 .nxshield-showcase .nxshield-showcase__btn svg{width:15px;height:15px;}
 .nxshield-showcase .nxshield-showcase__footnote{font-size:11px!important;}
 .nxshield-showcase .nxshield-showcase__visual{padding:14px 0 50px;}
 .nxshield-showcase .nxshield-window{border-radius:13px}
 .nxshield-showcase .nxshield-window__top{padding:8px 10px;min-height:39px;}
 .nxshield-showcase .nxshield-window__brand{font-size:11px;}
 .nxshield-showcase .nxshield-window__demo{font-size:8px;padding:4px 5px;}
 .nxshield-showcase .nxshield-window__main{display:block;}
 .nxshield-showcase .nxshield-window__nav{display:none;}
 .nxshield-showcase .nxshield-window__workspace{padding:12px 11px 17px}
 .nxshield-showcase .nxshield-window__kpis{gap:5px;}
 .nxshield-showcase .nxshield-window__kpi{padding:9px 7px;gap:3px;}
 .nxshield-showcase .nxshield-window__kpi small{font-size:9px;min-height:24px;}
 .nxshield-showcase .nxshield-window__kpi strong{font-size:18px;}
 .nxshield-showcase .nxshield-window__kpi em{font-size:8px;white-space:normal;}
 .nxshield-showcase .nxshield-window__bottom{grid-template-columns:1fr;}
 .nxshield-showcase .nxshield-window__graph svg{height:105px;}
 .nxshield-showcase .nxshield-window__rules{display:none;}
 .nxshield-showcase .nxshield-flow{left:3%;right:3%;bottom:0;min-height:62px;padding:9px 11px;gap:6px;border-radius:10px;}
 .nxshield-showcase .nxshield-flow__source > svg{width:20px;height:20px;}
 .nxshield-showcase .nxshield-flow__source{gap:5px;}
 .nxshield-showcase .nxshield-flow__source strong,.nxshield-showcase .nxshield-flow__outcomes > span{font-size:9px;}
 .nxshield-showcase .nxshield-flow__source small{display:none;}
 .nxshield-showcase .nxshield-flow__arrow{font-size:13px;}
 .nxshield-showcase .nxshield-flow__guard{width:42px;height:42px;border-radius:11px;transform:translateY(-5px);}
 .nxshield-showcase .nxshield-flow__guard svg{width:25px;height:25px;}
 .nxshield-showcase .nxshield-flow__outcomes svg{width:12px;height:12px;}
}
@media (prefers-reduced-motion:reduce) {
 .nxshield-showcase .nxshield-showcase__btn{transition:none!important;}
 .nxshield-showcase .nxshield-showcase__btn:hover{transform:none!important;}
}