:root{
  --bg:#08111f;
  --panel:#111f35;
  --panel-2:#152841;
  --ink:#eef5ff;
  --muted:#a9bbcf;
  --dim:#74869b;
  --line:rgba(143,185,236,.18);
  --line-strong:rgba(143,185,236,.34);
  --cyan:#66dcff;
  --green:#d7ff53;
  --gold:#ffd36b;
  --violet:#a99aff;
  --shadow:0 22px 70px rgba(0,0,0,.30);
  --radius:20px;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 10%,rgba(102,220,255,.11),transparent 28%),
    radial-gradient(circle at 86% 4%,rgba(169,154,255,.10),transparent 26%),
    linear-gradient(180deg,#07101c 0%,#0a1628 48%,#0e2138 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 2rem));margin:0 auto}

.bg-grid{
  position:fixed;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),rgba(0,0,0,.08));
  animation:grid-drift 22s linear infinite;
}
.bg-signal-text{
  position:fixed;
  inset:9rem auto auto 2rem;
  z-index:-4;
  display:grid;
  gap:.6rem;
  opacity:.075;
  pointer-events:none;
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  color:#dff7ff;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.bg-glow{
  position:fixed;
  width:30rem;
  height:30rem;
  border-radius:50%;
  filter:blur(90px);
  opacity:.25;
  pointer-events:none;
  z-index:-3;
  animation:glow-breathe 10s ease-in-out infinite alternate;
}
.bg-glow-a{left:-12rem;top:8rem;background:var(--cyan)}
.bg-glow-b{right:-12rem;top:16rem;background:var(--violet);animation-delay:2s}

@keyframes grid-drift{
  from{background-position:0 0,0 0}
  to{background-position:36px 36px,36px 36px}
}
@keyframes glow-breathe{
  from{opacity:.18;transform:scale(.96)}
  to{opacity:.30;transform:scale(1.04)}
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(8,17,31,.76);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(143,185,236,.13);
}
.nav-shell{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.2rem;
}
.brand img{
  width:220px;
  max-height:54px;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(102,220,255,.10));
}
.site-nav{
  display:flex;
  gap:.45rem;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.site-nav a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 .85rem;
  border-radius:999px;
  color:#dbe9f8;
  border:1px solid transparent;
  font-size:.92rem;
  font-weight:700;
  transition:.18s ease;
}
.site-nav a:hover{
  background:rgba(255,255,255,.055);
  border-color:rgba(143,185,236,.18);
}
.site-nav a.active{
  color:#08111f;
  background:linear-gradient(135deg,var(--green),#f5ffba 55%,var(--cyan));
}

.entry-hero,.page-hero{padding:4.4rem 0 3.3rem}
.entry-grid,.page-grid,.split-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,540px);
  gap:2.5rem;
  align-items:center;
}
.entry-copy h1,.page-hero h1,.section-heading h2,.text-block h2,.feature-band h2{
  margin:.8rem 0 .85rem;
  font-size:clamp(2.45rem,4.8vw,4.1rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:800;
}
.section-heading h2,.text-block h2,.feature-band h2{
  font-size:clamp(1.75rem,3.1vw,2.75rem);
  letter-spacing:-.035em;
}
.lead{
  color:#c2d1e3;
  font-size:clamp(1.02rem,1.8vw,1.15rem);
  line-height:1.68;
  max-width:62ch;
}
.body-copy,.section-heading p,.text-block p,.feature-band p{
  color:var(--muted);
  line-height:1.68;
}
.section-label{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin:0;
  padding:0 .68rem;
  border:1px solid rgba(143,185,236,.18);
  border-radius:999px;
  color:#d8f6ff;
  background:rgba(102,220,255,.07);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero-actions{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-top:1.5rem;
}
.btn{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 1rem;
  border-radius:999px;
  border:1px solid transparent;
  font-size:.94rem;
  font-weight:800;
  transition:.18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn.primary{
  color:#08111f;
  background:linear-gradient(135deg,var(--green),#f5ffba 55%,var(--cyan));
  box-shadow:0 14px 34px rgba(102,220,255,.12);
}
.btn.secondary{
  color:#edf7ff;
  background:rgba(255,255,255,.055);
  border-color:rgba(143,185,236,.18);
}

.panel{
  position:relative;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(180deg,rgba(21,40,65,.88),rgba(12,26,45,.86)),
    radial-gradient(circle at 0 0,rgba(102,220,255,.07),transparent 34%);
  box-shadow:var(--shadow);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.panel::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:calc(var(--radius) - 1px);
  border:1px solid rgba(255,255,255,.04);
  pointer-events:none;
}
.panel:hover{
  transform:translateY(-2px);
  border-color:rgba(143,185,236,.28);
}

.host-core{
  margin:0;
  padding:1.2rem;
  min-height:430px;
  overflow:hidden;
}
.host-core figcaption,.terminal-proof figcaption,.login-preview figcaption,.showcase-panel figcaption,.access-diagram figcaption{
  color:var(--dim);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.76rem;
  letter-spacing:.06em;
}
.core-shell{
  position:relative;
  height:330px;
  margin-top:1rem;
  border-radius:18px;
  border:1px solid rgba(143,185,236,.12);
  overflow:hidden;
  background:
    linear-gradient(rgba(102,220,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(102,220,255,.035) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(215,255,83,.10),transparent 36%);
  background-size:26px 26px,26px 26px,auto;
}
.signal-line{
  position:absolute;
  left:12%;
  right:12%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(102,220,255,.36),rgba(215,255,83,.32),transparent);
  opacity:.8;
  animation:signal-sweep 4.8s ease-in-out infinite;
}
.signal-line-a{top:28%}
.signal-line-b{top:50%;animation-delay:1.2s}
.signal-line-c{top:72%;animation-delay:2.4s}
.core-ring{
  position:absolute;
  inset:50% auto auto 50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(102,220,255,.22);
  animation:ring-pulse 7s ease-in-out infinite;
}
.ring-one{width:230px;height:230px}
.ring-two{width:310px;height:310px;border-color:rgba(215,255,83,.16);animation-delay:1.6s}
.core-center{
  position:absolute;
  inset:50% auto auto 50%;
  width:150px;
  height:150px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  display:grid;
  place-content:center;
  text-align:center;
  border:1px solid rgba(215,255,83,.32);
  background:linear-gradient(180deg,rgba(215,255,83,.09),rgba(0,0,0,.24));
  box-shadow:0 0 32px rgba(102,220,255,.08);
  animation:center-breathe 5.5s ease-in-out infinite alternate;
}
.core-center strong{font-size:1rem}
.core-center small{color:var(--muted);margin-top:.2rem}
.core-node{
  position:absolute;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 .65rem;
  border-radius:999px;
  border:1px solid rgba(143,185,236,.18);
  background:rgba(8,17,31,.76);
  color:#e5f2ff;
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.72rem;
  animation:node-glow 6.5s ease-in-out infinite;
}
.node-systemd{left:7%;top:16%}
.node-auth{right:9%;top:17%;animation-delay:.6s}
.node-storage{left:8%;bottom:18%;animation-delay:1.2s}
.node-tcp{right:10%;bottom:18%;animation-delay:1.8s}
.node-firewall{left:50%;top:6%;transform:translateX(-50%);animation-delay:2.4s}
.node-events{left:50%;bottom:7%;transform:translateX(-50%);animation-delay:3s}
.core-modes{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
  margin-top:.9rem;
}
.core-modes span{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 .7rem;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(143,185,236,.14);
  color:#dcecff;
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.74rem;
}

@keyframes signal-sweep{
  0%,100%{transform:translateX(-8%);opacity:.28}
  50%{transform:translateX(8%);opacity:.88}
}
@keyframes ring-pulse{
  0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.98)}
  50%{opacity:.75;transform:translate(-50%,-50%) scale(1.03)}
}
@keyframes center-breathe{
  from{box-shadow:0 0 24px rgba(102,220,255,.08)}
  to{box-shadow:0 0 52px rgba(215,255,83,.12)}
}
@keyframes node-glow{
  0%,100%{border-color:rgba(143,185,236,.14)}
  50%{border-color:rgba(102,220,255,.32)}
}

.section{padding:3.8rem 0}
.section-ruled{
  border-top:1px solid rgba(143,185,236,.09);
  border-bottom:1px solid rgba(143,185,236,.09);
  background:linear-gradient(90deg,rgba(102,220,255,.026),transparent 38%,rgba(215,255,83,.02));
}
.section-dark{background:rgba(3,8,15,.20)}
.section-heading{max-width:780px;margin-bottom:1.35rem}

.evidence-rail{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:.55rem;
  padding:1rem;
}
.evidence-rail div{
  min-height:136px;
  padding:1rem;
  border-radius:16px;
  background:rgba(0,0,0,.14);
  border:1px solid rgba(143,185,236,.12);
}
.evidence-rail span,.signal-path span,.capability-zone span,.release-card span,.install-card span,.doc-card span{
  color:var(--green);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.evidence-rail strong{
  display:block;
  margin:.55rem 0 .35rem;
}
.evidence-rail p,.capability-zone p,.install-card p,.release-card p,.doc-card p{
  color:var(--muted);
  line-height:1.62;
}

.signal-path{
  display:grid;
  gap:.65rem;
  padding:1.1rem;
}
.path-row{
  display:grid;
  grid-template-columns:120px 1fr 130px;
  gap:.8rem;
  align-items:center;
  padding:.75rem;
  border-radius:14px;
  border:1px solid rgba(143,185,236,.12);
  background:rgba(0,0,0,.13);
}
.path-row i{
  height:1px;
  background:linear-gradient(90deg,rgba(102,220,255,.12),rgba(215,255,83,.5),rgba(102,220,255,.12));
  animation:path-flow 3.6s ease-in-out infinite;
}
.path-row strong{
  justify-self:end;
}
@keyframes path-flow{
  0%,100%{opacity:.35}
  50%{opacity:.95}
}

.terminal-proof{
  margin:0;
  padding:1rem;
}
.terminal-proof pre,.install-card pre{
  margin:.9rem 0 0;
  padding:1rem;
  overflow:auto;
  border-radius:14px;
  border:1px solid rgba(143,185,236,.13);
  background:rgba(0,0,0,.25);
}
code,pre{
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.terminal-proof code,.install-card code{
  color:#dff7ff;
  font-size:.86rem;
  line-height:1.68;
}
.terminal-proof code::after{
  content:"_";
  color:var(--green);
  animation:cursor-blink 1s steps(1,end) infinite;
}
@keyframes cursor-blink{
  0%,49%{opacity:1}
  50%,100%{opacity:0}
}

.login-preview,.showcase-panel{
  padding:1rem;
  margin:0;
}
.login-preview img,.showcase-panel img{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(143,185,236,.13);
  background:rgba(0,0,0,.16);
  padding:.4rem;
}
.login-preview figcaption,.showcase-panel figcaption{
  margin-top:.75rem;
  letter-spacing:0;
}
.capability-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.capability-zone{
  padding:1.15rem;
}
.capability-zone:nth-child(5){
  grid-column:1 / -1;
}
.capability-zone h3,.install-card h3,.doc-card h3,.release-card h2{
  margin:.7rem 0 .4rem;
  font-size:1.05rem;
  line-height:1.25;
}
.screenshot-showcase{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.showcase-label{
  margin-bottom:.75rem;
  color:var(--green);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.showcase-panel img{
  max-height:520px;
  object-fit:contain;
}

.spec-table,.release-card,.checksum-card,.access-diagram{
  padding:1.2rem;
}
.spec-table div{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:1rem;
  padding:.85rem 0;
  border-bottom:1px solid rgba(143,185,236,.12);
}
.spec-table div:last-child{border-bottom:0}
.spec-table span{
  color:var(--dim);
  font-size:.9rem;
}
.spec-table strong{
  color:#eef6ff;
  font-size:.95rem;
}

.install-grid,.doc-grid{
  display:grid;
  gap:.9rem;
}
.install-grid.three-install{
  grid-template-columns:repeat(3,1fr);
}
.install-card,.doc-card{
  padding:1.15rem;
}
.package-card{
  overflow:hidden;
}
.package-card code{
  color:#dff7ff;
  overflow-wrap:anywhere;
}
.package-visual{
  position:relative;
  margin:1rem 0;
  display:grid;
  gap:.55rem;
  padding:1rem;
  border-radius:16px;
  border:1px solid rgba(215,255,83,.22);
  background:
    linear-gradient(135deg,rgba(215,255,83,.07),transparent),
    rgba(0,0,0,.18);
  overflow:hidden;
}
.package-visual::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -30%;
  width:28%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  transform:rotate(18deg);
  animation:package-sheen 7s ease-in-out infinite;
}
.package-visual b{
  font-size:1.15rem;
}
.package-visual em{
  font-style:normal;
  color:var(--muted);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.8rem;
}
@keyframes package-sheen{
  0%,55%{left:-35%;opacity:0}
  70%{opacity:1}
  100%{left:120%;opacity:0}
}
.checksum-card span{
  display:block;
  margin-bottom:.65rem;
}
.checksum-card code{
  display:block;
  color:#dff7ff;
  overflow-wrap:anywhere;
  line-height:1.6;
}
.access-row{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:1rem;
  padding:1rem 0;
  border-bottom:1px solid rgba(143,185,236,.12);
}
.access-row span{
  color:var(--green);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.78rem;
  text-transform:uppercase;
}
.access-row code{
  color:#dff7ff;
  overflow-wrap:anywhere;
}
.access-notes{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1rem;
}
.access-notes em{
  font-style:normal;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 .65rem;
  border-radius:999px;
  border:1px solid rgba(143,185,236,.14);
  color:#dbe9f8;
  background:rgba(255,255,255,.045);
  font-size:.82rem;
}
.doc-grid-expanded{
  grid-template-columns:repeat(2,1fr);
}
.doc-card.featured-doc{
  grid-column:1 / -1;
  border-color:rgba(215,255,83,.26);
}
.doc-card a{
  margin-top:.95rem;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 .85rem;
  border-radius:999px;
  color:#08111f;
  background:linear-gradient(135deg,var(--green),#f5ffba 55%,var(--cyan));
  font-weight:800;
  font-size:.9rem;
}

.feature-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.4rem;
  padding:1.6rem;
}
.site-footer{
  border-top:1px solid rgba(143,185,236,.12);
  background:rgba(5,11,21,.42);
  padding:2.4rem 0;
}
.footer-grid{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:2rem;
  align-items:start;
}
.site-footer img{
  width:190px;
  max-height:50px;
  object-fit:contain;
  margin-bottom:.65rem;
}
.site-footer p{
  color:var(--muted);
  margin:.4rem 0 0;
}
.site-footer small{
  display:block;
  margin-top:.55rem;
  color:var(--dim);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
}
.site-footer h4{
  margin:0 0 .7rem;
  color:#eef5ff;
}
.site-footer a{
  display:block;
  color:var(--muted);
  margin:.38rem 0;
}
.site-footer a:hover{color:#eef5ff}

@media (max-width:1060px){
  .entry-grid,.page-grid,.split-grid{
    grid-template-columns:1fr;
  }
  .evidence-rail{
    grid-template-columns:repeat(2,1fr);
  }
  .capability-grid,.screenshot-showcase,.install-grid.three-install,.doc-grid-expanded{
    grid-template-columns:1fr;
  }
  .capability-zone:nth-child(5),.doc-card.featured-doc{
    grid-column:auto;
  }
}
@media (max-width:720px){
  .container{width:min(100%,calc(100% - 1.1rem))}
  .nav-shell{
    min-height:auto;
    padding:.8rem 0;
    flex-direction:column;
  }
  .brand img{
    width:min(82vw,300px);
    max-height:68px;
  }
  .site-nav{justify-content:center}
  .site-nav a{
    min-height:36px;
    padding:0 .7rem;
    font-size:.88rem;
  }
  .entry-hero,.page-hero{
    padding:2.8rem 0 2.2rem;
  }
  .entry-copy h1,.page-hero h1{
    font-size:clamp(2.05rem,9.5vw,2.9rem);
  }
  .section{
    padding:2.8rem 0;
  }
  .section-heading h2,.text-block h2,.feature-band h2{
    font-size:clamp(1.65rem,8vw,2.3rem);
  }
  .lead{font-size:1rem}
  .hero-actions,.feature-band{
    display:grid;
    grid-template-columns:1fr;
  }
  .btn{width:100%}
  .host-core{min-height:auto}
  .core-shell{
    height:360px;
    display:flex;
    flex-wrap:wrap;
    align-content:center;
    justify-content:center;
    gap:.35rem;
    padding:1rem;
  }
  .core-ring,.signal-line{display:none}
  .core-node{
    position:static;
    transform:none;
    margin:.35rem;
  }
  .core-center{
    position:static;
    transform:none;
    order:-1;
    width:100%;
    height:auto;
    min-height:90px;
    border-radius:16px;
  }
  .evidence-rail{
    grid-template-columns:1fr;
  }
  .path-row,.access-row,.spec-table div{
    grid-template-columns:1fr;
    gap:.35rem;
  }
  .path-row strong{
    justify-self:start;
  }
  .footer-grid{
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition:none !important;
  }
}

/* v7 polished motion system start */

/* WebUI-inspired host signal capsule */
.host-signal-shell{
  border-bottom:1px solid rgba(143,185,236,.10);
  background:linear-gradient(90deg,rgba(102,220,255,.045),rgba(8,17,31,.18),rgba(215,255,83,.025));
  padding:.55rem 0;
}

.host-signal-capsule{
  position:relative;
  width:min(var(--max),calc(100% - 2rem));
  min-height:40px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  flex-wrap:wrap;
  padding:.35rem .7rem;
  overflow:hidden;
  border:1px solid rgba(143,185,236,.20);
  border-radius:999px;
  background:
    linear-gradient(180deg,rgba(10,20,35,.92),rgba(7,15,27,.92)),
    radial-gradient(circle at 0 50%,rgba(102,220,255,.08),transparent 35%);
  box-shadow:0 12px 34px rgba(0,0,0,.20);
}

.host-signal-capsule::after{
  content:"";
  position:absolute;
  inset:-60% auto -60% -18%;
  width:12%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
  transform:rotate(18deg);
  animation:signal-capsule-sheen 8s ease-in-out infinite;
}

.host-signal-capsule span{
  position:relative;
  z-index:1;
  min-height:25px;
  display:inline-flex;
  align-items:center;
  padding:0 .55rem;
  border-radius:999px;
  color:#dcecff;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(143,185,236,.10);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.host-signal-capsule .signal-title{
  color:#08111f;
  background:linear-gradient(135deg,var(--green),#f5ffba 55%,var(--cyan));
  border-color:transparent;
}

.host-signal-capsule span:not(.signal-title)::before{
  content:"";
  width:6px;
  height:6px;
  margin-right:.45rem;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 12px rgba(215,255,83,.38);
  animation:signal-dot-pulse 3.8s ease-in-out infinite;
}

.host-signal-capsule span:nth-child(3)::before{animation-delay:.35s}
.host-signal-capsule span:nth-child(4)::before{animation-delay:.7s}
.host-signal-capsule span:nth-child(5)::before{animation-delay:1.05s}
.host-signal-capsule span:nth-child(6)::before{animation-delay:1.4s}

@keyframes signal-capsule-sheen{
  0%,58%{left:-20%;opacity:0}
  68%{opacity:1}
  100%{left:118%;opacity:0}
}

@keyframes signal-dot-pulse{
  0%,100%{opacity:.45;transform:scale(.88)}
  50%{opacity:1;transform:scale(1.15)}
}

/* Module-specific micro motion graphics */
.capability-motion{
  min-height:82px;
  margin:.9rem 0 .75rem;
  padding:.8rem;
  border-radius:15px;
  border:1px solid rgba(143,185,236,.12);
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.10)),
    rgba(0,0,0,.12);
  overflow:hidden;
}

.motion-overview{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.45rem;
}

.motion-overview i{
  border-radius:11px;
  background:linear-gradient(180deg,rgba(102,220,255,.16),rgba(215,255,83,.08));
  border:1px solid rgba(143,185,236,.12);
  animation:overview-card-pulse 5s ease-in-out infinite;
}

.motion-overview i:nth-child(2){animation-delay:.4s}
.motion-overview i:nth-child(3){animation-delay:.8s}
.motion-overview i:nth-child(4){animation-delay:1.2s}

@keyframes overview-card-pulse{
  0%,100%{opacity:.55;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-3px)}
}

.motion-storage{
  display:grid;
  align-content:center;
  gap:.5rem;
}

.motion-storage i{
  height:9px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cyan),rgba(102,220,255,.12));
  transform-origin:left;
  animation:storage-fill 5.8s ease-in-out infinite;
}

.motion-storage i:nth-child(1){width:92%}
.motion-storage i:nth-child(2){width:68%;animation-delay:.4s}
.motion-storage i:nth-child(3){width:78%;animation-delay:.8s}
.motion-storage i:nth-child(4){width:46%;animation-delay:1.2s}

@keyframes storage-fill{
  0%,100%{transform:scaleX(.72);opacity:.55}
  50%{transform:scaleX(1);opacity:1}
}

.motion-warder{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  gap:.55rem;
  align-items:center;
}

.motion-warder span{
  color:#dff7ff;
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.7rem;
  border:1px solid rgba(143,185,236,.14);
  border-radius:999px;
  padding:.35rem .45rem;
  text-align:center;
}

.motion-warder b{
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(102,220,255,.18),rgba(215,255,83,.78),rgba(102,220,255,.18));
  animation:warder-path-pulse 3.4s ease-in-out infinite;
}

.motion-warder b:nth-of-type(2){animation-delay:.7s}

@keyframes warder-path-pulse{
  0%,100%{opacity:.35;transform:scaleX(.82)}
  50%{opacity:1;transform:scaleX(1)}
}

.motion-storm{
  display:flex;
  align-items:end;
  gap:.38rem;
}

.motion-storm i{
  flex:1;
  border-radius:8px 8px 2px 2px;
  background:linear-gradient(180deg,var(--cyan),rgba(102,220,255,.18));
  animation:storm-wave 3.8s ease-in-out infinite;
}

.motion-storm i:nth-child(1){height:22px}
.motion-storm i:nth-child(2){height:38px;animation-delay:.18s}
.motion-storm i:nth-child(3){height:28px;animation-delay:.36s}
.motion-storm i:nth-child(4){height:56px;animation-delay:.54s}
.motion-storm i:nth-child(5){height:44px;animation-delay:.72s}
.motion-storm i:nth-child(6){height:64px;animation-delay:.9s}

@keyframes storm-wave{
  0%,100%{transform:scaleY(.68);opacity:.6}
  50%{transform:scaleY(1);opacity:1}
}

.motion-control{
  display:grid;
  gap:.5rem;
  align-content:center;
}

.motion-control i{
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--green),rgba(215,255,83,.10));
  animation:control-audit-flow 4.8s ease-in-out infinite;
}

.motion-control i:nth-child(1){width:92%}
.motion-control i:nth-child(2){width:70%;animation-delay:.35s}
.motion-control i:nth-child(3){width:52%;animation-delay:.7s}

@keyframes control-audit-flow{
  0%,100%{opacity:.45;transform:translateX(0)}
  50%{opacity:1;transform:translateX(10px)}
}

/* Install-page release flow motion graphic */
.release-flow-section{
  padding-top:1.6rem;
}

.release-flow-panel{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr);
  gap:1.4rem;
  align-items:center;
  padding:1.35rem;
  overflow:hidden;
}

.release-flow-panel h2{
  margin:.75rem 0 0;
  font-size:clamp(1.55rem,2.6vw,2.35rem);
  letter-spacing:-.035em;
}

.release-flow-grid{
  position:relative;
  display:grid;
  grid-template-columns:1fr 58px 1fr 58px 1fr;
  gap:.6rem;
  align-items:center;
}

.release-flow-grid i{
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(102,220,255,.16),rgba(215,255,83,.82),rgba(102,220,255,.16));
  animation:release-line-pulse 3.8s ease-in-out infinite;
}

.release-step{
  min-height:106px;
  display:grid;
  place-content:center;
  text-align:center;
  border-radius:18px;
  border:1px solid rgba(143,185,236,.14);
  background:
    radial-gradient(circle at 50% 20%,rgba(102,220,255,.10),transparent 42%),
    rgba(0,0,0,.16);
}

.release-step span{
  color:var(--green);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.release-step strong{
  display:block;
  margin-top:.45rem;
  color:#eef5ff;
  font-size:1rem;
}

.release-step:nth-child(1){
  animation:release-step-glow 5.4s ease-in-out infinite;
}
.release-step:nth-child(3){
  animation:release-step-glow 5.4s ease-in-out infinite;
  animation-delay:1.2s;
}
.release-step:nth-child(5){
  animation:release-step-glow 5.4s ease-in-out infinite;
  animation-delay:2.4s;
}

@keyframes release-line-pulse{
  0%,100%{opacity:.35;transform:scaleX(.88)}
  50%{opacity:1;transform:scaleX(1)}
}

@keyframes release-step-glow{
  0%,100%{border-color:rgba(143,185,236,.14);box-shadow:none}
  50%{border-color:rgba(215,255,83,.30);box-shadow:0 0 34px rgba(102,220,255,.08)}
}

@media (max-width:1060px){
  .host-signal-capsule{
    justify-content:flex-start;
    border-radius:24px;
  }

  .release-flow-panel{
    grid-template-columns:1fr;
  }

  .release-flow-grid{
    grid-template-columns:1fr;
  }

  .release-flow-grid i{
    width:2px;
    height:34px;
    justify-self:center;
  }
}

@media (max-width:720px){
  .host-signal-shell{
    padding:.45rem 0;
  }

  .host-signal-capsule{
    gap:.35rem;
    padding:.45rem;
  }

  .host-signal-capsule span{
    font-size:.62rem;
    min-height:23px;
  }

  .capability-motion{
    min-height:70px;
  }

  .release-flow-panel{
    padding:1rem;
  }
}

/* v7 polished motion system end */

/* docs page start */

.docs-hero{
  padding-bottom:2.4rem;
}

.docs-layout{
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:1rem;
  align-items:start;
}

.doc-library{
  display:grid;
  gap:.75rem;
}

.doc-library-card{
  padding:1rem;
}

.doc-library-card span{
  color:var(--green);
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.doc-library-card h3{
  margin:.55rem 0 .8rem;
  font-size:1rem;
  line-height:1.25;
}

.doc-library-card button,
.doc-library-card a{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:.25rem .35rem .25rem 0;
  padding:0 .75rem;
  border-radius:999px;
  border:1px solid rgba(143,185,236,.18);
  background:rgba(255,255,255,.045);
  color:#edf7ff;
  font:inherit;
  font-size:.84rem;
  font-weight:800;
  cursor:pointer;
  transition:.18s ease;
}

.doc-library-card button:hover,
.doc-library-card a:hover,
.doc-library-card button.active{
  color:#08111f;
  background:linear-gradient(135deg,var(--green),#f5ffba 55%,var(--cyan));
  border-color:transparent;
}

.doc-viewer{
  padding:1rem;
  min-width:0;
}

.doc-viewer-header{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}

.doc-viewer-header h2{
  margin:.7rem 0 0;
  font-size:clamp(1.4rem,2.4vw,2.15rem);
  letter-spacing:-.035em;
}

.doc-viewer iframe{
  width:100%;
  height:min(78vh,920px);
  min-height:680px;
  border:1px solid rgba(143,185,236,.18);
  border-radius:16px;
  background:#101a2a;
}

.doc-viewer-note{
  margin:.8rem 0 0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.55;
}

@media (max-width:1060px){
  .docs-layout{
    grid-template-columns:1fr;
  }

  .doc-library{
    grid-template-columns:repeat(2,1fr);
  }

  .doc-viewer-header{
    align-items:start;
    flex-direction:column;
  }

  .doc-viewer iframe{
    min-height:620px;
  }
}

@media (max-width:720px){
  .doc-library{
    grid-template-columns:1fr;
  }

  .doc-viewer iframe{
    min-height:520px;
    height:70vh;
  }
}

/* docs page end */



/* v8 label cleanup start */

/* Whole-card documentation selectors */
.doc-library-card.doc-view-button{
  display:block;
  width:100%;
  text-align:left;
  color:var(--ink);
  font:inherit;
  cursor:pointer;
  padding:1rem;
  border-radius:var(--radius);
}

.doc-library-card.doc-view-button:hover,
.doc-library-card.doc-view-button.active{
  color:var(--ink);
  border-color:rgba(215,255,83,.34);
  background:
    linear-gradient(180deg,rgba(22,44,72,.94),rgba(11,25,43,.94)),
    radial-gradient(circle at 0 0,rgba(215,255,83,.08),transparent 36%);
  box-shadow:0 20px 62px rgba(102,220,255,.10);
}

.doc-library-card.doc-view-button:focus-visible{
  outline:2px solid var(--green);
  outline-offset:3px;
}

.doc-library-card.doc-view-button h3{
  margin-bottom:0;
}

/* The old per-card action styles are retained harmlessly for compatibility,
   but current documentation cards no longer contain separate card buttons/links. */

/* v8 label cleanup end */

/* host condition motion labels start */
.motion-overview i{
  display:grid;
  place-content:center;
  text-align:center;
  gap:.18rem;
  min-height:64px;
}

.motion-overview i strong{
  color:#eef5ff;
  font-size:.78rem;
  line-height:1;
  font-family:"IBM Plex Mono",ui-monospace,monospace;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.motion-overview i small{
  color:var(--muted);
  font-size:.68rem;
  line-height:1;
  font-family:"IBM Plex Mono",ui-monospace,monospace;
}
/* host condition motion labels end */

/* product hero video start */
.product-video-preview{
  overflow:hidden;
}

.product-video-preview video{
  display:block;
  width:100%;
  max-width:100%;
  border-radius:14px;
  border:1px solid rgba(143,185,236,.13);
  background:rgba(0,0,0,.16);
}
/* product hero video end */

/* AI disclosure footer note start */
.site-footer .ai-review-note{
  margin-top:.35rem;
  color:var(--dim);
  font-size:.82rem;
  line-height:1.5;
}
/* AI disclosure footer note end */

/* creator footer note start */
.site-footer .creator-note{
  margin-top:.25rem;
  color:var(--dim);
  font-size:.82rem;
  line-height:1.5;
}

.site-footer .creator-note a{
  display:inline;
  color:#dbe9f8;
  text-decoration:none;
  border-bottom:1px solid rgba(143,185,236,.32);
}

.site-footer .creator-note a:hover{
  color:var(--green);
  border-bottom-color:var(--green);
}
/* creator footer note end */

/* install disclaimer start */
.install-disclaimer{
  margin:.9rem 0 0;
  padding:.85rem;
  border-radius:14px;
  border:1px solid rgba(255,211,107,.24);
  background:rgba(255,211,107,.055);
  color:var(--muted);
  font-size:.88rem;
  line-height:1.58;
}

.install-disclaimer strong{
  color:var(--gold);
}
/* install disclaimer end */