@import url("visual-logic-v10.css?v=d3f3790566a912bc");
@import url("connectivity-topology-026.css?v=a533238a2dfb7c49");
/* Keep the explanatory text outside the calibrated photograph and its screens. */
.connectivity-final.td-final-story{display:flex;flex-direction:column;min-height:0}
.connectivity-final .td-final-story__copy{order:-1;width:100%;padding:48px clamp(22px,5vw,72px)}
.connectivity-final .td-final-story__copy h2{max-width:22ch;font-size:clamp(2.15rem,4vw,4rem)}
.connectivity-final .td-final-story__media{position:relative;inset:auto;aspect-ratio:1672/941;height:auto;width:100%}
.connectivity-final .td-final-story__media:after{background:linear-gradient(0deg,rgba(3,7,5,.35),transparent 20%)}
.connectivity-final .td-final-story__media img{transform:none!important}
@media(max-width:900px){.connectivity-final .td-final-story__media{aspect-ratio:752/940}}
/* Connectivity visual narrative 025: one fictitious order across every screen. */
.connectivity-hero-visual>picture>img,.connectivity-final .td-final-story__media>picture>img{transform:none!important}
.connectivity-screen--hero:not(.is-calibrated),.connectivity-screen--final-pos:not(.is-calibrated),.connectivity-screen--final-kitchen:not(.is-calibrated){visibility:hidden}
.connectivity-screen.is-calibrated{left:0;top:0;right:auto;bottom:auto;padding:24px;clip-path:none;border:0;border-radius:0;transform-origin:0 0;justify-content:flex-start;box-sizing:border-box}
.connectivity-screen.is-calibrated span{font-size:18px;white-space:normal}
.connectivity-screen.is-calibrated strong{font-size:34px;white-space:normal;margin-top:20px}
.connectivity-screen.is-calibrated small{font-size:24px;white-space:normal;margin-top:18px}
.connectivity-screen.is-calibrated b{font-size:26px;margin-top:32px;padding:12px 16px;border-radius:6px}
.connectivity-screen.is-calibrated .connectivity-demo-label{font-size:18px}
.connectivity-screen.is-calibrated .connectivity-mini-route{display:none}
.connectivity-screen--hero.is-calibrated{padding:42px 48px}
.connectivity-screen--hero.is-calibrated .connectivity-demo-label{font-size:24px}
.connectivity-screen--hero.is-calibrated strong{margin-top:30px;font-size:52px;line-height:1.02}
.connectivity-screen--hero.is-calibrated small{margin-top:22px;font-size:30px}
.connectivity-screen--hero.is-calibrated>b{margin-top:34px;font-size:32px;padding:14px 20px}
.connectivity-screen--final-pos.is-calibrated,
.connectivity-screen--final-kitchen.is-calibrated{padding:40px 34px}
.connectivity-screen--final-pos.is-calibrated span,
.connectivity-screen--final-kitchen.is-calibrated span{font-size:21px}
.connectivity-screen--final-pos.is-calibrated strong,
.connectivity-screen--final-kitchen.is-calibrated strong{margin-top:28px;font-size:44px;line-height:1.05}
.connectivity-screen--final-pos.is-calibrated small,
.connectivity-screen--final-kitchen.is-calibrated small{margin-top:20px;font-size:27px;line-height:1.15}
.connectivity-screen--final-pos.is-calibrated>b,
.connectivity-screen--final-kitchen.is-calibrated>b{margin-top:28px;font-size:27px;padding:13px 17px}
.connectivity-screen--hero.is-calibrated b,.connectivity-screen--final-kitchen.is-calibrated b{position:absolute;left:24px;right:24px;top:245px;width:auto;text-align:center;margin:0;font-size:28px}
.connectivity-screen--final-kitchen.is-calibrated span{font-size:18px;line-height:1.1}
.connectivity-screen--final-kitchen.is-calibrated strong{font-size:32px;line-height:1.05;margin-top:16px}
.connectivity-screen--final-kitchen.is-calibrated small{font-size:18px;line-height:1.15;margin-top:12px}
.connectivity-hero-visual figcaption,.connectivity-final .td-final-story__media figcaption{z-index:5}
.connectivity-foreground{position:absolute!important;z-index:4;max-width:none!important;margin:0!important;padding:0!important;pointer-events:none;transform:none!important}
.connectivity-hero-visual,.connectivity-devices{position:relative;overflow:hidden}.connectivity-final .td-final-story__media{overflow:hidden}
.connectivity-screen{position:absolute;z-index:3;display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#eefbf6;background:linear-gradient(155deg,#061a20 0%,#0d2930 62%,#10272b 100%);border:1px solid rgba(120,240,195,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);font-family:Arial,sans-serif;line-height:1.12;pointer-events:none}
.connectivity-screen span,.connectivity-screen small,.connectivity-screen strong,.connectivity-screen b,.connectivity-screen em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.connectivity-screen span{color:#7feac1;font-size:clamp(6px,.62vw,10px);font-weight:800;letter-spacing:.11em}
.connectivity-screen strong{margin-top:.42em;font-size:clamp(9px,1.08vw,18px)}
.connectivity-screen small{margin-top:.38em;color:#b9d2cc;font-size:clamp(7px,.76vw,12px)}
.connectivity-screen b{width:max-content;max-width:100%;margin-top:.72em;padding:.4em .65em;border-radius:999px;background:#1c604f;color:#c7ffea;font-size:clamp(7px,.72vw,12px)}
.connectivity-screen em{margin-top:.72em;color:#89aca4;font-size:clamp(6px,.63vw,10px);font-style:normal}
.connectivity-screen--hero{left:66.1%;top:49.6%;width:15.9%;height:24.2%;padding:.7% .9%;clip-path:polygon(27% 0,100% 16%,68% 100%,0 79%);transform:none;transform-origin:center}
.connectivity-screen--hero .connectivity-demo-label{font-size:clamp(5px,.48vw,8px)}
.connectivity-mini-route{display:flex;gap:4px;margin:.65em 0 0;padding:0;list-style:none}
.connectivity-mini-route li{flex:1;min-width:0;padding:.34em .2em;border-top:2px solid #47605c;color:#8aa39e;font-size:clamp(5px,.47vw,8px);text-align:center;white-space:nowrap}
.connectivity-mini-route li.is-done{border-color:#76e3ba;color:#d8fff0}.connectivity-mini-route li.is-current{border-color:#ffd879;color:#fff0b9}
.connectivity-devices{max-width:1100px;border-radius:22px;isolation:isolate}
.connectivity-devices>img{position:relative;z-index:0}
.connectivity-screen--desktop{left:15.1%;top:10.4%;width:49.9%;height:49.1%;padding:2.5% 3.3%;border-radius:1.5%;background:linear-gradient(155deg,#071a21,#0e3236)}
.connectivity-device-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45em;margin:.8em 0 0;padding:0;list-style:none}.connectivity-device-route li{min-width:0;padding:.5em .55em;border:1px solid rgba(126,235,193,.22);background:rgba(255,255,255,.035)}.connectivity-device-route li span,.connectivity-device-route li b{margin:0;padding:0;background:none;border-radius:0;width:auto}.connectivity-device-route li span{font-size:clamp(5px,.5vw,8px);color:#8daea6}.connectivity-device-route li b{margin-top:.25em;font-size:clamp(6px,.6vw,10px);color:#d5fff0}.connectivity-main-status{margin-top:.55em!important}.connectivity-screen--desktop:after{content:'';position:absolute;right:8%;top:21%;width:25%;height:43%;border-left:1px solid rgba(125,235,193,.3);background:linear-gradient(to top,rgba(117,231,187,.22),transparent);clip-path:polygon(0 100%,0 66%,20% 60%,40% 43%,60% 47%,80% 18%,100% 0,100% 100%)}
.connectivity-screen--tablet{left:59.2%;top:45.8%;width:25%;height:27.6%;padding:1.3% 1.8%;border-radius:3%;transform:rotate(.7deg)}.connectivity-device-route--compact{gap:.3em;margin-top:.55em}.connectivity-device-route--compact li{padding:.3em}.connectivity-device-route--compact li span{font-size:clamp(4px,.42vw,7px)}.connectivity-device-route--compact li b{font-size:clamp(4px,.46vw,8px)}
.connectivity-screen--phone{left:88.3%;top:54.6%;width:7.35%;height:25.9%;padding:1.15% .65%;align-items:center;text-align:center;border-radius:10%}
.connectivity-screen--phone span{font-size:clamp(5px,.45vw,7px)}.connectivity-screen--phone strong{font-size:clamp(6px,.54vw,9px);white-space:normal}.connectivity-screen--phone small{font-size:clamp(5px,.42vw,7px)}
.connectivity-final .td-final-story__media{isolation:isolate}
.connectivity-final .td-final-story__media:after{z-index:1}
.connectivity-screen--final-pos{left:33.7%;top:57.6%;width:13.9%;height:22.8%;padding:1.2% 1.35%;border-radius:2%;transform:perspective(600px) rotateY(5deg) rotateZ(-1deg);transform-origin:left center}
.connectivity-screen--final-kitchen{left:69.3%;top:31.3%;width:12.6%;height:25%;padding:1.1% 1.2%;border-radius:2%;transform:perspective(650px) rotateY(-3deg);transform-origin:right center}
.connectivity-screen--final-kitchen strong,.connectivity-screen--final-pos strong{white-space:normal}
.light-mode .connectivity-screen{color:#f5fff9;background:linear-gradient(155deg,#071d22,#123238);border-color:rgba(126,239,198,.5)}
@media(max-width:900px){
  .hero .connectivity-hero-visual>picture>img{object-position:right center}
  .connectivity-screen--hero{left:20.5%;top:49.3%;width:50.5%;height:22.2%;padding:2.2% 3%;clip-path:polygon(28% 0,100% 12%,70% 100%,0 82%)}
  .connectivity-screen--hero strong{font-size:clamp(7px,2.1vw,11px)}.connectivity-screen--hero small,.connectivity-screen--hero b{font-size:clamp(6px,1.6vw,9px)}
  .connectivity-screen--hero .connectivity-demo-label{font-size:clamp(4px,1.25vw,7px)}.connectivity-mini-route{gap:2px;margin-top:.35em}.connectivity-mini-route li{font-size:clamp(4px,1.1vw,6px)}
  .connectivity-devices{overflow:hidden;border-radius:15px}.connectivity-screen--desktop{padding:2.1% 2.8%}.connectivity-screen--desktop strong{font-size:clamp(7px,2.05vw,11px)}.connectivity-screen--desktop small,.connectivity-screen--desktop b{font-size:clamp(5px,1.55vw,8px)}.connectivity-screen--desktop em,.connectivity-screen--desktop span{font-size:clamp(4px,1.2vw,6px)}
  .connectivity-screen--tablet strong{font-size:clamp(5px,1.5vw,8px)}.connectivity-screen--tablet small,.connectivity-screen--tablet b{font-size:clamp(4px,1.1vw,6px)}.connectivity-screen--tablet span{font-size:clamp(4px,1vw,5px)}
  .connectivity-screen--phone span,.connectivity-screen--phone strong,.connectivity-screen--phone small{font-size:clamp(3px,.85vw,5px)}
  .connectivity-final .td-final-story__media{position:relative}
  .connectivity-screen--final-pos{left:0;top:58.5%;width:26.5%;height:22.7%;padding:2.2% 2.4%;transform:perspective(500px) rotateY(6deg) rotateZ(-1deg)}
  .connectivity-screen--final-kitchen{left:67.1%;top:30.9%;width:23.1%;height:25.2%;padding:2% 2.15%}
  .connectivity-screen--final-pos strong,.connectivity-screen--final-kitchen strong{font-size:clamp(7px,2.5vw,11px)}.connectivity-screen--final-pos small,.connectivity-screen--final-pos b,.connectivity-screen--final-kitchen small,.connectivity-screen--final-kitchen b{font-size:clamp(5px,1.65vw,8px)}.connectivity-screen--final-pos span,.connectivity-screen--final-kitchen span{font-size:clamp(4px,1.25vw,6px)}
}

/* Phase one: keep the three logical views attached to the device glass. */
.connectivity-device-detail{width:100%;max-width:1100px;margin:22px 0;color:var(--fg);border-top:1px solid var(--line);padding-top:20px}
.connectivity-device-detail>p:first-child{font-size:12px;letter-spacing:.05em;color:var(--muted)}
.connectivity-device-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:12px 0}
.connectivity-device-detail dt{font-size:13px;color:var(--muted);padding:0}
.connectivity-device-detail dd{font-size:17px;color:var(--fg);margin:5px 0 0}
.connectivity-device-detail .connectivity-device-roles{font-size:15px;line-height:1.6;color:var(--muted);max-width:75ch}
.connectivity-devices>img.connectivity-foreground{display:block!important;z-index:4}
.connectivity-devices .connectivity-screen--desktop:after{display:none}
.connectivity-devices .connectivity-screen--tablet .connectivity-device-route{display:none}
.connectivity-devices .connectivity-screen--phone:before{content:'';position:absolute;top:0;left:24%;width:52%;height:22px;background:#070c0b;border-radius:0 0 9px 9px}
@media(max-width:560px){.connectivity-device-detail dl{grid-template-columns:1fr;gap:14px}}
html.screen-plane-js .connectivity-devices .connectivity-screen:not(.is-screen-calibrated){visibility:hidden}
.connectivity-devices .connectivity-screen.is-screen-calibrated{
  left:0;
  top:0;
  z-index:3;
  box-sizing:border-box;
  transform-origin:0 0;
  visibility:visible;
}
.connectivity-devices .connectivity-screen--desktop.is-screen-calibrated{padding:36px 42px;border-radius:4px}
.connectivity-devices .connectivity-screen--tablet.is-screen-calibrated{padding:26px 30px;border-radius:7px}
.connectivity-devices .connectivity-screen--phone.is-screen-calibrated{padding:24px 18px;border-radius:12px}
.connectivity-devices .connectivity-screen--desktop.is-screen-calibrated span{font-size:14px}
.connectivity-devices .connectivity-screen--desktop.is-screen-calibrated strong{font-size:29px}
.connectivity-devices .connectivity-screen--desktop.is-screen-calibrated small,
.connectivity-devices .connectivity-screen--desktop.is-screen-calibrated b{font-size:16px}
.connectivity-devices .connectivity-screen--desktop.is-screen-calibrated em{font-size:13px}
.connectivity-devices .connectivity-screen--desktop.is-screen-calibrated .connectivity-device-route li span{font-size:12px}
.connectivity-devices .connectivity-screen--desktop.is-screen-calibrated .connectivity-device-route li b{font-size:14px}
.connectivity-devices .connectivity-screen--tablet.is-screen-calibrated span{font-size:24px}
.connectivity-devices .connectivity-screen--tablet.is-screen-calibrated strong{font-size:42px}
.connectivity-devices .connectivity-screen--tablet.is-screen-calibrated small,
.connectivity-devices .connectivity-screen--tablet.is-screen-calibrated b{font-size:30px}
.connectivity-devices .connectivity-screen--phone.is-screen-calibrated span{font-size:12px}
.connectivity-devices .connectivity-screen--phone.is-screen-calibrated strong{font-size:22px;white-space:normal}
.connectivity-devices .connectivity-screen--phone.is-screen-calibrated small{font-size:12px;white-space:normal}
@media(prefers-reduced-motion:reduce){.connectivity-screen{transition:none}}
@media(max-width:900px){
  .hero:has(.connectivity-hero-visual){padding:0;display:flex;flex-direction:column;min-height:0}
  .hero:has(.connectivity-hero-visual) .hero-copy{padding:35px 6vw 28px}
  .hero .connectivity-hero-visual{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:752/940;margin:0}
  .hero .connectivity-hero-visual:after{background:linear-gradient(0deg,rgba(3,7,5,.45),transparent 24%)}
  .light-mode .hero .connectivity-hero-visual:after{background:linear-gradient(0deg,rgba(3,7,5,.45),transparent 24%)}
  .hero .connectivity-hero-visual>picture>img{object-fit:cover;object-position:center}
  .hero .connectivity-hero-visual figcaption{left:14px;right:14px;max-width:none;text-align:left}
}

/* Corrected final scene: separate operational displays, no synthetic port lights. */
.connectivity-final-detail{display:none}
@media(max-width:900px){
 .connectivity-final-detail{display:block;padding:24px;color:#e5f4ec;background:#0d1d17;border-top:1px solid #355347}
 .connectivity-final-detail>p{font-size:12px;letter-spacing:.06em;margin:0 0 18px;color:#a8cbbc}
 .connectivity-final-detail dl{margin:0;display:grid;gap:18px}
 .connectivity-final-detail dl>div{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;border-top:1px solid #355347;padding-top:14px}
 .connectivity-final-detail dt{font-weight:800;font-size:15px}
 .connectivity-final .connectivity-final-detail dd{margin:0;font-size:14px;line-height:1.5;color:#d9e9e2}
 .connectivity-final-detail dd strong{display:block;color:#83e4b9;font-size:17px;margin-top:4px}
}
#comenzi .delivery-monitor{height:290px}
.connectivity-final .td-final-story__media{aspect-ratio:3/2}
.connectivity-final .connectivity-foreground{display:block}
.connectivity-final .connectivity-screen.is-calibrated{padding:25px 28px;background:#102a30}
.connectivity-final .connectivity-screen.is-calibrated span{font-size:20px;letter-spacing:.03em}
.connectivity-final .connectivity-screen.is-calibrated strong{font-size:44px;margin-top:20px}
.connectivity-final .connectivity-screen.is-calibrated small{font-size:26px;margin-top:14px}
.connectivity-final .connectivity-screen.is-calibrated>b{position:static;left:auto;right:auto;top:auto;margin-top:22px;padding:12px 18px;font-size:30px;width:max-content}
.connectivity-final .connectivity-screen--final-kitchen.is-calibrated strong{font-size:40px;margin-top:14px}
.connectivity-final .connectivity-screen--final-kitchen.is-calibrated small{font-size:22px;margin-top:10px}
.connectivity-final .connectivity-screen--final-kitchen.is-calibrated>b{margin-top:14px;font-size:27px;padding:10px 16px}
@media(max-width:900px){.connectivity-final .td-final-story__media{aspect-ratio:1122/1402}}

/* Integrări 026 repair: UI belongs to the photographed glass, and every route
   is explained by physical endpoints instead of decorative panels. */
.connectivity-screen--hero.is-calibrated{
  display:grid!important;
  grid-template-rows:auto auto auto 1fr auto!important;
  align-content:stretch!important;
  gap:13px!important;
  padding:27px 31px 29px!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 72% 18%,rgba(61,175,145,.17),transparent 34%),
    linear-gradient(148deg,#09272d 0%,#0b3238 68%,#082229 100%)!important;
  box-shadow:none!important;
}
.connectivity-screen--hero .hero-screen-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:2px solid rgba(153,230,201,.28);padding-bottom:11px}
.connectivity-screen--hero .hero-screen-head span{margin:0!important;font-size:17px!important;line-height:1!important;letter-spacing:.09em!important}
.connectivity-screen--hero .hero-screen-link{display:flex!important;align-items:center;gap:8px;color:#c9f7e5!important}
.connectivity-screen--hero .hero-screen-link::before{content:"";width:10px;height:10px;border-radius:50%;background:#61e2aa;box-shadow:0 0 0 5px rgba(97,226,170,.12)}
.connectivity-screen--hero .hero-screen-order{margin:0!important;font-size:47px!important;line-height:1!important;letter-spacing:-.025em!important}
.connectivity-screen--hero .hero-screen-facts{display:grid!important;grid-template-columns:.8fr 1fr 1.35fr;gap:0;margin:0!important;border-block:1px solid rgba(255,255,255,.14)}
.connectivity-screen--hero .hero-screen-facts>div{display:block;padding:11px 13px;border-left:1px solid rgba(255,255,255,.14)}
.connectivity-screen--hero .hero-screen-facts>div:first-child{border-left:0}
.connectivity-screen--hero .hero-screen-facts dt{padding:0;color:#9bb7af;font-size:13px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.connectivity-screen--hero .hero-screen-facts dd{margin:3px 0 0;color:#f1fff9;font-size:20px;font-weight:800;line-height:1.1;white-space:nowrap}
.connectivity-screen--hero .connectivity-mini-route{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-self:center;gap:14px;margin:0!important;padding:0!important}
.connectivity-screen--hero .connectivity-mini-route li{position:relative;display:flex!important;align-items:center;gap:8px;min-width:0;padding:9px 0!important;border:0!important;border-top:3px solid #45665e!important;color:#a9bcb6!important;font-size:15px!important;text-align:left!important}
.connectivity-screen--hero .connectivity-mini-route li:not(:last-child)::after{content:"";position:absolute;top:-3px;left:72%;width:42%;height:3px;background:#45665e}
.connectivity-screen--hero .connectivity-mini-route i{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:12px;font-style:normal}
.connectivity-screen--hero .connectivity-mini-route li.is-done{border-color:#72d8af!important;color:#d8f7eb!important}
.connectivity-screen--hero .connectivity-mini-route li.is-done:not(:last-child)::after{background:#72d8af}
.connectivity-screen--hero .connectivity-mini-route li.is-current{border-color:#f4c869!important;color:#fff0bd!important}
.connectivity-screen--hero .hero-screen-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;background:#45d39b;color:#062318}
.connectivity-screen--hero .hero-screen-status span{color:#174d3c!important;font-size:13px!important;letter-spacing:.08em!important}
.connectivity-screen--hero .hero-screen-status b{position:static!important;inset:auto!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#062318!important;font-size:23px!important;line-height:1!important;text-align:right!important}

.connectivity-test-anchors{z-index:7!important}
.bench-anchor::before{content:"";position:absolute;width:18px;height:1px;background:rgba(255,255,255,.76)}
.bench-anchor[data-bench-anchor="source"]::before{right:-18px;bottom:14px}
.bench-anchor[data-bench-anchor="sandbox"]::before{right:-18px;top:14px}
.bench-anchor[data-bench-anchor="review"]::before{left:-18px;bottom:14px}
.bench-anchor[data-bench-anchor="rollback"]{right:2%;top:72%}
.bench-anchor[data-bench-anchor="rollback"]::before{left:-18px;top:14px}
.bench-anchor[data-bench-anchor="rollback"]::after{left:-19px;right:auto;top:8px}
.connectivity-test-scenes{position:relative;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.connectivity-test-scenes::before{content:"";position:absolute;left:6%;right:6%;top:45px;height:1px;background:var(--line)}
.connectivity-test-scenes li{position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:13px!important;align-content:start!important;padding-top:24px!important;background:transparent!important}
.connectivity-test-scenes li::after{content:"";position:absolute;top:39px;left:58px;width:13px;height:13px;border:2px solid var(--line);border-radius:50%;background:var(--bg);transform:translate(-50%,-50%)}
.connectivity-test-scenes .bench-step-icon{grid-row:1/4;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--muted)}
.connectivity-test-scenes .bench-step-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.connectivity-test-scenes li>span:not(.bench-step-icon),.connectivity-test-scenes li>strong,.connectivity-test-scenes li>p{grid-column:2;margin-inline:0!important}
.connectivity-test-scenes li[aria-current="step"] .bench-step-icon{border-color:#f4c76a;background:#f4c76a;color:#171d19;box-shadow:0 0 0 6px color-mix(in srgb,#f4c76a 18%,transparent)}
.connectivity-test-scenes li[aria-current="step"]::after{border-color:#f4c76a;background:#f4c76a}
.connectivity-test-bench[data-active-step] .connectivity-test-scenes li{background:transparent!important}
.bench-route-status{margin:0;padding:13px clamp(18px,2vw,25px);border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.45}

.voip-photo-labels [data-device="computer"]{left:82%}
.voip-photo-labels [data-device="monitor"]{left:94%}
.voip-signal-overlay .voip-path{opacity:.18!important;animation:none!important;transition:opacity .2s ease,stroke-width .2s ease}
.voip-signal-overlay .voip-path.is-active{opacity:1!important;stroke-width:7;animation:voip-signal 2.15s linear infinite!important}
.voip-signal-overlay .voip-port{opacity:.34;r:6;animation:none!important;transition:opacity .2s ease}
.voip-signal-overlay .voip-port.is-active{opacity:1;animation:voip-port-pulse 1.6s ease-in-out infinite!important}
.voip-route-status{position:absolute;z-index:5;left:18px;bottom:16px;display:flex;align-items:center;gap:9px;max-width:min(420px,70%);margin:0;padding:9px 12px;border:1px solid rgba(255,255,255,.42);background:rgba(5,11,10,.9);color:#f3faf7;font-size:12px;line-height:1.3}
.story--voip .voip-route-status{color:#f3faf7}
.voip-route-status>span{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#f4c76a;box-shadow:0 0 0 4px rgba(244,199,106,.16)}
.voip-route-status strong{font-size:inherit}
.integration-voip-route[data-topology="v2"]>ol>li{transition:border-color .2s ease,color .2s ease}
.integration-voip-route[data-topology="v2"]>ol>li.is-current{border-top:3px solid #f4c76a;color:var(--fg)}
.voip-route-legend{display:flex;flex-wrap:wrap;gap:9px 20px;padding:14px 0 2px;color:var(--muted);font-size:11px;line-height:1.3}
.voip-route-legend span{display:flex;align-items:center;gap:7px}
.voip-route-legend span::before{content:"";width:28px;height:4px;border-radius:999px;background:#dbe8e2}
.voip-route-legend [data-kind="fiber"]::before{background:#f1c451}.voip-route-legend [data-kind="uplink"]::before{background:#f5c33f}.voip-route-legend [data-kind="lan"]::before{background:linear-gradient(90deg,#3ca4f3 0 50%,#49d797 50%)}.voip-route-legend [data-kind="video"]::before{height:2px;background:#9aa9af}

@media(max-width:900px){
  .connectivity-screen--hero.is-calibrated{gap:11px!important;padding:24px 27px 26px!important}
  .connectivity-screen--hero .hero-screen-order{font-size:42px!important}
  .connectivity-screen--hero .hero-screen-facts dd{font-size:18px}
  .connectivity-screen--hero .hero-screen-status b{font-size:21px!important}
}
@media(min-width:651px) and (max-width:900px){
  .voip-photo-labels span{width:clamp(84px,12vw,104px);padding:7px 5px}
  .voip-photo-labels b{font-size:9px}
  .voip-photo-labels small{font-size:7.5px}
  .voip-photo-labels [data-device="ont"]{left:8%}
  .voip-photo-labels [data-device="router"]{left:25%}
  .voip-photo-labels [data-device="switch"]{left:42%}
  .voip-photo-labels [data-device="phone"]{left:59%}
  .voip-photo-labels [data-device="computer"]{left:76%}
  .voip-photo-labels [data-device="monitor"]{left:92%}
}
@media(max-width:650px){
  .bench-anchor::before{left:-18px!important;right:auto!important;top:11px!important;bottom:auto!important}
  .bench-anchor[data-bench-anchor="rollback"]{right:2%;top:74%}
  .connectivity-test-scenes::before{left:39px;right:auto;top:34px;bottom:34px;width:1px;height:auto}
  .connectivity-test-scenes li{grid-template-columns:52px minmax(0,1fr)!important;padding:21px 18px 22px 14px!important}
  .connectivity-test-scenes li::after{left:39px;top:42px}
  .connectivity-test-scenes .bench-step-icon{width:44px;height:44px}
  .voip-photo-labels [data-device="computer"]{left:auto;right:4%;top:68%}
  .voip-photo-labels [data-device="monitor"]{left:auto;right:4%;top:84%}
  .voip-route-status{left:10px;right:10px;bottom:10px;max-width:none;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .voip-signal-overlay .voip-path.is-active,.voip-signal-overlay .voip-port.is-active{animation:none!important}
}

/* Candidate 026 remediation: the photo contains neutral hardware. Every state
   below is a calibrated, semantic HTML/CSS surface tied to the real glass. */
.connectivity-rack-leds{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
.connectivity-rack-leds circle{fill:#8df8c8;opacity:.09;transition:opacity .18s ease,filter .18s ease}
.connectivity-rack-leds [data-led-phase]{opacity:.34}
.connectivity-hero-visual[data-network-phase="0"] [data-led-phase="0"],
.connectivity-hero-visual[data-network-phase="1"] [data-led-phase="1"],
.connectivity-hero-visual[data-network-phase="2"] [data-led-phase="2"],
.connectivity-hero-visual[data-network-phase="3"] [data-led-phase="3"]{opacity:1}
.connectivity-hero-visual[data-network-phase="0"] [data-led-phase="0"] circle,
.connectivity-hero-visual[data-network-phase="1"] [data-led-phase="1"] circle,
.connectivity-hero-visual[data-network-phase="2"] [data-led-phase="2"] circle,
.connectivity-hero-visual[data-network-phase="3"] [data-led-phase="3"] circle{opacity:1;filter:drop-shadow(0 0 4px #63efb3)}
.connectivity-rack-leds--mobile{display:none}

.connectivity-devices .connectivity-screen.is-screen-calibrated{justify-content:stretch!important;border:0!important;background:linear-gradient(145deg,#07151c,#0a2229 64%,#0b1b22)!important;box-shadow:inset 0 0 0 2px rgba(169,244,217,.12)!important;color:#f4fff9!important}
.connectivity-devices .connectivity-screen.is-screen-calibrated :is(span,strong,small,b,em){overflow:visible;text-overflow:clip;white-space:normal}
.connectivity-devices .device-dashboard-ui.is-screen-calibrated{padding:26px 31px 24px!important;gap:12px!important}
.device-dashboard-ui>header,.device-order-ui>header,.final-pos-ui>header,.final-kds-ui>header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:2px solid rgba(149,232,201,.22);padding-bottom:14px}
.connectivity-devices .device-dashboard-ui>header span{margin:0!important;color:#85eac2!important;font-size:17px!important;font-weight:800;letter-spacing:.1em}
.device-live-pill{display:flex!important;align-items:center;gap:8px;margin:0!important;color:#d7faeb!important;font-size:15px!important;font-weight:750}
.device-live-pill i{width:10px;height:10px;border-radius:50%;background:#52dea5;box-shadow:0 0 0 6px rgba(82,222,165,.11)}
.device-dashboard-grid{display:grid;grid-template-columns:.85fr 1.25fr;gap:20px;min-height:0;flex:1}
.device-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.device-metrics p{display:flex;flex-direction:column;justify-content:center;margin:0;padding:10px 14px;border:1px solid rgba(149,232,201,.16);background:rgba(255,255,255,.035)}
.device-metrics p:first-child{grid-column:1/-1}
.device-metrics small{color:#9bb8b0!important;font-size:12px!important;font-weight:800;letter-spacing:.08em}
.device-metrics strong{margin:5px 0 0!important;color:#fff!important;font-size:27px!important;line-height:1!important}
.device-metrics em{margin-top:8px;color:#72e0b3!important;font-size:12px!important;font-style:normal}
.device-chart{display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:14px 18px;border-left:1px solid rgba(149,232,201,.18);background:linear-gradient(180deg,rgba(74,216,161,.06),transparent)}
.device-chart div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.device-chart small{color:#9bb8b0!important;font-size:12px!important;font-weight:800;letter-spacing:.08em}
.device-chart b{margin:0!important;color:#d7f9eb!important;font-size:13px!important}
.device-chart svg{display:block;width:100%;height:96px;overflow:visible}
.device-chart-grid{fill:none;stroke:rgba(255,255,255,.09);stroke-width:1}
.device-chart-area{fill:rgba(78,218,164,.12)}
.device-chart-line{fill:none;stroke:#60e2ad;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.connectivity-devices .device-dashboard-ui .connectivity-device-route{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0!important}
.connectivity-devices .device-dashboard-ui .connectivity-device-route li{padding:10px 13px;border:1px solid rgba(149,232,201,.18);background:rgba(255,255,255,.025)}
.connectivity-devices .device-dashboard-ui .connectivity-device-route span{font-size:11px!important}
.connectivity-devices .device-dashboard-ui .connectivity-device-route b{font-size:14px!important}

.connectivity-devices .device-order-ui.is-screen-calibrated{padding:21px 25px 20px!important;gap:11px!important}
.device-order-ui>header span{margin:0!important;color:#80e8bf!important;font-size:20px!important;font-weight:850;letter-spacing:.08em}
.device-order-ui>header b{margin:0!important;color:#f5fff9!important;font-size:24px!important}
.device-order-lines{display:grid;gap:0;flex:1}
.device-order-lines p{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;border-bottom:1px solid rgba(255,255,255,.11);color:#dceee7}
.device-order-lines p span{margin:0!important;font-size:20px!important}
.device-order-lines p b{margin:0!important;font-size:21px!important}
.device-order-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
.device-order-footer p{margin:0}
.device-order-footer small{color:#91afa6!important;font-size:12px!important;font-weight:800;letter-spacing:.08em}
.device-order-footer strong{margin:3px 0 0!important;color:#fff!important;font-size:27px!important}
.device-primary-action{display:block!important;margin:0!important;padding:14px 18px;background:#56dfaa!important;color:#06261a!important;font-size:17px!important;font-weight:900}

.connectivity-devices .device-status-ui.is-screen-calibrated{align-items:center!important;justify-content:center!important;padding:38px 22px 28px!important;text-align:center}
.device-status-ui>span{color:#8beac5!important;font-size:20px!important;font-weight:850;letter-spacing:.08em}
.device-status-check{display:grid;width:72px;height:72px;margin:42px auto 26px;place-items:center;border:3px solid #63dfad;border-radius:50%;color:#63dfad;font-size:40px;font-style:normal;line-height:1}
.device-status-ui>strong{margin:0!important;color:#fff!important;font-size:31px!important;line-height:1.08!important}
.device-status-ui>small{margin:19px 0 0!important;color:#9eb9b1!important;font-size:17px!important;line-height:1.3!important}

.connectivity-final .connectivity-screen.is-calibrated{justify-content:stretch!important;border:0!important;background:linear-gradient(145deg,#07151c,#0b252b)!important;box-shadow:inset 0 0 0 2px rgba(159,239,209,.12)!important;color:#f5fff9!important}
.connectivity-final .connectivity-screen.is-calibrated :is(span,strong,small,b,i){position:static!important;inset:auto!important;width:auto!important;margin:0!important;padding:0;border:0;border-radius:0;background:none;color:inherit;font-size:inherit;line-height:inherit;white-space:normal}
.connectivity-final .final-pos-ui.is-calibrated{padding:24px 27px 23px!important;gap:15px!important}
.final-pos-ui>header span,.final-kds-ui>header span{color:#80e8bf!important;font-size:17px!important;font-weight:850;letter-spacing:.09em}
.final-pos-ui>header b,.final-kds-ui>header b{color:#d9eee6!important;font-size:17px!important;font-weight:800}
.final-pos-workspace{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;min-height:0;flex:1}
.final-pos-workspace section,.final-pos-workspace aside{min-width:0}
.final-pos-workspace small{display:block;color:#91aaa3!important;font-size:11px!important;font-weight:850;letter-spacing:.08em}
.final-pos-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.final-pos-products i{display:grid;min-height:42px;place-items:center;border:1px solid rgba(132,232,194,.2);background:rgba(255,255,255,.04);color:#e4f9f0;font-size:13px;font-style:normal;font-weight:750}
.final-pos-workspace aside{padding-left:16px;border-left:1px solid rgba(132,232,194,.18)}
.final-pos-workspace aside p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 0;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.1)}
.final-pos-workspace aside p span,.final-pos-workspace aside p b{font-size:11px!important}
.final-pos-workspace aside>strong{display:block;margin-top:11px!important;color:#fff!important;font-size:16px!important;text-align:right}
.connectivity-final .final-pos-send{display:block!important;align-self:flex-end;margin-left:auto!important;padding:10px 14px!important;background:#55dea9!important;color:#06261a!important;font-size:14px!important;font-weight:900}

.connectivity-final .final-kds-ui.is-calibrated{padding:23px 25px!important;gap:15px!important}
.final-kds-queue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1}
.final-kds-queue p{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:9px;margin:0;padding:12px 13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}
.final-kds-queue p::before{content:"";width:28px;height:4px;background:#e8b859}
.final-kds-queue p.is-ready::before{background:#62dfac}
.final-kds-queue p.is-pickup::before{background:#70b8ff}
.final-kds-queue span{color:#fff!important;font-size:22px!important;font-weight:900}
.final-kds-queue small{color:#bacfc8!important;font-size:13px!important;line-height:1.2!important}

@media(max-width:900px){
  .connectivity-rack-leds--desktop{display:none}.connectivity-rack-leds--mobile{display:block}
}
@media(prefers-reduced-motion:reduce){
  .connectivity-rack-leds circle{transition:none!important;filter:none!important}
}