@font-face{font-family:sans;src:url(../media/outfit_latin_wght_normal-s.p.3l9rzm26h_u0r.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:sans Fallback;src:local(Arial);ascent-override:100.84%;descent-override:26.22%;line-gap-override:0.0%;size-adjust:99.17%}.lCJ1iG_className{font-family:sans,sans Fallback,ui-sans-serif,system-ui,sans-serif}.lCJ1iG_variable{--ff-sans:"sans", "sans Fallback", ui-sans-serif, system-ui, sans-serif}
@font-face{font-family:mono;src:url(../media/jetbrains_mono_latin_wght_normal-s.2rmhnsrc80fag.woff2)format("woff2");font-display:swap;font-weight:100 800}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.pGNXGq_className{font-family:mono,mono Fallback,ui-monospace,Menlo,monospace}.pGNXGq_variable{--ff-mono:"mono", "mono Fallback", ui-monospace, Menlo, monospace}
:root,:root[data-theme=dark]{--bg:#0b0b0c;--bg-2:#111113;--bg-3:#18181b;--fg:#fff;--fg-2:#c9c9cf;--fog:#8b8b94;--line:#ffffff1a;--line-2:#fff3;--accent:#ff7a3d;--accent-ink:#ff8a52;--accent-soft:#ff7a3d1a;--on-accent:#0b0b0c;--ok:#34d399;--bad:#ff5d5d;--wf:255 255 255;--wf-acc:255 122 61;--header-bg:#0b0b0cb8;--grain:.05;--shadow-screen:0 30px 60px -30px #000000e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f2ed;--bg-2:#ebe8e1;--bg-3:#e1ddd4;--fg:#111113;--fg-2:#3a3a40;--fog:#66666e;--line:#0000001a;--line-2:#00000038;--accent:#f26a2a;--accent-ink:#b5430c;--accent-soft:#f26a2a1a;--on-accent:#111113;--ok:#059669;--bad:#d92d2d;--wf:17 17 19;--wf-acc:214 84 22;--header-bg:#f4f2edc7;--grain:.035;--shadow-screen:0 24px 48px -24px #11111359;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--font-sans:var(--ff-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:var(--ff-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--font-body:var(--font-sans);--ease:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.77, 0, .18, 1);--max:88rem;--pad:1.25rem;--header-h:72px;--mcta-h:0px}@media (min-width:40rem){:root{--pad:2rem}}@media (min-width:64rem){:root{--pad:5.5rem;--header-h:88px}}html[lang=id] [data-l=en],html[lang=en] [data-l=id]{display:none!important}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);margin:0;font-size:16px;font-weight:300;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:clip}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:500;line-height:1.1}b,strong{font-weight:600}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.mono{font-family:var(--font-mono)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:300;background:var(--accent);color:var(--on-accent);border-radius:99px;padding:10px 16px;font-weight:600;transition:top .2s;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}.container{width:100%;max-width:var(--max);padding-inline:var(--pad);margin-inline:auto}.display{letter-spacing:-.035em;font-weight:200;line-height:1.04}.display b,.display strong,.display mark{color:inherit;background:0 0;font-weight:650}.display mark{color:var(--fg)}.display .acc{color:var(--accent)}.h1{font-size:clamp(2.7rem,8.2vw,6.4rem)}.h1-sm{font-size:clamp(2.45rem,6.4vw,5.2rem)}.h2{font-size:clamp(2.1rem,5.4vw,4.4rem)}.h3{letter-spacing:-.025em;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:300;line-height:1.15}.kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);flex-wrap:wrap;align-items:center;gap:12px;font-size:.72rem;font-weight:500;display:flex}.kicker__num{color:var(--fog)}.kicker__line{background:color-mix(in srgb, var(--accent) 60%, transparent);width:32px;height:1px}.lead{color:var(--fg-2);max-width:40rem;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.7}.muted{color:var(--fog)}.small{font-size:.875rem}[data-split] .w{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}[data-split] .w>span{will-change:transform;display:inline-block}html.js-anim [data-reveal]{opacity:0}html.js-anim [data-split] .w>span{transform:translateY(110%)}.pill-btn{letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;min-height:48px;transition:background-color .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease);border-radius:999px;align-items:center;gap:.85rem;padding:.35rem .35rem .35rem 1.35rem;font-size:.74rem;font-weight:600;display:inline-flex}.pill-btn__dot{width:2.35rem;height:2.35rem;transition:transform .45s var(--ease), background-color .35s, color .35s, border-color .35s;border-radius:999px;flex:none;place-items:center;display:grid}.pill-btn:hover .pill-btn__dot{transform:translate(3px)}.pill-btn--solid{background:var(--accent);color:var(--on-accent)}.pill-btn--solid .pill-btn__dot{background:var(--on-accent);color:var(--accent)}.pill-btn--solid:hover{background:var(--fg);color:var(--bg)}.pill-btn--solid:hover .pill-btn__dot{background:var(--bg);color:var(--fg)}.pill-btn--line{border:1px solid var(--line-2);color:var(--fg)}.pill-btn--line .pill-btn__dot{border:1px solid var(--line-2)}.pill-btn--line:hover{border-color:var(--accent)}.pill-btn--line:hover .pill-btn__dot{border-color:var(--accent);color:var(--accent)}.pill-btn--ghost{color:var(--fg);padding-left:0}.pill-btn--ghost .pill-btn__dot{border:1px solid var(--line-2);width:2.1rem;height:2.1rem}.pill-btn--ghost:hover{color:var(--accent-ink)}.pill-btn--ghost:hover .pill-btn__dot{border-color:var(--accent);color:var(--accent)}.pill-btn--sm{gap:.6rem;min-height:40px;padding:.25rem .25rem .25rem 1rem;font-size:.68rem}.pill-btn--sm .pill-btn__dot{width:2rem;height:2rem}.btn-row{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.text-link{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent-ink);border-bottom:1px solid #0000;align-items:center;gap:8px;font-size:.8rem;transition:border-color .3s;display:inline-flex}.text-link:hover{border-color:currentColor}.text-link:after{content:"→";transition:transform .3s var(--ease)}.text-link:hover:after{transform:translate(3px)}.chip{border:1px solid var(--line);font-family:var(--font-mono);color:var(--fg-2);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 11px;font-size:.72rem;display:inline-flex}.chip.hq{border-color:var(--accent);color:var(--accent-ink)}.chips{flex-wrap:wrap;gap:8px;display:flex}.live-dot{background:var(--ok);border-radius:99px;flex:none;width:7px;height:7px;animation:1.8s ease-out infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent)}to{box-shadow:0 0 0 9px #0000}}.caret{animation:1.1s step-end infinite blink-c}@keyframes blink-c{50%{opacity:0}}.grain:after{content:"";pointer-events:none;z-index:90;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}.cursor{z-index:400;pointer-events:none;opacity:0;display:none;position:fixed;top:0;left:0}@media (hover:hover) and (pointer:fine){html.has-cursor .cursor{display:block}}.cursor__dot{background:var(--accent);border-radius:99px;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute}.cursor__ring{border:1px solid color-mix(in srgb, var(--fg) 35%, transparent);width:36px;height:36px;transition:width .35s var(--ease), height .35s var(--ease), margin .35s var(--ease), border-color .35s, background-color .35s;border-radius:99px;margin:-18px 0 0 -18px;position:absolute}.cursor.is-link .cursor__ring{border-color:var(--accent);width:56px;height:56px;margin:-28px 0 0 -28px}.cursor.is-view .cursor__ring{background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:var(--accent);width:76px;height:76px;margin:-38px 0 0 -38px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.page-loader{z-index:500;background:var(--bg);opacity:0;visibility:hidden;pointer-events:none;place-items:center;transition:opacity .4s,visibility 0s linear .4s;display:grid;position:fixed;inset:0}.page-loader.is-on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,visibility}.kuy-intro .page-loader{opacity:1;visibility:visible;pointer-events:auto;transition:none;animation:0s linear 7s forwards loader-failsafe}@keyframes loader-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}.page-loader__inner{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:0 1.5rem;display:flex}.page-loader__prompt{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--fg);white-space:nowrap;min-height:1.2em;font-size:clamp(1.7rem,6vw,3.4rem);font-weight:500}.page-loader__prompt .dot{color:var(--accent)}.page-loader__caret{vertical-align:-.12em;background:var(--accent);width:.55em;height:1em;box-shadow:0 0 18px color-mix(in srgb, var(--accent) 70%, transparent);margin-left:.08em;animation:.9s step-end infinite blink-c;display:inline-block}.page-loader__tagline{max-width:34rem;min-height:1.6em;color:var(--fg-2);opacity:0;font-size:clamp(.95rem,2.4vw,1.15rem);transition:opacity .35s,transform .35s;transform:translateY(6px)}.page-loader__tagline.is-on{opacity:1;transform:none}.page-loader__bar{background:var(--line);border-radius:2px;width:9rem;height:2px;position:relative;overflow:hidden}.page-loader__bar span{background:var(--accent);width:40%;animation:1s ease-in-out infinite loader-bar;position:absolute;inset:0}@keyframes loader-bar{0%{transform:translate(-110%)}to{transform:translate(260%)}}.site-header{z-index:120;transition:background-color .5s, backdrop-filter .5s, transform .5s var(--ease), border-color .5s;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-header.is-solid{background:var(--header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--line)}.site-header.is-hidden{transform:translateY(-100%)}html.menu-open .site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;transform:none}.header-inner{height:var(--header-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:10px;display:inline-flex}.brand__mark{background:var(--fg);width:36px;height:36px;color:var(--bg);border-radius:9px;place-items:center;transition:background-color .3s;display:grid}.brand:hover .brand__mark{background:var(--accent)}.brand__mark svg{width:20px;height:20px}.brand__word{letter-spacing:-.02em;font-size:1.12rem;font-weight:300}.brand__word b{font-weight:650}.brand__word .acc{color:var(--accent)}.main-nav{display:none}.main-nav a{font-family:var(--font-mono);color:var(--fog);border-radius:99px;padding:6px 12px;font-size:.8rem;transition:color .3s;display:inline-block}.main-nav a:hover{color:var(--fg)}.main-nav a[aria-current=page]{color:var(--accent-ink)}.header-tools{align-items:center;gap:8px;display:flex}.tool-btn{border:1px solid var(--line);min-width:40px;height:40px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--fog);border-radius:99px;place-items:center;padding:0 10px;font-size:.72rem;transition:border-color .3s,color .3s;display:inline-grid}.tool-btn:hover{border-color:var(--accent);color:var(--fg)}.tool-btn .on{color:var(--fg);font-weight:600}.tool-btn svg{width:17px;height:17px}.theme-icon-light{display:none}:root[data-theme=light] .theme-icon-light{display:block}:root[data-theme=light] .theme-icon-dark{display:none}.header-cta{display:none!important}.menu-btn{border:1px solid var(--line-2);background:color-mix(in srgb, var(--bg) 40%, transparent);height:40px;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;border-radius:99px;align-items:center;gap:12px;padding:0 14px 0 16px;font-size:.68rem;transition:border-color .3s;display:inline-flex}.menu-btn:hover{border-color:var(--accent)}.menu-btn__icon{width:22px;height:12px;display:block;position:relative}.menu-btn__icon i{height:1px;transition:all .5s var(--ease);background:currentColor;position:absolute;right:0}.menu-btn__icon i:first-child{width:22px;top:2px}.menu-btn__icon i:last-child{width:14px;bottom:2px}.menu-btn:hover .menu-btn__icon i:last-child{width:22px}.menu-btn[aria-expanded=true] .menu-btn__icon i:first-child{top:6px;transform:rotate(45deg)}.menu-btn[aria-expanded=true] .menu-btn__icon i:last-child{width:22px;bottom:5px;transform:rotate(-45deg)}@media (max-width:30rem){.hide-xs{display:none!important}}@media (min-width:64rem){.header-cta{display:inline-flex!important}}@media (min-width:80rem){.main-nav{gap:2px;display:flex}}.menu{z-index:110;background:var(--bg);clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .65s var(--ease-io), visibility 0s linear .65s;position:fixed;inset:0;overflow-y:auto}.menu[data-open=true]{clip-path:inset(0);visibility:visible;transition:clip-path .8s var(--ease-io), visibility 0s}.menu__grid{pointer-events:none;opacity:.07;background-image:linear-gradient(var(--fg) 1px, transparent 1px), linear-gradient(90deg, var(--fg) 1px, transparent 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(at 30% 30%,#000 20%,#0000 75%)}.menu__inner{min-height:100%;padding-top:calc(var(--header-h) + 24px);flex-direction:column;justify-content:space-between;gap:40px;padding-bottom:32px;display:flex;position:relative}.menu__list li{overflow:hidden}.menu-link{letter-spacing:-.035em;opacity:0;align-items:baseline;gap:16px;padding:4px 0;font-size:clamp(2.3rem,8.4vw,5.6rem);font-weight:200;line-height:1.04;transition:color .3s;display:flex;transform:translateY(105%)}.menu-link b{font-weight:600}.menu-link:hover,.menu-link[aria-current=page]{color:var(--accent-ink)}.menu-link__num{width:2rem;font-family:var(--font-mono);letter-spacing:0;color:var(--fog);flex:none;font-size:.72rem;font-weight:400}.menu-link__sub{display:none}.menu[data-open=true] .menu-link{opacity:1;transition:transform .9s var(--ease) calc(.25s + var(--i) * 60ms), opacity .9s var(--ease) calc(.25s + var(--i) * 60ms), color .3s;transform:none}.menu__foot{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--fog);opacity:0;gap:22px;padding-top:24px;font-size:.8rem;transition:opacity .6s;display:grid}.menu[data-open=true] .menu__foot{opacity:1;transition:opacity .8s .55s}.menu__foot p{letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;font-size:.68rem}.menu__foot a{color:var(--fg);font-size:.95rem}.menu__foot a:hover{color:var(--accent-ink)}@media (min-width:40rem){.menu__foot{grid-template-columns:repeat(3,1fr)}.menu-link__num{width:2.5rem}}@media (min-width:64rem){.menu-link__sub{font-family:var(--font-mono);letter-spacing:.02em;color:var(--fog);align-self:center;margin-left:auto;font-size:.78rem;font-weight:400;display:inline}}.mcta{z-index:100;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));background:var(--header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);transition:transform .45s var(--ease);grid-template-columns:1fr 1fr;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.mcta.is-away,html.menu-open .mcta{transform:translateY(110%)}.mcta [data-l]{display:contents}.mcta a{letter-spacing:.1em;text-transform:uppercase;border-radius:99px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:.72rem;font-weight:600;display:inline-flex}.mcta .wa{background:var(--accent);color:var(--on-accent)}.mcta .alt{border:1px solid var(--line-2)}.mcta svg{width:17px;height:17px}@media (max-width:63.99rem){:root{--mcta-h:calc(66px + env(safe-area-inset-bottom))}body{padding-bottom:var(--mcta-h)}}@media (min-width:64rem){.mcta{display:none}}.section{padding-block:clamp(80px,11vw,150px);position:relative}.section--tight{padding-block:clamp(56px,7vw,96px)}.section--alt{background:var(--bg-2)}.section--line{border-top:1px solid var(--line)}.sec-head{max-width:64rem;margin-bottom:clamp(40px,6vw,72px)}.sec-head .kicker{margin-bottom:22px}.sec-head .lead{margin-top:22px}.sec-head--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;max-width:none;display:flex}.sec-head--row>div{max-width:56rem}.split{gap:40px;display:grid}@media (min-width:64rem){.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:72px}.split__sticky{top:calc(var(--header-h) + 32px);position:sticky}}.ornament{pointer-events:none;z-index:-1;position:absolute}.ornament canvas{width:100%;height:100%}.hero{isolation:isolate;min-height:100svh;padding:calc(var(--header-h) + 36px) 0 64px;align-items:center;display:flex;position:relative;overflow:hidden}.hero__orn{aspect-ratio:1;opacity:.85;width:125%;top:4%;right:-42%}.hero__orn2{display:none}.hero__fade{z-index:-1;background:linear-gradient(to top, var(--bg), transparent);height:160px;position:absolute;inset:auto 0 0}.hero__badge{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:var(--accent-soft);font-family:var(--font-mono);color:var(--accent-ink);border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:.72rem;display:inline-flex}.hero__top{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:30px;display:flex}.hero__loc{font-family:var(--font-mono);color:var(--fog);font-size:.74rem}.hero h1{max-width:15ch}.hero__body{gap:32px;margin-top:36px;display:grid}.hero__meta{font-family:var(--font-mono);color:var(--fog);flex-wrap:wrap;gap:10px 22px;font-size:.74rem;display:flex}.hero__meta>span{align-items:center;gap:8px;display:inline-flex}.hero__meta>span:before{content:"";background:var(--accent);border-radius:99px;width:5px;height:5px}.hero__meta>span.ok:before{display:none}@media (min-width:40rem){.hero__orn{width:82%;top:6%;right:-22%}}@media (min-width:64rem){.hero__orn{width:58%;top:-6%;right:-6%}.hero__orn2{aspect-ratio:1;opacity:.65;width:11%;display:block;bottom:4%;left:48%}.hero__body{grid-template-columns:minmax(0,34rem) 1fr;align-items:end}}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stat{border-bottom:1px solid var(--line);padding:28px 18px 28px 0}.stat:nth-child(odd){border-right:1px solid var(--line)}.stat:nth-child(2n){padding-left:18px}.stat__num{letter-spacing:-.04em;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:200;line-height:1}.stat__num small{color:var(--accent);letter-spacing:0;margin-left:4px;font-size:.42em;font-weight:400}.stat p{color:var(--fog);max-width:22ch;margin-top:12px;font-size:.9rem}@media (min-width:64rem){.stats{grid-template-columns:repeat(4,1fr)}.stat{border-right:1px solid var(--line);padding:36px 28px}.stat:nth-child(2n){padding-left:28px}.stat:first-child{padding-left:0}.stat:last-child{border-right:0}}.svc-grid{gap:16px;display:grid}.svc{border:1px solid var(--line);background:var(--bg-2);transition:border-color .4s, transform .5s var(--ease);border-radius:22px;flex-direction:column;gap:22px;padding:28px 22px;display:flex;position:relative}.svc:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.svc__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.svc__num{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fog);font-size:.72rem}.svc__icon{border:1px solid var(--line-2);width:46px;height:46px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.svc__icon svg{width:22px;height:22px}.svc h3{letter-spacing:-.03em;font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:300;line-height:1.1}.svc h3 b{font-weight:600}.svc>p{color:var(--fg-2);font-size:.97rem}.svc__get{border-top:1px solid var(--line);padding-top:16px}.svc__get-h{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:8px;font-size:.68rem}.spec{border-bottom:1px dashed var(--line);justify-content:space-between;gap:14px;padding:9px 0;font-size:.93rem;display:flex}.spec:last-child{border-bottom:0}.spec>span:last-child{font-family:var(--font-mono);color:var(--fog);text-align:right;white-space:nowrap;font-size:.74rem}.svc__foot{margin-top:auto;padding-top:6px}@media (min-width:48rem){.svc{padding:34px 30px}}@media (min-width:64rem){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc--wide{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;display:grid}.svc--wide .svc__get{border-top:0;grid-area:1/2/span 4;align-self:center;padding-top:0}}.rows{border-top:1px solid var(--line)}.row{border-bottom:1px solid var(--line);gap:14px;padding:30px 0;display:grid}.row__idx{font-family:var(--font-mono);color:var(--fog);font-size:.8rem}.row h3{letter-spacing:-.03em;font-size:clamp(1.6rem,3.3vw,2.7rem);font-weight:300;line-height:1.1}.row h3 span.hl{background:linear-gradient(var(--accent), var(--accent)) left bottom / 0% 34% no-repeat;transition:background-size .7s var(--ease)}.row:hover h3 span.hl{background-size:100% 34%}:root[data-theme=dark] .row:hover h3 span.hl,:root:not([data-theme]) .row:hover h3 span.hl{color:var(--fg)}.row .chips{margin-top:14px}.row p{color:var(--fg-2);max-width:40rem}.row ul.ticks{margin-top:14px}@media (min-width:64rem){.row{grid-template-columns:4rem minmax(0,5fr) minmax(0,6fr);gap:32px;padding:40px 0}.row__idx{padding-top:10px}}.ticks li{color:var(--fg-2);padding:5px 0 5px 26px;font-size:.95rem;position:relative}.ticks li:before{content:"";border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);width:12px;height:7px;position:absolute;top:.85em;left:2px;transform:translateY(-60%)rotate(-45deg)}.numbered{counter-reset:n;border-top:1px solid var(--line)}.numbered>li{counter-increment:n;border-bottom:1px solid var(--line);grid-template-columns:3rem 1fr;gap:6px;padding:24px 0;display:grid}.numbered>li:before{content:"0" counter(n);font-family:var(--font-mono);color:var(--accent-ink);padding-top:6px;font-size:.8rem}.numbered h3{letter-spacing:-.02em;margin-bottom:6px;font-size:1.3rem;font-weight:500}.numbered p{color:var(--fog)}.topology{border:1px solid var(--line);background:var(--bg-2);border-radius:22px;margin:0;padding:18px}.topology-bar{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fog);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:0 4px 14px;font-size:.72rem;display:flex}.topology svg{width:100%;height:auto}.topo-link{fill:none;stroke:var(--line-2);stroke-width:1.6px}.topo-link.wan{stroke-dasharray:5 5}.topo-link.vpn{stroke:var(--accent);stroke-dasharray:2 5;stroke-width:2px;stroke-linecap:round}.topo-link.wifi{stroke-dasharray:1 6;stroke-linecap:round;stroke-width:2.6px}.topo-node rect{fill:var(--bg);stroke:var(--line-2);stroke-width:1.2px}.topo-node.core rect{fill:var(--accent);stroke:var(--accent)}.topo-node.core text{fill:var(--on-accent)}.topo-node.app rect{stroke:var(--accent);fill:var(--accent-soft)}.topo-node text{font-family:var(--font-mono);fill:var(--fg);font-size:12px}.topo-node .sub{fill:var(--fog);font-size:10px}.topo-node.core .sub{fill:var(--on-accent);opacity:.8}.topo-led{fill:var(--ok)}.packet{fill:var(--accent)}.topo-legend{font-family:var(--font-mono);color:var(--fog);flex-wrap:wrap;gap:6px 16px;padding:12px 4px 0;font-size:.74rem;display:flex}.topo-legend i{border-top:2px solid var(--fog);vertical-align:middle;width:18px;height:0;margin-right:6px;display:inline-block}.topo-legend i.wan{border-top-style:dashed}.topo-legend i.vpn{border-top:2px dotted var(--accent)}.topo-legend i.pk{background:var(--accent);border:0;border-radius:50%;width:8px;height:8px}.work-grid{gap:18px;display:grid}@media (min-width:48rem){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.work-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.work-card{border:1px solid var(--line);background:var(--bg-2);border-radius:22px;flex-direction:column;transition:border-color .4s;display:flex;overflow:hidden}.work-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.work-shot{background:radial-gradient(120% 90% at 80% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), var(--bg-3);border-bottom:1px solid var(--line);align-items:flex-end;min-height:220px;padding:22px 22px 0;display:flex;position:relative;overflow:hidden}.work-shot .screen{width:100%;transition:transform .6s var(--ease);border-bottom-right-radius:0;border-bottom-left-radius:0}.work-card:hover .work-shot .screen{transform:translateY(-6px)}.work-body{flex-direction:column;flex:1;gap:12px;padding:22px;display:flex}.work-body h3{letter-spacing:-.02em;font-size:1.35rem;font-weight:500;line-height:1.2}.work-body p{color:var(--fog);font-size:.94rem}.work-meta{flex-wrap:wrap;gap:6px;display:flex}.work-more{font-family:var(--font-mono);color:var(--accent-ink);margin-top:auto;padding-top:8px;font-size:.76rem}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.filter-btn{border:1px solid var(--line-2);min-height:42px;font-family:var(--font-mono);color:var(--fg-2);border-radius:99px;align-items:center;gap:8px;padding:0 16px;font-size:.76rem;transition:all .3s;display:inline-flex}.filter-btn:hover{border-color:var(--accent)}.filter-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.filter-btn .count{opacity:.6}.process{border-top:1px solid var(--line);counter-reset:s;gap:0;display:grid}.phase{border-bottom:1px solid var(--line);counter-increment:s;gap:10px;padding:26px 0 26px 56px;display:grid;position:relative}.phase:before{content:"0" counter(s);border:1px solid var(--line-2);width:38px;height:38px;font-family:var(--font-mono);color:var(--accent-ink);border-radius:99px;place-items:center;font-size:.74rem;display:grid;position:absolute;top:26px;left:0}.phase__time{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fog);font-size:.7rem}.phase h3{letter-spacing:-.02em;font-size:1.35rem;font-weight:500}.phase p{color:var(--fg-2);font-size:.95rem}.phase__out{color:var(--fog);font-size:.86rem}.phase__out b{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:2px;font-size:.66rem;font-weight:500;display:block}@media (min-width:64rem){.process{border-top:0;grid-template-columns:repeat(5,minmax(0,1fr))}.phase{border-bottom:0;border-top:1px solid var(--line);align-content:start;padding:64px 22px 0 0}.phase:before{background:var(--bg);top:-19px}.section--alt .phase:before{background:var(--bg-2)}}.quotes,.quotes__side{gap:18px;display:grid}.quote{border:1px solid var(--line);background:var(--bg-2);border-radius:22px;flex-direction:column;justify-content:space-between;gap:28px;margin:0;padding:28px;display:flex}.quote p{color:var(--fg-2);font-size:1.08rem}.quote--main p{letter-spacing:-.02em;color:var(--fg);font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:200;line-height:1.3}.quote--main p:before{content:"“";color:var(--accent)}.quote--main p:after{content:"”";color:var(--accent)}.who{align-items:center;gap:14px;display:flex}.who b{font-weight:600;display:block}.who>div>span{color:var(--fog);font-size:.86rem;display:block}.initials{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);width:44px;height:44px;font-family:var(--font-mono);color:var(--accent-ink);border-radius:99px;flex:none;place-items:center;font-size:.8rem;display:grid}@media (min-width:64rem){.quotes{grid-template-columns:7fr 5fr}.quotes__side{gap:18px;display:grid}}.stack{border-top:1px solid var(--line)}.stack>div{border-bottom:1px solid var(--line);gap:12px;padding:22px 0;display:grid}.stack dt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fog);font-size:.72rem}.stack dd{flex-wrap:wrap;gap:8px;margin:0;display:flex}.stack dd span{letter-spacing:-.02em;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:300}.stack dd span:not(:last-child):after{content:"/";color:var(--line-2);margin-left:10px}@media (min-width:48rem){.stack>div{grid-template-columns:12rem 1fr;align-items:baseline}}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-size:clamp(1.08rem,1.8vw,1.35rem);font-weight:400;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";border:1px solid var(--line-2);width:34px;height:34px;font-family:var(--font-mono);color:var(--accent-ink);transition:transform .4s var(--ease), border-color .3s;border-radius:99px;flex:none;place-items:center;font-size:1rem;display:grid}.faq summary:hover:after{border-color:var(--accent)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>div{color:var(--fg-2);max-width:46rem;padding:0 0 24px}.table-wrap{border:1px solid var(--line);border-radius:18px;overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:.94rem}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:16px 18px}.data-table thead th{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fog);background:var(--bg-2);font-size:.68rem;font-weight:500}.data-table tbody th{font-weight:600}.data-table tbody tr:last-child>*{border-bottom:0}.data-table td{color:var(--fg-2)}@media (max-width:47.99rem){.data-table--cards thead{display:none}.data-table--cards,.data-table--cards tbody,.data-table--cards tr,.data-table--cards th,.data-table--cards td{width:100%;display:block}.data-table--cards tr{border-bottom:1px solid var(--line);padding:16px 18px}.data-table--cards tbody tr:last-child{border-bottom:0}.data-table--cards th,.data-table--cards td{border:0;padding:4px 0}.data-table--cards tbody th{margin-bottom:4px;font-size:1.05rem}.data-table--cards td[data-kid]:before{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fog);margin-top:8px;font-size:.64rem;display:block}html[lang=id] .data-table--cards td[data-kid]:before{content:attr(data-kid)}html[lang=en] .data-table--cards td[data-ken]:before{content:attr(data-ken)}}.table-note{color:var(--fog);margin-top:14px;font-size:.88rem}.sev{font-family:var(--font-mono);border:1px solid var(--line-2);border-radius:99px;padding:2px 9px;font-size:.74rem;display:inline-block}.sev.p1{border-color:var(--bad);color:var(--bad)}.sev.p2{border-color:var(--accent);color:var(--accent-ink)}.who-mark{font-family:var(--font-mono);border:1px solid var(--line-2);white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:.74rem;display:inline-block}.who-mark.us{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.who-mark.opt{border-style:dashed}.steps{counter-reset:st;border-top:1px solid var(--line)}.steps>li{counter-increment:st;border-bottom:1px solid var(--line);grid-template-columns:3rem 1fr;padding:20px 0;display:grid}.steps>li:before{content:"0" counter(st);font-family:var(--font-mono);color:var(--accent-ink);padding-top:3px;font-size:.8rem}.steps b{margin-bottom:4px;font-size:1.12rem;font-weight:500;display:block}.steps li>div>span{color:var(--fog);display:block}.practices{gap:16px;display:grid}.practice{border:1px solid var(--line);background:var(--bg);border-radius:20px;padding:26px}.section--alt .practice{background:var(--bg)}.practice h3{letter-spacing:-.02em;margin-bottom:10px;font-size:1.25rem;font-weight:500}.practice p{color:var(--fog);font-size:.95rem}@media (min-width:48rem){.practices{grid-template-columns:repeat(2,1fr)}}@media (min-width:64rem){.practices{grid-template-columns:repeat(3,1fr)}.practice.wide{grid-column:span 2}}.timeline{border-left:1px solid var(--line-2);margin-left:6px}.timeline li{padding:0 0 36px 30px;position:relative}.timeline li:before{content:"";background:var(--bg-2);border:1.5px solid var(--accent);border-radius:99px;width:11px;height:11px;position:absolute;top:6px;left:-6px}.timeline .yr{font-family:var(--font-mono);color:var(--accent-ink);font-size:.78rem}.timeline h3{letter-spacing:-.02em;margin:6px 0;font-size:1.4rem;font-weight:400}.timeline p{color:var(--fog)}.team{gap:16px;display:grid}.member{border:1px solid var(--line);background:var(--bg-2);border-radius:20px;gap:16px;padding:24px;display:flex}.member b{font-size:1.1rem;font-weight:600;display:block}.member .role{font-family:var(--font-mono);color:var(--accent-ink);margin:2px 0 8px;font-size:.74rem;display:block}.member p{color:var(--fog);font-size:.95rem}@media (min-width:48rem){.team{grid-template-columns:repeat(2,1fr)}}.offices{gap:16px;display:grid}.office{border:1px solid var(--line);background:var(--bg);border-radius:20px;padding:28px}.office h3{letter-spacing:-.03em;font-size:2rem;font-weight:300}.office .mono{color:var(--fog);margin:8px 0 16px;font-size:.8rem;display:block}@media (min-width:48rem){.offices{grid-template-columns:1fr 1fr}}.page-hero{isolation:isolate;padding:calc(var(--header-h) + 48px) 0 clamp(56px, 8vw, 110px);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero__orn{aspect-ratio:1;opacity:.55;width:120%;top:-6%;right:-48%}@media (min-width:64rem){.page-hero__orn{opacity:.8;width:52%;top:-18%;right:-8%}}.crumbs{font-family:var(--font-mono);color:var(--fog);flex-wrap:wrap;gap:8px;margin-bottom:30px;font-size:.74rem;display:flex}.crumbs a:hover{color:var(--accent-ink)}.crumbs span[aria-hidden]{opacity:.5}.page-hero h1{max-width:18ch}.page-hero__body{gap:28px;margin-top:32px;display:grid}@media (min-width:64rem){.page-hero__body{grid-template-columns:minmax(0,36rem) auto;justify-content:space-between;align-items:end}}.cta{isolation:isolate;border-top:1px solid var(--line);padding-block:clamp(100px,13vw,170px);position:relative;overflow:hidden}.cta__orn{aspect-ratio:1;opacity:.5;width:110%;bottom:-30%;right:-40%}@media (min-width:64rem){.cta__orn{width:44%;bottom:-12%;right:-4%}}.cta h2{max-width:19ch}.cta .lead{margin-top:26px}.cta .btn-row{margin-top:40px}.cta__aside{font-family:var(--font-mono);color:var(--fog);margin-top:26px;font-size:.85rem}.cta__aside a:hover{color:var(--accent-ink)}.site-footer{border-top:1px solid var(--line);background:var(--bg)}.footer-top{gap:40px;padding-block:64px 48px;display:grid}.footer-mail{letter-spacing:-.035em;word-break:break-word;font-size:clamp(1.9rem,5vw,3.6rem);font-weight:200;line-height:1.05;transition:color .3s;display:inline-block}.footer-mail b{font-weight:650}.footer-mail:hover{color:var(--accent-ink)}.footer-about{max-width:26rem;color:var(--fog);margin-top:18px;font-size:.94rem}.footer-col h4{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fog);margin-bottom:14px;font-size:.68rem;font-weight:500}.footer-col li{padding:4px 0}.footer-col a,.footer-col address{color:var(--fg-2);font-size:.94rem;font-style:normal;transition:color .3s}.footer-col a:hover{color:var(--accent-ink)}.footer-bottom{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--fog);flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:22px;font-size:.74rem;display:flex}@media (min-width:64rem){.footer-top{grid-template-columns:6fr 3fr 3fr;padding-block:88px 64px}}.contact-grid{gap:48px;display:grid}@media (min-width:64rem){.contact-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:72px}}.contact-card{border-top:1px solid var(--line);gap:0;margin:0;display:grid}.contact-card>div{border-bottom:1px solid var(--line);padding:18px 0}.contact-card dt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fog);margin-bottom:6px;font-size:.68rem}.contact-card dd{color:var(--fg-2);margin:0}.contact-card dd a{color:var(--fg);font-size:1.15rem}.contact-card dd a:hover{color:var(--accent-ink)}.contact-quick{gap:12px;margin-bottom:28px;display:grid}.form,.form-row{gap:22px;display:grid}@media (min-width:40rem){.form-row{grid-template-columns:1fr 1fr}}.field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.field label,.field legend{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fog);padding:0;font-size:.7rem}.field small{text-transform:none;letter-spacing:0;opacity:.8}.field input,.field select,.field textarea{border:1px solid var(--line-2);background:var(--bg-2);width:100%;min-height:50px;color:var(--fg);font:inherit;border-radius:14px;padding:12px 16px;font-size:1rem;font-weight:400;transition:border-color .3s}.field textarea{resize:vertical;min-height:150px}.field input::placeholder,.field textarea::placeholder{color:var(--fog);opacity:.8}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field [aria-invalid=true]{border-color:var(--bad)}.field .err{color:var(--bad);font-size:.85rem;display:none}.field.has-error .err{display:block}.choice-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.choice{position:relative}.choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.choice>span{border:1px solid var(--line-2);border-radius:99px;align-items:center;min-height:42px;padding:0 16px;font-size:.9rem;transition:all .3s;display:inline-flex}.choice input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:500}.choice input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.form-foot{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.form-foot p{color:var(--fog);max-width:26rem;font-size:.86rem}.form-status{border:1px solid var(--line-2);border-radius:16px;padding:20px 22px;display:none}.form-status.show{display:block}.form-status.success{border-color:color-mix(in srgb, var(--ok) 50%, transparent)}.form-status.error{border-color:var(--bad)}.form-status h3{margin-bottom:6px;font-size:1.15rem}.form-status p{color:var(--fg-2)}.form-status a{color:var(--accent-ink)}.case-meta{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:40px 0 0;display:grid}.case-meta>div{border-bottom:1px solid var(--line);padding:16px 12px 16px 0}.case-meta dt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fog);font-size:.66rem}.case-meta dd{margin:4px 0 0}@media (min-width:64rem){.case-meta{grid-template-columns:repeat(4,1fr)}}.case-shot{border:1px solid var(--line);background:radial-gradient(100% 80% at 80% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%), var(--bg-2);border-radius:24px;margin-top:40px;padding:clamp(16px,4vw,48px)}.case-shot .screen{max-width:820px;margin:0 auto;font-size:12.5px}.case-body{gap:48px;display:grid}@media (min-width:64rem){.case-body{grid-template-columns:4fr 8fr;gap:72px}.case-aside{top:calc(var(--header-h) + 32px);align-self:start;position:sticky}}.case-aside{align-content:start;gap:14px;display:grid}.case-aside h4{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fog);margin-top:8px;font-size:.68rem;font-weight:500}.case-aside p{color:var(--fg-2)}.case-content{gap:56px;display:grid}.case-content h2{letter-spacing:-.03em;margin:14px 0 16px;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:300}.case-content p{color:var(--fg-2)}.results{border:1px solid var(--line);background:var(--line);border-radius:18px;flex-wrap:wrap;gap:1px;margin-top:18px;display:flex;overflow:hidden}.result{background:var(--bg);flex:180px;padding:20px}.result b{letter-spacing:-.03em;color:var(--accent-ink);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:300;line-height:1.05;display:block}.result>span{color:var(--fog);margin-top:6px;font-size:.88rem;display:block}.case-quote{border-left:2px solid var(--accent);background:var(--bg-2);border-radius:0 18px 18px 0;margin:0;padding:28px}.case-quote p{color:var(--fg);margin-bottom:20px;font-size:1.25rem;font-weight:300}.case-nav{gap:12px;display:grid}.case-nav a{border:1px solid var(--line);border-radius:18px;gap:4px;padding:22px;transition:border-color .3s;display:grid}.case-nav a:hover{border-color:var(--accent)}.case-nav a>span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fog);font-size:.7rem}.case-nav b{font-size:1.1rem;font-weight:500}.case-nav .next{text-align:right}@media (min-width:48rem){.case-nav{grid-template-columns:1fr 1fr}}.state-box{border:1px dashed var(--line-2);text-align:center;border-radius:20px;padding:40px 24px}.state-box h3{margin-bottom:8px;font-size:1.3rem}.state-box p{color:var(--fog)}.netsim{border:1px solid var(--line);background:var(--bg-2);border-radius:24px;margin:0;position:relative;overflow:hidden}.netsim__grid{pointer-events:none;opacity:.6;background-image:linear-gradient(color-mix(in srgb, var(--fg) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--fg) 4%, transparent) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 45% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(at 45% 40%,#000 30%,#0000 80%)}.netsim__bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:relative}.netsim__title{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fog);align-items:center;gap:8px;font-size:.68rem;display:flex}.netsim__tabs{border:1px solid var(--line);border-radius:99px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.netsim__tab{min-height:34px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fog);border-radius:99px;padding:0 14px;font-size:.68rem;transition:all .3s}.netsim__tab:hover{color:var(--fg)}.netsim__tab[aria-selected=true]{background:var(--accent);color:var(--on-accent)}.netsim__stage{padding:8px 6px 0;position:relative}.netsim svg{width:100%;height:auto}.netsim .ns-narrow{display:none}@media (max-width:40rem){.netsim__tabs{width:100%}.netsim__tab{letter-spacing:.04em;flex:1;padding:0 6px}.netsim .ns-wide{display:none}.netsim .ns-narrow{display:block}.topology{display:none}}.netsim__caption{min-height:4.6em;color:var(--fg-2);padding:6px 18px 18px;font-size:.95rem;position:relative}.netsim__caption b{color:var(--fg);font-weight:600}.netsim__legend{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--fog);flex-wrap:wrap;gap:6px 18px;padding:14px 18px;font-size:.72rem;display:flex;position:relative}.netsim__legend i{background:var(--c);width:8px;height:8px;box-shadow:0 0 8px var(--c);border-radius:99px;margin-right:7px;display:inline-block}.ns-link{fill:none;stroke:var(--line-2);stroke-width:1.5px;transition:stroke .5s,opacity .5s}.ns-link.vpn{stroke:var(--accent);stroke-dasharray:2 6;stroke-linecap:round;stroke-width:2px}.ns-link.idle{opacity:.45;stroke-dasharray:5 6}.ns-link.down{stroke:var(--bad);stroke-dasharray:5 6}.ns-flow{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:3 9;opacity:.45;animation:1.1s linear infinite ns-dash}@keyframes ns-dash{to{stroke-dashoffset:-12px}}.ns-node rect{fill:var(--bg);stroke:var(--line-2);stroke-width:1.2px;transition:stroke .5s,fill .5s}.ns-node text{font-family:var(--font-mono);fill:var(--fg);font-size:12px}.ns-node .sub{fill:var(--fog);font-size:9.5px}.ns-node.core rect{stroke:var(--accent);fill:color-mix(in srgb, var(--accent) 12%, var(--bg))}.ns-node.down rect{stroke:var(--bad);fill:color-mix(in srgb, var(--bad) 12%, var(--bg))}.ns-node.down text{fill:var(--bad)}.ns-node.warn rect{stroke:#f2b33d}.ns-led{fill:var(--ok);transition:fill .4s}.ns-node.down .ns-led{fill:var(--bad)}.ns-node.warn .ns-led{fill:#f2b33d}.ns-pk{fill:var(--accent)}.ns-pk.ok{fill:var(--ok)}.ns-pk.alt{fill:#56c8ff}.ns-pk.warn{fill:#f2b33d}.ns-group{fill:color-mix(in srgb, var(--accent) 4%, transparent);stroke:color-mix(in srgb, var(--accent) 50%, transparent);stroke-dasharray:4 5;stroke-width:1.2px}.ns-group-label{font-family:var(--font-mono);letter-spacing:.14em;fill:var(--accent-ink);font-size:10px}.ns-x{stroke:var(--bad);stroke-width:2.4px;stroke-linecap:round}.netsim.is-static .ns-flow{animation:none}.netsim.is-static .ns-pk{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.live-dot,.caret,.page-loader__caret,.page-loader__bar span,.ns-flow{animation:none!important}.ns-pk,.packet{display:none}}.screen{--s-bg:#fff;--s-bg2:#f3f4f6;--s-ink:#1f2328;--s-ink2:#5b636e;--s-line:#e1e4e8;--s-acc:#b53d0b;--s-ok:#17803d;--s-warn:#a35a00;--s-bad:#c0262d;background:var(--s-bg);color:var(--s-ink);--font-mono:var(--ff-mono), ui-monospace, Menlo, monospace;font-family:var(--font-body);box-shadow:var(--shadow-screen);text-align:left;border:1px solid #cbcfd5;border-radius:10px;font-size:11px;line-height:1.35;overflow:hidden}.screen.dark{--s-bg:#0f1419;--s-bg2:#18202a;--s-ink:#e6eaef;--s-ink2:#8d98a5;--s-line:#26303b;--s-acc:#ff8a4c;--s-ok:#3fd27a;--s-warn:#f2b33d;--s-bad:#ff6b6b;border-color:#26303b}.scr-top{border-bottom:1px solid var(--s-line);background:var(--s-bg2);align-items:center;gap:8px;padding:8px 12px;display:flex}.scr-top b{font-size:11.5px;font-weight:600}.scr-top .scr-dim{color:var(--s-ink2);font-family:var(--font-mono);white-space:nowrap;margin-left:auto;font-size:10px}.scr-dots{gap:4px;display:flex}.scr-dots i{background:var(--s-line);border-radius:50%;width:7px;height:7px}.scr-body{padding:12px}.scr-cols{gap:10px;display:grid}.scr-h{color:var(--s-ink2);margin-bottom:6px;font-size:10.5px;font-weight:600}.scr-table{border-collapse:collapse;width:100%;font-size:10.5px}.scr-table th{text-align:left;color:var(--s-ink2);border-bottom:1px solid var(--s-line);white-space:nowrap;padding:4px 6px;font-weight:500}.scr-table td{border-bottom:1px solid var(--s-line);white-space:nowrap;padding:5px 6px}.scr-table td.num,.scr-table th.num{text-align:right;font-family:var(--font-mono)}.screen .pill{border-radius:3px;padding:1px 6px;font-size:9.5px;font-weight:600;display:inline-block}.screen .pill.ok{background:color-mix(in srgb, var(--s-ok) 15%, transparent);color:var(--s-ok)}.screen .pill.warn{background:color-mix(in srgb, var(--s-warn) 16%, transparent);color:var(--s-warn)}.screen .pill.bad{background:color-mix(in srgb, var(--s-bad) 15%, transparent);color:var(--s-bad)}.screen .pill.acc{background:color-mix(in srgb, var(--s-acc) 14%, transparent);color:var(--s-acc)}.scr-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.scr-kpi{border:1px solid var(--s-line);border-radius:6px;padding:7px 8px}.scr-kpi span{color:var(--s-ink2);font-size:9.5px;display:block}.scr-kpi b{font-family:var(--font-mono);font-size:13px;font-weight:600}.scr-btn{text-align:center;background:var(--s-acc);color:#fff;border-radius:5px;padding:7px;font-weight:600;display:block}.scr-bar{background:var(--s-bg2);border-radius:3px;height:6px;overflow:hidden}.scr-bar i{background:var(--s-acc);height:100%;display:block}.scr-menu{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.scr-item{border:1px solid var(--s-line);border-radius:6px;padding:6px}.scr-item b{font-size:10px;font-weight:600;display:block}.scr-item span{color:var(--s-ink2);font-family:var(--font-mono);font-size:9.5px}.scr-item.sel{border-color:var(--s-acc);background:color-mix(in srgb, var(--s-acc) 7%, transparent)}.scr-line{justify-content:space-between;gap:8px;padding:3px 0;display:flex}.scr-line.total{border-top:1px dashed var(--s-line);margin-top:4px;padding-top:6px;font-size:12px;font-weight:700}.scr-tabs{gap:4px;margin-bottom:8px;display:flex}.scr-tabs span{color:var(--s-ink2);border-radius:4px;padding:3px 8px}.scr-tabs span.on{background:var(--s-ink);color:var(--s-bg)}.scr-spark{width:100%;height:36px}.scr-net{width:100%;height:auto}.scr-net text{font-family:var(--font-mono);fill:var(--s-ink);font-size:9px}.scr-net .lk{stroke:var(--s-ink2);stroke-width:1.4px;fill:none}.scr-net .lk.down{stroke:var(--s-bad);stroke-dasharray:4 3}.scr-net .lk.bk{stroke:var(--s-warn);stroke-dasharray:2 3}.scr-net .nd{fill:var(--s-bg2);stroke:var(--s-ink2);stroke-width:1.2px}.scr-net .nd.core{fill:var(--s-ink)}.scr-net .core-t{fill:var(--s-bg)}.scr-net .st-ok{fill:var(--s-ok)}.scr-net .st-warn{fill:var(--s-warn)}.scr-net .st-bad{fill:var(--s-bad)}.rack{gap:3px;display:grid}.rack-u{border:1px solid var(--s-line);background:var(--s-bg2);font-family:var(--font-mono);border-radius:3px;align-items:center;gap:6px;padding:4px 6px;font-size:9.5px;display:flex}.rack-u .led{background:var(--s-ok);border-radius:50%;width:6px;height:6px}.rack-u.tall{padding:10px 6px}.rack-u .r{color:var(--s-ink2);margin-left:auto}.blink{animation:1.6s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}@media (max-width:30rem){.scr-hide-sm{display:none}.work-shot{min-height:0;padding:16px 16px 0}}.screen .mono{font-family:var(--font-mono)}.field .choice{font-family:var(--font-sans);letter-spacing:0;text-transform:none;color:var(--fg);font-size:.9rem}.field .choice input{opacity:0;border:0;width:100%;height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0}