:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#172528;--ink-soft:#5f6b6a;--canvas:#f8f7f2;--canvas-warm:#f4eee5;--surface:#fffffcd1;--surface-solid:#fffefa;--line:#223f4021;--teal:#52afaa;--teal-deep:#347f7b;--teal-soft:#dcefed;--coral:#e89b79;--coral-soft:#f8e5d9;--gold:#d9b84d;--purple:#9a7eaa;--blue:#5f8cc8;--radius-xl:36px;--shadow:0 24px 70px #2141401f;font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas)}body{min-height:100%;color:var(--ink);background:var(--canvas);isolation:isolate;margin:0;position:relative;overflow-x:hidden}body:before{z-index:-1;background:radial-gradient(circle at 12% 9%, #e89b791f, transparent 28rem), radial-gradient(circle at 86% 24%, #52afaa21, transparent 34rem), linear-gradient(#436f6d11 1px, transparent 1px), linear-gradient(90deg, #436f6d11 1px, transparent 1px), var(--canvas);contain:strict;content:"";pointer-events:none;background-position:50%;background-size:auto,auto,56px 56px,56px 56px,auto;position:fixed;inset:0;transform:translateZ(0)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:var(--teal-deep)}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:12px;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:#f8f7f2b8;border:1px solid #ffffffbf;border-radius:18px;justify-content:space-between;align-items:center;width:min(940px,100% - 40px);min-height:54px;padding:6px 7px 6px 10px;transition:top .28s,width .36s cubic-bezier(.22,1,.36,1),min-height .28s,padding .28s,border-radius .28s,background-color .28s,box-shadow .28s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 42px #2b464414}.site-header.is-scrolled{background:#fffefaeb;border-radius:999px;width:min(520px,100% - 28px);min-height:48px;padding:5px 6px 5px 9px;top:10px;box-shadow:0 16px 48px #2b46441f}.brand,.footer-brand{letter-spacing:-.02em;align-items:center;gap:8px;font-size:18px;font-weight:720;display:inline-flex}.brand{transition:gap .28s,font-size .28s}.site-header.is-scrolled .brand{gap:7px;font-size:16px}.brand img{width:36px;height:36px;transition:width .28s,height .28s}.site-header.is-scrolled .brand img{width:32px;height:32px}nav{align-items:center;gap:4px;display:flex}nav a{color:var(--ink-soft);border-radius:12px;padding:9px 12px;font-size:14px;font-weight:580;transition:color .18s,background-color .18s}nav .nav-github{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}nav .nav-github svg{fill:currentColor;width:18px;height:18px}nav a:hover,nav .nav-github:hover{color:var(--ink);background:#ffffffb3}.github-coming-soon{position:relative}.github-coming-soon-trigger{font:inherit}.github-coming-soon-popover{z-index:20;opacity:0;min-width:126px;color:var(--ink);pointer-events:none;text-align:center;visibility:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #436f6d26;border-radius:14px;padding:10px 13px;transition:opacity .16s,transform .22s cubic-bezier(.22,1,.36,1),visibility .16s;display:grid;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px)scale(.96);box-shadow:0 14px 34px #22373624}.github-coming-soon-popover strong,.github-coming-soon-popover span{white-space:nowrap}.github-coming-soon-popover strong{font-size:13px;font-weight:680}.github-coming-soon-popover span{color:var(--ink-soft);margin-top:2px;font-size:11px}.github-coming-soon:hover .github-coming-soon-popover,.github-coming-soon:focus-within .github-coming-soon-popover,.github-coming-soon[data-open] .github-coming-soon-popover{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}nav .nav-download{color:#fff;background:var(--teal-deep);cursor:pointer;width:88px;height:36px;font:inherit;border:0;border-radius:12px;padding:0;transition:width .3s cubic-bezier(.22,1,.36,1),color .18s,background-color .18s;display:block;position:relative;overflow:hidden}.nav-download-label,.nav-download-icon{transition:opacity .18s,transform .26s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%}.nav-download-label{transform:translate(-50%,-50%)}.nav-download-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:18px;height:18px;transform:translate(-50%,calc(-50% - 3px))scale(.8)}.site-header.is-scrolled .nav-download{border-radius:50%;width:36px}.site-header.is-scrolled .nav-download-label{opacity:0;transform:translate(-50%,calc(3px - 50%))scale(.92)}.site-header.is-scrolled .nav-download-icon{opacity:1;transform:translate(-50%,-50%)scale(1)}nav .nav-download:hover{color:#fff;background:#286d69}.nav-download-menu{position:relative}.download-menu{visibility:hidden;opacity:0;pointer-events:none;transform-origin:100% 0;-webkit-backdrop-filter:blur(24px)saturate(1.15);backdrop-filter:blur(24px)saturate(1.15);background:#fffffcf5;border:1px solid #253e3f1f;border-radius:18px;width:226px;padding:7px;transition:opacity .15s,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-5px)scale(.97);box-shadow:0 18px 48px #17252829,0 3px 10px #17252814}.nav-download-menu[data-open] .download-menu{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.download-menu>p{color:#89918f;letter-spacing:.08em;text-transform:uppercase;margin:5px 10px 7px;font-size:10px;font-weight:720}nav .download-menu a{min-height:50px;color:var(--ink);border-radius:12px;align-items:center;padding:7px 10px;display:flex}nav .download-menu a:hover,nav .download-menu a:focus-visible{color:var(--teal-deep);background:var(--teal-soft);outline:0}.download-menu a>span{gap:2px;display:grid}.download-menu strong{font-size:13px;font-weight:680}.download-menu small{color:#89918f;font-size:11px;font-weight:520}.hero{grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);align-items:center;width:min(1280px,100% - 48px);min-height:940px;margin:0 auto;padding:150px 0 100px;display:grid;position:relative}.hero:before{content:"";background:#fffffc47;border:1px solid #ffffffd1;border-radius:54px;position:absolute;inset:98px 0 48px;box-shadow:inset 0 1px #fffc;-webkit-mask-image:linear-gradient(#000 58%,#0000 100%);mask-image:linear-gradient(#000 58%,#0000 100%)}.hero-copy{z-index:3;max-width:610px;padding-left:clamp(20px,4vw,72px);position:relative}.eyebrow{color:var(--teal-deep);letter-spacing:.12em;text-transform:uppercase;align-items:center;margin:0 0 24px;font-size:12px;font-weight:720;display:flex}h1,h2,h3,p{text-wrap:balance}h1{letter-spacing:-.062em;margin:0;font-size:clamp(58px,6vw,92px);font-weight:680;line-height:.96}h1 em{color:var(--teal-deep);font-family:Iowan Old Style,Palatino Linotype,serif;font-weight:500}.hero-intro{max-width:530px;color:var(--ink-soft);margin:34px 0 0;font-size:clamp(18px,1.55vw,22px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:17px;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:0 22px;font-size:15px;font-weight:680;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--ink);box-shadow:0 12px 28px #1725282e}.button-primary:hover{background:var(--teal-deep)}.button-quiet{border-color:var(--line);background:#fffffc9e}.button-quiet:hover{background:var(--surface-solid);border-color:#347f7b47}.hero-note{color:#89918f;margin:18px 0 0;font-size:12px}.hero-note a,.closing-copy>p:last-child a{color:var(--teal-deep);font-weight:650}.hero-note a:hover,.closing-copy>p:last-child a:hover{color:var(--ink)}.hero-port{z-index:2;height:650px;position:relative}.port-aura{filter:blur(6px);background:radial-gradient(circle,#52afaa3b,#52afaa0d 48%,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:86px;left:14%}.port-shell{background:linear-gradient(145deg,#70c2bd,#3c8f8b 64%,#2d716e);border:1px solid #ffffffd1;border-radius:89px;place-items:center;width:380px;height:178px;display:grid;position:absolute;top:186px;left:16%;transform:rotate(-4deg);box-shadow:0 36px 72px #2f6d693d,inset 0 3px 2px #ffffff5c,inset 0 -7px 12px #124f4c38}.port-recess{background:linear-gradient(#183a44,#071a21);border-radius:62px;place-items:center;width:324px;height:124px;display:grid;box-shadow:inset 0 10px 14px #00000057}.port-recess span{background:linear-gradient(90deg,#f5c2a3,#e89b79 52%,#f7d0b5);border-radius:20px;width:194px;height:34px;box-shadow:inset 0 3px 1px #ffffff6b}.signal-line{transform-origin:0;background:linear-gradient(90deg,#347f7bbf,#347f7b26);height:1.5px;position:absolute}.signal-line-one{width:300px;top:280px;left:58%;transform:rotate(15deg)}.signal-line-two{width:220px;top:358px;left:74%;transform:rotate(73deg)}.signal-pulse{border:3px solid var(--canvas);background:var(--teal);border-radius:50%;width:12px;height:12px;animation:2.8s ease-in-out infinite pulse;position:absolute;top:274px;left:58%;box-shadow:0 0 0 8px #52afaa24}.signal-label,.signal-node{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffcd6;border:1px solid #2456541f;position:absolute;box-shadow:0 12px 34px #2a4c4a1a}.signal-label{color:var(--teal-deep);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:680}.label-speed{top:300px;right:11%}.label-power{color:#759c53;top:424px;right:3%}.signal-node{border-radius:20px;flex-direction:column;justify-content:center;width:176px;min-height:78px;padding:14px 16px;display:flex}.signal-node span{color:var(--ink-soft);font-size:11px}.signal-node strong{margin-top:5px;font-size:14px}.node-cable{top:350px;right:5%}.node-display{top:464px;right:11%}.node-network{top:552px;right:34%}.path-section{width:min(1180px,100% - 48px);margin:0 auto;padding:130px 0 180px;position:relative}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:110px;display:grid}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:-46px}h2{letter-spacing:-.055em;margin:0;font-size:clamp(48px,5vw,76px);font-weight:650;line-height:1}.section-heading>p:last-child,.topology-heading>p{max-width:500px;color:var(--ink-soft);margin:0;font-size:19px;line-height:1.55}.path-map{grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr);gap:32px;display:grid;position:relative}.path-stop{border-radius:var(--radius-xl);background:var(--surface);min-height:420px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffffd1;padding:46px;position:relative}.stop-port{grid-column:1/-1;grid-template-columns:minmax(0,.84fr) minmax(400px,1.16fr);align-items:stretch;gap:clamp(48px,7vw,110px);min-height:460px;display:grid}.physical-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.physical-copy>p:not(.stop-kicker){max-width:430px;color:var(--ink-soft);margin:20px 0 0;font-size:16px;line-height:1.6}.stop-cable-power,.stop-health{flex-direction:column;min-height:660px;display:flex}.paired-intro>p:not(.stop-kicker){max-width:630px;color:var(--ink-soft);margin:20px 0 0;font-size:16px;line-height:1.6}.paired-intro h3{max-width:590px}.paired-details{grid-template-columns:1fr 1fr;gap:14px;margin-top:auto;padding-top:38px;display:grid}.detail-block{background:#f9fbf8c2;border:1px solid #347f7b1c;border-radius:24px;min-width:0;padding:24px}.detail-block-heading{border-bottom:1px solid var(--line);gap:6px;padding-bottom:16px;display:grid}.detail-block-heading span{color:var(--teal-deep);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:740}.detail-block-heading strong{letter-spacing:-.02em;font-size:18px;font-weight:650}.stop-index{width:46px;height:46px;color:var(--teal-deep);background:var(--teal-soft);border-radius:15px;place-items:center;font-size:12px;font-weight:760;display:grid}.stop-kicker{color:var(--teal-deep);letter-spacing:.1em;text-transform:uppercase;margin:46px 0 12px;font-size:12px;font-weight:720}.path-stop h3{letter-spacing:-.035em;max-width:420px;margin:0;font-size:34px;font-weight:630;line-height:1.08}.path-stop>p:not(.stop-kicker){max-width:430px;color:var(--ink-soft);margin:20px 0 0;font-size:16px;line-height:1.6}.port-strip{flex-wrap:wrap;gap:7px;margin-top:34px;display:flex}.port-strip button{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#ffffffa8;border-radius:12px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:650;transition:color .16s,background-color .16s,border-color .16s,transform .16s}.port-strip button:hover{color:var(--ink);background:#ffffffeb}.port-strip button:active{transform:scale(.97)}.port-strip button[aria-selected=true]{color:var(--teal-deep);background:var(--teal-soft);border-color:#347f7b38}.port-strip button:focus-visible{outline:2px solid var(--teal-deep);outline-offset:3px}.port-preview{background:radial-gradient(circle at 90% 0,#52afaa24,#0000 17rem),#f9fbf8cc;border:1px solid #347f7b1f;border-radius:28px;align-self:stretch;padding:clamp(28px,4vw,46px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffdb}.preview-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:26px;display:flex}.preview-heading div{gap:7px;display:grid}.preview-heading div>span{color:var(--teal-deep);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:730}.preview-heading strong{letter-spacing:-.025em;font-size:24px;font-weight:640}.preview-status{color:var(--teal-deep);background:var(--teal-soft);border:1px solid #347f7b1f;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:680}.port-preview dl{margin:12px 0 0}.port-preview dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:28px;padding:15px 2px;font-size:14px;display:flex}.port-preview dt{color:var(--ink-soft)}.port-preview dd{text-align:right;margin:0;font-weight:670}.port-preview>p{color:#5f6b6ab3;letter-spacing:.04em;text-transform:uppercase;margin:20px 0 0;font-size:11px}.capability-list{border-top:1px solid var(--line);margin:30px 0 0}.capability-list div{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 2px;font-size:13px;display:flex}.capability-list dt{color:var(--ink-soft)}.capability-list dd{margin:0;font-weight:680}.power-readings{gap:8px;margin:14px 0 0;display:grid}.power-readings>div{border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;display:flex}.power-readings dt{gap:3px;font-size:12px;font-weight:680;display:grid}.power-readings small{color:var(--ink-soft);font-size:9px;font-weight:520}.power-readings dd{white-space:nowrap;margin:0;font-size:13px;font-weight:730}.power-readings .power-in{color:#568748;background:#e9f2e4}.power-readings .power-declared{color:#816691;background:#eee8f1}.power-readings .power-live{color:#9a7b20;background:#f7edc7}.diagnostic-summary{margin-top:auto;padding-top:34px}.health-line{background:#ffffffa8;border-radius:16px;align-items:center;gap:10px;margin-top:0;padding:16px;font-size:13px;display:flex}.health-line strong{color:var(--teal-deep);margin-left:auto;font-size:11px}.health-dot{background:var(--teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #52afaa1f}.diagnostic-list{background:#f9fbf8ad;border:1px solid #347f7b1a;border-radius:18px;margin:14px 0 0;padding:0 16px}.diagnostic-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:13px 0;font-size:12px;display:flex}.diagnostic-list div:last-child{border-bottom:0}.diagnostic-list dt{color:var(--ink-soft)}.diagnostic-list dd{color:var(--teal-deep);margin:0;font-weight:680}.topology-section{color:#f4f8f6;background:radial-gradient(circle at 88% 12%,#52afaa38,#0000 30rem),linear-gradient(145deg,#173235,#102527 62%,#1b3537);border-radius:54px;width:min(1440px,100% - 32px);margin:0 auto;padding:120px clamp(24px,5vw,86px) 100px;position:relative;overflow:hidden;box-shadow:0 40px 90px #162d2e3d}.topology-section:before{opacity:.24;content:"";background-image:radial-gradient(circle,#ffffff57 1px,#0000 1.5px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.topology-heading{z-index:2;grid-template-columns:1fr .75fr;align-items:end;gap:90px;margin-bottom:64px;display:grid;position:relative}.eyebrow.light{color:#8dd2cd}.topology-heading>p{color:#ebf4f1a3}.topology-window{z-index:2;background:#ffffff14;border:1px solid #ffffff2b;border-radius:31px;padding:9px;position:relative;box-shadow:0 36px 80px #00000047}.topology-window fd-graph-canvas{--fd-accent:#52afaa;--fd-canvas-accent-color:#4a9c98;--fd-canvas-edge-color:#8aa09e;--fd-canvas-focus-color:#397f7b;--fd-canvas-grid-color:#7d87824d;--fd-canvas-node-border-color:#dce3df;--fd-canvas-node-color:#202a2a;--fd-canvas-node-shadow:0 12px 30px #20302d17;--fd-canvas-node-surface-color:#fffffcfa;--fd-canvas-secondary-color:#7d8783;--fd-canvas-surface-color:#f6f7f6;--fd-graph-edge-width:1.65;--fd-graph-node-padding:13px;--fd-graph-node-radius:16px;--fd-graph-selection-color:#4a9c98;color:#202a2a;contain:layout paint;background:#f6f7f6;border-radius:22px;width:100%;height:clamp(680px,67vw,880px);display:block;overflow:hidden}.topology-window fd-graph-canvas::part(port){opacity:0}.topology-controls,.topology-inspector{z-index:3;box-sizing:border-box;color:#202a2a;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);cursor:default;pointer-events:auto;background:#fffffcf0;border:1px solid #465d581f;border-radius:18px;width:244px;position:absolute;top:18px;box-shadow:0 16px 38px #1d302c1c}.topology-minimap{z-index:3;filter:drop-shadow(0 8px 8px #1d302c14);cursor:default;pointer-events:auto;position:absolute;top:14px;right:14px}.topology-controls{flex-direction:column;max-height:calc(100% - 56px);padding:14px;transition:opacity .18s ease-out,transform .26s cubic-bezier(.22,.82,.24,1);display:flex;top:42px;left:8px;overflow:hidden}.topology-controls[hidden]{opacity:0;pointer-events:none;display:block;transform:translate(-18px)scale(.96)}.topology-panel-heading{align-items:center;gap:10px;display:flex}.topology-panel-heading span,.topology-inspector>span{color:#8b928e;letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.topology-panel-heading strong{font-size:18px;font-weight:670;display:block}.topology-panel-heading .topology-live{color:#508b77;letter-spacing:normal;text-transform:none;background:#388c8717;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:4px 7px;font-size:8px;line-height:1;display:flex}.topology-panel-collapse{color:#8b928e;cursor:default;background:0 0;border:0;flex:0 0 22px;place-items:center;width:22px;height:22px;padding:0;display:grid}.topology-panel-collapse svg,.topology-panel-expand svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.topology-panel-expand{z-index:3;color:#65716d;cursor:default;pointer-events:auto;background:linear-gradient(90deg,#fffffc00,#fffffceb);border:0;border-radius:0 13px 13px 0;place-items:center;width:24px;height:54px;padding:0;transition:opacity .18s ease-out,transform .26s cubic-bezier(.22,.82,.24,1);display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:8px 0 18px #1d302c0f}.topology-panel-expand[hidden]{opacity:0;pointer-events:none;display:grid;transform:translate(-8px,-50%)scale(.88)}.topology-live i{width:5px;height:5px;box-shadow:none;background:#67b49a;border-radius:50%;display:inline-block}.topology-panel-divider{background:#465d581f;height:1px;margin:13px 0}.topology-controls-scroll{overscroll-behavior:contain;scrollbar-width:thin;width:calc(100% + 8px);min-height:0;margin-inline-end:-8px;padding-inline-end:8px;overflow-y:auto}.topology-controls-scroll::-webkit-scrollbar-track{margin-block:9px}.topology-section-label{color:#757d79;text-align:left;cursor:default;background:0 0;border:0;align-items:center;gap:5px;width:100%;margin:0 0 6px;padding:0 3px;font:600 9.5px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;display:flex}.topology-section-label span{border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:5px solid;width:0;height:0;transition:transform .18s ease-out;transform:rotate(90deg)}.topology-section-label[aria-expanded=false] span{transform:rotate(0)}.topology-filters{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.topology-filters fd-checkbox{min-width:0;display:block}.topology-filters fd-checkbox::part(button){box-sizing:border-box;border-radius:9px;width:100%;min-height:31px;padding-inline:10px;font-size:11px;font-weight:500}.topology-filters fd-checkbox::part(icon){width:14px;height:12px;font-size:9px}.topology-hub-filter{min-width:0;position:relative}.topology-hub-filter>fd-checkbox:last-child{--fd-text-selection-label-size:8.5px;width:56px;position:absolute;top:4.5px;right:34px}.topology-hub-filter>fd-checkbox:last-child::part(button){border-radius:7px;gap:4px;width:56px;min-height:22px;padding:0 5px;font-size:8.5px}.topology-filter-group{border-top:1px solid #465d581a;margin-top:13px;padding-top:13px}.topology-actions{gap:7px;display:grid}.topology-actions fd-button,.topology-actions fd-popover{width:100%;display:block}.topology-actions fd-button::part(button){color:#737b77;border-radius:9px;justify-content:center;width:100%;min-height:30px;font-size:10.5px;font-weight:650}.topology-actions fd-button[data-topology-refresh]::part(button){color:#737b77;background:#fff;border-color:#465d581f}.topology-actions .topology-export-popover fd-button::part(button){color:#347f7b;background:#52afaa13;border-color:#52afaa2e}.topology-action-content{justify-content:center;align-items:center;gap:7px;display:inline-flex}.topology-action-content fd-icon{width:13px;height:13px}.topology-native-only strong{color:#27302e;font-size:12px;font-weight:680;display:block}.topology-native-only p{color:#7d8581;margin:5px 0 0;font-size:10px;line-height:1.45}.topology-inspector{--topology-inspector-corner-radius:18px;border-radius:var(--topology-inspector-corner-radius);opacity:0;pointer-events:none;will-change:opacity, transform;width:284px;max-height:500px;padding:14px;transition:opacity .22s ease-out,transform .34s cubic-bezier(.22,.82,.24,1);top:152px;right:14px;overflow:hidden;transform:translate(calc(100% + 14px))}.topology-inspector[data-visible]{opacity:1;pointer-events:auto;transform:translate(0)}.topology-inspector-preparing{transition:none}.topology-inspector-outgoing{pointer-events:none}.topology-inspector[hidden]{display:none}@media (prefers-reduced-motion:reduce){.topology-inspector{transition:none}}.topology-inspector-header{align-items:center;gap:11px;display:flex}.topology-inspector-icon{width:38px;height:38px;color:var(--porta-inspector-accent);background:color-mix(in srgb, var(--porta-inspector-accent) 10%, white);border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.topology-inspector-icon svg,.topology-inspector-copy-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:15px;height:15px}.topology-inspector-copy{flex:1;min-width:0;position:relative}.topology-inspector-copy>strong,.topology-inspector-copy>span{text-overflow:ellipsis;display:block;overflow:hidden}.topology-inspector-copy>strong{color:#252825;padding-right:26px;font:600 13px/1.2 -apple-system,BlinkMacSystemFont,sans-serif}.topology-inspector-copy>span{color:#737872;white-space:nowrap;margin-top:3px;font:400 10.5px/1.2 -apple-system,BlinkMacSystemFont,sans-serif}.topology-inspector-copy-button{border:.75px solid color-mix(in srgb, var(--porta-inspector-accent) 14%, transparent);background:color-mix(in srgb, var(--porta-inspector-accent) 8%, transparent);width:22px;height:22px;color:color-mix(in srgb, var(--porta-inspector-accent) 78%, transparent);opacity:0;border-radius:7px;place-items:center;padding:0;transition:opacity .12s ease-out,background .12s ease-out;display:grid;position:absolute;top:-3px;right:0}.topology-inspector-copy:hover .topology-inspector-copy-button,.topology-inspector-copy-button:focus-visible{opacity:1}.topology-inspector-copy-button:hover{background:color-mix(in srgb, var(--porta-inspector-accent) 15%, transparent)}.topology-inspector-copy-button svg{width:9px;height:9px}.topology-inspector-divider{background:#dee3e0;height:1px;margin:13px 0}.topology-inspector-sections{scrollbar-width:thin;gap:15px;width:calc(100% + 12px);max-height:410px;margin-inline-end:-12px;padding-inline-end:12px;display:grid;overflow-y:auto}.topology-inspector-sections::-webkit-scrollbar-track{margin-block:calc(var(--topology-inspector-corner-radius) / 2)}.topology-inspector-sections section,.topology-inspector-sections dl{margin:0}.topology-inspector-sections h3{color:#959a95;letter-spacing:.7px;text-transform:uppercase;margin:0 0 8px;font:700 9px/1.2 -apple-system,BlinkMacSystemFont,sans-serif}.topology-inspector-sections dl{gap:8px;display:grid}.topology-inspector-sections dl div{justify-content:space-between;align-items:baseline;gap:12px;font-size:10.5px;font-weight:500;display:flex}.topology-inspector-sections dt{color:#737872;flex:none}.topology-inspector-sections dd{color:#252825;text-align:right;margin:0}.topology-toolbar{z-index:3;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);cursor:default;pointer-events:auto;background:#fffffcf0;border:1px solid #465d581f;border-radius:13px;align-items:center;padding:4px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 12px 30px #1d302c1f}.topology-toolbar fd-icon-button::part(button){border-radius:9px}.topology-zoom-value{color:#737872;font-variant-numeric:tabular-nums;place-items:center;width:46px;height:28px;font:600 9.5px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;display:grid}.closing-section{place-items:center;min-height:760px;display:grid;position:relative;overflow:hidden}.closing-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.closing-copy>img{width:76px;height:76px;margin-bottom:28px}.closing-copy h2{max-width:800px}.closing-copy .button{margin-top:34px}.closing-copy>p:last-child{color:var(--ink-soft);margin:18px 0 0;font-size:13px;line-height:1.8}.closing-orbit{aspect-ratio:1;border:1px solid #347f7b1a;border-radius:50%;width:min(800px,80vw);position:absolute}.closing-orbit:before,.closing-orbit:after{content:"";border:1px solid #347f7b1a;border-radius:50%;position:absolute}.closing-orbit:before{inset:12%}.closing-orbit:after{inset:26%}.closing-orbit span{background:var(--teal);border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 0 9px #52afaa1a}.closing-orbit span:first-child{top:18%;left:13%}.closing-orbit span:nth-child(2){background:var(--coral);bottom:32%;right:7%}.closing-orbit span:nth-child(3){background:var(--purple);bottom:6%;left:37%}footer{border-top:1px solid var(--line);width:min(1180px,100% - 48px);color:var(--ink-soft);grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;padding:28px 0 38px;font-size:12px;display:grid}footer p{margin:0}footer p a{color:var(--teal-deep);transition:color .18s}footer p a:hover{color:var(--coral)}footer>div{justify-self:end}.footer-github{width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .18s,background-color .18s;display:grid}.footer-github:hover{color:var(--ink);background:#ffffffb3}.footer-github-notice .github-coming-soon-popover{top:auto;bottom:calc(100% + 8px)}footer svg{fill:currentColor;width:20px;height:20px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%,to{box-shadow:0 0 0 7px #52afaa1a}50%{box-shadow:0 0 0 14px #52afaa00}}@media (max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:180px}.hero-copy{max-width:720px}.hero-port{width:min(760px,100%);margin:0 auto}.section-heading,.topology-heading{grid-template-columns:1fr;gap:30px}.section-heading .eyebrow{margin-bottom:0}.path-map{grid-template-columns:1fr;gap:40px}.path-stop{min-height:390px;padding:34px}.stop-port{grid-template-columns:1fr;gap:40px}}@media (max-width:720px){.site-header{width:calc(100% - 20px);top:10px}nav a:not(.nav-download):not(.nav-github){display:none}.hero,.path-section{width:min(100% - 28px,620px)}.hero{overflow:clip}.hero:before{border-radius:34px;inset:86px 0 26px}.hero-copy{padding:0 24px}h1{font-size:clamp(52px,15vw,74px)}.hero-port{transform-origin:0;width:125%;height:540px;transform:scale(.8)}.port-shell{left:7%}.section-heading{margin-bottom:64px}.path-map{grid-template-columns:1fr}.path-stop{min-height:auto;margin:0 0 10px}.paired-details{grid-template-columns:1fr}.topology-section{border-radius:34px;width:calc(100% - 16px);padding:80px 12px 20px}.topology-heading{padding:0 16px}.topology-window{border-radius:22px;padding:5px;overflow:hidden}.topology-window fd-graph-canvas{border-radius:17px;height:670px}.topology-controls{width:min(210px,100% - 24px);top:12px;left:12px}.topology-inspector{width:min(224px,100% - 24px);top:auto;bottom:60px;right:12px}.topology-toolbar{bottom:12px;right:12px}.closing-section{min-height:680px;padding:0 24px}footer{grid-template-columns:1fr auto;row-gap:18px;width:calc(100% - 40px)}footer p{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}