.th{padding:120px var(--pad) clamp(64px, 8vw, 110px);background-color:var(--canvas);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);border-bottom:1px solid var(--border);background-size:16px 16px}.th__inner{max-width:var(--max);margin:0 auto}.th__inner--split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.th__title{letter-spacing:-.04em;max-width:16ch;font-size:clamp(38px,5.6vw,68px);font-weight:300;line-height:1.02}.th__inner--split .th__title{font-size:clamp(36px,4.6vw,58px)}.th__title em{color:var(--muted-foreground);font-style:normal}.th__sub{max-width:62ch;color:var(--muted-foreground);margin-top:20px;font-size:clamp(16px,1.6vw,18.5px)}.th__sub strong{color:var(--foreground);font-weight:500}@media (width<=960px){.th__inner--split{grid-template-columns:1fr}}.tsec{padding:clamp(72px, 9vw, 120px) var(--pad)}.tsec--canvas{background:var(--canvas);border-block:1px solid var(--border)}.tsec__inner{max-width:var(--max);margin:0 auto}.trow{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.trow+.trow{margin-top:clamp(64px,9vw,120px)}.trow--flip{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.trow--flip .trow__text{order:2}.trow__n{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted-foreground);font-size:12px}.trow__text h3{letter-spacing:-.03em;margin:10px 0 14px;font-size:clamp(24px,2.8vw,34px)}.trow__text p{color:var(--muted-foreground);max-width:50ch;font-size:16.5px}.trow__text p+p{margin-top:12px}.trow__text strong{color:var(--foreground);font-weight:500}.trow__tip{border-radius:var(--radius-lg);background:var(--muted);padding:14px 16px;font-size:15px!important}.trow__art{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:clamp(16px,2.6vw,28px)}@media (width<=860px){.trow,.trow--flip{grid-template-columns:1fr}.trow--flip .trow__text{order:0}}.tspec{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-2xl);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.tspec>div{background:var(--card);padding:clamp(20px,2.6vw,30px)}.tspec h3{letter-spacing:-.015em;margin:12px 0 6px;font-size:17px}.tspec p{color:var(--muted-foreground);font-size:14.5px}@media (width<=860px){.tspec{grid-template-columns:1fr}}.tnext{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:clamp(32px,5vw,56px);padding:18px 20px;transition:box-shadow .2s,transform .2s;display:grid}.tnext:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tnext>span:nth-child(2){flex-direction:column;display:flex}.tnext b{font-size:16px}.tnext>span:nth-child(2) span{color:var(--muted-foreground);font-size:14px}.tnext__go{color:var(--muted-foreground);font-size:20px;transition:transform .2s}.tnext:hover .tnext__go{transform:translate(3px)}.cta__inner--plain{padding-top:clamp(48px,7vw,84px)}.tsec+.cta,.tsec--canvas+.cta{padding-top:clamp(72px,9vw,120px)}.hubunit rect{fill:var(--unit-body);stroke:var(--unit-edge)}.hubunit path{fill:none;stroke:color-mix(in oklab, var(--unit-mark) 45%, transparent);stroke-width:3px;stroke-linecap:round}.hubunit circle{fill:var(--good)}.tcard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-top:clamp(32px,5vw,52px);overflow:hidden}.tcard__scroll{scrollbar-width:thin;padding:clamp(16px,3vw,32px) clamp(16px,3vw,32px) 8px;overflow-x:auto}.scene--path{min-width:720px}.lane-in{fill:none;stroke:var(--muted-foreground);stroke-opacity:.45;stroke-width:3px;stroke-dasharray:2 8;stroke-linecap:round;animation:.9s linear infinite march}@keyframes march{to{stroke-dashoffset:-10px}}@media (prefers-reduced-motion:reduce){.lane-in{animation:none}}.addr rect{fill:var(--card);stroke:color-mix(in oklab, var(--good) 45%, var(--border));stroke-width:1.2px;transition:stroke .3s}.addr text{text-anchor:middle;fill:var(--foreground);font-size:12.5px;font-weight:500}.addr__k{fill:var(--muted-foreground);font-weight:400}.addr.is-flash rect{animation:.9s addr-flash}@keyframes addr-flash{30%{stroke-width:3.5px}}.addr.is-offline rect{stroke:var(--bad)}.addr.is-offline text{fill:var(--muted-foreground);text-decoration:line-through}.tplay{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:14px clamp(16px,3vw,32px) 18px;display:flex}.tplay__label{margin-right:4px;font-size:14px;font-weight:500}.chip{height:32px;font:inherit;color:var(--foreground);background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13.5px;font-weight:500;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.chip i{background:var(--c);border-radius:50%;width:8px;height:8px;transition:background .18s}.chip[aria-pressed=true]{border-color:color-mix(in oklab, var(--c) 50%, var(--border));background:color-mix(in oklab, var(--c) 8%, var(--card))}.chip[aria-pressed=false]{color:var(--muted-foreground);text-decoration:line-through}.chip[aria-pressed=false] i{background:var(--muted-foreground)}.chip:hover{border-color:var(--foreground)}.tplay__note{width:100%;color:var(--muted-foreground);margin-top:4px;font-size:13.5px}.tunnel__pipe{fill:none;stroke:var(--c);stroke-opacity:.14;stroke-width:18px;stroke-linecap:round}.tunnel__draw{fill:none;stroke:var(--c);stroke-width:3px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px}.tunnel__state rect{fill:var(--card);stroke:var(--border)}.tunnel__state text{font-family:var(--font-mono);text-anchor:middle;font-size:11.5px}.tunnel__wait{fill:var(--muted-foreground)}.tunnel__ready{fill:var(--good);opacity:0}.trow.is-in .tunnel__draw{animation:tunnel-draw 1.2s var(--ease-out) forwards;animation-delay:calc(.3s + var(--i) * .45s)}.trow.is-in .tunnel__wait{animation:.2s forwards fade-out;animation-delay:calc(1.5s + var(--i) * .45s)}.trow.is-in .tunnel__ready{animation:.3s forwards fade-in;animation-delay:calc(1.5s + var(--i) * .45s)}.tunnel__state rect{transition:stroke .3s}.trow.is-in .tunnel__state rect{stroke:var(--good);transition-delay:calc(1.5s + var(--i) * .45s)}@keyframes tunnel-draw{to{stroke-dashoffset:0}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.tunnel__draw{stroke-dashoffset:0}.tunnel__wait{opacity:0}.tunnel__ready{opacity:1}.trow.is-in :is(.tunnel__draw,.tunnel__wait,.tunnel__ready){animation:none}.tunnel__state rect{stroke:var(--good);transition:none}}.dealer{overflow:hidden}.pkt rect{fill:var(--c)}.pkt text{font-family:var(--font-mono);text-anchor:middle;fill:#fff;font-size:11px;font-weight:600}.pkt--1{--c:var(--lane-1)}.pkt--2{--c:var(--lane-2)}.pkt--3{--c:var(--lane-3)}.pkt--3 text{fill:#1c1917}.addrcmp{gap:12px;display:grid}.addrcmp__row{border:1px solid var(--border);border-radius:var(--radius-xl);gap:4px;padding:16px 18px;display:grid}.addrcmp__row--box{border-color:color-mix(in oklab, var(--good) 40%, var(--border));background:color-mix(in oklab, var(--good) 5%, var(--card))}.addrcmp__who{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px}.addrcmp__net{color:var(--muted-foreground);font-size:14px}.addrcmp__ip{font-family:var(--font-mono);letter-spacing:-.01em;font-size:clamp(20px,2.4vw,26px);font-weight:500}.addrcmp__status{font-size:14px;font-weight:500}.addrcmp .ok{color:var(--good)}.addrcmp .bad,.addrcmp__changed{color:var(--bad)}.addrcmp p:has(.is-a){display:grid}.addrcmp p>.is-a,.addrcmp p>.is-b{grid-area:1/1;transition:opacity .35s,transform .35s}.addrcmp p>.is-b{opacity:0;transform:translateY(4px)}.addrcmp.is-b p>.is-a{opacity:0;transform:translateY(-4px)}.addrcmp.is-b p>.is-b{opacity:1;transform:none}.addrcmp.is-b .addrcmp__row:first-child{border-color:color-mix(in oklab, var(--bad) 40%, var(--border))}.board{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);gap:12px;padding:clamp(14px,2.2vw,22px);display:grid}.board__head{align-items:center;gap:10px;font-size:14px;display:flex}.board__mode{background:var(--muted);color:var(--muted-foreground);border-radius:6px;padding:2px 8px;font-size:12px}.board__tick{font-family:var(--font-mono);color:var(--muted-foreground);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:inline-flex}.board__tick i{background:var(--good);border-radius:50%;width:7px;height:7px;animation:.8s ease-in-out infinite live}.bond{border:1px solid var(--border);border-radius:var(--radius-xl);gap:6px;padding:10px;transition:border-color .35s,background .35s,opacity .35s;display:grid}.bond__head{align-items:center;gap:8px;padding:2px 4px 4px;font-size:13.5px;display:flex}.bond__prio{font-family:var(--font-mono);color:var(--muted-foreground);font-size:11px}.bond__state{white-space:nowrap;background:var(--muted);color:var(--muted-foreground);border-radius:999px;margin-left:auto;padding:2px 9px;font-size:11.5px;font-weight:500;transition:background .3s,color .3s}.board[data-active=primary] [data-bond=primary],.board[data-active=backup] [data-bond=backup]{border-color:color-mix(in oklab, var(--good) 45%, var(--border));background:color-mix(in oklab, var(--good) 4%, var(--card))}.board[data-active=primary] [data-bond=primary] .bond__state,.board[data-active=backup] [data-bond=backup] .bond__state{background:color-mix(in oklab, var(--good) 16%, transparent);color:var(--good)}.bond[data-state=warn] .bond__state{background:color-mix(in oklab, var(--lane-3) 20%, transparent);color:color-mix(in oklab, var(--lane-3) 70%, var(--foreground))}.bond[data-state=bad]{border-color:color-mix(in oklab, var(--bad) 40%, var(--border))}.bond[data-state=bad] .bond__state{background:color-mix(in oklab, var(--bad) 14%, transparent);color:var(--bad)}.bond[data-state=hold] .bond__state{background:color-mix(in oklab, var(--lane-2) 14%, transparent);color:var(--lane-2)}.up{background:var(--muted);border-radius:10px;grid-template-columns:96px minmax(40px,1fr) repeat(3,58px);align-items:center;gap:10px;padding:8px 10px;display:grid;position:relative;overflow:hidden}.up:after{content:"";background:repeating-linear-gradient(90deg, var(--c) 0 10px, transparent 10px 18px);opacity:0;height:2px;transition:opacity .3s;animation:.6s linear infinite carry;position:absolute;bottom:0;left:0;right:0}@keyframes carry{to{background-position:18px 0}}.board[data-active=primary] [data-bond=primary] .up:after,.board[data-active=backup] [data-bond=backup] .up:after{opacity:1}.up__name{align-items:center;gap:7px;font-size:13.5px;font-weight:500;display:flex}.up__name i{background:var(--c);border-radius:50%;width:8px;height:8px}.up__spark{width:100%;height:26px}.up__spark polyline{fill:none;stroke:var(--c);stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.up.is-bad .up__spark polyline{stroke:var(--bad)}.up__m{flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.up__m b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:500;transition:color .3s}.up__m b.is-bad{color:var(--bad)}.up__m small{color:var(--muted-foreground);white-space:nowrap;font-size:10.5px}.board__log{align-items:center;gap:8px;min-height:22px;font-size:13.5px;display:flex}.board__log.is-new{animation:log-in .35s var(--ease-out)}.board__note{color:var(--muted-foreground);margin-top:-6px;font-size:11.5px}@media (width<=560px){.board__tick{display:none}.up{grid-template-columns:1fr repeat(3,50px)}.up__spark{display:none}}@media (prefers-reduced-motion:reduce){.up:after,.board__tick i{animation:none}}.probe__dot{fill:var(--lane-2)}.probe__dot.is-running{animation:1.4s cubic-bezier(.45,0,.55,1) infinite probe}@keyframes probe{0%{transform:translate(0)}50%{transform:translate(276px)}to{transform:translate(0)}}.probe__rtt rect{fill:var(--card);stroke:var(--border)}.probe__rtt text{font-family:var(--font-mono);text-anchor:middle;fill:var(--muted-foreground);font-size:12px}.probe__rtt tspan{fill:var(--foreground);font-weight:500}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vw,56px);display:grid}.metrics>div{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);padding:22px}.metrics h3{letter-spacing:-.02em;font-size:19px}.metrics p{color:var(--muted-foreground);margin:8px 0 14px;font-size:14.5px}.metrics__def{background:var(--muted);color:var(--muted-foreground);border-radius:999px;padding:4px 10px;font-size:13px;display:inline-block}.metrics__def b{color:var(--foreground);font-weight:600}.metrics__note{color:var(--muted-foreground);margin-top:14px;font-size:13.5px}@media (width<=860px){.metrics{grid-template-columns:1fr}}.modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mode{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:0 22px 24px;overflow:hidden}.mode.reveal:nth-child(2){transition-delay:80ms}.mode.reveal:nth-child(3){transition-delay:.16s}.mode__art{background:var(--canvas);border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;gap:8px;min-height:132px;margin:0 -22px 18px;padding:18px 22px;display:flex}.mode__art--all{flex-flow:wrap;justify-content:center;align-items:center}.mode__art--all .mchip{box-shadow:0 0 0 4px color-mix(in oklab, var(--good) 12%, transparent)}.mchip{background:var(--card);border:1px solid color-mix(in oklab, var(--c) 45%, var(--border));border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.mchip:before{content:"";background:var(--c);border-radius:50%;width:7px;height:7px}.mgroup{border:1px dashed var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.mgroup small{background:var(--primary);width:20px;height:20px;color:var(--primary-foreground);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.mgroup--auto small{background:var(--lane-2);color:#fff}.mode__tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px}.mode h3{letter-spacing:-.02em;margin:8px 0;font-size:20px}.mode p{color:var(--muted-foreground);font-size:14.5px}@media (width<=860px){.modes{grid-template-columns:1fr}}.tl{padding:8px 4px 4px;position:relative}.tl__track{background:var(--muted);border-radius:3px;height:6px;margin:64px 0 0;position:relative}.tl__fill{background:var(--foreground);border-radius:3px;width:0;position:absolute;inset:0 auto 0 0}.tl.is-playing .tl__fill{animation:6s linear forwards tl-fill}.tl.is-done .tl__fill{width:100%}@keyframes tl-fill{to{width:100%}}.tl__events{margin:0;padding:0;list-style:none}.tl__events li{top:0;left:var(--at);text-align:center;white-space:nowrap;opacity:.25;flex-direction:column;align-items:center;font-size:12px;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%)}.tl__events li:nth-child(2n){top:108px}.tl__events li b{font-weight:600}.tl__events li span{color:var(--muted-foreground);font-size:11.5px}.tl__events li:after{content:"";background:var(--border);width:1px;height:22px;position:absolute;top:36px;left:50%}.tl__events li:nth-child(2n):after{top:-30px}.tl.is-done .tl__events li{opacity:1}.tl.is-playing .tl__events li{animation:.3s forwards fade-in;animation-delay:calc(var(--at-s,0s))}.tl.is-playing .tl__events li:first-child{--at-s:.5s}.tl.is-playing .tl__events li:nth-child(2){--at-s:1.6s}.tl.is-playing .tl__events li:nth-child(3){--at-s:2.6s}.tl.is-playing .tl__events li:nth-child(4){--at-s:5.5s}.tl__bands{height:26px;margin-top:90px;position:relative}.tl__band{white-space:nowrap;border-radius:6px;align-items:center;height:26px;padding:0 8px;font-size:11.5px;font-weight:500;display:flex;position:absolute;top:0;overflow:hidden}.tl__band--p{background:color-mix(in oklab, var(--lane-3) 18%, transparent);color:color-mix(in oklab, var(--lane-3) 60%, var(--foreground))}.tl__band--b{background:color-mix(in oklab, var(--lane-2) 16%, transparent);color:var(--lane-2);border-left:2px solid var(--card);border-right:2px solid var(--card)}@media (prefers-reduced-motion:reduce){.tl.is-playing .tl__fill{width:100%;animation:none}.tl.is-playing .tl__events li{opacity:1;animation:none}}.sorter{gap:16px;display:grid}.sorter__pool{background:var(--muted);border-radius:12px;flex-wrap:wrap;gap:8px;min-height:40px;padding:10px;display:flex}.sorter.is-done .sorter__pool{display:none}.sorter__groups{gap:8px;display:grid}.sgroup{border:1px dashed var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:48px;padding:8px 10px;display:flex}.sgroup small{width:72px;font-family:var(--font-mono);color:var(--muted-foreground);font-size:11px}.sgroup--q{background:color-mix(in oklab, var(--bad) 4%, transparent)}.schip{background:var(--card);border:1px solid color-mix(in oklab, var(--c) 45%, var(--border));box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:500;display:inline-flex}.schip:before{content:"";background:var(--c);border-radius:50%;width:7px;height:7px}.schip small{font-family:var(--font-mono);color:var(--muted-foreground);font-size:11px;font-weight:400}.schip--bad small{color:var(--bad)}.settings{gap:10px;font-size:13.5px;display:grid}.settings__title{font-size:15px;font-weight:600}.seg{border-radius:var(--radius-lg);background:var(--muted);grid-template-columns:repeat(3,1fr);margin-bottom:6px;padding:3px;display:grid}.seg span{border-radius:var(--radius-md);text-align:center;color:var(--muted-foreground);white-space:nowrap;padding:7px 4px;font-size:12.5px;font-weight:500}.seg span.is-on{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-xs)}.settings__row{color:var(--muted-foreground);justify-content:space-between;display:flex}.settings__row b{color:var(--foreground);font-weight:500}.fslide{background:var(--muted);border-radius:3px;height:6px;margin:2px 0 8px;position:relative}.fslide:before{content:"";width:var(--v);background:var(--foreground);border-radius:3px;position:absolute;inset:0 auto 0 0}.fslide i{top:50%;left:var(--v);background:var(--card);border:1.5px solid var(--foreground);width:16px;height:16px;box-shadow:var(--shadow-xs);border-radius:50%;margin:-8px 0 0 -8px;position:absolute}.cmock{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-top:clamp(32px,5vw,52px);font-size:13px;overflow:hidden}.cmock__bar{border-bottom:1px solid var(--border);background:var(--muted);align-items:center;gap:12px;padding:10px 14px;display:flex}.cmock__dots{gap:5px;display:inline-flex}.cmock__dots i{background:var(--border);border-radius:50%;width:9px;height:9px}.cmock__url{background:var(--card);font-family:var(--font-mono);color:var(--muted-foreground);border-radius:6px;margin:0 auto;padding:3px 14px;font-size:11.5px}.cmock__body{grid-template-columns:190px minmax(0,1fr);display:grid}.cmock__side{border-right:1px solid var(--border);background:var(--canvas);flex-direction:column;gap:2px;padding:14px 10px;display:flex}.cmock__side>span{border-radius:var(--radius-md);color:var(--muted-foreground);align-items:center;gap:8px;padding:7px 10px;display:flex}.cmock__side>span.is-on{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-xs);font-weight:500}.cmock__net{align-items:center;gap:8px;padding:4px 10px 12px;font-weight:600;display:flex}.cmock__net span{background:linear-gradient(135deg, var(--lane-1), var(--lane-2));border-radius:5px;width:18px;height:18px}.cmock__main{gap:10px;padding:clamp(14px,2.4vw,24px);display:grid}.cmock__device{border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:96px 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.cmock__unit{width:96px;height:auto;overflow:visible}.cmock__name{letter-spacing:-.015em;font-size:16px;font-weight:600}.cmock__status{color:var(--muted-foreground);align-items:center;gap:7px;font-size:12.5px;display:flex}.cmock__status i{background:var(--good);border-radius:50%;width:7px;height:7px}.cmock__btn{border-radius:var(--radius-md);background:var(--primary);color:var(--primary-foreground);padding:6px 12px;font-size:12.5px;font-weight:500}.cmock__h{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);margin-top:6px;font-size:10.5px}.cmock__ups{gap:6px;display:grid}.cmock__up{background:var(--muted);color:var(--muted-foreground);border-radius:10px;grid-template-columns:150px minmax(40px,1fr) 64px 74px;align-items:center;gap:12px;padding:8px 12px;font-size:12.5px;display:grid}.cmock__up>span:last-child,.cmock__up>span:nth-last-child(2){text-align:right;white-space:nowrap}.cmock__up b{color:var(--foreground);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500}.cmock__upname{color:var(--foreground);white-space:nowrap;align-items:center;gap:7px;font-weight:500;display:flex}.cmock__upname i{background:var(--c);border-radius:50%;width:8px;height:8px}.cmock__up svg{width:100%;height:22px}.cmock__up polyline{fill:none;stroke:var(--c);stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.cmock__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cmock__wifi{border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;margin-top:6px;padding:8px 12px;display:flex}.cmock__wifi b{font-weight:500}.cmock__on,.cmock__off{border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11.5px}.cmock__on{background:color-mix(in oklab, var(--good) 14%, transparent);color:var(--good)}.cmock__off{background:var(--muted);color:var(--muted-foreground)}.cmock__kv{border:1px solid var(--border);color:var(--muted-foreground);border-radius:10px;justify-content:space-between;margin-top:6px;padding:8px 12px;display:flex}.cmock__kv b{color:var(--foreground);font-weight:500}.cmock__note{color:var(--muted-foreground);margin-top:12px;font-size:12.5px}@media (width<=760px){.cmock__body{grid-template-columns:1fr}.cmock__side{display:none}.cmock__up{grid-template-columns:1fr 56px 70px}.cmock__up svg{display:none}.cmock__grid{grid-template-columns:1fr}.cmock__device{grid-template-columns:72px 1fr}.cmock__unit{width:72px}.cmock__btn{display:none}}.cgroups{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.cgroup{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);flex-direction:column;padding:20px;transition:box-shadow .2s,transform .2s;display:flex}.cgroup:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cgroup__icon{background:var(--muted);border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.cgroup h3{letter-spacing:-.015em;margin:14px 0 4px;font-size:17px}.cgroup>p{color:var(--muted-foreground);font-size:14px}.cgroup ul{border-top:1px solid var(--border);gap:8px;margin:14px 0 0;padding:14px 0 0;list-style:none;display:grid}.cgroup li{padding-left:18px;font-size:13.5px;line-height:1.45;position:relative}.cgroup li:before{content:"";border-left:1.5px solid var(--good);border-bottom:1.5px solid var(--good);width:7px;height:4px;position:absolute;top:.5em;left:2px;transform:rotate(-45deg)}.cgroup .more{border:0;align-self:flex-start;margin-top:auto;padding-top:14px;font-size:13.5px}.cgroup:nth-child(4n+2).reveal{transition-delay:60ms}.cgroup:nth-child(4n+3).reveal{transition-delay:.12s}.cgroup:nth-child(4n+4).reveal{transition-delay:.18s}@media (width<=1000px){.cgroups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.cgroups{grid-template-columns:1fr}}.seg--live{grid-template-columns:1fr 1fr;max-width:260px;margin:0 auto 10px}.seg--live button{border-radius:var(--radius-md);font:inherit;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;padding:7px 4px;font-size:13px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}.seg--live button[aria-selected=true]{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-xs)}.rmodes{display:grid}.rmode{grid-area:1/1;transition:opacity .35s}.rmodes[data-rmodes=bond] .rmode--router,.rmodes[data-rmodes=router] .rmode--bond{opacity:0;visibility:hidden}.addr--lane rect{stroke:color-mix(in oklab, var(--c) 55%, var(--border))}.rmodes__cap{text-align:center;color:var(--muted-foreground);margin-top:6px;font-size:13.5px}.nav__glyph--console{gap:3px;padding:8px 7px}.nav__glyph--console i{opacity:.5;height:4px;background:var(--muted-foreground)!important}.nav__glyph--console i:first-child{opacity:.8;height:5px;background:var(--foreground)!important}.nav__glyph--console i:nth-child(2){width:75%}.nav__glyph--console i:nth-child(3){width:50%}