.page .phero{position:relative;padding:74px 0 50px;overflow-x:clip}.page .phero .aura{position:absolute;top:-160px;left:0;right:0;height:560px;z-index:0;overflow:hidden;pointer-events:none}.page .phero .aura i{position:absolute;border-radius:50%;filter:blur(110px)}.page .phero .aura .g1{width:520px;height:520px;background:var(--accent);top:-60px;left:30%;opacity:.18}.page .phero .aura .g2{width:420px;height:420px;background:#ff9d3d;top:-100px;right:8%;opacity:.12}.page .phero .wrap{position:relative;z-index:1}.page .crumb{font-family:var(--mono);font-size:12.5px;color:var(--dim);margin-bottom:20px;display:flex;gap:9px;align-items:center}.page .crumb a:hover{color:var(--muted)}.page .phero h1{font-size:clamp(36px,5.4vw,60px);line-height:1.02;letter-spacing:-.035em;font-weight:700;max-width:16ch}.page .phero h1 em{font-style:normal;color:var(--accent)}.page .phero .lede{margin-top:20px;font-size:clamp(16px,2vw,19px);color:var(--muted);max-width:60ch;line-height:1.55}.page .steps-sec{padding:40px 0 90px}.page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.page .scard{border:1px solid var(--border);border-radius:14px;background:var(--panel);padding:28px;position:relative;overflow:hidden}.page .scard .num{font-family:var(--mono);font-size:13px;color:var(--accent);border:1px solid rgba(255,86,48,.3);width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);margin-bottom:20px}.page .scard h3{font-size:19px;font-weight:600;letter-spacing:-.01em}.page .scard p{margin-top:10px;color:var(--muted);font-size:14.5px;line-height:1.58}.page .scard code{display:block;margin-top:18px;font-family:var(--mono);font-size:12.5px;color:var(--accent);background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:11px 13px;white-space:nowrap;overflow-x:auto}.page .scard .arrow{position:absolute;top:42px;right:-11px;z-index:2;width:22px;height:22px;border-radius:50%;background:var(--panel2);border:1px solid var(--border2);display:grid;place-items:center;color:var(--dim)}@media(max-width:760px){.page .steps{grid-template-columns:1fr}.page .scard .arrow{display:none}}.page .sec{padding:90px 0;border-top:1px solid var(--border)}.page .sec .sec-head{text-align:left;max-width:680px;margin:0 0 46px}.page .diagram{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--bg2));padding:30px;position:relative;overflow:hidden}.page .diagram svg{width:100%;height:auto;display:block}.page .diagram-viz{position:relative;z-index:0}.page .diagram-viz>svg{position:relative;z-index:1}.page .depth{position:absolute;inset:0;z-index:0;pointer-events:none;display:grid;place-items:center}.page .depth span{position:absolute;border:1px solid var(--border);border-radius:30px;aspect-ratio:2.5/1}.page .depth span:nth-child(1){width:44%;border-color:#ff563021}.page .depth span:nth-child(2){width:63%;opacity:.5}.page .depth span:nth-child(3){width:81%;opacity:.32}.page .depth span:nth-child(4){width:100%;opacity:.18}@media(prefers-reduced-motion:no-preference){.page .depth span{transition:opacity .3s}}.page .legend{display:flex;gap:26px;flex-wrap:wrap;margin-top:22px;padding-top:22px;border-top:1px solid var(--border);font-family:var(--mono);font-size:12.5px;color:var(--muted)}.page .legend span{display:flex;align-items:center;gap:9px}.page .legend .sw{width:22px;height:0;border-top-width:2px;border-top-style:solid}@keyframes dmarch{to{stroke-dashoffset:-18}}.page .diagram .ctrl path{animation:dmarch 1.1s linear infinite}.page .diagram .pkt{transform-box:fill-box;offset-anchor:center;offset-distance:0;offset-rotate:0deg;opacity:0;animation-name:pktflow;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes pktflow{0%{offset-distance:0;opacity:1}to{offset-distance:100%;opacity:1}}.page .dstats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.page .dstats .ds{border:1px solid var(--border);border-radius:11px;background:var(--bg2);padding:14px 16px;display:flex;flex-direction:column;gap:3px}.page .dstats .ds b{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--accent);line-height:1}.page .dstats .ds span{font-family:var(--mono);font-size:11.5px;color:var(--muted)}@media(max-width:760px){.page .dstats{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.page .diagram .ctrl path{animation:none}.page .diagram .pkt{animation:none;visibility:hidden}}.page .note-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.page .note{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:20px 22px}.page .note h4{font-size:15px;font-weight:600;display:flex;align-items:center;gap:9px}.page .note h4 .d{width:8px;height:8px;border-radius:50%}.page .note p{margin-top:8px;color:var(--muted);font-size:13.5px;line-height:1.55}@media(max-width:760px){.page .note-row{grid-template-columns:1fr}}.page .hood{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.page .hcard{border:1px solid var(--border);border-radius:14px;background:var(--panel);padding:26px;display:flex;gap:18px}.page .hcard .ic{flex:none;width:44px;height:44px;border-radius:11px;background:var(--accent-soft);border:1px solid rgba(255,86,48,.2);display:grid;place-items:center;color:var(--accent)}.page .hcard h3{font-size:17px;font-weight:600}.page .hcard p{margin-top:7px;color:var(--muted);font-size:14px;line-height:1.55}@media(max-width:760px){.page .hood{grid-template-columns:1fr}}.page .ztflow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;align-items:stretch;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel)}.page .zt{padding:24px 20px;border-right:1px solid var(--border);position:relative}.page .zt:last-child{border-right:0}.page .zt .zn{font-family:var(--mono);font-size:11px;color:var(--dim);margin-bottom:12px}.page .zt .zic{width:38px;height:38px;border-radius:10px;border:1px solid var(--border2);background:var(--bg);display:grid;place-items:center;color:var(--accent);margin-bottom:14px}.page .zt h4{font-size:15px;font-weight:600;letter-spacing:-.01em}.page .zt p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.page .zt .chev{position:absolute;top:30px;right:-9px;z-index:3;color:var(--dim);background:var(--panel);width:18px;height:18px;display:grid;place-items:center}@media(max-width:880px){.page .ztflow{grid-template-columns:1fr}.page .zt{border-right:0;border-bottom:1px solid var(--border)}.page .zt:last-child{border-bottom:0}.page .zt .chev{display:none}}.page .selfhost{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:32px 34px;display:flex;gap:26px;align-items:center;flex-wrap:wrap}.page .selfhost .big{flex:none;width:54px;height:54px;border-radius:13px;background:var(--accent-soft);border:1px solid rgba(255,86,48,.25);display:grid;place-items:center;color:var(--accent)}.page .selfhost .txt{flex:1;min-width:260px}.page .selfhost h3{font-size:20px;font-weight:600;letter-spacing:-.01em}.page .selfhost p{margin-top:8px;color:var(--muted);font-size:14.5px;line-height:1.58;max-width:60ch}.page .cta{border-top:1px solid var(--border)}