.workbench{width:100%;padding:20px 0 25px 25px;transition:transform .35s ease-out}.bench-underlay{position:absolute;inset:35px 13px 40px 40px;border:1px solid #768adf;background:linear-gradient(145deg,#324aa1,#1c2347);border-radius:18px;transform:rotate(5deg);z-index:-1}.bench-window{position:relative;border-radius:14px;overflow:hidden;background:#eef1f8;color:#20283b;box-shadow:0 28px 70px #0008,0 0 0 1px #ffffff35;transform:rotate(-2deg)}.bench-titlebar{padding:17px 22px;display:flex;align-items:center;gap:10px;background:#dce3f3;border-bottom:1px solid #c9d2e7;font-size:12px}.bench-titlebar>span:last-child{margin-left:auto;font-size:9px;color:#576482}.bench-window-mark{color:#445bc4;font:italic 23px Georgia}.bench-tabs{display:flex;gap:25px;padding:4px 25px 0;border-bottom:1px solid #d3daeb;background:#e7ecf7}.bench-tabs button{position:relative;border:0;background:none;padding:13px 0;color:#68758e;font-size:12px}.bench-tabs button[aria-selected="true"]{color:#354da7;font-weight:600}.bench-tabs button[aria-selected="true"]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#5269d8;border-radius:3px}.bench-content{padding:22px 25px 25px}.bench-category{font-size:10px;letter-spacing:.08em;color:#687797}.bench-content [role="tabpanel"]{min-height:343px}.bench-content [hidden]{display:none!important}.bench-content h2{font-size:24px;letter-spacing:-.04em;line-height:1.3;margin:7px 0 10px;color:#1d263d}.bench-content p{font-size:12px;line-height:1.9;color:#58647c;max-width:400px}.bench-content a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cdd6e9;padding-top:13px;margin-top:18px;font-size:12px;color:#344eac}.bench-content a:hover{color:#142869}.bench-footer{display:flex;justify-content:space-between;gap:15px;padding:11px 25px;background:#e4e9f3;color:#73809a;font-size:9px}.bench-bottom-note{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding:0 10px;color:#a9adc3;font-size:11px}.bench-bottom-note>span:last-child{font-size:25px;color:var(--accent)}.bench-diagram{display:block;width:100%;height:210px;margin-top:5px;overflow:visible}.bench-path{fill:none;stroke:#647ee0;stroke-width:2;stroke-dasharray:7 7;animation:bench-flow 4s linear infinite}.bench-path.return{stroke:#63a7cd;animation-direction:reverse}.svg-small{font-size:11px;fill:#73839f;font-family:inherit}.svg-main{font-size:13px;fill:#384663;font-family:inherit}.bench-network{height:215px;display:flex;align-items:center;justify-content:center;gap:8px}.bench-network>div{flex:1;text-align:center;min-width:0}.bench-network b,.bench-network small{display:block;white-space:nowrap}.bench-network b{font-size:12px;margin-top:22px}.bench-network small{font-size:9px;color:#7e8ba3;margin-top:4px}.bench-wire{width:24px;flex-shrink:0;height:2px;background:#6d86d9;margin-top:-36px}.modem-device{width:65px;height:38px;border:2px solid #566581;border-radius:6px;background:white;margin:auto;box-shadow:5px 6px 0 #c9d4e9;position:relative}.modem-device:before{content:"";position:absolute;width:2px;height:28px;background:#566581;left:13px;top:-29px;transform:rotate(-10deg)}.modem-device i{display:inline-block;width:4px;height:4px;background:#7e93cb;margin:20px 4px 0}.mini-device{width:124px;height:72px;padding:11px;border:2px solid #566581;border-radius:8px;background:#fafcff;box-shadow:6px 8px 0 #c9d4e9;margin:auto;transform:rotate(-5deg)}.mini-device strong{display:block;font-size:12px;text-align:left;color:#445bc4}.mini-device>div{display:flex;gap:7px;margin-top:8px}.mini-device i{width:18px;height:13px;background:#64779b;border:2px solid #aab9d4}.pc-device{width:70px;height:47px;border:2px solid #566581;border-radius:5px;background:#dbe5fa;margin:auto;position:relative}.pc-device:after{content:"";position:absolute;width:46px;height:2px;background:#566581;bottom:-11px;left:10px}.pc-device span{position:absolute;width:5px;height:10px;background:#566581;bottom:-10px;left:31px}.bench-collab{display:flex;flex-direction:column;align-items:flex-start;padding:12px 0 3px;min-height:215px}.bench-collab>div{border:1px solid #ccd6ec;padding:8px 13px;background:#f8faff;border-radius:6px;width:85%}.bench-collab>div:nth-of-type(2){align-self:flex-end;background:#dee6ff;border-color:#c4d0f7}.bench-collab>div.collab-check{width:85%}.bench-collab div>span{font-size:9px;color:#5b6e9c}.bench-collab p{font-size:11px;line-height:1.6;margin-top:2px}.collab-arrow{font-size:12px;color:#8493ba;line-height:1.2;align-self:center}.bench-content:has(#bench-panel-ai:not([hidden])) h2{font-size:21px}@keyframes bench-flow{to{stroke-dashoffset:-56}}@media(max-width:1100px) and (min-width:761px){.workbench{padding-left:15px}.bench-titlebar{padding-inline:16px}.bench-content{padding-inline:18px}.bench-tabs{padding-inline:18px;gap:20px}.bench-content h2{font-size:21px}.bench-diagram{height:190px}.bench-content [role="tabpanel"]{min-height:335px}.mini-device{width:95px}.mini-device i{width:13px;height:11px}.mini-device>div{gap:4px}.bench-network{gap:4px}.bench-wire{width:13px}.bench-network b{font-size:10px}.bench-network small{font-size:8px}}@media(max-width:760px){.workbench{margin-top:40px;padding-left:0;padding-right:10px;width:min(100%,500px)}.bench-window{transform:rotate(-1deg)}.bench-underlay{inset:38px 15px 40px 16px;transform:rotate(4deg)}.bench-content{padding:18px}.bench-content h2{font-size:22px}.bench-titlebar{padding:12px 18px}.bench-tabs{padding-inline:18px;gap:26px}.bench-content [role="tabpanel"]{min-height:335px}.bench-diagram{height:185px}.bench-network{gap:5px;height:195px}.bench-network b{font-size:10px}.mini-device{width:100px}.mini-device i{width:13px;height:11px}.mini-device>div{gap:5px}.bench-wire{width:15px}.modem-device{width:49px;height:32px}.modem-device i{margin:16px 3px 0}.pc-device{width:54px;height:39px}.pc-device:after{left:4px}.pc-device span{left:24px}.bench-network small{font-size:8px}.bench-footer{padding-inline:18px;font-size:8px}.bench-bottom-note{font-size:10px;padding-inline:5px}.bench-content:has(#bench-panel-ai:not([hidden])) h2{font-size:19px}}@media(max-width:360px){.bench-tabs{gap:21px}.bench-tabs button{font-size:11px}.bench-content{padding-inline:14px}.bench-content h2{font-size:19px}.bench-content p{font-size:11px}.bench-network{gap:3px}.mini-device{width:84px;padding:8px}.mini-device strong{font-size:10px}.bench-wire{width:9px}.bench-network b{font-size:9px}.bench-network small{font-size:7px}.bench-titlebar{font-size:11px}.bench-bottom-note{font-size:9px}.bench-content:has(#bench-panel-ai:not([hidden])) h2{font-size:17px}.bench-content [role="tabpanel"]{min-height:325px}}
.hero:has(.workbench){height:auto;min-height:760px;max-height:none}
@media(max-width:760px){.hero:has(.workbench){min-height:0;max-height:none}}