:root{--bg:#110e17;--fg:#f7f4fb;--sub:#b2abbf;--muted:#827b90;--line:rgba(236,219,255,.14);--pane:rgba(28,24,38,.62);--a:#c5a1ff;--b:#f2accd;--glow:rgba(204,165,255,.18)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100svh;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
body.light{--fg:#2c2537;--sub:#655c71;--muted:#8c8296;--line:rgba(91,54,120,.14);--pane:rgba(255,255,255,.57);--glow:rgba(170,112,224,.12)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% -18%,var(--glow),transparent 55%),linear-gradient(90deg,rgba(155,129,209,.026) 1px,transparent 1px),linear-gradient(rgba(155,129,209,.025) 1px,transparent 1px);background-size:auto,62px 62px,62px 62px;z-index:0}
button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--a);outline-offset:5px}
.page{position:relative;max-width:1520px;margin:0 auto;padding:0 clamp(19px,4vw,76px);isolation:isolate}
.top{height:86px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:13px;font-weight:780;letter-spacing:.26em;font-size:13px}.symbol{width:33px;height:33px;border:1px solid var(--a);border-radius:50%;display:inline-grid;place-items:center;position:relative;box-shadow:0 0 30px var(--glow),inset 0 0 16px var(--glow)}.symbol:before{content:"";width:13px;height:13px;border:1px solid var(--b);border-radius:50%;transform:translate(4px,-3px)}.symbol:after{content:"";width:4px;height:4px;background:var(--fg);border-radius:50%;position:absolute;left:14px;top:14px}.mark{color:var(--muted);font-size:10px;letter-spacing:.2em}.nav{display:flex;gap:6px;align-items:center}.nav a,.nav button{padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--sub);font-size:10px;letter-spacing:.16em;font-weight:740}.nav a.current{border-color:var(--a);color:var(--fg)}.nav a:hover,.nav button:hover{color:var(--fg);border-color:var(--b)}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--a);font-size:10px;font-weight:790;letter-spacing:.25em;text-transform:uppercase}.eyebrow:before{content:"";width:25px;height:1px;background:var(--b)}h1,h2,h3,p{margin-top:0}h1{font-weight:600;font-size:clamp(64px,10.3vw,152px);letter-spacing:-.095em;line-height:.96;margin:18px 0 26px}h1 em{font-style:normal;color:var(--b)}.lead{color:var(--sub);font-size:clamp(15px,1.7vw,19px);letter-spacing:-.02em;line-height:1.6;max-width:420px}.ncode{font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);letter-spacing:.13em}
.demo{display:inline-flex;align-items:center;gap:7px;color:var(--sub);font-size:10px;font-weight:680;letter-spacing:.1em;text-transform:uppercase}.demo:before{content:"";width:5px;height:5px;flex:none;background:var(--b);border-radius:50%;box-shadow:0 0 12px var(--b)}.stage{position:relative;min-height:470px;overflow:hidden;isolation:isolate}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,var(--glow),transparent 62%)}#art-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.stage-overlay{pointer-events:none;position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:25px}.stage-head,.stage-foot{display:flex;justify-content:space-between;gap:10px;align-items:center}.stage-chip{font:650 9px/1.3 ui-monospace,monospace;color:var(--sub);letter-spacing:.16em}.stage-chip::before{content:"+";color:var(--b);margin-right:6px}
.main{min-height:570px}.split{display:grid;grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);align-items:center;gap:22px}.copy{position:relative;z-index:3}.copy .hint{margin:28px 0 0}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px}.svc{position:relative;overflow:hidden;min-height:126px;background:var(--pane);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:18px;padding:21px 23px;transition:transform .35s,border-color .35s}.svc:hover{transform:translateY(-5px);border-color:var(--a)}.svc:before{content:"";position:absolute;right:-50px;bottom:-70px;width:160px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 65%)}.svc-num{color:var(--a);font:600 10px ui-monospace,monospace;letter-spacing:.15em}.svc h3{font-weight:660;font-size:21px;letter-spacing:-.04em;margin:17px 0 5px}.svc p{margin:0;color:var(--muted);font-size:11px}.svc svg{width:26px;height:26px;position:absolute;right:24px;top:22px;stroke:var(--a);stroke-width:1.2;fill:none;opacity:.78}
.audit-strips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 25px}.audit-strips span{padding:18px 16px;min-height:76px;border:1px solid var(--line);background:var(--pane);border-radius:15px;display:flex;align-items:center;gap:11px;color:var(--sub);font-size:12px;font-weight:640}.audit-strips b{color:var(--a);font:500 10px ui-monospace,monospace}
.bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:18px 0 36px;color:var(--muted);font:500 10px/1.7 ui-monospace,monospace;letter-spacing:.025em}.bottom span:first-child{max-width:690px}.back{color:var(--sub)}.back:hover{color:var(--a)}
@media(max-width:850px){.top{height:72px}.split{grid-template-columns:1fr;gap:0}.split .stage{min-height:410px}.copy{padding-top:44px}.main{min-height:0}.services{margin-top:0}.stage{min-height:430px}h1{font-size:clamp(68px,14vw,120px)}.mark{display:none}}
@media(max-width:580px){.page{padding:0 18px}.top{height:67px}.logo{font-size:11px;letter-spacing:.18em;gap:9px}.symbol{width:28px;height:28px}.nav a{padding:7px 8px;font-size:9px}.nav button{display:none}.copy{padding-top:37px}h1{font-size:clamp(67px,17vw,100px);margin:18px 0}.lead{font-size:15px}.stage,.split .stage{min-height:340px}.services{grid-template-columns:1fr;gap:9px;margin-top:0}.svc{min-height:88px;padding:14px 18px}.svc h3{margin:5px 0 2px;font-size:19px}.svc svg{top:23px}.audit-strips{grid-template-columns:1fr 1fr;gap:8px}.audit-strips span{min-height:60px;padding:12px}.bottom{font-size:9px;flex-wrap:wrap}.stage-overlay{padding:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

:root{--a:#e9acd0;--b:#a998ff;--glow:rgba(191,132,242,.14)}

/* Controls and release states. */
:root { color-scheme: dark; --muted: #ada4b8; }
[hidden] { display: none !important; }
.nav button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
  min-width: 77px; letter-spacing: .025em; font-size: 12px; text-transform: none;
}
.header-name { color: var(--muted); font: 650 11px ui-monospace, monospace; letter-spacing: .17em; }
.ncode { margin: 20px 0 0; }
.measurement { color: var(--sub); font-size: 13px; margin: 22px 0 0; }
.svc h2 { font-weight: 660; font-size: 21px; letter-spacing: -.04em; margin: 17px 0 5px; }
.svc svg { pointer-events: none; }
.service-state {
  display: inline-flex; align-items: center; gap: 7px; color: #d3c5de;
  font-size: 13px;
}
.service-state::before {
  content: ""; display: block; flex: none; width: 7px; height: 7px;
  border-radius: 50%; background: currentColor;
}
.service-state[data-state="up"] { color: #a2ddba; }
.service-state[data-state="down"] { color: #ffb3b5; }
.audit-strips article {
  padding: 17px 15px; min-width: 0; border: 1px solid var(--line);
  background: var(--pane); border-radius: 15px;
}
.audit-strips article h2 {
  margin: 8px 0 5px; color: var(--fg); font-size: clamp(16px, 1.9vw, 22px);
  letter-spacing: -.035em; font-weight: 630;
}
.audit-strips article p { margin: 7px 0 0; color: var(--sub); font-size: 12px; }
.audit-strips article .service-state { display: inline-flex; background: none; border: 0; min-height: 0; padding: 0; gap: 6px; }
@media (max-width: 580px) {
  .svc h2 { margin: 5px 0 2px; font-size: 19px; }
  .nav button { display: inline-flex; }
  .audit-strips article { padding: 13px 11px; }
}