:root{--bg:#0b1220;--bg-2:#080d16;--surface:#111b2b;--surface-2:#0e1726;--line:#7da5dc21;--line-strong:#7da5dc42;--text:#e9eef7;--muted:#8a99b2;--faint:#5a6a84;--cyan:#2dd4bf;--violet:#9b6cf6;--green:#2ed19b;--brand:#5eead4;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--display:"Space Grotesk",-apple-system,system-ui,sans-serif;--body:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--body);color:var(--text);background:radial-gradient(1100px 620px at 72% 8%, #2dd4bf1a, transparent 60%), radial-gradient(900px 600px at 20% 100%, #8b8cff17, transparent 55%), linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(var(--line) 1px,transparent 1px), linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;position:fixed;inset:0;mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 78%)}body:after{content:"";pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{--bar-max:1120px;--bar-pad:24px}.wmlogo{border-radius:7px;width:27px;height:27px;display:block}.wrap{z-index:1;max-width:1120px;margin:0 auto;padding:clamp(38px,7vw,88px) 24px 64px;position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);border:1px solid var(--line-strong);background:#111b2b80;border-radius:999px;align-items:center;gap:9px;padding:7px 13px;font-size:12.5px;display:inline-flex}.eyebrow .live{background:var(--cyan);border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite beat;box-shadow:0 0 #2dd4bf80}@keyframes beat{0%{box-shadow:0 0 #2dd4bf73}70%{box-shadow:0 0 0 8px #2dd4bf00}to{box-shadow:0 0 #2dd4bf00}}h1{font-family:var(--display);letter-spacing:-.03em;max-width:14ch;margin:22px 0 0;font-size:clamp(40px,7.2vw,80px);font-weight:600;line-height:.98}h1 .routed{background:linear-gradient(100deg,var(--cyan),var(--violet) 70%);color:#0000;background-clip:text;position:relative}.sub{max-width:52ch;color:var(--muted);margin-top:20px;font-size:clamp(16px,2vw,19px);line-height:1.55}.sub b{color:var(--text);font-weight:600}.cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.ghost{font-family:var(--body);color:var(--text);border:1px solid var(--line);border-radius:11px;align-items:center;gap:9px;padding:13px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.ghost:hover{border-color:var(--line-strong);color:#fff}.ghost .star{color:var(--green)}.board{border:1px solid var(--line);background:linear-gradient(#111b2b8c,#0b122059);border-radius:20px;margin-top:clamp(40px,6vw,64px);position:relative;overflow:hidden;box-shadow:0 40px 120px -60px #000000e6,inset 0 1px #ffffff08}.board .cols{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.14em;color:var(--faint);text-transform:uppercase;justify-content:space-between;align-items:center;padding:16px 22px;font-size:11.5px;display:flex}.stage{aspect-ratio:1000/560;width:100%;position:relative}svg.diagram{width:100%;height:100%;display:block;position:absolute;inset:0}.chip-label{font-family:var(--mono);fill:var(--muted);font-size:15px}.chip-active .chip-box{stroke:var(--line-strong)}.chip-active .chip-label{fill:var(--text)}.dest-title{font-family:var(--display);fill:var(--text);font-size:17px;font-weight:600}.dest-sub{font-family:var(--mono);fill:var(--faint);font-size:12px}.dest-mark{font-family:var(--display);fill:var(--text);font-size:20px;font-weight:700}.dest{opacity:.72;transition:opacity .35s}.dest.lit{opacity:1}.jcaption{font-family:var(--mono);fill:var(--faint);letter-spacing:.12em;font-size:11.5px}.rulecard{z-index:3;backdrop-filter:blur(10px);border:1px solid var(--line-strong);background:#090f1adb;border-radius:14px;width:min(340px,60%);position:absolute;bottom:22px;left:22px;overflow:hidden;box-shadow:0 24px 60px -30px #000000e6}.rulecard .head{border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--faint);align-items:center;gap:8px;padding:10px 13px;font-size:11.5px;display:flex}.rulecard .head .fname{color:var(--muted)}.rulecard pre{font-family:var(--mono);color:var(--muted);margin:0;padding:12px 14px;font-size:12.5px;line-height:1.75;overflow-x:auto}.rulecard .rule{border-radius:5px;margin:0 -6px;padding:1px 6px;transition:background .3s,color .3s;display:block}.rulecard .rule .m{color:#c7d2e6}.rulecard .rule .o{color:var(--muted)}.rulecard .rule.hot{background:#5eead41a}.rulecard .rule.hot .m{color:var(--brand)}.rulecard .rule.hot .o{color:var(--text)}.rulecard .p{color:var(--faint)}.foot{font-family:var(--mono);color:var(--faint);flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:26px;font-size:13px;display:flex}.foot span{align-items:center;gap:8px;display:inline-flex}.foot i{background:var(--faint);border-radius:50%;width:5px;height:5px;font-style:normal}@media (width<=720px){.rulecard{border-bottom:0;border-left:0;border-right:0;border-radius:0;width:100%;margin:0;position:static}.board .cols{letter-spacing:.08em;padding:13px 16px;font-size:10px}}@media (prefers-reduced-motion:reduce){.eyebrow .live{animation:none}}.sec{z-index:1;max-width:1120px;margin:0 auto;padding:clamp(64px,9vw,116px) 24px;position:relative}.sec .eyebrow{margin-bottom:20px}.sec h2{font-family:var(--display);letter-spacing:-.025em;max-width:16ch;font-size:clamp(30px,4.6vw,50px);font-weight:600;line-height:1.02}.sec h2 .accent{color:var(--brand)}.sec .lead{max-width:56ch;color:var(--muted);margin-top:16px;font-size:clamp(15px,1.8vw,18px);line-height:1.55}[data-reveal]{opacity:0;transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1);transform:translateY(24px)}[data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}}.feat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px;display:grid}.feat{border:1px solid var(--line);background:linear-gradient(#111b2b80,#0b122038);border-radius:16px;padding:24px;transition:border-color .25s,transform .25s}.feat:hover{border-color:var(--line-strong);transform:translateY(-3px)}.feat .tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.feat h3{font-family:var(--display);letter-spacing:-.01em;margin:14px 0 8px;font-size:19px;font-weight:600}.feat p{color:var(--muted);font-size:14.5px;line-height:1.56}.feat code{font-family:var(--mono);color:var(--brand);background:#5eead414;border-radius:5px;padding:1px 6px;font-size:12.5px}@media (width<=900px){.feat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.feat-grid{grid-template-columns:1fr}}.matcher{border:1px solid var(--line);background:#090f1a99;border-radius:18px;margin-top:44px;overflow:hidden}.matcher .bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.matcher .bar label{font-family:var(--mono);letter-spacing:.06em;color:var(--faint);white-space:nowrap;font-size:12px}.matcher input{border:1px solid var(--line-strong);min-width:180px;color:var(--text);font-family:var(--mono);background:#0b1220d9;border-radius:10px;outline:none;flex:1;padding:11px 14px;font-size:14px;transition:border-color .2s}.matcher input:focus{border-color:#5eead48c}.matcher .result{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:13.5px}.matcher .rules{padding:8px 6px}.mrule{font-family:var(--mono);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:11px 14px;font-size:13.5px;transition:background .25s;display:grid}.mrule .num{color:var(--faint);margin-right:14px}.mrule .pat{color:#c7d2e6}.mrule .dst{color:var(--faint)}.mrule.match{background:#5eead417}.mrule.match .pat{color:var(--brand)}.mrule.match .dst{color:var(--text)}.install-wrap{grid-template-columns:1fr 1fr;gap:16px;margin-top:46px;display:grid}.icard{border:1px solid var(--line);background:linear-gradient(#111b2b8c,#0b122047);border-radius:18px;flex-direction:column;padding:28px;display:flex}.icard .rec{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:11px}.icard h3{font-family:var(--display);margin:12px 0 18px;font-size:22px;font-weight:600}.term{font-family:var(--mono);border:1px solid var(--line-strong);color:var(--text);cursor:pointer;background:#060b14e6;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:13.5px;transition:border-color .2s;display:flex}.term:hover{border-color:#5eead473}.term .line{white-space:nowrap;overflow:auto}.term .line .pfx{color:var(--brand)}.term .cp{color:var(--faint);letter-spacing:.06em;flex:none;font-size:11px}.term.copied .cp{color:var(--cyan)}.dl-btn{font-family:var(--body);color:#07131a;background:linear-gradient(#5eead4,#2dd4bf);border-radius:12px;align-self:flex-start;align-items:center;gap:10px;padding:14px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 30px -12px #2dd4bf8c}.dl-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px -14px #2dd4bfa6}.req{font-family:var(--mono);color:var(--faint);margin-top:auto;padding-top:16px;font-size:12.5px;line-height:1.8}.icard .term+.term{margin-top:8px}.install-note{border:1px solid var(--line);background:#8b8cff0d;border-radius:14px;flex-direction:column;grid-column:1/-1;gap:10px;padding:20px 24px;display:flex}.install-note p{color:var(--muted);font-size:14.5px;line-height:1.7}@media (width<=720px){.install-wrap{grid-template-columns:1fr}}.site-foot{z-index:1;border-top:1px solid var(--line);margin-top:44px;position:relative}.foot-inner{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;max-width:1120px;margin:0 auto;padding:60px 24px 40px;display:grid}.brandcol .wm{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:11px;font-size:21px;font-weight:700;display:flex}.brandcol .wm .gl{background:linear-gradient(135deg,var(--cyan),var(--violet));border-radius:4px;width:16px;height:16px;transform:rotate(45deg);box-shadow:0 0 12px #5eead480}.brandcol p{max-width:36ch;color:var(--muted);margin-top:15px;font-size:14px;line-height:1.65}.fcol h4{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:14px;font-size:11px}.fcol a{color:var(--muted);padding:5px 0;font-size:14.5px;text-decoration:none;transition:color .2s;display:block}.fcol a:hover{color:var(--text)}.foot-bar{border-top:1px solid var(--line);max-width:1120px;font-family:var(--mono);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:12px 20px;margin:0 auto;padding:20px 24px 52px;font-size:12.5px;display:flex}.foot-bar a{color:var(--faint);text-decoration:none}.foot-bar a:hover{color:var(--muted)}@media (width<=820px){.foot-inner{grid-template-columns:1fr 1fr}}@media (width<=520px){.foot-inner{grid-template-columns:1fr}}