:root{--background:#eef1f6;--surface:#f9fafc;--sky-top:#c7d3e8;--sky-bottom:#eef1f6;--text-primary:#1c2230;--text-secondary:#5a6478;--border:#d4dae6;--accent:#4a6fa5;--moon:#f4f2ea;--moon-glow:rgba(180,190,220,0.35);--wolf:#232a3a;--ridge:#39415580;--star-opacity:0;--danger:#b0403c;--success:#2f7d4f}.dark{--background:#0a0d16;--surface:#121828;--sky-top:#060812;--sky-bottom:#101528;--text-primary:#e6eaf4;--text-secondary:#9aa5bd;--border:#232c44;--accent:#8fb4e8;--moon:#f2efe2;--moon-glow:rgba(210,220,255,0.14);--wolf:#05070d;--ridge:#0d1220;--star-opacity:1;--danger:#e06c68;--success:#5dbd85}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;transition:background .4s ease,color .4s ease}::selection{background:var(--accent);color:var(--background)}.theme-toggle{position:fixed;top:18px;right:18px;z-index:50;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:18px;cursor:pointer;display:grid;place-items:center;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.08)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative;min-height:92vh;background:linear-gradient(var(--sky-top),var(--sky-bottom));overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:background .4s ease}.stars{position:absolute;inset:0;opacity:var(--star-opacity);transition:opacity .6s ease;pointer-events:none}.hero-copy{position:absolute;top:16vh;left:50%;transform:translateX(-50%);text-align:center;z-index:5;padding:0 20px;width:100%}.hero-copy h1{font-size:clamp(3.2rem,9vw,6.5rem);letter-spacing:.28em;font-weight:800;text-indent:.28em}.hero-copy p{font-size:clamp(1.05rem,2.4vw,1.4rem);color:var(--text-secondary);margin-top:8px}.hero-cta{margin-top:26px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:11px 22px;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid var(--border);color:var(--text-primary);background:var(--surface);transition:transform .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-2px)}.btn.primary,.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--background)}.hero-scene{width:100%;display:block}section{padding:90px 24px}.wrap{max-width:1020px;margin:0 auto}.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:10px 0 16px;line-height:1.2}.lede{color:var(--text-secondary);max-width:62ch;font-size:1.05rem}.pack-section{background:linear-gradient(var(--sky-bottom),var(--sky-top));padding-bottom:0;overflow:hidden;transition:background .4s ease}.pack-scene{width:100%;display:block;margin-top:40px}.pack-wolf{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.pack-howl{opacity:0;transition:opacity 1s ease .5s}.in-view .pack-wolf{opacity:1;transform:none}.in-view .pack-howl{opacity:1}.in-view .pack-wolf:first-of-type{transition-delay:0s}.in-view .pack-wolf:nth-of-type(2){transition-delay:.25s}.in-view .pack-wolf:nth-of-type(3){transition-delay:.5s}.in-view .pack-wolf:nth-of-type(4){transition-delay:.75s}.in-view .pack-wolf:nth-of-type(5){transition-delay:1s}.map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:16px;gap:16px;margin-top:36px}.map-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.map-card .from{font-weight:700;font-size:1.05rem}.map-card .arrow{color:var(--accent);margin:0 6px}.map-card p{color:var(--text-secondary);font-size:.92rem;margin-top:8px}.graph-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;margin-top:36px;overflow-x:auto}.graph-panel svg{min-width:720px;width:100%;height:auto;display:block}.tail{margin-top:36px}.tail-stage{display:flex;align-items:center;gap:0;flex-wrap:nowrap}.tail-panel{flex:1 1 auto;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tail-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;color:var(--text-secondary)}.tail-offset b{color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tail-body{position:relative;padding:6px 0;overflow:hidden}.tail-line{position:absolute;left:0;right:0;height:24px;display:flex;align-items:center;gap:8px;padding:0 14px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;white-space:nowrap;transition:top .35s ease,opacity .5s ease,color .5s ease}.tail-text{overflow:hidden;text-overflow:ellipsis}.tail-gutter{color:var(--accent);opacity:.7;flex:none}.tail-line.is-shipped{color:var(--text-secondary);opacity:.45}.tail-line.is-shipped .tail-gutter{opacity:.3}.tail-line.is-pending{color:var(--text-primary)}.tail-line.is-pending.warn{color:#d99a2b}.tail-line.is-pending.error{color:var(--danger)}[data-phase=read] .tail-line.is-pending{background:color-mix(in srgb,var(--accent) 9%,transparent)}[data-phase=classify] .tail-line.is-pending:not(.is-partial),[data-phase=read] .tail-line.is-pending:not(.is-partial),[data-phase=ship] .tail-line.is-pending:not(.is-partial){background:color-mix(in srgb,var(--accent) 16%,transparent)}.tail-line.is-partial{opacity:.72}.tail-line.is-partial .tail-gutter,.tail-nonewline{color:var(--text-secondary)}.tail-nonewline{margin-left:8px;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;border:1px dashed var(--border);border-radius:4px;padding:1px 5px;flex:none}.tail-caret{display:inline-block;width:7px;height:14px;background:var(--accent);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.tail-cursor{left:0;right:0;top:6px;height:2px;z-index:2;transition:transform .55s cubic-bezier(.4,0,.2,1)}.tail-cursor,.tail-cursor:before{position:absolute;background:var(--accent)}.tail-cursor:before{content:"";left:4px;top:-4px;width:10px;height:10px;border-radius:50%}.tail-cursor-tag{position:absolute;right:10px;top:-9px;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--surface);padding:0 6px}.tail-wire{position:relative;flex:0 0 130px;height:2px;background:linear-gradient(90deg,var(--border),var(--accent));opacity:.5}.tail-ack,.tail-packet{position:absolute;top:50%;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;padding:3px 7px;border-radius:5px;white-space:nowrap;opacity:0}.tail-packet{left:0;background:var(--accent);color:var(--background);font-weight:700;transform:translate(-40%,-50%)}.tail-ack{right:0;background:var(--surface);border:1px solid var(--success);color:var(--success);transform:translate(40%,-50%)}[data-phase=ship] .tail-packet{animation:packet-fly 1.3s ease-in-out forwards}@keyframes packet-fly{0%{transform:translate(-40%,-50%) scale(.85);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(calc(130px - 60%),-50%) scale(1);opacity:0}}[data-phase=ack] .tail-ack{animation:ack-pop .75s ease forwards}@keyframes ack-pop{0%{opacity:0;transform:translate(40%,-50%) scale(.8)}30%{opacity:1;transform:translate(40%,-50%) scale(1)}to{opacity:0;transform:translate(-10%,-50%) scale(1)}}.tail-server{flex:0 0 132px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 10px;font-size:.78rem}.tail-server b{display:block}.tail-server span{display:block;font-size:.66rem;color:var(--text-secondary);margin-top:2px}.tail-moon{width:26px;height:26px;border-radius:50%;background:var(--moon);margin:0 auto 8px;box-shadow:0 0 0 6px var(--moon-glow);transition:box-shadow .3s ease}[data-phase=ack] .tail-moon,[data-phase=classify] .tail-moon,[data-phase=commit] .tail-moon{box-shadow:0 0 0 10px var(--moon-glow)}.tail-server{position:relative}.tail-alert{position:absolute;left:50%;bottom:-14px;transform:translate(-50%,6px);display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--danger);background:var(--surface);border:1px solid var(--danger);border-radius:999px;padding:3px 9px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.tail-alert-dot{width:6px;height:6px;border-radius:50%;background:var(--danger)}.tail-server.has-alert .tail-alert{opacity:1;transform:translate(-50%)}.tail-server.has-alert .tail-alert-dot{animation:alert-blink .7s steps(2) infinite}@keyframes alert-blink{50%{opacity:.25}}.tail-status{margin-top:16px;display:flex;align-items:center;gap:10px;font-size:.86rem;color:var(--text-secondary);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}.tail-phase{background:var(--accent);color:var(--background);border-radius:5px;padding:2px 8px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;flex:none}@media (max-width:760px){.tail-stage{flex-wrap:wrap;justify-content:center}.tail-panel{flex:1 1 100%}.tail-wire{flex:0 0 90px;margin:22px 0}.tail-server{margin-top:22px}.tail-line{font-size:.68rem}@keyframes packet-fly{0%{transform:translate(-40%,-50%) scale(.85);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(calc(90px - 60%),-50%) scale(1);opacity:0}}}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-top:36px}.feat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px}.feat h3{font-size:1.02rem;margin-bottom:6px}.feat p{color:var(--text-secondary);font-size:.92rem}.feat .stat{font-size:1.6rem;font-weight:700;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quickstart pre{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;overflow-x:auto;font-size:.88rem;line-height:1.7;margin-top:30px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}.quickstart .c{color:var(--text-secondary)}.quickstart .k{color:var(--accent);font-weight:600}.oss-note{margin-top:20px;border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface);border-radius:8px;padding:14px 18px;font-size:.94rem}.oss-note,footer{color:var(--text-secondary)}footer{border-top:1px solid var(--border);padding:34px 24px 60px;text-align:center;font-size:.88rem}footer b{color:var(--text-primary)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.pack-howl,.pack-section,.pack-wolf,.reveal,body{transition:none!important}.pack-howl,.pack-wolf,.reveal{opacity:1!important;transform:none!important}.howl-line,.shooting,.star{animation:none!important}}@keyframes howl-drift{to{stroke-dashoffset:-26}}.howl-line{animation:howl-drift 2.4s linear infinite}.star{opacity:var(--o,.5);animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes twinkle{0%{opacity:var(--o,.5)}to{opacity:calc(var(--o, .5) * .3)}}.shooting{animation-name:shoot;animation-timing-function:cubic-bezier(.25,.6,.4,1);animation-fill-mode:forwards}@keyframes shoot{0%{transform:translate(0);opacity:0}12%{opacity:1}72%{opacity:1}to{transform:translate(var(--dx),var(--dy));opacity:0}}