.port-architecture,.port-instruments{--port-gutter:clamp(16px,4.4vw,72px);font-family:Archivo,Arial,sans-serif;--port-ease:cubic-bezier(.22,1,.36,1)}
.port-architecture h2,.port-instruments h2{font-variation-settings:"wdth" 112;letter-spacing:-.03em;font-weight:800;font-size:clamp(36px,5.2vw,84px);line-height:.95;margin:0}
.port-architecture .mono,.port-instruments .mono,.port-svg-mono{font-family:Fragment,"Fragment Mono",monospace;letter-spacing:0;font-size:13px;font-weight:400}
.port-svg-body{font-family:Archivo,Arial,sans-serif}
.port-architecture{padding:135px var(--port-gutter);min-height:850px;display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.1fr);align-items:center;gap:45px;background:#e6e5df;color:#131312}
.port-architecture-copy>p{font-size:20px;line-height:1.4;max-width:27em;margin:34px 0 0}
.port-architecture-count{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:95px;border-top:1px solid #131312;border-bottom:1px solid #13131224;padding:12px 0}
.port-architecture-count .mono{color:#6c6b65;font-size:12px}
.port-architecture-count strong{font-weight:800;font-size:64px;letter-spacing:-.04em;line-height:1}
.port-architecture-copy .port-architecture-note{font-size:15px;line-height:1.5;color:#6c6b65;margin-top:18px;max-width:32em}
.port-architecture-device{position:relative;width:100%;min-width:0;align-self:center}
.port-cable-diagram{display:block;width:100%;height:auto;overflow:visible}
.port-cable-lines path{transition:stroke .35s,stroke-width .35s}
.port-cable-packets path{stroke-dasharray:12 440;stroke-dashoffset:450;opacity:0;transition:opacity .3s}
.port-cable-packets path.active{opacity:1;animation:port-cable-packet 2s linear infinite}
.port-architecture-labels{position:absolute;inset:4.7% 0 4.7% 82%;display:grid;grid-template-rows:repeat(4,1fr)}
.port-architecture-tool{padding:0;background:none;border:0;display:flex;align-items:center;gap:8px;text-align:left;color:#131312;font-size:14px;font-weight:650;line-height:1.15}
.port-architecture-tool i{font-style:normal;opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s}
.port-architecture-tool:hover,.port-architecture-tool.active{color:var(--plug-color)}
.port-architecture-tool:hover i,.port-architecture-tool.active i{opacity:1;transform:none}
[data-architecture-device]{transform-box:fill-box;transform-origin:center;transition:filter .3s}
[data-architecture-device].active{filter:brightness(1.035)}
.port-instruments{background:#121211;color:#f4f3ef;padding:100px var(--port-gutter) 76px;position:relative}
.port-instruments:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(70% 40% at 35% 0%,#29292577,transparent 80%)}
.port-instruments-head{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:end;gap:50px;margin-bottom:62px}
.port-instruments-head>p{font-size:20px;line-height:1.45;color:#b1b0a7;margin:0;max-width:30em}
.port-instruments-grid{position:relative;display:grid;grid-template-columns:1.14fr 1fr;gap:18px}
.port-instrument{position:relative;text-align:left;background:linear-gradient(145deg,#22221f8c,#1b1b1999);border:1px solid #f4f3ef1f;border-radius:25px;padding:28px;color:#f4f3ef;min-width:0;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:border-color .35s,background .35s,box-shadow .35s;--pointer-x:50%;--pointer-y:50%}
.port-instrument:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(230px at var(--pointer-x) var(--pointer-y),#f4f3ef05,transparent 80%);opacity:0;transition:opacity .3s}
.port-instrument:hover:before{opacity:1}
.port-instrument:hover,.port-instrument.active{border-color:color-mix(in srgb,var(--plug-color),transparent 60%);background-color:#242422}
.port-instrument:focus-visible{outline:2px solid var(--plug-color);outline-offset:5px}
.port-instrument-title{display:flex;align-items:center;gap:11px;position:relative}
.port-instrument-title>i{width:11px;height:11px;border-radius:50%;background:var(--plug-color);flex-shrink:0}
.port-instrument-title>strong{font-size:26px;line-height:1.05;font-weight:750;letter-spacing:-.025em}
.port-instrument-title>span{margin-left:auto;color:#85857b;font-size:20px;transition:color .25s,transform .25s}
.port-instrument:hover .port-instrument-title>span{color:var(--plug-color);transform:translate(2px,-2px)}
.port-instrument>p{font-size:15px;line-height:1.5;max-width:34em;color:#aaa99f;margin:15px 0 0;position:relative}
.port-market-dial{width:100%;max-width:600px;margin:20px auto -3px;overflow:visible}
.port-dial-track{stroke:#f4f3ef1f;stroke-width:3;fill:none}
.port-dial-needle{transform-origin:300px 220px;transition:transform 1.3s var(--port-ease)}
.port-instrument-market:hover .port-dial-needle,.port-instrument-market.active .port-dial-needle{transform:rotate(42deg)}
.port-instrument-reading{display:block;font-variation-settings:"wdth" 105;font-size:70px;font-weight:800;letter-spacing:-.035em;line-height:1;text-align:center;margin-top:2px}
.port-instrument-caption{display:block;text-align:center;color:#8c8b84;margin-top:12px}
.port-instrument-signal{margin-top:30px;border-top:1px solid #f4f3ef1f;padding-top:13px}
.port-instrument-signal>span{font-size:11px!important;color:#8c8b84}
.port-instrument-signal svg{display:block;width:100%;height:48px;margin-top:13px}
.port-request-path{stroke-dasharray:670;stroke-dashoffset:0;transition:stroke-dashoffset 1.8s var(--port-ease)}
.port-instrument-market:hover .port-request-path{stroke-dashoffset:-20}
.port-instrument-footer{border-top:1px solid #f4f3ef1f;padding-top:20px;margin-top:23px;font-size:11px!important;color:#aaa99f;display:flex;justify-content:space-between;gap:15px;position:relative}
.port-instrument-footer>span{color:#8c8b84;font-size:10px;white-space:nowrap}
.port-instrument:hover .port-instrument-footer>span,.port-instrument.active .port-instrument-footer>span{color:var(--plug-color)}
.port-coin-scope{position:relative;flex:1;min-height:460px;margin-top:27px}
.port-coin-rail{position:absolute;left:0;top:24px;bottom:65px;width:95px;border-right:1px solid #f4f3ef29;display:flex;flex-direction:column;justify-content:space-between}
.port-coin-rail:after{content:"";position:absolute;right:-1px;inset-block:0;width:9px;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 15px,#a09f951f 15px,#a09f951f 17px)}
.port-coin-rail>span{font-size:10px!important;line-height:1;color:#8c8b84;position:relative;margin-right:12px;text-align:right}
.port-coin-rail>i{position:absolute;right:-11px;top:2px;width:19px;height:19px;border:1px solid #14976a;border-radius:4px;background:#14976a;transform:rotate(45deg);transition:top 1.1s var(--port-ease)}
.port-instrument-coin:hover .port-coin-rail>i,.port-instrument-coin.active .port-coin-rail>i{top:calc(50% - 9px)}
.port-coin-face{position:absolute;left:100px;right:0;top:20px;bottom:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}
.port-coin-rings{position:relative;width:min(100%,250px);aspect-ratio:1;border:1px solid #14976a50;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(#14976a06,transparent 70%);transition:transform 1.2s var(--port-ease)}
.port-coin-rings>i{position:absolute;border:1px solid #f4f3ef14;inset:12%;border-radius:50%}
.port-coin-rings>i:nth-child(2){inset:25%;border-style:dashed}
.port-coin-rings>i:nth-child(3){inset:38%;border-color:#14976a4d}
.port-coin-rings>i:nth-child(4){border:0;width:8px;height:8px;background:#14976a;left:50%;top:-4px;margin-left:-4px;transform-origin:4px calc(125px + 4px);transition:transform 1.2s var(--port-ease)}
.port-coin-rings>span{font-size:53px;color:#14976a;font-weight:400;line-height:1}
.port-instrument-coin:hover .port-coin-rings{transform:rotate(20deg)}
.port-coin-caption{color:#8c8b84}
.port-coin-input{position:absolute;left:0;right:0;bottom:10px;border:1px solid #f4f3ef26;border-radius:999px;padding:12px 18px;display:flex;align-items:center;gap:10px;color:#b4b3aa;font-size:12px!important}
.port-coin-input>i{height:7px;width:7px;flex-shrink:0;background:#14976a;border-radius:50%}
.port-instrument-bundle,.port-instrument-board{min-height:408px}
.port-bundle-scope{margin-top:22px;flex:1;display:flex;align-items:center}
.port-bundle-scope svg{width:100%;display:block;overflow:visible}
.port-bundle-blocks rect{transition:stroke .4s,fill .4s}
.port-bundle-scan{stroke-dashoffset:0;transition:stroke-dashoffset 1s}
.port-instrument-bundle:hover .port-bundle-blocks rect{stroke:#d23f7890;fill:#2c2528}
.port-instrument-bundle:hover .port-bundle-scan{stroke-dashoffset:16}
.port-board-scope{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:30px 8px 18px;flex:1;align-items:center;padding-bottom:15px}
.port-board-column{position:relative;text-align:center}
.port-board-column>span{display:block;color:#8c8b84;font-size:10px!important;margin-bottom:15px}
.port-board-slots{border:1px solid #f4f3ef21;border-radius:13px;background:linear-gradient(140deg,#272725,#191918);padding:17px 15px;box-shadow:inset 0 1px #f4f3ef08;display:flex;flex-direction:column;gap:12px;transition:transform .5s var(--port-ease),border-color .4s}
.port-board-slots>i{position:relative;height:13px;border:1px solid #f4f3ef18;background:#121211;border-radius:4px}
.port-board-slots>i:before{content:"";position:absolute;top:3px;bottom:3px;left:5px;width:5px;background:#9c7c17;border-radius:2px;transition:background .3s}
.port-board-column>small{display:block;font-size:10px!important;color:#77776e;margin-top:12px}
.port-board-wire{position:absolute;left:16.6%;right:16.6%;bottom:-5px;border-bottom:1px solid #f4f3ef29;height:18px}
.port-board-wire>i{position:absolute;width:1px;height:18px;background:#f4f3ef29;top:0;left:0}
.port-board-wire>i:nth-child(2){left:50%}.port-board-wire>i:nth-child(3){left:100%}
.port-instrument-board:hover .port-board-slots{border-color:#dfa91465;transform:translateY(-3px)}
.port-instrument-board:hover .port-board-column:nth-child(2) .port-board-slots{transform:translateY(-8px)}
.port-instrument-board:hover .port-board-slots>i:before,.port-instrument-board.active .port-board-slots>i:before{background:#dfa914}
.port-instruments-rule{display:flex;align-items:center;justify-content:center;gap:10px;color:#8c8b84;font-size:12px!important;padding-top:30px}
.port-instruments-rule>i{display:block;height:6px;width:6px;border-radius:50%;background:#c8672e}
@keyframes port-cable-packet{to{stroke-dashoffset:0}}
@media(max-width:1100px){.port-architecture{grid-template-columns:.9fr 1fr;gap:15px;padding-block:100px}.port-architecture-copy>p{font-size:18px}.port-architecture-tool{font-size:12px}.port-architecture-count{margin-top:55px}.port-instrument{padding:23px}.port-instrument-title>strong{font-size:23px}.port-instrument-reading{font-size:60px}.port-coin-scope{min-height:390px}.port-coin-rings{width:min(100%,210px)}.port-coin-face{left:92px}.port-board-scope{gap:16px}.port-board-slots{padding:15px 10px}}
@media(max-width:760px){.port-architecture{grid-template-columns:1fr;padding-block:75px;gap:30px;min-height:0}.port-architecture h2,.port-instruments h2{font-size:clamp(40px,9vw,64px)}.port-architecture-copy>p{margin-top:26px;max-width:30em;font-size:17px}.port-architecture-count{margin-top:35px}.port-architecture-count strong{font-size:54px}.port-architecture-device{max-width:620px;margin:0 auto}.port-architecture-tool{font-size:clamp(9px,2.1vw,13px)}.port-instruments{padding-block:75px 45px}.port-instruments-head{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.port-instruments-head>p{font-size:17px}.port-instruments-grid{grid-template-columns:1fr;gap:14px}.port-instrument{padding:24px}.port-instrument-title>strong{font-size:25px}.port-market-dial{margin-top:17px;max-width:530px}.port-coin-scope{min-height:340px}.port-coin-face{left:98px;top:5px;bottom:70px}.port-coin-rings{width:min(100%,220px)}.port-coin-rail{bottom:65px}.port-instrument-bundle,.port-instrument-board{min-height:370px}.port-board-scope{margin-block:32px 28px}.port-instrument-reading{font-size:67px}.port-instrument-signal{margin-top:25px}.port-instruments-rule{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.port-architecture *,.port-instruments *{animation:none!important;transition:none!important}.port-cable-packets path.active{stroke-dashoffset:0}.port-instrument-market:hover .port-dial-needle{transform:none}.port-instrument-coin:hover .port-coin-rings{transform:none}}