.network-directory{padding-top:28px}.network-directory-hero{background:linear-gradient(115deg,#d8fff1,#e8fbff);border:1px solid #b7e8d8;border-radius:26px;grid-template-columns:minmax(0,1fr) minmax(180px,.27fr);gap:40px;margin:26px 0;padding:clamp(26px,3vw,72px);display:grid}.network-directory-hero h1{letter-spacing:-.045em;max-width:1100px;font-size:clamp(38px,3.5vw,78px);line-height:1.06}.network-directory-hero p{color:#315b51;max-width:940px}.network-directory-count{align-self:center;gap:5px;display:grid}.network-directory-count strong{color:#087858;font-size:clamp(44px,4vw,84px);line-height:1}.network-directory-count small{color:#4f6a62;max-width:240px;margin-top:10px}.network-directory-nav,.network-directory-manufacturers{flex-wrap:wrap;gap:10px;margin:26px 0 38px;display:flex}.network-directory-nav a{color:#214b3f;background:#fff;border:1px solid #c5dfd7;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.network-directory-nav a[aria-current=page]{color:#fff;background:#087858;border-color:#087858}.network-directory-nav a span{color:#146249;background:#e2faf1;border-radius:5px;padding:2px 6px;font-size:12px}.network-directory-range-cards,.network-model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.network-directory-range-cards article,.network-model-grid article{background:#fff;border:1px solid #cce3dc;border-radius:18px;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(22px,2vw,42px);display:flex}.network-directory-range-cards article>svg,.network-model-heading>svg{color:#078564;flex-shrink:0}.network-directory-range-cards h2{margin-top:18px;font-size:clamp(23px,1.5vw,34px)}.network-directory-range-cards p,.network-model-grid p{color:#42675b}.network-directory-range-cards ul{color:#48695f;margin-bottom:26px;padding-left:19px}.network-model-link{color:#086e53;border-bottom:1px solid #a2d6c4;margin-top:auto;padding-top:16px;font-weight:750}.network-model-heading{color:#446b5d;align-items:center;gap:10px;font-size:13px;display:flex}.network-model-grid h3{overflow-wrap:anywhere;margin:18px 0 10px;font-size:clamp(21px,1.5vw,30px)}.network-model-grid p{font-size:15px;line-height:1.65}.network-selection-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0;display:grid}.network-selection-checks>div{background:#eafbf4;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.network-selection-checks span{color:#087858;font-size:24px;font-weight:800}.network-selection-checks p{color:#274f41;margin:0}.network-directory-manufacturers{align-items:center;font-size:14px}.network-directory-manufacturers a{color:#086d55;text-underline-offset:4px;text-decoration:underline}.network-directory-help{background:#e5faf1;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;margin:40px 0;padding:30px;display:flex}.network-directory-help p{max-width:900px}.network-directory-help a{flex-shrink:0}.network-directory-pages{flex-wrap:wrap}.network-directory-links{color:#1b4235}.network-directory-links p{color:#42675b;max-width:1000px}.network-range-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.network-range-grid a{color:#156249;background:linear-gradient(120deg,#effff8,#f3fcff);border:1px solid #c3e5d7;border-radius:12px;align-items:center;gap:14px;padding:22px;display:flex}.network-range-grid a strong{flex:1}.network-directory-links--compact{border-top:1px solid #d4e8df;margin-top:36px;padding-top:32px}.network-directory-links--compact h2{font-size:clamp(23px,2vw,38px)}.network-directory-links a:focus-visible,.network-directory a:focus-visible{outline-offset:4px;outline:3px solid #109a78}.network-model-grid article:hover,.network-directory-range-cards article:hover{border-color:#159e79;box-shadow:0 8px 25px #18583e0b}@media (min-width:2100px){.network-model-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:950px){.network-model-grid,.network-directory-range-cards,.network-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network-directory-hero{grid-template-columns:1fr}.network-directory-count{grid-template-columns:auto 1fr;align-items:center;gap:8px 18px}.network-directory-count small{grid-column:1/-1;max-width:none}.network-selection-checks{grid-template-columns:1fr}.network-directory-help{display:block}.network-directory-help a{margin-top:12px}}@media (max-width:600px){.network-model-grid,.network-directory-range-cards,.network-range-grid{grid-template-columns:1fr}.network-directory-hero{border-radius:18px;gap:22px;padding:24px}.network-directory-nav a{padding:9px 11px;font-size:13px}.network-directory-help{padding:24px}.network-directory-help .button{white-space:normal;text-align:center}.network-directory .section-heading{display:block}}.network-series-more{border-top:1px solid var(--border,#cce8df);margin:1rem 0;padding-top:.8rem}.network-series-more summary{cursor:pointer;color:var(--brand-green,#007b67);font-weight:700;line-height:1.5}.network-series-more summary:focus-visible{outline-offset:5px;outline:3px solid #00b388}.network-series-more[open] summary{margin-bottom:.8rem}
.synology-showcase{color:#10372f;background:linear-gradient(125deg,#effff7,#fff 60%,#e7fbff);border-top:1px solid #c4e9db;border-bottom:1px solid #c4e9db;max-width:2400px;margin:clamp(24px,4vw,72px) auto;padding:clamp(24px,4vw,72px);scroll-margin-top:110px}.synology-showcase-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,80px);display:grid}.synology-eyebrow{letter-spacing:.16em;color:#087f64;font-size:12px;font-weight:800}.synology-showcase h2{letter-spacing:-.045em;margin:24px 0;font-size:clamp(34px,4.2vw,82px);line-height:1.05}.synology-showcase h2 em{color:#008a64;font-style:normal}.synology-lead{color:#375d53;max-width:650px;font-size:clamp(18px,1.35vw,25px);line-height:1.65}.synology-value{flex-wrap:wrap;gap:9px;margin:24px 0;display:flex}.synology-value span{background:#fff;border:1px solid #b8e1d1;border-radius:24px;padding:8px 12px;font-size:13px;font-weight:650}.synology-actions{flex-wrap:wrap;gap:12px;margin:30px 0 12px;display:flex}.synology-actions a{color:#fff;background:#087b5a;border-radius:9px;padding:15px 20px;font-weight:750;text-decoration:none}.synology-actions a+a{color:#126c56;background:#fff;border:1px solid #9dcebc}.synology-price-note{color:#526c64;font-size:12px;line-height:1.5}.synology-viewer{background:#fff;border:1px solid #c5e1d7;border-radius:18px;min-width:0;padding:12px;box-shadow:0 18px 50px #185c4810}.synology-viewer-top{letter-spacing:.12em;justify-content:space-between;padding:6px 5px 14px;font-size:11px;font-weight:700;display:flex}.synology-viewer figure{margin:0}.synology-viewer figure>img{aspect-ratio:3/2;object-fit:contain;background:#eef4f1;border-radius:10px;width:100%;height:auto;display:block}.synology-viewer figcaption{justify-content:space-between;align-items:center;gap:14px;padding:17px 5px;display:flex}.synology-viewer figcaption strong,.synology-viewer figcaption span{display:block}.synology-viewer figcaption strong{font-size:20px}.synology-viewer figcaption span{color:#526c64;margin-top:5px;font-size:13px}.synology-viewer a,.synology-architecture a{color:#087b5a;font-weight:700}.synology-controls{align-items:center;gap:8px;display:flex}.synology-controls button,.synology-tabs button{cursor:pointer;color:#164d3c;min-height:42px;font:inherit;background:#fff;border:1px solid #b8d9cc;border-radius:8px;padding:8px 14px}.synology-controls button:focus-visible,.synology-tabs button:focus-visible,.synology-showcase a:focus-visible{outline-offset:3px;outline:3px solid #00835c}.synology-dots{flex:1;justify-content:center;gap:6px;display:flex}.synology-dots button{background:#d7e9e1;border:0;border-radius:10px;width:26px;height:8px;min-height:8px;padding:0}.synology-dots button[aria-pressed=true]{background:#00865f}.synology-architecture{border-top:1px solid #c2dfd1;grid-template-columns:minmax(210px,.6fr) minmax(0,1.4fr);gap:36px;margin-top:42px;padding-top:28px;display:grid}.synology-tabs{flex-wrap:wrap;gap:9px;display:flex}.synology-tabs button{font-size:14px}.synology-tabs button span{margin-right:7px}.synology-tabs button[aria-selected=true]{color:#fff;background:#087b5a}.synology-architecture h3{margin:0 0 8px;font-size:26px}.synology-architecture p{line-height:1.65}.synology-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;padding:0;list-style:none;display:grid}.synology-flow li{background:#fff;border:1px solid #c4e3d5;border-radius:9px;padding:14px;font-size:14px;font-weight:650}.synology-flow li span{color:#07805e;margin-bottom:10px;font-size:12px;display:block}@media (max-width:850px){.synology-showcase-inner,.synology-architecture{grid-template-columns:1fr}.synology-showcase{padding:24px 18px}.synology-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.synology-viewer figcaption{flex-wrap:wrap}.synology-showcase h2{font-size:clamp(34px,7vw,56px)}}.synology-catalog-header,.synology-catalog-section{color:#173f32;max-width:2200px;margin:0 auto;padding:clamp(24px,4vw,68px)}.synology-catalog-header{background:linear-gradient(130deg,#e2fff0,#fff);border-bottom:1px solid #bde3d1}.synology-catalog-header h1{letter-spacing:-.04em;font-size:clamp(34px,4vw,76px);line-height:1.08}.synology-catalog-header nav a,.synology-catalog-section a{color:#087856}.synology-category-nav{flex-wrap:wrap;gap:10px;margin:28px 0;display:flex}.synology-category-nav a{background:#fff;border:1px solid #a9d9c1;border-radius:8px;padding:12px 18px;text-decoration:none}.synology-catalog-section{scroll-margin-top:100px}.synology-section-title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.synology-section-title h2{margin:10px 0;font-size:clamp(25px,2.5vw,42px)}.synology-section-title p{max-width:800px;line-height:1.6}.synology-product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px;display:grid}.synology-product-grid article{background:#fff;border:1px solid #c9e4d7;border-radius:13px;flex-direction:column;align-items:start;min-width:0;padding:20px;display:flex}.synology-product-grid article>a:first-child{width:100%}.synology-product-grid img{object-fit:contain;background:#f8fbf9;border-radius:8px;width:100%;height:190px}.synology-product-grid article>span{color:#546e61;margin-top:18px;font-size:12px}.synology-product-grid h3{overflow-wrap:anywhere;margin:12px 0}.synology-product-grid p{color:#486456;flex:1;font-size:14px;line-height:1.6}.synology-product-grid article>a:last-child{font-weight:700}.synology-catalog-section details{border-bottom:1px solid #cce2d5;padding:20px 0}.synology-catalog-section summary{cursor:pointer;font-weight:750}@media (max-width:700px){.synology-section-title{display:block}}#synology-showcase .synology-actions a:first-child{color:#fff!important;background:#087b5a!important}#synology-showcase .synology-actions a+a,#synology-showcase .synology-viewer a,#synology-showcase .synology-architecture a{color:#087b5a!important}#synology-showcase h2{font-size:clamp(34px,4.2vw,82px)!important;line-height:1.05!important}#synology-showcase h2 em{color:#008a64!important}.synology-model-facts{color:#365b4e;border-top:1px solid #d4e9df;gap:6px;margin-top:16px;padding-top:15px;font-size:13px;display:grid}.synology-model-facts strong{color:#075f46;font-size:16px}.synology-model-browser{margin-top:38px}.synology-model-browser-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.synology-model-browser-heading h3{margin:8px 0;font-size:clamp(22px,2vw,34px)}.synology-model-browser-heading>span{color:#4a6c60;font-size:13px}.synology-model-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.synology-model-grid article{background:#fff;border:1px solid #c2e1d3;border-radius:13px;min-width:0;overflow:hidden}.synology-model-grid article.is-active{border:2px solid #00845f;box-shadow:0 7px 22px #00845f16}.synology-model-grid button{cursor:pointer;color:#173f32;text-align:left;width:100%;font:inherit;background:0 0;border:0;flex-direction:column;align-items:start;gap:8px;padding:15px;display:flex}.synology-model-grid button img{object-fit:contain;background:#f7faf8;border-radius:8px;width:100%;height:115px}.synology-model-grid button strong{font-size:18px}.synology-model-grid button span{min-height:36px;font-size:12px;line-height:1.5}.synology-model-grid article>a{border-top:1px solid #e0eee7;padding:12px 15px;font-size:12px;font-weight:700;text-decoration:none;display:block;color:#087b5a!important}.synology-model-grid button:focus-visible{outline-offset:-4px;outline:3px solid #087b5a}.synology-viewer figure>img{animation:.35s ease-out synology-photo-in}@keyframes synology-photo-in{0%{opacity:.65}to{opacity:1}}@media (min-width:1800px){.synology-model-grid button img{height:170px}}@media (max-width:1100px){.synology-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:650px){.synology-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.synology-model-browser-heading{display:block}.synology-model-grid button{padding:12px}.synology-model-grid button img{height:90px}.synology-model-grid article>a{padding:10px;font-size:11px}.synology-model-grid button strong{font-size:16px}}@media (prefers-reduced-motion:reduce){.synology-viewer figure>img{animation:none}}
.infra-explorer.ip-showcase{color:#153a32;isolation:isolate;background:radial-gradient(at 0 0,#b8fbe7 0,#0000 42%),radial-gradient(at 100% 85%,#d6f6ff 0,#0000 40%),#f5fffb;border-block:1px solid #ceeadd;margin:64px 0;padding:76px 0;scroll-margin-top:145px}.ip-shell{width:min(1760px,100% - 80px);margin:auto}.ip-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;margin-bottom:35px;display:grid}.ip-kicker{letter-spacing:.16em;font-weight:750;line-height:1.6;color:#197661!important;margin:0 0 16px!important;font-size:10px!important}.ip-kicker>span{background:#00a77a;width:7px;height:7px;margin-right:10px;display:inline-block}.ip-showcase .ip-heading h2,.legacy-content .ip-showcase .ip-heading h2{letter-spacing:-.055em;color:#123e32!important;max-width:none!important;margin:0!important;font-size:clamp(36px,4vw,72px)!important;line-height:1.04!important}.ip-heading h2 em{color:#008d70;font-style:normal}.ip-heading>div>p:not(.ip-kicker){color:#456a5f;max-width:540px;margin-bottom:22px;font-size:16px;line-height:1.8}.ip-showcase .ip-heading a{border-bottom:1px solid #78bea9;padding-bottom:5px;font-size:13px;font-weight:650;text-decoration:none;color:#076d55!important}.ip-scenarios{gap:12px;margin-bottom:22px;display:flex}.ip-scenarios button{font:inherit;text-align:left;cursor:pointer;color:#2e5c4e;background:#ffffff80;border:1px solid #c0e4d6;border-radius:5px;flex:1;grid-template-columns:26px 1fr 15px;gap:4px 10px;min-width:0;padding:20px 22px;display:grid}.ip-scenarios button>span{color:#2e8d71;grid-row:1/3;font-size:10px}.ip-scenarios strong{font-size:14px;font-weight:650}.ip-scenarios small{color:#52756a;grid-column:2;font-size:11px}.ip-scenarios b{color:#378d74;grid-area:1/3/3;font-weight:400}.ip-scenarios button[aria-pressed=true]{background:#fff;border-color:#06a880;box-shadow:inset 0 3px #06a880,0 8px 20px #006d4a0a}.ip-console{background:#fff;border:1px solid #bbdccc;border-radius:12px;overflow:hidden;box-shadow:0 25px 80px #285e4712}.ip-console-header{border-bottom:1px solid #d7e9e1;justify-content:space-between;align-items:center;gap:20px;padding:26px 32px;display:flex}.ip-console-header .ip-kicker{margin-bottom:6px!important;font-size:9px!important}.ip-showcase .ip-console-header h3{letter-spacing:-.025em;line-height:1.3;color:#173f33!important;margin:0 0 7px!important;font-size:20px!important}.ip-console-header>div>p:last-child{color:#6a8378;margin:0;font-size:10px}.ip-views{background:#f5f9f7;border:1px solid #d6e7df;border-radius:5px;flex-shrink:0;padding:4px;display:flex}.ip-views button{color:#547166;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:3px;padding:10px 14px;font-size:11px}.ip-views button[aria-pressed=true]{color:#006c4e;background:#fff;box-shadow:0 2px 7px #144d3414}.ip-map-tools{background:#f9fcfb;border-bottom:1px solid #e2eee8;justify-content:space-between;align-items:center;gap:15px;padding:15px 32px;display:flex}.ip-map-tools>div{align-items:center;gap:7px;display:flex}.ip-map-tools>div>span{letter-spacing:.08em;color:#6e877b;margin-right:8px;font-size:9px;font-weight:650}.ip-filter{color:#526c60;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:7px 10px;font-size:10px}.ip-filter[aria-pressed=true]{color:#007653;background:#fff;border-color:#b8d9cc}.ip-filter.b[aria-pressed=true]{color:#197d9d;border-color:#64b6d1}.ip-filter.copy[aria-pressed=true]{color:#8452a5;border-color:#ba9fd7}.ip-map-tools>p{color:#5e7c6e;margin:0;font-size:10px}.ip-map-tools>p>span{color:#00a77a;padding-left:9px}.ip-map-scroll{overscroll-behavior-x:contain;overflow-x:auto}.ip-map{background:radial-gradient(at 18%,#eefbf2,#0000 40%),radial-gradient(at 85%,#e5fcf5,#0000 40%),linear-gradient(#ddece642 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ddece642 1px,#0000 1px) 0 0/32px 32px,#fdfffe;min-width:1000px;height:610px;position:relative}.ip-axis{letter-spacing:.14em;color:#4d7968;align-items:center;gap:10px;font-size:10px;font-weight:750;display:flex;position:absolute;top:30px;transform:translate(-50%)}.ip-axis span{letter-spacing:0;color:#6b9a86;border:1px solid #b7d6c8;padding:3px 5px;font-size:9px}.ip-cables{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ip-cable{color:#069e77}.ip-cable.b{color:#209aca}.ip-cable.copy{color:#9b72bd}.ip-cable path{fill:none;stroke:currentColor;stroke-width:1.7px}.ip-cable .ip-cable-halo{stroke-width:8px;opacity:.07}.ip-cable.is-highlighted path{stroke-width:2.6px}.ip-cable.is-highlighted .ip-cable-halo{stroke-width:9px;opacity:.16}.ip-cable.is-muted{opacity:.22}.ip-cable.is-unavailable{opacity:.07}.ip-peer path{stroke:#9bb4a9;stroke-width:1px;fill:none}.ip-peer text{fill:#6f8e7e;font-size:9px}.ip-peer.is-muted{opacity:.14}.ip-device{cursor:pointer;text-align:left;color:#143e30;background:linear-gradient(#fff,#fcfffd);border:1px solid #c8e0d3;border-radius:7px;flex-direction:column;width:23%;height:206px;padding:14px 16px 12px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 24px #173d2e06}.ip-device:before{content:"";background:#f2f8f5;border:1px solid #d7e7de;border-top:0;border-radius:0 0 3px 3px;height:4px;position:absolute;bottom:-5px;left:10px;right:10px}.ip-device-role{color:#638374;text-transform:uppercase;letter-spacing:.055em;justify-content:space-between;font-size:9px;line-height:1.4;display:flex}.ip-device-role i{color:#0b9975;font-size:12px;font-style:normal}.ip-device .ip-product-image{object-fit:contain;width:100%;height:122px;margin:4px 0 7px}.ip-device strong{letter-spacing:-.025em;color:#103c2e;font-size:15px;font-weight:700;line-height:1.3}.ip-device-caption{color:#6a897a;margin-top:3px;font-size:9px;line-height:1.5}.ip-device.is-selected{border-color:#00a57c;box-shadow:0 0 0 3px #00a77b12,0 12px 30px #165e3e13}.ip-device.switch{border-top:2px solid #62bdd1}.ip-device.is-unavailable{opacity:.4}.ip-product-image{display:block}.ip-logical-node{flex-direction:column;justify-content:center;gap:8px;height:122px;display:flex}.ip-logical-node>span{letter-spacing:.12em;color:#56826b;font-size:9px;font-weight:750}.ip-logical-node>strong{letter-spacing:-.03em;color:#204e3b;font-size:18px;font-weight:500;line-height:1.25}.ip-logical-node>small{color:#6e8c7c;font-size:10px}.ip-array{background:linear-gradient(145deg,#fff,#ebfff7);border:1px solid #a8d7c4;border-radius:9px;width:23%;height:76%;position:absolute;top:15%;left:73.5%;box-shadow:0 12px 40px #145e4110}.ip-array>header{text-align:center;padding:17px 8px 0}.ip-array>header>span{letter-spacing:.1em;color:#639e85;font-size:8px;font-weight:650;display:block}.ip-array>header>strong{letter-spacing:-.03em;color:#144b34;margin-top:5px;font-size:17px;line-height:1.4;display:block}.ip-array-photo{cursor:pointer;background:#fff;border:0;border-radius:5px;width:calc(100% - 20px);height:44%;padding:4px;position:absolute;top:27%;left:10px;right:10px}.ip-array-photo .ip-product-image{object-fit:contain;width:100%;height:100%}.ip-controller{width:calc(100% - 24px);font:inherit;color:#3b6f57;cursor:pointer;text-align:left;background:#fff;border:1px solid #badccc;border-radius:4px;align-items:center;gap:8px;padding:11px 12px;font-size:10px;display:flex;position:absolute;left:12px;right:12px}.ip-controller-a{top:14.5%}.ip-controller-b{bottom:10%}.ip-controller i{background:#03a97b;border-radius:50%;width:6px;height:6px}.ip-controller span{margin-left:auto}.ip-controller-b i{background:#249ec4}.ip-controller[aria-pressed=true]{border-color:#069c70;box-shadow:0 0 0 3px #03966d0b}.ip-array.is-selected{border-color:#009b70}.ip-array>footer{text-align:center;color:#57846a;letter-spacing:.04em;font-size:8px;position:absolute;bottom:14px;left:0;right:0}.ip-map-foot{background:#fcfffd;border-top:1px solid #d8e9de;justify-content:space-between;align-items:center;gap:20px;padding:15px 26px;display:flex}.ip-map-foot>p{color:#648170;margin:0;font-size:10px;line-height:1.7}.ip-line{vertical-align:middle;background:#039f70;width:18px;height:2px;margin-right:9px;display:inline-block}.ip-map-foot>button{font:inherit;color:#2c7655;cursor:pointer;background:#fff;border:1px solid #b8d7c7;border-radius:4px;flex-shrink:0;padding:8px 12px;font-size:10px}.ip-map-foot>span{color:#668475;font-size:10px}.ip-status{color:#24728c;background:#edfaff;margin:0;padding:10px 26px;font-size:11px}.ip-swipe{display:none}.ip-inspector{background:linear-gradient(100deg,#edfbf3,#f6fffc);border-top:1px solid #c2e4d2;grid-template-columns:210px 270px 1fr;align-items:center;gap:28px;padding:27px 32px;display:grid}.ip-inspector-photo{background:#fff;border:1px solid #d8eade;border-radius:6px;padding:10px}.ip-inspector-photo .ip-product-image{object-fit:contain;width:100%;height:115px}.ip-inspector-photo .ip-logical-node{padding:8px}.ip-inspector-title .ip-kicker{margin-bottom:7px!important;font-size:9px!important}.ip-showcase .ip-inspector-title h3{letter-spacing:-.035em;line-height:1.2;color:#144b32!important;margin:0 0 7px!important;font-size:24px!important}.ip-inspector-title>span{color:#63806c;font-size:10px;display:block}.ip-showcase .ip-inspector-title a{border-bottom:1px solid #a2d3bc;margin-top:18px;padding-bottom:4px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block;color:#08794e!important}.ip-inspector-title a span{padding-left:12px}.ip-inspector-detail>p{color:#476650;max-width:660px;margin:0 0 12px;font-size:13px;line-height:1.8}.ip-inspector-detail ul{flex-wrap:wrap;gap:7px 16px;margin:0;padding:0;list-style:none;display:flex}.ip-inspector-detail li{color:#63826e;align-items:center;gap:6px;font-size:10px;line-height:1.5;display:flex}.ip-inspector-detail li i{background:#00a47b;width:5px;height:5px}.ip-inspector-detail li i.b{background:#249bc4}.ip-inspector-detail li i.copy{background:#a078bb}.ip-story{border-bottom:1px solid #c5e5d5;grid-template-columns:repeat(3,1fr);margin:0 0 22px;display:grid}.ip-story>div{border-right:1px solid #d6e9de;align-items:center;gap:17px;padding:22px;display:flex}.ip-story>div:last-child{border:0}.ip-story span{letter-spacing:-.08em;color:#05a17d;font-size:25px;font-weight:450}.ip-story p{color:#416850;margin:0;font-size:12px;line-height:1.7}.ip-reading{justify-content:space-between;align-items:start;gap:30px;margin-bottom:22px;display:flex}.ip-reading>p{color:#426b56;max-width:800px;margin:0;font-size:13px;line-height:1.8}.ip-reading>span{color:#658778;max-width:230px;font-size:10px;line-height:1.8}.ip-plan-library{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.ip-plan-library details{background:#fff9;border:1px solid #cbe6d8;border-radius:6px;align-self:start;padding:18px}.ip-plan-library summary{color:#3f6653;cursor:pointer;justify-content:space-between;gap:15px;font-size:12px;font-weight:650;list-style:none;display:flex}.ip-plan-library summary::-webkit-details-marker{display:none}.ip-plan-library details[open] summary>span{transform:rotate(45deg)}.ip-plan-library p,.ip-plan-library li{color:#55705e;font-size:11px;line-height:1.8}.ip-plan-library ul{padding-left:18px}.ip-bom-links{flex-wrap:wrap;gap:8px;display:flex}.ip-showcase .ip-bom-links a{background:#eafff2;border-radius:3px;padding:7px 9px;font-size:10px;color:#087547!important}.ip-rack-view{background:radial-gradient(at 20%,#d9f7e7,#0000 65%),#fcfffd;grid-template-columns:minmax(450px,1.2fr) 1fr;align-items:center;gap:80px;padding:45px 60px;display:grid}.ip-rack{border:14px solid #506358;background:#e3ede7;border-inline-width:23px;border-radius:5px;padding:12px;box-shadow:12px 16px #d7e5dc,20px 26px 35px #31594015}.ip-rack-label{letter-spacing:.1em;color:#5c7263;margin-bottom:10px;font-size:8px;display:block}.ip-rack-unit{cursor:pointer;color:#335b41;text-align:left;width:100%;font:inherit;background:#fff;border:1px solid #d0ded4;border-radius:2px;grid-template-columns:28px 1fr 170px 10px;align-items:center;gap:12px;margin-bottom:4px;padding:6px 10px;font-size:11px;display:grid}.ip-rack-unit .ip-product-image{object-fit:contain;width:100%;height:52px}.ip-rack-unit small{color:#749981;font-size:9px}.ip-rack-unit>b{color:#059968;font-weight:400}.ip-rack-reserve{letter-spacing:.05em;color:#6b8072;padding:20px 0 4px;font-size:8px}.ip-rack-copy h3,.ip-room-view h3{letter-spacing:-.045em;color:#22523a!important;margin:15px 0 25px!important;font-size:clamp(27px,3vw,46px)!important;line-height:1.08!important}.ip-rack-copy>p:not(.ip-kicker),.ip-room-view p:not(.ip-kicker){color:#5b7d67;max-width:450px;font-size:14px;line-height:1.8}.ip-room-view{grid-template-columns:1.2fr 1fr;align-items:center;gap:55px;padding:35px 45px;display:grid}.ip-room-view>img{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:520px}.ip-room-view button{font:inherit;color:#356b4d;cursor:pointer;background:#fff;border:1px solid #c4e1cf;border-radius:4px;justify-content:space-between;width:100%;margin-bottom:8px;padding:14px 15px;font-size:12px;display:flex}.ip-room-view button[aria-pressed=true]{background:#f2fff7;border-color:#0aa472}.ip-room-view small{color:#6b8373;margin-top:20px;font-size:10px;line-height:1.7;display:block}.ip-showcase :is(button,a,summary):focus-visible{outline-offset:4px;outline:3px solid #049b76}@media (max-width:1100px){.ip-shell{width:calc(100% - 40px)}.ip-heading{gap:35px}.ip-console-header{padding:22px}.ip-map-tools{padding:15px 22px}.ip-map-tools>p{display:none}.ip-inspector{grid-template-columns:170px 1fr;gap:20px}.ip-inspector-detail{grid-column:1/-1}.ip-rack-view{grid-template-columns:1.2fr 1fr;gap:35px;padding:30px}.ip-rack-unit{grid-template-columns:24px 1fr}.ip-rack-unit>span{grid-column:1/-1}.ip-rack-unit>b{display:none}.ip-reading{display:block}.ip-reading>span{max-width:none;margin-top:10px;display:block}.ip-room-view{gap:25px;padding:25px}}@media (max-width:650px){.infra-explorer.ip-showcase{margin:32px 0;padding:38px 0}.ip-shell{width:calc(100% - 26px)}.ip-heading{grid-template-columns:1fr;gap:22px}.ip-heading>div>p:not(.ip-kicker){font-size:13px}.ip-scenarios{overflow-x:auto}.ip-scenarios button{flex:none;min-width:220px;padding:16px}.ip-scenarios strong{font-size:12px}.ip-console-header{padding:20px;display:block}.ip-showcase .ip-console-header h3{font-size:17px!important}.ip-console-header>div>p:last-child{font-size:9px;line-height:1.7}.ip-views{width:max-content;max-width:100%;margin-top:18px}.ip-views button{padding:9px 11px;font-size:10px}.ip-map-tools{padding:12px 18px}.ip-map-tools>div{flex-wrap:wrap;gap:5px}.ip-map-tools>div>span{width:100%;margin-bottom:4px;font-size:8px}.ip-swipe{color:#639279;background:#f7fffb;border-top:1px solid #e5f0e9;margin:0;padding:9px 18px;font-size:10px;display:block}.ip-map-foot{padding:16px 18px;display:block}.ip-map-foot>button{margin-top:13px}.ip-inspector{grid-template-columns:100px 1fr;gap:16px;padding:20px}.ip-inspector-photo{padding:4px}.ip-inspector-photo .ip-product-image{height:95px}.ip-showcase .ip-inspector-title h3{font-size:20px!important}.ip-inspector-title a{margin-top:10px}.ip-inspector-title .ip-kicker{font-size:8px!important}.ip-inspector-detail>p{font-size:12px}.ip-story{grid-template-columns:1fr}.ip-story>div{border:0;border-bottom:1px solid #d6e9de;padding:15px 9px}.ip-story span{font-size:21px}.ip-rack-view{grid-template-columns:1fr;gap:40px;padding:25px 20px}.ip-rack{border-inline-width:16px;padding:8px}.ip-rack-unit{grid-template-columns:22px 1fr;gap:6px}.ip-room-view{grid-template-columns:1fr;gap:20px;padding:20px}.ip-room-view h3{font-size:30px!important}.ip-plan-library{grid-template-columns:1fr}.ip-array footer{font-size:8px}}.product-connections{background:linear-gradient(120deg,#f0fff7,#f5fcff);border:1px solid #c6e8d8;border-radius:16px;margin-block:36px;padding:34px}.connection-intro{max-width:850px}.connection-intro h2{color:#164533;margin:0 0 15px;font-size:clamp(23px,2.4vw,34px)}.connection-intro>p:not(.eyebrow){color:#4b6b5b;font-size:13px;line-height:1.8}.connection-chain{grid-template-columns:1fr 40px 1.1fr 40px 1fr;align-items:center;gap:20px;margin:26px 0;display:grid}.connection-chain>div{background:#fff;border:1px solid #c9e4d6;border-radius:9px;flex-direction:column;gap:10px;padding:18px;display:flex}.connection-chain strong{color:#285843;font-size:14px}.connection-chain span:not(.connection-arrow){color:#597b69;font-size:10px}.connection-chain .connection-current{border-color:#03a777;box-shadow:0 0 0 4px #00aa7710}.connection-current .infra-glyph{width:68px}.connection-arrow{text-align:center;color:#05a477;font-size:27px}.product-connections summary{cursor:pointer;color:#075f47;font-size:13px;font-weight:650}.product-connections details{border-top:1px solid #cde6d8;padding-top:20px}.product-connections li,.product-connections details p{color:#4b6e59;font-size:12px;line-height:1.8}.product-connections .button-row a{color:#00694c;text-underline-offset:4px;font-size:12px;text-decoration:underline}.infrastructure-page>header{padding-block:70px 10px}.infrastructure-page>header h1{max-width:1100px;font-size:clamp(36px,5vw,65px)}.infrastructure-page>header>p:not(.eyebrow){color:#4c6d5b;max-width:800px;line-height:1.8}.product-connections .infra-glyph{width:68px;height:auto}.product-connections :is(a,summary):focus-visible{outline-offset:4px;outline:3px solid #009b72}@media (max-width:650px){.product-connections{padding:22px!important}.connection-chain{grid-template-columns:1fr;gap:8px}.connection-arrow{font-size:21px;transform:rotate(90deg)}.connection-chain>div{padding:13px}.connection-chain .connection-current{grid-template-columns:70px 1fr;display:grid}.connection-current .infra-glyph{grid-row:1/3}.connection-current strong,.connection-current>span{grid-column:2}}.ip-browse{justify-content:space-between;align-items:center;gap:22px;margin:24px 0 16px;display:flex}.ip-brands{flex-wrap:wrap;gap:7px;display:flex}.ip-brands button{font:inherit;color:#32634e;cursor:pointer;background:#fff8;border:1px solid #b9ddcc;border-radius:30px;padding:10px 16px;font-size:12px;font-weight:650}.ip-brands button[aria-pressed=true]{color:#fff;background:#08785a;border-color:#08785a}.ip-browse label{color:#3d725b;white-space:nowrap;align-items:center;gap:12px;font-size:11px;display:flex}.ip-browse select{font:inherit;color:#255b43;background:#fff;border:1px solid #b5d8c6;border-radius:5px;max-width:250px;padding:10px 30px 10px 12px;font-size:12px}.ip-scenarios{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ip-scenarios button{padding:16px 18px}.ip-requirements{background:#fff9;border:1px solid #bee2cd;border-radius:9px;margin-top:24px;padding:25px 28px}.ip-requirements header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.ip-requirements header .ip-kicker{margin:0!important}.ip-showcase .ip-requirements h3{font-weight:600;color:#235e40!important;margin:0!important;font-size:16px!important}.ip-requirements>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;display:grid}.ip-requirements article{border-top:1px solid #cae7d5;padding-top:15px;position:relative}.ip-requirements article>span{color:#009663;font-size:10px}.ip-requirements h4{color:#20583a!important;margin:9px 0!important;font-size:13px!important}.ip-requirements p{color:#527760;margin:0;font-size:12px;line-height:1.75}.ip-requirements a{margin-top:10px;font-size:11px;display:inline-block;color:#087c4b!important}@media (min-width:1800px){.ip-shell{width:calc(100% - 120px);max-width:2200px}.ip-map{height:670px}.ip-device{height:226px}.ip-device .ip-product-image{height:140px}.ip-device strong{font-size:18px}.ip-array>header>strong{font-size:21px}.ip-console-header h3{font-size:24px}.ip-scenarios strong{font-size:16px}}@media (max-width:1100px){.ip-browse{align-items:start}.ip-brands button{padding:8px 11px;font-size:11px}.ip-scenarios,.ip-requirements>div{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-requirements header{display:block}.ip-requirements header .ip-kicker{margin-bottom:8px!important}}@media (max-width:650px){.ip-browse{display:block}.ip-brands{gap:6px;margin-bottom:13px}.ip-brands button{padding:9px 13px}.ip-browse label{justify-content:space-between}.ip-browse select{max-width:230px}.ip-scenarios{scroll-snap-type:x mandatory;display:flex}.ip-scenarios button{scroll-snap-align:start;min-width:230px}.ip-requirements{padding:20px}.ip-requirements>div{grid-template-columns:1fr 1fr;gap:18px}.ip-requirements p{font-size:11px}.ip-showcase .ip-requirements h3{font-size:15px!important}}.ip-image-note{color:#617c6d;background:#ffffffde;padding:5px;font-size:8px;line-height:1.4;position:absolute;bottom:5px;left:5px;right:5px}.ip-array-photo:has(.ip-image-note){padding-bottom:35px}.ip-device .ip-product-image[src$="/hpe-proliant-dl380-gen10.webp"]{object-fit:cover;object-position:center}.ip-cable{cursor:pointer;pointer-events:stroke}.ip-cable:focus-visible{outline:none}.ip-cable:focus-visible .ip-cable-halo{opacity:.4;stroke-width:14px}.ip-inspector-detail li b{color:#315e49;font-size:11px;font-weight:600;display:block}.ip-inspector-detail li{align-items:start}.ip-inspector-detail li i{flex-shrink:0;margin-top:6px}.ip-cable-control{stroke:currentColor;stroke-width:1.4px;cursor:pointer}.ip-cable-control:focus{outline:none}.ip-cable:has(.ip-cable-control:focus-visible) .ip-cable-halo{opacity:.5;stroke-width:14px}.infra-explorer.ip-showcase{background:radial-gradient(at 0 15%,#bcffe3,#0000 48%),radial-gradient(at 100% 40%,#cbf3ff,#0000 50%),radial-gradient(at 30% 100%,#fff0d9,#0000 45%),#f6fffd}.ip-heading{background:linear-gradient(90deg,#f4fff8f7 0%,#f5fffcdf 50%,#f6fffca8 100%),url(/assets/infrastructure/studio-v06/room.webp) 50%/cover;border:1px solid #d0e9e1;border-radius:22px;min-height:300px;padding:44px 42px;position:relative;overflow:hidden;box-shadow:0 15px 50px #21634e0d}.ip-heading>div:last-child{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border:1px solid #ffffffb3;border-radius:12px;padding:24px}.ip-heading h2 em{color:#0000;background:linear-gradient(100deg,#009963,#058caa);-webkit-background-clip:text;background-clip:text}.ip-scenarios button{background:linear-gradient(115deg,#fff,#effff6);border-top:3px solid #35bd90;border-radius:10px}.ip-scenarios button[data-brand=Lenovo]{background:linear-gradient(115deg,#fff,#fff3e5);border-top-color:#e49c64}.ip-scenarios button[data-brand=Fujitsu]{background:linear-gradient(115deg,#fff,#fff9db);border-top-color:#b3a037}.ip-scenarios button[data-brand=NetApp]{background:linear-gradient(115deg,#fff,#eaf6ff);border-top-color:#45aee1}.ip-scenarios button[data-brand=Dell]{background:linear-gradient(115deg,#fff,#edf2ff);border-top-color:#6e99e8}.ip-scenarios button[data-brand=Synology]{background:linear-gradient(115deg,#fff,#f4edff);border-top-color:#a596dd}.ip-scenarios button[aria-pressed=true]{box-shadow:0 0 0 2px #099e7933,0 7px 18px #1a614a0c}.ip-console-header{background:linear-gradient(100deg,#ecfff4,#effaff 75%,#fbf2ff)}.ip-map{background:linear-gradient(105deg,#f7fff9f0,#f6fffee6 52%,#fffceeed),url(/assets/infrastructure/studio-v06/room.webp) 50%/cover}.ip-device.server{background:linear-gradient(160deg,#fff,#effff5);border-top:3px solid #3ec799}.ip-device.switch{background:linear-gradient(160deg,#fff,#effaff);border-top:3px solid #56bce1}.ip-device.storage,.ip-device.backup{background:linear-gradient(160deg,#fff,#fff8e7);border-top:3px solid #d9b66f}.ip-device .ip-product-image{mix-blend-mode:multiply}.ip-device[data-u="1"] .ip-product-image{height:94px;margin-block:18px 15px}.ip-array{background:linear-gradient(145deg,#fffef8,#fff4d9);border-color:#dcad4e #dace9f #dace9f;border-top-style:solid;border-top-width:3px}.ip-array>header>span{color:#9b7729}.ip-array>header>strong{color:#645022}.ip-array-photo{background:#fffdf6}.ip-array-photo .ip-product-image{mix-blend-mode:multiply}.ip-controller{border-color:#daceaf}.ip-array>footer{color:#8a7746}.ip-inspector{background:linear-gradient(105deg,#e8fff3,#eaf8ff 65%,#f5edff)}.ip-requirements{background:#ffffffb8}.ip-requirements>div{gap:14px}.ip-requirements article{background:#ecfff5;border:1px solid #bde7d6;border-top:3px solid #34b98d;border-radius:9px;padding:18px}.ip-requirements article:nth-child(2){background:#eaf8ff;border-color:#3fb4d7 #b3ddeb #b3ddeb}.ip-requirements article:nth-child(3){background:#f5efff;border-color:#ad8bd7 #ddd0ef #ddd0ef}.ip-requirements article:nth-child(4){background:#fff6e6;border-color:#d7a650 #edddb9 #edddb9}.ip-equipment-view{background:linear-gradient(125deg,#f1fff6,#ecf9ff 65%,#fff9ea);grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:center;gap:36px;padding:34px;display:grid}.ip-equipment-view figure{background:#fff;border:1px solid #c9e1d5;border-radius:14px;min-width:0;margin:0;overflow:hidden;box-shadow:0 16px 40px #2b664e18}.ip-equipment-view figure>img{aspect-ratio:16/9;object-fit:contain;background:#f7fbf9;width:100%;height:auto;display:block}.ip-equipment-view figcaption{color:#5d786c;border-top:1px solid #e0ebe6;padding:13px 17px;font-size:10px;line-height:1.7}.ip-photo-copy h3{letter-spacing:-.04em;line-height:1.13;color:#164936!important;margin:0 0 20px!important;font-size:clamp(25px,2.7vw,43px)!important}.ip-photo-protocol{color:#087454;background:#ddf8ea;border:1px solid #a7d9c3;border-radius:30px;padding:9px 14px;font-size:12px;font-weight:700;display:inline-block}.ip-photo-copy>p:not(.ip-kicker){color:#416856;margin:22px 0;font-size:14px;line-height:1.85}.ip-photo-copy>a{background:#087f5b;border-radius:7px;padding:13px 18px;font-size:13px;font-weight:650;display:inline-block;color:#fff!important;text-decoration:none!important}.ip-photo-facts{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;display:grid}.ip-photo-facts>span{color:#648171;background:#ffffffb3;border:1px solid #c6e1d1;border-radius:8px;padding:14px;font-size:10px;line-height:1.7}.ip-photo-facts b{color:#2a6248;margin-bottom:5px;font-size:12px;display:block}@media (min-width:1800px){.ip-device[data-u="1"] .ip-product-image{height:108px;margin-block:18px}.ip-heading{padding:50px}.ip-equipment-view{gap:48px;padding:44px}}@media (max-width:1100px){.ip-heading{gap:25px;padding:30px}.ip-heading>div:last-child{padding:18px}.ip-equipment-view{grid-template-columns:1.2fr 1fr;gap:24px;padding:25px}.ip-photo-copy>p:not(.ip-kicker){font-size:12px}}@media (max-width:650px){.ip-heading{background:linear-gradient(100deg,#f4fff8ee,#f4fffcbe),url(/assets/infrastructure/studio-v06/room.webp) 50%/cover;border-radius:15px;padding:26px 22px}.ip-heading>div:last-child{padding:17px}.ip-views{flex-wrap:wrap;justify-content:flex-start;width:auto}.ip-views button{padding:9px 10px;font-size:10px}.ip-equipment-view{grid-template-columns:1fr;gap:24px;padding:16px}.ip-photo-copy{padding:0 5px 8px}.ip-photo-copy h3{font-size:28px!important}.ip-photo-copy>p:not(.ip-kicker){font-size:13px}.ip-requirements article{padding:12px}.ip-showcase .ip-heading h2{font-size:36px!important}}