[data-wl] .p8-grid{display:grid;grid-template-columns:6fr 6fr;gap:clamp(40px,4.5vw,64px);align-items:center}[data-wl] .p8-copy{order:2}[data-wl] .p8-visual{order:1;position:relative}[data-wl] .p8-visual:before{content:"";position:absolute;inset:-28px -40px;background:radial-gradient(56% 52% at 50% 50%,color-mix(in oklab,var(--brand-blue-strong) 12%,transparent),transparent 70%);filter:blur(30px);pointer-events:none}[data-wl] .p8-body{margin:26px 0 0;max-width:520px;font:450 18px/1.55 var(--wl-font-sans);color:var(--brand-text-muted);text-wrap:pretty}[data-wl] .p8-body strong{font-weight:600;color:var(--brand-text)}[data-wl] .p8-points{margin:30px 0 0;max-width:530px;display:grid;gap:6px}[data-wl] .p8-point{display:grid;grid-template-columns:24px 1fr;gap:13px;align-items:center;padding:8px 10px;margin:0 -10px;border-radius:11px;border:1px solid transparent;transition:border-color .25s var(--wl-ease),background-color .25s var(--wl-ease)}[data-wl] .p8-point:hover,[data-wl] .p8-point[data-hl]{border-color:color-mix(in oklab,var(--brand-blue) 26%,var(--brand-line));background:rgb(22 40 75/.3)}[data-wl] .p8-tick{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;color:var(--brand-text-dim);background:rgb(5 8 17/.5);border:1px solid var(--brand-line);transition:color .4s var(--wl-ease),border-color .4s var(--wl-ease),background-color .4s var(--wl-ease),box-shadow .4s var(--wl-ease)}[data-wl] .p8-tick svg path{stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .35s var(--wl-ease)}[data-wl] .p8-point[data-lit] .p8-tick{color:#4ade80;border-color:rgb(34 197 94/.45);background:rgb(34 197 94/.08);box-shadow:0 0 10px rgb(34 197 94/.14)}[data-wl] .p8-point[data-lit] .p8-tick svg path{stroke-dashoffset:0}[data-wl] .p8-point p{margin:0;font:400 15.5px/1.45 var(--wl-font-sans);color:color-mix(in oklab,var(--brand-text) 88%,var(--brand-text-muted))}[data-wl] .p8-point p b{font-weight:600;color:var(--brand-text)}[data-wl] .p8-panel{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-surface-elevated) 55%,transparent),var(--brand-surface) 70%);border:1px solid color-mix(in oklab,var(--brand-blue) 18%,var(--brand-line));box-shadow:var(--shadow-panel)}[data-wl] .p8-ph{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid color-mix(in oklab,var(--brand-line) 80%,transparent)}[data-wl] .p8-phl{flex:1;min-width:0}[data-wl] .p8-phl em{display:block;font:600 9px var(--wl-font-mono);letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:var(--brand-text-dim)}[data-wl] .p8-phl b{display:block;margin-top:3px;font:600 12.5px var(--wl-font-mono);color:var(--brand-text);font-variant-numeric:tabular-nums;transition:opacity .22s var(--wl-ease),transform .22s var(--wl-ease)}[data-wl] .p8-atomic{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 11px;border-radius:999px;font:600 8.5px var(--wl-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-text-muted);background:rgb(91 175 255/.07);border:1px solid rgb(91 175 255/.28);white-space:nowrap}[data-wl] .p8-atomic i{width:5px;height:5px;border-radius:50%;background:var(--brand-blue);box-shadow:0 0 7px var(--brand-blue)}[data-wl] .p8-flow{position:relative;padding:10px 14px 8px;display:grid;gap:3px}[data-wl] .p8-spine{position:absolute;left:36px;top:36px;bottom:36px;width:2px;border-radius:99px;background:color-mix(in oklab,var(--brand-line) 70%,transparent)}[data-wl] .p8-spine .sp-pulse{position:absolute;left:-1.5px;top:0;width:5px;height:30px;border-radius:99px;background:linear-gradient(180deg,transparent,rgb(255 255 255/.75),transparent);filter:blur(.5px);opacity:0}[data-wl] .p8-spine .sp-pulse.run{animation:p8pulse 1.7s var(--wl-ease)}@keyframes p8pulse{0%{top:0;opacity:0}12%{opacity:.9}88%{opacity:.9}to{top:calc(100% - 30px);opacity:0}}[data-wl] .p8-stage{position:relative;display:grid;grid-template-columns:26px 1fr auto;gap:13px;align-items:center;padding:9px 10px;border-radius:12px;border:1px solid transparent;opacity:.42;transition:opacity .5s var(--wl-ease),border-color .3s var(--wl-ease),background-color .3s var(--wl-ease)}[data-wl] .p8-stage.on{opacity:1}[data-wl] .p8-stage.hl,[data-wl] .p8-stage:hover{border-color:color-mix(in oklab,var(--brand-blue) 26%,var(--brand-line));background:rgb(22 40 75/.3)}[data-wl] .p8-node{position:relative;z-index:2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:transparent;background:var(--brand-bg);border:1.5px solid var(--brand-line);transition:color .4s var(--wl-ease),border-color .4s var(--wl-ease),background-color .4s var(--wl-ease),box-shadow .4s var(--wl-ease)}[data-wl] .p8-node svg path{stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .35s var(--wl-ease) .12s}[data-wl] .p8-stage.on .p8-node{color:#4ade80;border-color:rgb(34 197 94/.55);background:rgb(34 197 94/.1);box-shadow:0 0 12px rgb(34 197 94/.18)}[data-wl] .p8-stage.on .p8-node svg path{stroke-dashoffset:0}[data-wl] .p8-st{min-width:0}[data-wl] .p8-st em{display:block;font:600 8.5px var(--wl-font-mono);letter-spacing:.15em;text-transform:uppercase;font-style:normal;color:var(--brand-text-dim)}[data-wl] .p8-st b{display:block;margin-top:3px;font:500 12px var(--wl-font-mono);color:color-mix(in oklab,var(--brand-text) 90%,var(--brand-text-muted));font-variant-numeric:tabular-nums;transition:opacity .22s var(--wl-ease),transform .22s var(--wl-ease)}[data-wl] .p8-sv{font:500 9.5px var(--wl-font-mono);letter-spacing:.05em;color:var(--brand-text-dim);white-space:nowrap;font-variant-numeric:tabular-nums;transition:opacity .22s var(--wl-ease)}[data-wl] .sw{opacity:0!important;transform:translateY(3px)}[data-wl] .p8-rec{display:flex;align-items:center;gap:14px;margin:6px 16px 0;padding:12px 14px;border-radius:13px;background:rgb(5 8 17/.5);border:1px solid color-mix(in oklab,var(--brand-line) 85%,transparent);opacity:0;transform:translateY(6px);transition:opacity .55s var(--wl-ease),transform .55s var(--wl-ease),box-shadow .4s var(--wl-ease)}[data-wl] .p8-rec.show{opacity:1;transform:none}[data-wl] .p8-rec.ping{box-shadow:0 0 18px rgb(34 197 94/.12)}[data-wl] .p8-req{flex:1;min-width:0}[data-wl] .p8-req em{display:block;font:600 8.5px var(--wl-font-mono);letter-spacing:.15em;text-transform:uppercase;font-style:normal;color:var(--brand-text-dim)}[data-wl] .p8-req b{display:block;margin-top:4px;font:500 11.5px var(--wl-font-mono);color:var(--brand-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-wl] .p8-req b .eq{color:var(--brand-blue);font-weight:600}[data-wl] .p8-drift{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:999px;background:rgb(22 40 75/.4);border:1px solid color-mix(in oklab,var(--brand-line) 90%,transparent);font:500 11px var(--wl-font-sans);color:var(--brand-text-muted);white-space:nowrap}[data-wl] .p8-drift svg{color:#4ade80;flex:none}[data-wl] .p8-drift b{font:600 12px var(--wl-font-mono);color:var(--brand-text);font-variant-numeric:tabular-nums}[data-wl] .p8-audit{margin:12px 16px 16px}[data-wl] .p8-audit>em{display:block;margin:0 2px 7px;font:600 8.5px var(--wl-font-mono);letter-spacing:.15em;text-transform:uppercase;font-style:normal;color:var(--brand-text-dim)}[data-wl] .p8-alog{display:grid;gap:4px}[data-wl] .p8-arow{display:grid;grid-template-columns:64px 1fr auto auto;gap:12px;align-items:center;padding:7px 11px;border-radius:9px;background:rgb(5 8 17/.38);border:1px solid color-mix(in oklab,var(--brand-line) 60%,transparent);font:500 10.5px var(--wl-font-mono);color:var(--brand-text-muted);font-variant-numeric:tabular-nums;opacity:0;transform:translateY(5px);transition:opacity .45s var(--wl-ease),transform .45s var(--wl-ease)}[data-wl] .p8-arow.in{opacity:1;transform:none}[data-wl] .p8-arow.out{opacity:0;transform:translateY(-5px)}[data-wl] .p8-arow .aid{color:var(--brand-text-dim)}[data-wl] .p8-arow .aam{color:var(--brand-text);text-align:right}[data-wl] .p8-arow .aok{display:inline-flex;align-items:center;gap:5px;color:#7ee2a4;font-size:9.5px}[data-wl] .p8-arow .aok i{width:4px;height:4px;border-radius:50%;background:currentColor}[data-wl] .p8-close{position:relative;margin:64px auto 0;padding-top:26px;max-width:680px;text-align:center;font:600 clamp(20px,2.2vw,26px)/1.35 var(--wl-font-heading);letter-spacing:-.015em;color:var(--brand-text);text-wrap:balance}[data-wl] .p8-close:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:52px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-violet));opacity:.8}@media (max-width:980px){[data-wl] .p8-grid{grid-template-columns:1fr;gap:44px}[data-wl] .p8-copy{order:1}[data-wl] .p8-visual{order:2;max-width:620px;width:100%;justify-self:center}}@media (max-width:520px){[data-wl] .p8-sv{display:none}[data-wl] .p8-req b{white-space:normal}[data-wl] .p8-rec{flex-wrap:wrap}[data-wl] .p8-arow{grid-template-columns:56px 1fr auto}[data-wl] .p8-arow .aok{display:none}}@media (prefers-reduced-motion:reduce){[data-wl] .p8-arow,[data-wl] .p8-node,[data-wl] .p8-phl b,[data-wl] .p8-point,[data-wl] .p8-rec,[data-wl] .p8-st b,[data-wl] .p8-stage,[data-wl] .p8-sv,[data-wl] .p8-tick{transition:none}[data-wl] .p8-spine .sp-pulse{display:none}[data-wl] .p8-node svg path,[data-wl] .p8-tick svg path{transition:none;stroke-dashoffset:0}}