/* ---- SecureOS product page (/secureos/) ---- */
main { --space-section:clamp(52px, 7vw, 104px) }
:root { --ok-rgb:62, 230, 154;--bad-rgb:255, 107, 107;--warn-rgb:255, 181, 71;--info-rgb:110, 168, 255;--lime-rgb:182, 242, 74 }

/* mono labels */
.caps__title,
.duel__num,
.duel__head,
.cell b,
.bootlog, .policy,
.layer__chip,
.lk__reboot > span:last-child,
.lk__roottxt em,
.lk__ovlchip,
.lk__lanehead em,
.lk__verdict,
.lk__note,
.usb__head,
.ut__state > *,
.abx__srv b,
.abx__srv em,
.abx__eph,
.abx__stxt em,
.abx__tag,
.abx__status p,
.abx__g i,
.abx__rb,
.tcm__mode,
.kv dt,
.tcm__log,
.day__axis,
.pm__title, .hours__title, .comp__lbl, .surf__lbl,
.rings__num text,
.def__legend i,
.tc__n,
.node em,
.flow__id b { font-family:var(--font-mono) }
.sprite { position:absolute;width:0;height:0;overflow:hidden }
.ico { width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round }
.chip .ico { width:12px;height:12px }
.h2 + .lead, .h3 + .lead { margin-top:18px }
.inline-link { color:var(--pa);text-decoration:underline;text-decoration-color:rgba(var(--pa-rgb),.4);text-underline-offset:3px;transition:text-decoration-color .3s }
.inline-link:hover { text-decoration-color:var(--pa) }
[data-type].is-typing::after { content:"";display:inline-block;width:.55em;height:1.05em;margin-left:2px;vertical-align:-.15em;background:var(--pa);animation:sos-blink 1s steps(1) infinite }
@keyframes sos-blink { 50% { opacity:0 } }
@keyframes sos-spin { to { transform:rotate(360deg) } }
/* ambient loops pause while offscreen (page JS toggles .is-off) */
[data-ambient].is-off, [data-ambient].is-off * { animation-play-state:paused !important }

/* Shared stage chrome for story visuals */
.duel, .lk, .abx { container-type:inline-size;position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line-strong);background:radial-gradient(90% 70% at 85% 0%, rgba(var(--pa-rgb),.08), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.008)), var(--bg-elev);box-shadow:0 0 0 1px rgba(0,0,0,.5), 0 40px 120px -40px rgba(0,0,0,.95), 0 30px 90px -50px rgba(var(--pa-rgb),.35) }
.lk::before, .abx::before { content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right, rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.035) 1px, transparent 1px);background-size:6.25% 8.333%;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, #000 30%, transparent 85%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, #000 30%, transparent 85%) }
/* without motion the stories stack: show the first state of each stage */
html:not(.motion) .story__stage [data-on]:not([data-on~="0"]) { display:none }
/* status chips used inside stages */
.t-ok { color:var(--ok);border-color:rgba(var(--ok-rgb),.45);background:rgba(var(--ok-rgb),.08) }
.t-info { color:var(--info);border-color:rgba(var(--info-rgb),.45);background:rgba(var(--info-rgb),.08) }
.t-dim { color:var(--text-2);border-color:var(--line-strong) }
.t-bad { color:var(--bad);border-color:rgba(var(--bad-rgb),.5);background:rgba(var(--bad-rgb),.08) }
.t-lime { color:#0b1405;background:var(--pa-2);border-color:transparent }

/* ---- HERO + isometric OS stack ---- */
.hero { --hp:0;position:relative;min-height:100svh;display:flex;align-items:center;padding:calc(var(--header-h) + 40px) 0 56px;overflow:hidden;isolation:isolate }
.hero__glow { right:-22%;top:-32%;opacity:calc(1 - var(--hp) * .6) }
.hero__grid { display:grid;grid-template-columns:minmax(0, 1.04fr) minmax(0, .96fr);gap:clamp(28px, 4vw, 72px);align-items:center }
.hero__title { font-size:clamp(2.5rem, 1.25rem + 3.9vw, 4.75rem) }
.hero__lead { margin-top:24px;max-width:54ch }
.hero__cta { margin-top:32px }
.hero__chips { list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-top:30px }
.hero__visual { position:relative;display:flex;justify-content:center }

.osx { --w:290px;--g0:42px;--g1:24px;--pad:74px;--gap:calc(var(--g0) + var(--hp) * var(--g1));position:relative;width:calc(var(--w) + var(--tw, 290px));height:calc(var(--w) * .5533 + 5 * (var(--g0) + var(--g1)) + var(--pad));transform:translate3d(0, calc(var(--hp) * -26px), 0) }
.osx::before { content:"";position:absolute;left:calc(var(--w) * -.2);bottom:-10%;width:calc(var(--w) * 1.4);height:calc(var(--w) * .7);background:radial-gradient(closest-side, rgba(var(--pa-rgb),.22), transparent);filter:blur(18px);pointer-events:none }
.osx__stack { list-style:none;margin:0;padding:0;position:absolute;left:0;bottom:0;width:var(--w);height:100% }
.osx__layer { position:absolute;left:0;bottom:0;width:var(--w);z-index:calc(var(--i) + 1);transform:translate3d(0, calc(var(--i) * var(--gap) * -1), 0) }
.osx__slab { width:100%;height:auto;overflow:visible }
.osx__slab .s-t { fill:url(#g-top);stroke:rgba(var(--pa-rgb),.5);stroke-width:1.2 }
.osx__slab .s-l { fill:#0a1c1a;stroke:rgba(var(--pa-rgb),.3);stroke-width:1 }
.osx__slab .s-r { fill:#0f2c27;stroke:rgba(var(--pa-rgb),.3);stroke-width:1 }
.osx__slab .s-in { fill:none;stroke:rgba(var(--pa-rgb),.16);stroke-dasharray:3 5 }
.osx__slab .s-ico { fill:none;stroke:var(--pa);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round }
.osx__layer.is-core .s-r { fill:#15301c }
.osx__layer.is-core .s-l { fill:#0e2014 }
.osx__layer.is-top .s-t { fill:url(#g-top-hi);stroke:var(--pa);stroke-width:1.6 }
.osx__layer.is-top { filter:drop-shadow(0 0 22px rgba(var(--pa-rgb),.35)) }
html.motion .osx__slab .s-t { animation:osx-pulse 5.2s ease-in-out infinite;animation-delay:calc(var(--i) * .42s + 1.4s) }
@keyframes osx-pulse { 0%, 26%, 100% { stroke:rgba(var(--pa-rgb),.5) } 10% { stroke:var(--pa-2) } }
.osx__tag { position:absolute;left:calc(var(--w) + 18px);top:calc(var(--w) * .25 - 9px);display:flex;align-items:baseline;gap:8px;white-space:nowrap;font-family:var(--font-mono);font-size:11px;line-height:18px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-2) }
.osx__tag::before { content:"";position:absolute;right:calc(100% + 4px);top:50%;width:14px;height:1px;background:rgba(var(--pa-rgb),.55) }
.osx__tag b { color:var(--pa);font-weight:500 }
.osx__tag em { font-style:normal;color:var(--text-3) }
.osx__layer.is-top .osx__tag { color:var(--text) }
.osx__scan { position:absolute;left:0;bottom:0;width:var(--w);z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 0 8px rgba(var(--lime-rgb),.9)) }
.osx__scan svg { width:100%;height:auto;overflow:visible }
.osx__scan path { fill:rgba(var(--lime-rgb),.07);stroke:var(--pa-2);stroke-width:1.6 }
html.motion .osx__scan { animation:osx-scan 5.2s cubic-bezier(.45, 0, .55, 1) 1.4s infinite }
@keyframes osx-scan {
  0% { opacity:0;transform:translate3d(0, 0, 0) }
  6% { opacity:1 }
  48% { opacity:1;transform:translate3d(0, calc(var(--gap) * -5), 0) }
  58%, 100% { opacity:0;transform:translate3d(0, calc(var(--gap) * -5), 0) }
}
.osx__badge { position:absolute;z-index:30;left:calc(var(--w) / 2);bottom:calc(var(--w) * .5533 - 2px);display:flex;flex-direction:column-reverse;align-items:center;transform:translate3d(-50%, calc(var(--gap) * -5), 0) }
.osx__beam { width:1px;height:34px;background:linear-gradient(0deg, rgba(var(--ok-rgb),.9), rgba(var(--ok-rgb),0)) }
.osx__badge .chip { background:rgba(5,12,10,.85);box-shadow:0 0 24px -4px rgba(var(--ok-rgb),.6) }
html.motion .osx__layer { animation:osx-in 1.1s var(--ease-out) both;animation-delay:calc(var(--i) * 110ms + 150ms) }
html.motion .osx__badge { animation:osx-fade .9s var(--ease-out) 1.05s both }
@keyframes osx-in { from { opacity:0;translate:0 -80px } to { opacity:1;translate:0 0 } }
@keyframes osx-fade { from { opacity:0;translate:0 10px } to { opacity:1;translate:0 0 } }

@media (max-width: 1360px) { .osx { --w:250px } }
@media (max-width: 1100px) { .osx { --w:210px;--tw:190px } .osx__tag em { display:none } }
@media (max-width: 900px) {
  .hero { min-height:0;padding-top:calc(var(--header-h) + 28px);padding-bottom:28px }
  .hero__grid { grid-template-columns:minmax(0, 1fr);gap:24px }
  .hero__chips { margin-top:22px }
}
@media (max-width: 640px) {
  main .lead { font-size:1rem;line-height:1.55 }
  .hero__lead { margin-top:18px }
  .hero__cta { margin-top:24px;gap:10px }
  .hero__cta .btn { flex:1 1 auto }
  .hero__cta .btn--lg { min-height:50px;padding:14px 20px;font-size:.94rem }
  .osx { --w:178px;--g0:30px;--g1:6px;--pad:40px;--tw:168px }
  .osx__tag { left:calc(var(--w) + 14px);font-size:10px;letter-spacing:.03em;gap:6px }
  .osx__tag::before { width:10px }
  .osx__tag em { display:none } /* decorative duplicate; the visual is role=img */
  .osx__beam { height:20px }
}

/* ---- CAPABILITY MARQUEE ---- */
.caps { padding:12px 0 clamp(48px, 7vw, 96px) }
.caps__head { margin-bottom:18px }
.caps__title { font-size:var(--fs-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);text-align:center }
.caps__marquee .marquee__track { list-style:none;margin:0;padding:0 }
.cap { display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);white-space:nowrap }
.cap .ico { width:16px;height:16px;color:var(--pa) }
.cap strong { font-weight:600;font-size:.92rem;letter-spacing:-.01em }
.cap span { color:var(--text-3);font-size:.88rem }

/* ---- CHALLENGE -> ANSWER STORY (duel) ---- */
.why { --step-h:52svh }
html.motion .why .story__panels { grid-template-rows:auto auto auto;align-content:center }
html.motion .why .why__head { grid-area:1 / 1;margin-bottom:30px }
html.motion .why .story__panel { grid-area:2 / 1 }
html.motion .why .story__dots { grid-area:3 / 1 }
.why__head { margin-bottom:24px }
.why__title { font-size:clamp(1.75rem, 1.15rem + 2.1vw, 3.1rem);max-width:16ch }
.why__k { font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px }
.why__bad { display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;color:var(--bad);background:rgba(var(--bad-rgb),.08);border:1px solid rgba(var(--bad-rgb),.3) }
.why__bad::before { content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor }
.why__p { color:var(--text-2);font-size:var(--fs-lead);line-height:1.55;margin-top:12px;max-width:46ch;text-wrap:pretty }

.duel { --pd:clamp(10px, 3%, 22px);display:grid;grid-template-rows:minmax(0, 1fr) minmax(0, 1fr);gap:clamp(8px, 2.4%, 16px);padding:var(--pd) }
.duel__num { margin-left:auto;display:grid;letter-spacing:.12em;color:var(--text-2) }
.duel__num span { grid-area:1 / 1;text-align:right }
.duel__num span::after { content:" / 04";color:var(--text-3) }
.duel__row { position:relative;display:grid;grid-template-rows:auto minmax(0, 1fr);gap:2.4cqi;padding:3cqi;border-radius:16px;border:1px solid;min-height:0 }
.duel__row--bad { border-color:rgba(var(--bad-rgb),.2);background:linear-gradient(180deg, rgba(var(--bad-rgb),.06), rgba(var(--bad-rgb),.012)) }
.duel__row--ok { border-color:rgba(var(--pa-rgb),.3);background:linear-gradient(180deg, rgba(var(--pa-rgb),.08), rgba(var(--pa-rgb),.02));box-shadow:inset 0 1px 0 rgba(var(--pa-rgb),.16), 0 0 50px -20px rgba(var(--pa-rgb),.4) }
.duel__head { display:flex;align-items:center;gap:1.8cqi;font-size:clamp(9px, 2.1cqi, 12px);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2) }
.duel__dot { width:7px;height:7px;border-radius:50%;background:var(--bad);box-shadow:0 0 10px var(--bad) }
.duel__row--ok .duel__head { color:var(--pa) }
.duel__row--ok .duel__dot { background:var(--pa);box-shadow:0 0 10px var(--pa) }
.duel__sets { display:grid;min-height:0 }
.duel__set { grid-area:1 / 1;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:3.4cqi;min-height:0 }
.cell { --c:var(--text-2);--c-rgb:255, 255, 255;position:relative;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.8cqi;padding:2.6cqi;border-radius:12px;border:1px solid rgba(var(--c-rgb),.24);background:linear-gradient(180deg, rgba(var(--c-rgb),.09), rgba(5,7,11,.35)) }
.cell .ico { width:clamp(16px, 5.2cqi, 28px);height:clamp(16px, 5.2cqi, 28px);color:var(--c);margin-bottom:auto }
.cell b { font-weight:500;font-size:clamp(8px, 1.9cqi, 11px);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3) }
.cell span { font-size:clamp(11px, 3cqi, 17px);font-weight:600;color:var(--text);line-height:1.15;letter-spacing:-.015em }
.cell::after { content:"";position:absolute;top:2.6cqi;right:2.6cqi;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c) }
.cell + .cell::before { content:"";position:absolute;right:100%;top:50%;width:3.4cqi;height:1px;background:linear-gradient(90deg, rgba(255,255,255,.05), rgba(var(--c-rgb),.6)) }
.cell--bad { --c:var(--bad);--c-rgb:var(--bad-rgb) }
.cell--warn { --c:var(--warn);--c-rgb:var(--warn-rgb) }
.cell--ok { --c:var(--ok);--c-rgb:var(--ok-rgb) }
.cell--info { --c:var(--info);--c-rgb:var(--info-rgb) }
html.motion .duel__set .cell { opacity:0;transform:translate3d(0, 12px, 0) scale(.97);transition:opacity .45s var(--ease-out), transform .7s var(--ease-out) }
html.motion .duel__set.is-on .cell { opacity:1;transform:none;transition-delay:calc(140ms + var(--k) * 110ms) }

@media (max-width: 900px) {
  .why { --step-h:46svh }
  html.motion .why .why__head { margin-bottom:14px }
  html.motion .why .why__head .eyebrow { margin-bottom:8px }
  .why__title { font-size:1.5rem;max-width:none }
  .why__k { margin-bottom:8px }
  .why__p { font-size:.98rem;margin-top:6px }
  .cell { border-radius:9px }
}

/* ---- ARCHITECTURE (pinned; layers light bottom -> top) ---- */
.arch { position:relative }
html.motion .arch__pin { height:190svh }
html.motion .arch__sticky { position:sticky;top:0;height:100svh;display:flex;align-items:center;padding-top:var(--header-h);overflow:hidden }
html:not(.motion) .arch__sticky { padding-block:var(--space-section) }
.arch__grid { display:grid;grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);gap:clamp(32px, 5vw, 84px);align-items:center }
.arch__lead { margin-top:18px }
.bootlog, .policy { border-radius:14px;border:1px solid var(--line-strong);background:#060910;overflow:hidden }
.bootlog { margin-top:28px;max-width:520px }
.bootlog__bar, .policy__bar { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3) }
.bootlog__state { display:grid }
.bootlog__state > * { grid-area:1 / 1;text-align:right;transition:opacity .4s }
.bootlog__run { color:var(--warn) }
.bootlog__done { color:var(--ok);opacity:0 }
.bootlog__done.is-lit, html:not(.motion) .bootlog__done { opacity:1 }
.bootlog__done.is-lit + .bootlog__run, html:not(.motion) .bootlog__run { opacity:0 }
.bootlog__lines { list-style:none;margin:0;padding:12px 14px 14px;display:grid;gap:3px;font-size:12px;color:var(--text-2);line-height:1.55 }
.bootlog__lines li { display:flex;gap:10px;transition:opacity .4s }
html.motion .bootlog__lines li:not(.is-lit) { opacity:.26 }
.bl-s { flex:none }
.bl-s::before { content:"[ .. ]";color:var(--text-3);white-space:pre }
.bootlog__lines li.is-lit .bl-s::before, html:not(.motion) .bl-s::before { content:"[ OK ]";color:var(--ok) }

.arch__stack { --f:clamp(0, calc((var(--p) - .04) / .72), 1);position:relative;padding-left:40px }
.arch__chain { position:absolute;left:13px;top:30px;bottom:30px;width:2px;border-radius:2px;background:rgba(255,255,255,.08) }
.arch__chain::before { content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(0deg, var(--pa), var(--pa-2));box-shadow:0 0 12px rgba(var(--pa-rgb),.6);transform-origin:bottom;transform:scaleY(var(--f)) }
.arch__chain i { position:absolute;inset:0;transform:translate3d(0, calc((1 - var(--f)) * 100%), 0) }
.arch__chain i::before { content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--pa-2);box-shadow:0 0 0 4px rgba(var(--lime-rgb),.18), 0 0 18px var(--pa-2) }
.layers { list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;gap:10px }
.layer { --lc:var(--pa);--lc-rgb:var(--pa-rgb);position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr) auto auto;align-items:center;gap:14px;padding:13px 16px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.008)), var(--bg-elev);transition:border-color .5s, background-color .5s, box-shadow .6s, opacity .5s, transform .7s var(--ease-out) }
.layer--core { --lc:var(--pa-2);--lc-rgb:var(--lime-rgb) }
.layer::before { content:"";position:absolute;left:-31px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--bg);border:2px solid rgba(255,255,255,.18);transition:all .5s }
html.motion .layer:not(.is-lit) { opacity:.42;transform:translate3d(12px, 0, 0) }
.layer.is-lit, html:not(.motion) .layer { border-color:rgba(var(--lc-rgb),.5);background:linear-gradient(90deg, rgba(var(--lc-rgb),.1), rgba(var(--lc-rgb),.015) 65%), var(--bg-elev);box-shadow:0 0 0 1px rgba(var(--lc-rgb),.07), 0 14px 40px -24px rgba(var(--lc-rgb),.8) }
.layer.is-lit::before, html:not(.motion) .layer::before { background:var(--lc);border-color:var(--lc);box-shadow:0 0 10px var(--lc) }
.layer__ico { display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--lc);background:rgba(var(--lc-rgb),.08);border:1px solid rgba(var(--lc-rgb),.25) }
.layer__ico .ico { width:19px;height:19px }
.layer__txt { display:flex;flex-direction:column;min-width:0;line-height:1.3 }
.layer__txt strong { font-weight:600;font-size:1rem;letter-spacing:-.01em }
.layer__txt span { font-size:.85rem;color:var(--text-3) }
.layer__chip { font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--lc);padding:4px 9px;border-radius:999px;border:1px solid rgba(var(--lc-rgb),.35);white-space:nowrap }
.layer__ok { display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ok);color:#04130c;transform:scale(0);transition:transform .55s var(--ease-spring) }
.layer__ok .ico { width:14px;height:14px;stroke-width:3 }
.layer.is-lit .layer__ok, html:not(.motion) .layer__ok { transform:scale(1) }

@media (min-width: 901px) and (max-height: 820px) {
  .arch .h2 { font-size:clamp(2rem, 1.2rem + 2vw, 2.9rem) }
  .arch__lead { font-size:1rem;margin-top:12px }
  .bootlog { margin-top:18px }
  .bootlog__lines { padding:8px 14px 10px;gap:1px;font-size:11.5px }
  .layers { gap:8px }
  .layer { padding:9px 14px }
}
@media (max-width: 900px) {
  html.motion .arch__pin { height:160svh }
  .arch__grid { grid-template-columns:minmax(0, 1fr);gap:16px }
  .arch .h2 { font-size:clamp(1.5rem, 1.1rem + 2vw, 2.2rem) }
  .arch .eyebrow { margin-bottom:10px }
  .arch__lead { font-size:.95rem;margin-top:10px }
  .arch__copy { display:contents }
  .bootlog { order:2;margin-top:0;max-width:none }
  .arch__stack { order:1 }
}
@media (max-width: 640px) {
  html.motion .arch__sticky { padding-top:calc(var(--header-h) - 6px) }
  .arch__stack { padding-left:30px }
  .arch__chain { left:9px;top:24px;bottom:24px }
  .layer::before { left:-26px }
  .layers { gap:6px }
  .layer { grid-template-columns:auto minmax(0, 1fr) auto;gap:10px;padding:7px 10px;border-radius:11px }
  .layer__chip { display:none } /* decorative duplicate tag (aria-hidden) */
  .layer__ico { width:30px;height:30px;border-radius:8px }
  .layer__ico .ico { width:15px;height:15px }
  .layer__txt strong { font-size:.86rem }
  .layer__txt span { font-size:.74rem }
  .layer__ok { width:20px;height:20px }
  .bootlog__bar { padding:7px 12px;font-size:9.5px }
  .bootlog__lines { padding:8px 12px 10px;font-size:10px;gap:1px;line-height:1.5 }
  .bootlog__lines li { gap:6px }
}

/* ---- LOCKDOWN + RANSOMWARE STORY (lk) ---- */
.lock { --step-h:60svh }
.lock__h, .ab__h { font-size:clamp(1.9rem, 1.3rem + 2.2vw, 3.3rem) }
.lk__svg { position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1 }
.lk__wall { stroke:var(--pa);stroke-width:2.4;stroke-linecap:round }
.lk__wallglow { stroke:rgba(var(--pa-rgb),.22);stroke-width:10;stroke-linecap:round }
.lk__link { stroke:rgba(var(--pa-rgb),.45);stroke-width:1.4;stroke-dasharray:3 4;fill:none }
.lk__proj { fill:var(--bad) }
.lk__flash { fill:none;stroke:var(--bad);stroke-width:1.6 }
.lk__att, .lk__reboot { position:absolute;z-index:3 }
.lk__att { inset:0;pointer-events:none }
.lk__a { position:absolute;left:3%;display:inline-flex;align-items:center;gap:1.4cqi;padding:1.3cqi 2.4cqi;border-radius:999px;font-family:var(--font-mono);font-size:clamp(8.5px, 2.4cqi, 12px);letter-spacing:.04em;white-space:nowrap;color:var(--bad);border:1px solid rgba(var(--bad-rgb),.42);background:rgba(28,8,10,.92);transform:translate3d(0, -50%, 0);box-shadow:0 0 24px -6px rgba(var(--bad-rgb),.6) }
.lk__a .ico { width:clamp(11px, 3.2cqi, 16px);height:clamp(11px, 3.2cqi, 16px) }
.lk__a--1 { top:17.3% }
.lk__a--2 { top:34% }
.lk__a--3 { top:50.7% }
.lk__reboot { left:4%;top:20%;width:37%;display:flex;flex-direction:column;align-items:flex-start;gap:1.6cqi }
.lk__spin { width:13cqi;height:13cqi;border-radius:50%;display:grid;place-items:center;color:var(--pa-2);border:1px solid rgba(var(--lime-rgb),.4);background:rgba(var(--lime-rgb),.08);box-shadow:0 0 30px -8px rgba(var(--lime-rgb),.7) }
.lk__spin .ico { width:6.5cqi;height:6.5cqi;animation:sos-spin 2.6s linear infinite reverse }
.lk__reboot b { font-size:clamp(11px, 3.4cqi, 17px);font-weight:600;line-height:1.2;letter-spacing:-.01em }
.lk__reboot > span:last-child { font-size:clamp(8px, 2.2cqi, 11.5px);color:var(--text-3);line-height:1.35 }
.lk__root { position:absolute;z-index:2;left:46.5%;top:7%;width:50%;height:43%;display:flex;align-items:center;gap:3.4cqi;padding:0 4cqi;border-radius:3.5cqi;border:1.5px solid rgba(var(--pa-rgb),.7);background:linear-gradient(180deg, rgba(var(--pa-rgb),.11), rgba(var(--pa-rgb),.03)), #07100f;box-shadow:0 0 0 4px rgba(var(--pa-rgb),.05), 0 0 50px -12px rgba(var(--pa-rgb),.55) }
.lk__rootico { flex:none;width:11cqi;height:11cqi;border-radius:3cqi;display:grid;place-items:center;color:var(--pa);border:1px solid rgba(var(--pa-rgb),.35);background:rgba(var(--pa-rgb),.08) }
.lk__rootico .ico { width:5.6cqi;height:5.6cqi }
.lk__roottxt { min-width:0 }
.lk__roottxt b { display:block;font-size:clamp(10.5px, 3.4cqi, 17px);font-weight:650;text-transform:uppercase;letter-spacing:.02em;line-height:1.15 }
.lk__roottxt em { display:block;margin-top:.8cqi;font-style:normal;font-size:clamp(8px, 2.3cqi, 12px);color:var(--pa);letter-spacing:.08em;text-transform:uppercase }
.lk__rootsub { display:grid;margin-top:.8cqi;font-size:clamp(8px, 2.25cqi, 12px);color:var(--text-3);line-height:1.3 }
.lk__rootsub > span { grid-area:1 / 1 }
.lk__ovl { position:absolute;z-index:2;left:46.5%;top:62%;width:50%;height:31%;padding:2.8cqi 3.4cqi;border-radius:3.5cqi;border:1.5px dashed rgba(var(--warn-rgb),.5);background:rgba(var(--warn-rgb),.04);overflow:hidden }
.lk__ovlhead { position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:2cqi }
.lk__ovlhead b { font-size:clamp(9px, 2.6cqi, 13.5px);text-transform:uppercase;letter-spacing:.03em;font-weight:600;white-space:nowrap }
.lk__ovlchips { display:grid;justify-items:end }
.lk__ovlchips > * { grid-area:1 / 1 }
.lk__ovlchip { font-size:clamp(7.5px, 1.9cqi, 10px);letter-spacing:.06em;text-transform:uppercase;padding:.7cqi 1.6cqi;border-radius:999px;white-space:nowrap }
.lk__ovlchip--a { color:var(--warn);border:1px solid rgba(var(--warn-rgb),.4) }
.lk__ovlchip--b { color:#0a1204;background:var(--pa-2) }
.lk__dots, .lk__files { position:absolute;inset:0 }
.lk__dots i { position:absolute;width:1.8cqi;height:1.8cqi;border-radius:50%;background:var(--warn);box-shadow:0 0 8px var(--warn);animation:lk-dot 2.6s ease-in-out infinite }
.lk__dots i:nth-child(1) { left:18%;top:62% }
.lk__dots i:nth-child(2) { left:34%;top:74%;animation-delay:-.4s }
.lk__dots i:nth-child(3) { left:50%;top:60%;animation-delay:-.9s }
.lk__dots i:nth-child(4) { left:64%;top:76%;animation-delay:-1.3s }
.lk__dots i:nth-child(5) { left:78%;top:63%;animation-delay:-1.8s }
.lk__dots i:nth-child(6) { left:88%;top:78%;animation-delay:-2.2s }
@keyframes lk-dot { 0%, 100% { opacity:.45;transform:scale(.8) } 50% { opacity:1;transform:scale(1.1) } }
.lk__files span { position:absolute;left:calc(6% + var(--x) * 88%);bottom:16%;font-family:var(--font-mono);font-size:clamp(7.5px, 2.2cqi, 11px);padding:.6cqi 1.6cqi;border-radius:1.2cqi;color:var(--warn);border:1px solid rgba(var(--warn-rgb),.45);background:rgba(var(--warn-rgb),.1);animation:lk-file 3.6s linear infinite;animation-delay:calc(var(--x) * 2.16s - .36s) }
@keyframes lk-file { 0%, 8% { opacity:1;transform:none } 14%, 86% { opacity:0;transform:translate3d(0, 3px, 0) scale(.85) } 100% { opacity:1;transform:none } }
.lk__sweep { position:absolute;top:0;bottom:0;left:0;width:100%;background:linear-gradient(90deg, transparent 55%, rgba(var(--lime-rgb),.14) 94%, var(--pa-2) 100%);transform:translate3d(-100%, 0, 0);animation:lk-sweep 3.6s linear infinite }
@keyframes lk-sweep { 0% { transform:translate3d(-100%, 0, 0);opacity:1 } 60% { transform:translate3d(0, 0, 0);opacity:1 } 72%, 100% { transform:translate3d(0, 0, 0);opacity:0 } }

.lk__cmp { position:absolute;z-index:4;inset:0;display:grid;grid-template-rows:minmax(0, 1fr) minmax(0, 1fr);gap:3cqi;padding:4cqi }
.lk__lane { display:grid;grid-template-rows:auto minmax(0, 1fr) auto;gap:1.8cqi;padding:3cqi 3.4cqi;border-radius:3cqi;border:1px solid;min-height:0 }
.lk__lane--bad { border-color:rgba(var(--bad-rgb),.26);background:linear-gradient(180deg, rgba(var(--bad-rgb),.07), rgba(var(--bad-rgb),.015)), #0a0b10 }
.lk__lane--ok { border-color:rgba(var(--pa-rgb),.34);background:linear-gradient(180deg, rgba(var(--pa-rgb),.08), rgba(var(--pa-rgb),.02)), #080d0e }
.lk__lanehead { display:flex;align-items:center;gap:2.2cqi;min-width:0 }
.lk__lanehead > .ico { width:6.4cqi;height:6.4cqi;color:var(--bad) }
.lk__lane--ok .lk__lanehead > .ico { color:var(--pa) }
.lk__lanehead b { display:block;font-size:clamp(10.5px, 3.1cqi, 16px);font-weight:600;line-height:1.15 }
.lk__lanehead em { display:block;font-style:normal;font-size:clamp(7.5px, 2cqi, 10.5px);color:var(--text-3);letter-spacing:.04em }
.lk__verdict { margin-left:auto;flex:none;font-size:clamp(7.5px, 2cqi, 10.5px);letter-spacing:.04em;padding:1cqi 2.2cqi;border-radius:999px;white-space:nowrap }
.lk__lane--bad .lk__verdict { color:var(--warn);border:1px solid rgba(var(--warn-rgb),.55);background:rgba(var(--warn-rgb),.08) }
.lk__lane--ok .lk__verdict { color:var(--pa-2);border:1px solid rgba(var(--lime-rgb),.55);background:rgba(var(--lime-rgb),.08) }
.lk__docs { display:flex;justify-content:space-between;align-items:center;gap:1cqi }
.lk__docs span { position:relative;display:grid;place-items:center;width:9cqi;height:10cqi;border-radius:1.8cqi;border:1px solid var(--line);background:rgba(255,255,255,.02) }
.lk__docs .ico { grid-area:1 / 1;width:6cqi;height:6cqi }
.lk__lane--ok .lk__docs span { border-color:rgba(var(--pa-rgb),.22) }
.lk__lane--ok .f1 { color:var(--pa) }
.lk__lane--bad .f1, .lk__lane--bad .f2, .lk__lane--bad .lk__docs span { animation:lk-doc-a 5.4s infinite;animation-delay:calc(var(--d) * .42s) }
.lk__lane--bad .f1 { color:var(--text-2) }
.lk__lane--bad .f2 { color:var(--bad);opacity:0;animation-name:lk-doc-b }
.lk__lane--bad .lk__docs span { animation-name:lk-doc-c }
@keyframes lk-doc-a { 0%, 8% { opacity:1 } 12%, 84% { opacity:0 } 90%, 100% { opacity:1 } }
@keyframes lk-doc-b { 0%, 8% { opacity:0;transform:scale(.6) } 12%, 84% { opacity:1;transform:none } 90%, 100% { opacity:0 } }
@keyframes lk-doc-c { 0%, 8%, 90%, 100% { border-color:var(--line);background:rgba(255,255,255,.02) } 12%, 84% { border-color:rgba(var(--bad-rgb),.45);background:rgba(var(--bad-rgb),.1) } }
.lk__note { font-size:clamp(7.5px, 2.1cqi, 11px);color:var(--text-3);letter-spacing:.02em;line-height:1.3 }
.lk__lane--ok .lk__note { color:var(--text-2) }
@container (max-width: 460px) {
  .lk__ovlhead { flex-direction:column;align-items:flex-start;gap:1cqi }
  .lk__ovlchips { justify-items:start }
  .lk__rootico { width:9cqi;height:9cqi }
  .lk__root { padding:0 3cqi;gap:2.6cqi }
  .lk__docs span { width:10cqi;height:11cqi }
  .lk__docs .ico { width:6.6cqi;height:6.6cqi }
  .lk__cmp { gap:3cqi }
}

/* ---- USB & PERIPHERAL LOCKER ---- */
.usb__grid { display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);grid-template-areas:"copy board" "policy board";gap:28px clamp(32px, 5vw, 80px);align-items:start }
.usb__copy { grid-area:copy }
.usb__board { grid-area:board;align-self:center;position:relative;padding:clamp(14px, 2vw, 24px);border-radius:var(--radius-l);border:1px solid var(--line-strong);background:radial-gradient(70% 60% at 50% 0%, rgba(var(--pa-rgb),.08), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.008)), var(--bg-elev);box-shadow:0 40px 120px -40px rgba(0,0,0,.9) }
.policy { grid-area:policy }
.usb__head { display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--pa) }
.usb__tiles { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;position:relative }
.usb__tiles::before { content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1px;transform:translateX(-50%);background:linear-gradient(180deg, transparent, rgba(var(--pa-rgb),.35), transparent) }
.ut { --vc:var(--ok);--vc-rgb:var(--ok-rgb);position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);grid-template-areas:"ico txt" "ico state";gap:4px 12px;align-items:center;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:border-color .5s, background-color .5s, box-shadow .5s }
.ut--bad { --vc:var(--bad);--vc-rgb:var(--bad-rgb) }
.ut__ico { grid-area:ico;position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:var(--text-2);background:rgba(255,255,255,.04);border:1px solid var(--line-strong);transition:color .5s, border-color .5s, background-color .5s }
.ut__ico .ico { width:20px;height:20px }
.ut__txt { grid-area:txt;display:flex;flex-direction:column;min-width:0;line-height:1.3 }
.ut__txt strong { font-weight:600;font-size:.95rem;letter-spacing:-.01em }
.ut__txt span { font-size:.8rem;color:var(--text-3) }
.ut__state { grid-area:state;display:grid;justify-items:start }
.ut__state > * { grid-area:1 / 1;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;line-height:1.3;transition:opacity .35s, transform .5s var(--ease-spring) }
.ut__wait { color:var(--text-3);border:1px dashed var(--line-strong) }
.ut__v { color:var(--vc);border:1px solid rgba(var(--vc-rgb),.45);background:rgba(var(--vc-rgb),.1);opacity:0;transform:scale(.7) }
.ut__v::before { content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:1px }
html.motion .ut:not(.is-lit) .ut__wait { animation:ut-wait 1.2s ease-in-out infinite }
@keyframes ut-wait { 50% { opacity:.4 } }
.ut.is-lit .ut__wait, html:not(.motion) .ut__wait { opacity:0 }
.ut.is-lit .ut__v, html:not(.motion) .ut__v { opacity:1;transform:none }
.ut.is-lit, html:not(.motion) .ut { border-color:rgba(var(--vc-rgb),.38);background:linear-gradient(135deg, rgba(var(--vc-rgb),.09), rgba(var(--vc-rgb),.01) 70%);box-shadow:0 0 0 1px rgba(var(--vc-rgb),.05), 0 18px 40px -26px rgba(var(--vc-rgb),.8) }
.ut.is-lit .ut__ico, html:not(.motion) .ut__ico { color:var(--vc);border-color:rgba(var(--vc-rgb),.4);background:rgba(var(--vc-rgb),.08) }
.ut--bad .ut__ico::after { content:"";position:absolute;left:18%;right:18%;top:50%;height:2px;border-radius:2px;background:var(--bad);transform:rotate(-40deg) scaleX(0);transition:transform .45s var(--ease-out) .15s }
.ut--bad.is-lit .ut__ico::after, html:not(.motion) .ut--bad .ut__ico::after { transform:rotate(-40deg) scaleX(1) }
.policy__rep { border:1px solid var(--line-strong);padding:2px 8px;border-radius:999px;letter-spacing:.08em }
.policy__lines { list-style:none;margin:0;padding:12px 14px 14px;display:grid;gap:4px;font-size:12.5px;line-height:1.5 }
.policy__lines li { display:flex;flex-wrap:wrap;gap:0 12px;padding:2px 6px;margin:0 -6px;border-radius:6px;transition:background-color .5s, opacity .5s }
html.motion .policy__lines li:not(.is-lit) { opacity:.4 }
.policy__lines li.is-lit { background:rgba(255,255,255,.035) }
.policy__lines b { font-weight:500;width:3.4em;flex:none }
.policy__lines .pa { color:var(--ok) }
.policy__lines .pb { color:var(--bad) }
.policy__lines code { font-family:inherit;color:var(--text) }
.policy__lines .cm { color:var(--text-3) }
@media (max-width: 900px) { .usb__grid { grid-template-columns:minmax(0, 1fr);grid-template-areas:"copy" "board" "policy";gap:20px } }
@media (max-width: 640px) {
  .usb__tiles { gap:8px }
  .usb__tiles::before { display:none }
  .usb__board { padding:12px }
  .usb__head { margin-bottom:10px }
  .ut { grid-template-columns:auto minmax(0, 1fr);grid-template-areas:"ico state" "txt txt";padding:10px;gap:6px;border-radius:12px }
  .ut__ico { width:32px;height:32px;border-radius:9px }
  .ut__ico .ico { width:16px;height:16px }
  .ut__state { justify-items:end }
  .ut__txt strong { font-size:.84rem }
  .ut__txt span { font-size:.72rem }
  .policy__lines { font-size:10px;padding:10px 12px 12px;gap:2px }
  .policy__lines li { gap:0 8px }
}

/* ---- A/B UPDATES STORY (abx) ---- */
.ab { --step-h:54svh }
.abx__wire { position:absolute;left:22.5%;width:12.75%;top:52%;height:2px;margin-top:-1px;background:rgba(255,255,255,.16) }
.abx__wire i { position:absolute;inset:-.5px 0;background:repeating-linear-gradient(90deg, var(--pa) 0 3px, transparent 3px 9px);background-size:9px 100%;animation:abx-dash .7s linear infinite }
@keyframes abx-dash { to { background-position:9px 0 } }
.abx__srv { position:absolute;left:3%;top:32%;width:19.5%;height:40%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqi;border-radius:3cqi;border:1px solid rgba(var(--pa-rgb),.38);background:rgba(var(--pa-rgb),.05);text-align:center;transition:opacity .6s }
.ab[data-step="3"] .abx__srv, .ab[data-step="3"] .abx__wire { opacity:.35 }
.abx__rack { display:grid;gap:1.1cqi;width:58%;margin-bottom:1cqi }
.abx__rack i { position:relative;height:2.8cqi;border-radius:.8cqi;border:1px solid rgba(var(--pa-rgb),.5) }
.abx__rack i::after { content:"";position:absolute;right:12%;top:50%;width:.9cqi;height:.9cqi;margin-top:-.45cqi;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok);animation:sos-blink 1.6s steps(1) infinite }
.abx__rack i:nth-child(2)::after { animation-delay:-.5s }
.abx__rack i:nth-child(3)::after { animation-delay:-1.1s }
.abx__srv b { font-weight:500;font-size:clamp(7.5px, 2.2cqi, 11.5px);letter-spacing:.08em;text-transform:uppercase }
.abx__srv em { font-style:normal;font-size:clamp(7px, 1.9cqi, 10px);color:var(--pa);line-height:1.25;padding:0 4% }
.abx__ep { position:absolute;left:32%;top:5%;width:65%;height:90%;border-radius:3.5cqi;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.012) }
.abx__eph { position:absolute;left:5%;right:5%;top:4%;display:flex;justify-content:space-between;font-size:clamp(7px, 1.9cqi, 10px);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3) }
.abx__phase { display:grid;color:var(--pa) }
.abx__phase > span { grid-area:1 / 1;text-align:right }
.abx__slot { position:absolute;left:5%;width:90%;height:23%;display:flex;align-items:center;gap:2.4cqi;padding:0 2.8cqi;border-radius:3cqi;border:1px solid var(--line-strong);background:rgba(255,255,255,.025);overflow:hidden;transition:border-color .6s, box-shadow .6s, background-color .6s, opacity .6s }
.abx__slot--a { top:14% }
.abx__slot--b { top:41% }
.abx__sico { flex:none;width:7.6cqi;height:7.6cqi;border-radius:2.2cqi;display:grid;place-items:center;color:var(--text-2);border:1px solid var(--line-strong);transition:color .6s, border-color .6s }
.abx__sico .ico { width:4.2cqi;height:4.2cqi }
.abx__stxt { flex:1 1 auto;min-width:0 }
.abx__stxt b { display:block;font-size:clamp(10px, 3.3cqi, 17px);font-weight:600;line-height:1.15;white-space:nowrap }
.abx__stxt em { display:block;font-style:normal;font-size:clamp(7px, 1.75cqi, 10px);letter-spacing:-.02em;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.abx__tags { flex:none;display:grid;justify-items:end }
.abx__tag { grid-area:1 / 1;display:inline-flex;align-items:center;gap:.8cqi;font-size:clamp(7px, 1.9cqi, 10px);letter-spacing:.06em;text-transform:uppercase;padding:.8cqi 1.9cqi;border-radius:999px;border:1px solid;white-space:nowrap }
.abx__tag .ico { width:2.4cqi;height:2.4cqi;stroke-width:3 }
.abx__bar { position:absolute;left:3.2cqi;right:3.2cqi;bottom:1.6cqi;height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden }
.abx__bar i { position:absolute;inset:0;background:linear-gradient(90deg, var(--info), var(--pa));transform-origin:left;transform:scaleX(calc(.06 + var(--sp, 0) * .94)) }
.abx__scan { position:absolute;top:0;bottom:0;left:0;width:34%;background:linear-gradient(90deg, transparent, rgba(var(--ok-rgb),.22), transparent);animation:abx-scan 1.7s linear infinite }
@keyframes abx-scan { from { transform:translate3d(-100%, 0, 0) } to { transform:translate3d(300%, 0, 0) } }
/* active / last-good / failed states by step */
.abx__slot--a { border-color:rgba(var(--ok-rgb),.5);background:linear-gradient(90deg, rgba(var(--ok-rgb),.1), rgba(var(--ok-rgb),.02));box-shadow:0 0 0 1px rgba(var(--ok-rgb),.06), 0 0 36px -12px rgba(var(--ok-rgb),.55) }
.abx__slot--a .abx__sico, .ab[data-step="2"] .abx__slot--b .abx__sico { color:var(--ok);border-color:rgba(var(--ok-rgb),.45) }
.ab[data-step="3"] .abx__slot--a { border-color:rgba(var(--lime-rgb),.6);box-shadow:0 0 40px -10px rgba(var(--lime-rgb),.6) }
.ab[data-step="2"] .abx__slot--a { border-color:var(--line-strong);background:rgba(255,255,255,.02);box-shadow:none;opacity:.75 }
.ab[data-step="2"] .abx__slot--a .abx__sico { color:var(--text-3);border-color:var(--line-strong) }
.ab[data-step="1"] .abx__slot--b { border-color:rgba(var(--ok-rgb),.35) }
.ab[data-step="2"] .abx__slot--b { border-color:rgba(var(--ok-rgb),.55);background:linear-gradient(90deg, rgba(var(--ok-rgb),.12), rgba(var(--ok-rgb),.02));box-shadow:0 0 44px -10px rgba(var(--ok-rgb),.6) }
.ab[data-step="3"] .abx__slot--b { border-color:rgba(var(--bad-rgb),.5);background:rgba(var(--bad-rgb),.06) }
.ab[data-step="3"] .abx__slot--b .abx__sico { color:var(--bad);border-color:rgba(var(--bad-rgb),.45) }
.abx__status { position:absolute;left:5%;top:68%;width:90%;height:28%;display:grid }
.abx__status > * { grid-area:1 / 1;align-self:center }
.abx__status p { display:flex;align-items:center;gap:2cqi;font-size:clamp(8px, 2.35cqi, 12.5px);color:var(--text-2);line-height:1.35 }
.abx__status p .ico { width:3.8cqi;height:3.8cqi;color:var(--pa) }
.abx__guards { display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1.8cqi }
.abx__g { display:flex;align-items:center;gap:1.3cqi;min-width:0;padding:1.3cqi 1.6cqi;border-radius:2cqi;border:1px solid var(--line-strong);font-size:clamp(7.5px, 2.05cqi, 11px);line-height:1.15;color:var(--text-2);animation:abx-guard 4.8s infinite;animation-delay:calc(var(--g) * .55s) }
.abx__g i { flex:none;font-style:normal;width:4.2cqi;height:4.2cqi;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);font-size:clamp(7px, 2cqi, 10px) }
@keyframes abx-guard {
  0%, 6%, 84%, 100% { border-color:var(--line-strong);background:transparent;color:var(--text-2) }
  12%, 72% { border-color:rgba(var(--bad-rgb),.55);background:rgba(var(--bad-rgb),.08);color:var(--text) }
}
.abx__rb { grid-column:1 / -1;display:flex;align-items:center;gap:1.6cqi;font-size:clamp(8px, 2.2cqi, 11.5px);letter-spacing:.04em;color:var(--pa-2);animation:abx-rb 4.8s infinite }
.abx__rb .ico { width:3.4cqi;height:3.4cqi }
@keyframes abx-rb { 0%, 34%, 92%, 100% { opacity:.25 } 42%, 80% { opacity:1 } }
@container (max-width: 460px) {
  .abx__srv { left:2.5%;width:17% }
  .abx__wire { left:19.5%;width:6.3% }
  .abx__ep { left:22%;width:76% }
  .abx__guards { grid-template-columns:minmax(0, 1fr);gap:1cqi }
  .abx__g { padding:.6cqi 1.6cqi;font-size:8px }
  .abx__g i { width:3.6cqi;height:3.6cqi;font-size:7px }
  .abx__status { top:66%;height:32% }
}
@media (max-width: 900px) {
  .ab { --step-h:46svh }
  .lock { --step-h:48svh }
  .lk, .abx { --ratio:1 / 1 !important }
  .lock__h, .ab__h { font-size:1.7rem }
  .lock .lead, .ab .lead { font-size:.98rem }
  .story__panel .h2 + .lead { margin-top:12px }
}

/* ---- ADMIN CONSOLE (TcManager mock) + FLEET ---- */
.tcm { margin:0 auto;max-width:1080px;perspective:1800px }
.tcm__frame { transform-origin:50% 0% }
html.motion .tcm__frame { transform:rotateX(calc((1 - var(--p)) * 18deg)) translate3d(0, calc((1 - var(--p)) * 36px), 0) scale(calc(.93 + var(--p) * .07)) }
.tcm__frame .frame__url::before { border-color:var(--pa) }
.tcm__body { display:grid;grid-template-columns:224px minmax(0, 1fr);min-height:410px;background:#0a0e15 }
.tcm__side { border-right:1px solid var(--line);padding:16px 12px;background:#080b11 }
.tcm__brand { display:flex;align-items:center;gap:8px;padding:4px 10px 14px;font-weight:650;font-size:.95rem;letter-spacing:-.01em }
.tcm__brand .ico { width:18px;height:18px;color:var(--pa) }
.tcm__side ul { list-style:none;margin:0;padding:0;display:grid;gap:2px }
.tcm__side li { display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:.86rem;color:var(--text-2);white-space:nowrap }
.tcm__side li .ico { width:16px;height:16px;color:var(--text-3) }
.tcm__side li.is-active { color:var(--text);background:rgba(var(--pa-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--pa-rgb),.28) }
.tcm__side li.is-active .ico { color:var(--pa) }
.tcm__main { padding:22px 26px;display:flex;flex-direction:column;gap:18px;min-width:0 }
.tcm__top { display:flex;justify-content:space-between;align-items:center;gap:12px }
.tcm__title { font-size:1.3rem;font-weight:650;letter-spacing:-.025em }
.tcm__mode { display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ok);padding:5px 10px;border-radius:999px;border:1px solid rgba(var(--ok-rgb),.35);background:rgba(var(--ok-rgb),.07);white-space:nowrap }
.tcm__kv { display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin:0 }
.kv { padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025) }
.kv dt { font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3) }
.kv dd { margin:6px 0 0;font-size:1.15rem;font-weight:600;letter-spacing:-.015em;display:flex;align-items:center;gap:8px }
.kv--ok { border-color:rgba(var(--ok-rgb),.35);background:linear-gradient(135deg, rgba(var(--ok-rgb),.08), transparent 70%) }
.kv--ok dd::before { content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok) }
.kv--lock { border-color:rgba(var(--pa-rgb),.3) }
.kv--lock dd { color:var(--pa) }
.tcm__btns { display:flex;flex-wrap:wrap;gap:10px }
.tb { display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--line-strong);font-size:.88rem;font-weight:550;color:var(--text);background:rgba(255,255,255,.03);white-space:nowrap }
.tb .ico { width:15px;height:15px }
.tb--pri { background:var(--pa);color:#04060a;border-color:transparent;box-shadow:0 8px 30px -10px rgba(var(--pa-rgb),.8) }
.tb--bad { color:var(--bad);border-color:rgba(var(--bad-rgb),.4) }
.tcm__log { margin-top:auto;padding:12px 14px;border-radius:10px;background:#05080d;border:1px solid var(--line);font-size:12px;color:var(--text-2);min-height:44px }
.tcm__prompt { color:var(--pa) }
.tcm__cap { margin-top:16px;text-align:center }
.fleet { margin-top:clamp(36px, 5vw, 72px);display:grid;grid-template-columns:minmax(0, .75fr) minmax(0, 2.25fr);gap:clamp(24px, 4vw, 64px);align-items:start }
.fleet__title { max-width:10ch }
.fleet__list { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:clamp(16px, 2.2vw, 32px) }
.fleet__list li { padding-top:20px;border-top:1px solid var(--line-strong) }
.fleet__list .h4 { margin-bottom:6px }
.fleet__list p { color:var(--text-2);font-size:.95rem;line-height:1.55 }
@media (max-width: 900px) {
  .fleet { grid-template-columns:minmax(0, 1fr);gap:8px }
  .fleet__title { max-width:none }
  .fleet__list { grid-template-columns:minmax(0, 1fr);gap:0 }
  .fleet__list li { display:grid;grid-template-columns:auto minmax(0, 1fr);gap:14px;padding:14px 0 }
  .fleet__list .icon-box { margin:0 }
}
@media (max-width: 640px) {
  .console .section-head { margin-bottom:28px }
  .tcm__body { grid-template-columns:minmax(0, 1fr);min-height:0 }
  .tcm__side { border-right:0;border-bottom:1px solid var(--line);padding:12px }
  .tcm__brand { padding:0 0 10px;font-size:.85rem }
  .tcm__side ul { display:flex;flex-wrap:wrap;gap:5px }
  .tcm__side li { padding:4px 8px;gap:5px;font-size:.68rem;border:1px solid var(--line);border-radius:999px }
  .tcm__side li .ico { width:11px;height:11px }
  .tcm__main { padding:14px;gap:12px }
  .tcm__title { font-size:1.05rem }
  .tcm__mode { font-size:9px;padding:4px 8px }
  .tcm__kv { gap:8px }
  .kv { padding:10px 11px }
  .kv dt { font-size:9px }
  .kv dd { font-size:.88rem;margin-top:4px }
  .tcm__btns { gap:5px;flex-wrap:nowrap }
  .tb { padding:7px 8px;font-size:.66rem;gap:4px;border-radius:8px }
  .tb .ico { width:11px;height:11px }
  .tcm__log { font-size:10px;padding:9px 10px }
  .fleet__list p { font-size:.84rem;line-height:1.5 }
  .fleet__list li { padding:12px 0 }
}

/* ---- PRODUCTIVITY: A DAY WITHOUT INTERRUPTIONS (timeline driven by --p) ---- */
.day { --t:clamp(0, calc((var(--p) - .3) / .36), 1);position:relative;display:grid;grid-template-columns:210px minmax(0, 1fr);grid-template-rows:auto auto auto;column-gap:32px;padding:26px 34px 30px;border-radius:var(--radius-l);border:1px solid var(--line-strong);background:radial-gradient(60% 100% at 100% 100%, rgba(var(--pa-rgb),.07), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.008)), var(--bg-elev) }
.day__axis { grid-column:2;grid-row:1;position:relative;height:20px;font-size:11px;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase }
.day__axis span { position:absolute;left:calc(var(--x) * 100%);top:0;transform:translateX(-50%);white-space:nowrap }
.day__axis span:first-child { transform:none }
.day__axis span:last-child { transform:translateX(-100%) }
.day__name { grid-column:1;align-self:center;display:flex;flex-direction:column;gap:6px }
.day__name--a { grid-row:2 }
.day__name--b { grid-row:3 }
.day__name strong { font-weight:600;font-size:1.05rem;letter-spacing:-.015em }
.day__sum { font-size:.85rem;line-height:1.4;opacity:calc(.25 + clamp(0, (var(--t) - .88) * 8, 1) * .75) }
.day__name--a .day__sum { color:var(--bad) }
.day__name--b .day__sum { color:var(--pa) }
.day__track { grid-column:2;position:relative;height:46px;margin-block:40px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid var(--line) }
.day__track--a { grid-row:2 }
.day__track--b { grid-row:3 }
.day__fill { position:absolute;inset:0;border-radius:inherit;transform-origin:left;transform:scaleX(var(--t)) }
.day__track--a .day__fill { background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.045)) }
.day__track--b .day__fill { background:linear-gradient(90deg, rgba(var(--pa-rgb),.32), rgba(var(--pa-rgb),.18));box-shadow:inset 0 0 0 1px rgba(var(--pa-rgb),.35), 0 0 30px -8px rgba(var(--pa-rgb),.5) }
.day__blk { --f:clamp(0, calc((var(--t) - var(--s)) / (var(--e) - var(--s))), 1);position:absolute;top:5px;bottom:5px;left:calc(var(--s) * 100%);width:max(6px, calc((var(--e) - var(--s)) * 100%));border-radius:6px;background:linear-gradient(180deg, #ff8585, #e14a4a);box-shadow:0 0 18px rgba(var(--bad-rgb),.55);transform-origin:left;transform:scaleX(var(--f)) }
.day__blk--ok, .day__blk--heal { background:var(--pa-2);box-shadow:0 0 16px rgba(var(--lime-rgb),.7) }
.day__lab { --on:clamp(0, calc((var(--t) - var(--s)) * 40), 1);position:absolute;left:calc(var(--s) * 100%);bottom:calc(100% + 9px);padding-left:8px;border-left:1px solid currentColor;font-family:var(--font-mono);font-size:11px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--bad);opacity:var(--on);transform:translate3d(0, calc((1 - var(--on)) * 6px), 0) }
.day__lab.is-low { bottom:auto;top:calc(100% + 9px);transform:translate3d(0, calc((1 - var(--on)) * -6px), 0) }
.day__track--b .day__lab { color:var(--pa) }
.day__cursor { grid-column:2;grid-row:1 / 4;position:relative;pointer-events:none }
.day__cursor i { position:absolute;top:26px;bottom:8px;left:calc(var(--t) * 100%);width:2px;margin-left:-1px;background:linear-gradient(180deg, var(--pa-2), rgba(var(--lime-rgb),.15));box-shadow:0 0 14px rgba(var(--lime-rgb),.7);opacity:clamp(0, calc(var(--t) * 30), 1) }
.day__cursor i::before { content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--pa-2);box-shadow:0 0 12px var(--pa-2) }
.day__foot { margin-top:12px }
@media (max-width: 640px) {
  .day { --t:clamp(0, calc((var(--p) - .3) / .34), 1);grid-template-columns:42px minmax(0, 1fr) minmax(0, 1fr);grid-template-rows:auto 360px;column-gap:8px;padding:16px 12px 18px }
  .day__name { grid-row:1;align-self:end;padding-bottom:14px;gap:4px }
  .day__name--a { grid-column:2 }
  .day__name--b { grid-column:3 }
  .day__name strong { font-size:.86rem;line-height:1.25 }
  .day__sum { font-size:.72rem;line-height:1.3 }
  .day__axis { grid-column:1;grid-row:2;height:auto;font-size:9.5px;letter-spacing:.02em }
  .day__axis span { left:0;top:calc(var(--x) * 100%);transform:translateY(-50%) }
  .day__axis span:first-child { transform:none }
  .day__axis span:last-child { transform:translateY(-100%) }
  .day__track { grid-row:2;height:auto;margin:0;background:none;border:0;border-radius:0 }
  .day__track--a { grid-column:2 }
  .day__track--b { grid-column:3 }
  .day__track::before { content:"";position:absolute;left:0;top:0;bottom:0;width:24px;border-radius:8px;background:rgba(255,255,255,.025);border:1px solid var(--line) }
  .day__fill { right:auto;width:24px;border-radius:8px;transform-origin:top;transform:scaleY(var(--t)) }
  .day__blk { left:4px;width:16px;top:calc(var(--s) * 100%);bottom:auto;height:max(5px, calc((var(--e) - var(--s)) * 100%));border-radius:4px;transform-origin:top;transform:scaleY(var(--f)) }
  .day__lab, .day__lab.is-low { left:32px;right:0;top:calc(var(--s) * 100%);bottom:auto;border-left:0;padding-left:0;white-space:normal;font-size:9.5px;letter-spacing:.02em;line-height:1.15;transform:translate3d(calc((1 - var(--on)) * -6px), 0, 0) }
  .day__cursor { grid-column:1 / -1;grid-row:2 }
  .day__cursor i { top:calc(var(--t) * 100%);left:0;right:0;bottom:auto;width:auto;height:2px;margin:-1px 0 0;background:linear-gradient(90deg, rgba(var(--lime-rgb),.2), var(--pa-2) 30%, rgba(var(--lime-rgb),.15)) }
  .day__cursor i::before { left:42px;top:-4px }
}

/* ---- PRODUCTIVITY MATH (panel under the timeline) ---- */
.pm { margin-top:clamp(28px, 4vw, 48px);display:grid;grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr);grid-template-areas:"t t" "s s" "h f";gap:22px clamp(24px, 4vw, 56px);align-items:end;padding:clamp(20px, 3.2vw, 40px);border-radius:var(--radius-l);border:1px solid var(--line-strong);background:radial-gradient(70% 120% at 0% 0%, rgba(var(--pa-rgb),.12), transparent 55%), radial-gradient(60% 90% at 100% 100%, rgba(var(--lime-rgb),.05), transparent 60%), var(--bg-elev) }
.pm__title, .hours__title, .comp__lbl, .surf__lbl { font-size:var(--fs-2xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3) }
.pm__title { grid-area:t;color:var(--pa) }
.pm__stats { grid-area:s;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr)) }
.pm__stats .stat { padding:4px 24px;border-left:1px solid var(--line) }
.pm__stats .stat:first-child { border-left:0;padding-left:0 }
.pm__stats .stat__num { font-size:clamp(2rem, 1.3rem + 1.8vw, 2.9rem) }
.pm__foot { grid-area:f;padding-bottom:4px }
.hours { grid-area:h;display:grid;gap:10px }
.hours__row { display:grid;grid-template-columns:128px minmax(0, 1fr) 62px;align-items:center;gap:12px }
.hours__name { font-size:.92rem;color:var(--text-2) }
.hours__bar { position:relative;height:12px;border-radius:99px;background:rgba(255,255,255,.05);overflow:hidden }
.hours__bar i { position:absolute;inset:0;border-radius:inherit;transform-origin:left;transform:scaleX(var(--w)) }
html.motion .hours__bar i { transform:scaleX(0);transition:transform 1.8s var(--ease-out) .35s }
html.motion .hours.is-in .hours__bar i { transform:scaleX(var(--w)) }
.hours__row--std i { --w:1;background:linear-gradient(90deg, rgba(var(--bad-rgb),.5), var(--bad)) }
.hours__row--sos i { --w:.1;background:linear-gradient(90deg, var(--pa), var(--pa-2));box-shadow:0 0 14px rgba(var(--pa-rgb),.6) }
.hours__v { font-weight:600;font-variant-numeric:tabular-nums;text-align:right }
.hours__row--std .hours__v { color:var(--bad) }
.hours__row--sos .hours__v { color:var(--pa) }
@media (max-width: 1100px) { .pm { grid-template-columns:minmax(0, 1fr);grid-template-areas:"t" "s" "h" "f" } }
@media (max-width: 640px) {
  .pm { gap:14px;padding:18px 16px }
  .pm__stats { grid-template-columns:repeat(2, minmax(0, 1fr)) }
  .pm__stats .stat { padding:12px 0 12px 14px }
  .pm__stats .stat:nth-child(odd) { border-left:0;padding-left:0 }
  .pm__stats .stat:nth-child(n + 3) { border-top:1px solid var(--line) }
  .pm__stats .stat__num { font-size:2rem }
  .pm__stats .stat__label { font-size:.8rem }
  .hours__row { grid-template-columns:minmax(0, 1fr) auto;gap:6px 12px }
  .hours__bar { grid-column:1 / -1;grid-row:2 }
}

/* ---- DEFENSE IN DEPTH + THREAT -> CONTROL + COMPLIANCE ---- */
.sec__head { max-width:none;display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);column-gap:clamp(32px, 5vw, 80px);align-items:end }
.sec__head > :not(.surf) { grid-column:1 }
.surf { grid-column:2;grid-row:1 / span 3;align-self:end }
.surf__lbl { margin-bottom:12px }
.surf__chips { list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px }
.surf__chips .chip { font-size:10.5px;padding:7px 12px;color:var(--text) }
.surf__chips .ico { color:var(--pa) }
.sec__grid { display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);gap:clamp(32px, 5vw, 80px);align-items:start }
.sec__visual { position:sticky;top:calc(var(--header-h) + 28px) }
.sec__visual::before { content:"";position:absolute;left:10%;right:10%;top:4%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side, rgba(var(--pa-rgb),.12), transparent);filter:blur(10px) }
.rings { position:relative;width:100%;max-width:430px;margin-inline:auto;overflow:visible }
.rings__orbit { fill:none;stroke:rgba(var(--pa-rgb),.28);stroke-width:1;stroke-dasharray:2 9;transform-origin:200px 200px;animation:sos-spin 80s linear infinite }
.ring { fill:none;stroke:rgba(255,255,255,.1);stroke-width:1.5;transition:stroke .7s, stroke-width .7s, fill .7s }
.ring.is-lit, html:not(.motion) .ring { stroke:rgba(var(--pa-rgb),.75);stroke-width:2;fill:rgba(var(--pa-rgb),.018) }
.rings__core circle { fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.16);stroke-width:1.5;transition:all .7s }
.rings__core g { fill:none;stroke:var(--text-3);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .7s }
.rings__core.is-lit circle, html:not(.motion) .rings__core circle { fill:rgba(var(--lime-rgb),.12);stroke:var(--pa-2) }
.rings__core.is-lit g, html:not(.motion) .rings__core g { stroke:var(--pa-2) }
.rings__num circle { fill:var(--bg);stroke:rgba(255,255,255,.22);stroke-width:1.2;transition:all .6s }
.rings__num text { fill:var(--text-3);font-size:11px;text-anchor:middle;transition:fill .6s }
.rings__num .is-lit circle, html:not(.motion) .rings__num circle { stroke:var(--pa);fill:#062019 }
.rings__num .is-lit text, html:not(.motion) .rings__num text { fill:var(--pa) }
.dart line { stroke:var(--bad);stroke-width:2;stroke-linecap:round }
.dart path { fill:var(--bad) }
.dart { opacity:0;animation:def-dart 3.3s cubic-bezier(.5, 0, .75, .4) infinite;animation-delay:var(--dd) }
@keyframes def-dart { 0%, 100% { transform:translateX(80px);opacity:0 } 12% { opacity:1 } 45% { transform:translateX(0);opacity:1 } 62% { transform:translateX(5px);opacity:0 } }
.spark { fill:none;stroke:var(--bad);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;animation:def-spark 3.3s ease-out infinite;animation-delay:var(--dd) }
@keyframes def-spark { 0%, 43% { opacity:0;transform:scale(.2) } 47% { opacity:1 } 72%, 100% { opacity:0;transform:scale(2.4) } }
.def__legend { list-style:none;margin:22px auto 0;padding:0;display:grid;gap:8px;max-width:430px }
.def__legend li { display:flex;align-items:center;gap:12px;color:var(--text-3);font-size:.95rem;line-height:1.3;transition:color .5s }
.def__legend i { flex:none;font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;border:1px solid var(--line-strong);color:var(--text-3);transition:all .5s }
.def__legend i .ico { width:13px;height:13px;stroke-width:2.6 }
.def__legend li.is-lit, html:not(.motion) .def__legend li { color:var(--text) }
.def__legend li.is-lit i, html:not(.motion) .def__legend i { border-color:rgba(var(--pa-rgb),.6);color:var(--pa);background:rgba(var(--pa-rgb),.1);box-shadow:0 0 16px -2px rgba(var(--pa-rgb),.5) }
.def__legend .def__core.is-lit, html:not(.motion) .def__legend .def__core { color:var(--pa-2) }
.def__legend .def__core.is-lit i, html:not(.motion) .def__legend .def__core i { background:var(--pa-2);color:#08100a;border-color:transparent;box-shadow:0 0 18px -2px rgba(var(--lime-rgb),.7) }
.tc__h { margin-bottom:16px }
.tc { list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong) }
.tc__row { position:relative;display:grid;grid-template-columns:30px minmax(0, 1fr) 30px;grid-template-areas:"n threat tick" "n ctl tick";gap:4px 12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line) }
.tc__row::after { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg, rgba(var(--ok-rgb),.06), transparent 60%);opacity:0;transition:opacity 1.2s var(--ease-out) .4s }
.tc__row.is-in::after { opacity:1 }
.tc__n { grid-area:n;padding-top:3px;font-size:11px;color:var(--text-3) }
.tc__threat { grid-area:threat;display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--text) }
.tc__threat .ico { width:17px;height:17px;color:var(--bad) }
.tc__ctl { grid-area:ctl;position:relative;padding-left:27px;color:var(--text-2);font-size:.93rem;line-height:1.45 }
.tc__ctl::before { content:"";position:absolute;left:2px;top:.72em;width:13px;height:1px;background:var(--pa);transform-origin:left }
html.motion .tc__ctl::before { transform:scaleX(0);transition:transform .6s var(--ease-out) .2s }
html.motion .tc__row.is-in .tc__ctl::before { transform:scaleX(1) }
.tc__tick { grid-area:tick;align-self:center;justify-self:end;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--ok-rgb),.12);border:1px solid rgba(var(--ok-rgb),.45);color:var(--ok) }
.tc__tick .ico { width:14px;height:14px;stroke-width:3 }
html.motion .tc__tick { transform:scale(0);transition:transform .6s var(--ease-spring) .45s }
html.motion .tc__row.is-in .tc__tick { transform:scale(1) }
.comp { margin-top:clamp(32px, 4vw, 56px);display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr);gap:16px 48px;align-items:center;padding:clamp(20px, 3.2vw, 40px);border-radius:var(--radius-l);border:1px solid var(--line-strong);background:radial-gradient(80% 140% at 100% 0%, rgba(var(--pa-rgb),.1), transparent 60%), var(--bg-elev) }
.comp .h3 { margin-bottom:10px }
.comp__groups { display:grid;gap:8px }
.comp__chips { list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px }
.comp__foot { grid-column:1 / -1;padding-top:14px;border-top:1px solid var(--line) }
@media (max-width: 900px) {
  .sec__head { grid-template-columns:minmax(0, 1fr) }
  .surf { grid-column:1;grid-row:auto;margin-top:22px }
  .sec__grid { grid-template-columns:minmax(0, 1fr);gap:26px }
  .sec__visual { position:static;display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);gap:14px;align-items:center }
  .sec__visual::before { left:0;right:55%;top:0 }
  .def__legend { margin:0;gap:6px }
  .def__legend li { font-size:.8rem;gap:8px }
  .def__legend i { width:22px;height:22px;font-size:10px }
  .comp { grid-template-columns:minmax(0, 1fr) }
}
@media (max-width: 640px) {
  .surf__chips { gap:6px }
  .surf__chips .chip { font-size:9.5px;padding:6px 10px }
  .tc__row { grid-template-columns:22px minmax(0, 1fr) 26px;gap:4px 10px;padding:12px 0 }
  .tc__n { font-size:10px }
  .tc__threat { font-size:.92rem;gap:9px }
  .tc__threat .ico { width:15px;height:15px }
  .tc__ctl { font-size:.84rem;line-height:1.4;padding-left:24px }
  .tc__tick { width:26px;height:26px }
  .comp .chip { font-size:9.5px;padding:5px 9px }
}

/* ---- HARDWARE & VDI ---- */
.hw { overflow:hidden;isolation:isolate }
.hw__glow { left:-35%;top:15%;opacity:.55 }
.flow { position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0, 1fr) minmax(48px, .32fr) minmax(0, .8fr) minmax(48px, .32fr) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) auto;align-items:center;gap:22px 0;padding:clamp(18px, 3vw, 40px);border-radius:var(--radius-l);border:1px solid var(--line-strong);background:radial-gradient(50% 70% at 50% 40%, rgba(var(--pa-rgb),.1), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.008)), var(--bg-elev) }
.flow__col { display:grid;gap:12px }
.node { display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:14px;align-items:center;padding:16px 18px;border-radius:14px;border:1px solid var(--line-strong);background:rgba(5,7,11,.55);min-width:0 }
.node .ico { grid-row:span 2;width:24px;height:24px;color:var(--pa) }
.node b { font-weight:600;font-size:1.02rem;letter-spacing:-.01em;line-height:1.2 }
.node em { font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3) }
.node--sos { display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:30px 14px;border-color:rgba(var(--pa-rgb),.6);background:radial-gradient(90% 90% at 50% 0%, rgba(var(--pa-rgb),.2), transparent 70%), #07100f;box-shadow:0 0 0 5px rgba(var(--pa-rgb),.05), 0 0 56px -12px rgba(var(--pa-rgb),.6) }
.node--sos .ico { width:34px;height:34px;margin-bottom:6px }
.node--sos b { font-size:1.2rem }
.node--sos em { color:var(--pa) }
.flow__link { position:relative;height:2px;background:repeating-linear-gradient(90deg, rgba(var(--pa-rgb),.55) 0 5px, transparent 5px 10px) }
.flow__link i { position:absolute;left:0;right:0;top:-3px;height:8px;animation:flow-x 2.2s cubic-bezier(.45, 0, .55, 1) infinite }
.flow__link + .flow__col + .flow__link i { animation-delay:-1.1s }
.flow__link i::before { content:"";position:absolute;left:-4px;top:0;width:8px;height:8px;border-radius:50%;background:var(--pa-2);box-shadow:0 0 10px var(--pa-2) }
@keyframes flow-x { 0% { transform:translate3d(0, 0, 0);opacity:0 } 15%, 85% { opacity:1 } 100% { transform:translate3d(100%, 0, 0);opacity:0 } }
@keyframes flow-y { 0% { transform:translate3d(0, 0, 0);opacity:0 } 15%, 85% { opacity:1 } 100% { transform:translate3d(0, 100%, 0);opacity:0 } }
.flow__id { grid-column:1 / -1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;padding:13px 16px;border-radius:12px;border:1px dashed rgba(var(--pa-rgb),.45);background:rgba(var(--pa-rgb),.05) }
.flow__id .ico { width:18px;height:18px;color:var(--pa) }
.flow__id b { font-weight:500;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase }
.flow__id span { color:var(--text-2);font-size:.92rem }
@media (max-width: 900px) { .node { padding:12px;column-gap:10px } .node b { font-size:.9rem } }
@media (max-width: 640px) {
  .flow { grid-template-columns:minmax(0, 1fr);gap:0;padding:14px }
  .flow__col--hw, .flow__col--vdi { grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px }
  .node { grid-template-columns:minmax(0, 1fr);padding:10px }
  .node .ico { grid-row:auto;width:18px;height:18px;margin-bottom:4px }
  .node b { font-size:.84rem }
  .node em { font-size:9px }
  .node--sos { padding:12px;flex-direction:row;gap:10px;justify-content:center;text-align:left }
  .node--sos .ico { width:24px;height:24px;margin:0 }
  .node--sos b { font-size:.98rem }
  .flow__link { justify-self:center;width:2px;height:26px;background:repeating-linear-gradient(180deg, rgba(var(--pa-rgb),.55) 0 4px, transparent 4px 8px) }
  .flow__link i { left:-3px;right:auto;top:0;bottom:0;width:8px;height:auto;animation-name:flow-y }
  .flow__link i::before { left:0;top:-4px }
  .flow__id { margin-top:14px;padding:10px 12px;justify-content:flex-start }
  .flow__id b { font-size:10px }
  .flow__id span { font-size:.8rem;flex-basis:100% }
}

/* ---- WHO IT'S FOR + BUSINESS CASE ---- */
.who__grid { list-style:none;margin:0;padding:0 }
.aud { position:relative;overflow:hidden;padding:24px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 70%), var(--bg-elev) }
.aud::after { content:"";position:absolute;right:-30%;bottom:-40%;width:80%;height:80%;background:radial-gradient(closest-side, rgba(var(--pa-rgb),.1), transparent);pointer-events:none }
.aud__n { position:absolute;right:16px;top:8px;font-size:3.6rem;font-weight:650;letter-spacing:-.07em;line-height:1;color:rgba(255,255,255,.045) }
.aud .ico { width:28px;height:28px;color:var(--pa);margin-bottom:36px }
.aud p { margin-top:6px;color:var(--text-2);font-size:.93rem;line-height:1.5 }
.biz { margin-top:clamp(16px, 2vw, 24px);display:grid;grid-template-columns:minmax(0, .95fr) minmax(0, 1.35fr);gap:clamp(24px, 4vw, 56px);align-items:center;padding:clamp(20px, 3.4vw, 44px);border-radius:var(--radius-l);border:1px solid var(--line-strong);background:radial-gradient(90% 130% at 100% 100%, rgba(var(--pa-rgb),.13), transparent 55%), var(--bg-elev) }
.biz__case .h3 { margin-bottom:10px }
.biz__stats { display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px }
.biz__stats .stat__num { font-size:clamp(1.9rem, 1.2rem + 1.8vw, 3rem) }
.biz__stats .stat:first-child .stat__num { font-size:clamp(1.3rem, .9rem + 1.1vw, 1.8rem);white-space:nowrap }
@media (max-width: 1100px) { .biz { grid-template-columns:minmax(0, 1fr) } }
@media (max-width: 640px) {
  .aud { padding:14px;border-radius:14px }
  .aud__n { font-size:2.4rem;right:10px;top:6px }
  .aud .ico { width:22px;height:22px;margin-bottom:16px }
  .aud .h4 { font-size:.92rem }
  .aud p { font-size:.8rem;line-height:1.45 }
  .biz { padding:18px 16px;gap:18px }
  .biz__stats { grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px }
  .biz__stats .stat__num { font-size:2rem }
  .biz__stats .stat:first-child .stat__num { font-size:1.55rem }
  .biz__stats .stat__label { font-size:.8rem }
}

/* ---- FAQ ---- */
.faq-sec .faq__item dd { line-height:1.6 }
@media (max-width: 640px) {
  .faq-sec .faq__item { padding:16px 0 }
  .faq-sec .faq__item dt { font-size:1rem }
  .faq-sec .faq__item dd { font-size:.92rem;line-height:1.55 }
}
@media (min-width: 901px) and (max-height: 820px) { .rings, .def__legend { max-width: 330px } .def__legend { gap:6px;margin-top:16px } .def__legend li { font-size:.88rem } }

/* ---- Phone alignment pass (360–412px wide, short screens) ---- */
@media (max-width: 900px) {
  .duel.story__stage, .lk.story__stage, .abx.story__stage { width: min(100%, calc(44svh * var(--ratio))); }
}
@container (max-width: 460px) {
  .lk__a { font-size: 9.5px; gap: 0; padding: 4px 8px; }
  .lk__a .ico { display: none; }
  .lk__rootico { display: none; }
  .lk__root { padding: 0 3.4cqi; }
  .lk__roottxt b { font-size: 11px; }
  .lk__roottxt em, .lk__reboot > span:last-child { font-size: 9.5px; letter-spacing: .04em; }
  .lk__rootsub, .lk__note, .lk__lanehead em { font-size: 9px; }
  .lk__ovlhead b { font-size: 10px; }
  .lk__ovlchip, .lk__verdict { font-size: 9px; }
  .lk__files span { font-size: 9.5px; }
  .lk__reboot b, .lk__lanehead b { font-size: 11px; }
  .lk__lanehead { flex-wrap: wrap; row-gap: 1cqi; }
  .lk__verdict { margin-left: calc(6.4cqi + 2.2cqi); }
  .abx__srv b, .abx__eph, .abx__tag, .abx__stxt em, .abx__srv em { font-size: 9px; }
  .abx__stxt b { font-size: 11px; }
  .abx__status p, .abx__rb { font-size: 9.5px; }
  .abx__g { font-size: 9.5px; }
  .abx__g i { font-size: 8.5px; }
  .cell b { font-size: 9px; }
  .cell span { font-size: 11.5px; }
  .duel__head { font-size: 9.5px; }
}
@media (max-width: 640px) {
  .tcm__btns { flex-wrap: wrap; }
}
@media (max-width: 400px) {
  .sec__visual { grid-template-columns: minmax(0, 1fr); justify-items: center; }
  .sec__visual .rings { max-width: 220px; }
  .sec__visual::before { left: 20%; right: 20%; }
  .def__legend { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
  .def__legend .def__core { grid-column: 1 / -1; }
}
@media (max-width: 640px) and (max-height: 780px) {
  .arch .h2 { font-size: 1.35rem; }
  .arch .eyebrow { margin-bottom: 6px; }
  .arch__lead { font-size: .86rem; line-height: 1.45; margin-top: 6px; }
  .arch__grid { gap: 10px; }
  .layers { gap: 4px; }
  .layer { padding: 5px 10px; }
  .layer__ico { width: 26px; height: 26px; }
  .bootlog__lines { font-size: 9.5px; line-height: 1.35; padding: 6px 10px 8px; }
  .bootlog__bar { padding: 5px 10px; }
}
@media (max-width: 640px) and (max-height: 780px) {
  html.motion .arch__sticky { padding-top: calc(var(--header-h) - 14px); }
  .arch .h2 { font-size: 1.25rem; }
  .arch__lead { font-size: .82rem; }
  .layer__txt strong { font-size: .82rem; }
  .layer__txt span { font-size: .7rem; }
  .layer__ok { width: 18px; height: 18px; }
}