/* Star Networking — Industrial / GreenLake-inspired design system.
   Authoritative visual layer. Structural component styles load before this file.
   No remote font requests, blocking intro, canvas loop or hidden content. */
.legacy-content {
  color-scheme: light;
  --sn-font-sans: 'Inter', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  --sn-ink: #17282b;
  --sn-text: #304447;
  --sn-muted: #52686a;
  --sn-soft: #607577;
  --sn-bg: #f5f8f7;
  --sn-bg-wash: #edf6f2;
  --sn-surface: #fff;
  --sn-surface-2: #f1f7f4;
  --sn-line: #d7e1dd;
  --sn-line-strong: #b8cac2;
  --sn-red: #bc2633;
  --sn-red-strong: #971b28;
  --sn-red-soft: #fff0f1;
  --sn-action-bg: #bc2633;
  --sn-action-bg-hover: #971b28;
  --sn-on-action: #fff;
  --sn-hpe-green: #01a982;
  --sn-hpe-green-strong: #00745a;
  --sn-hpe-green-deep: #00523f;
  --sn-hpe-green-soft: #e6f7f0;
  --sn-hpe-green-wash: #f3faf6;
  --sn-teal: #01a982;
  --sn-teal-strong: #00745a;
  --sn-teal-soft: #e6f7f0;
  --sn-action-alt-bg: #00745a;
  --sn-radius: 12px;
  --sn-radius-sm: 6px;
  --sn-radius-lg: 20px;
  --sn-shadow-sm: 0 4px 16px rgb(18 55 42 / 5%);
  --sn-shadow-md: 0 16px 40px rgb(18 55 42 / 9%);
  --sn-shadow-high: 0 24px 64px rgb(18 55 42 / 13%);
  --sn-shadow-glow: 0 0 0 1px #b5d9ca, 0 12px 36px rgb(0 116 90 / 10%);
  --sn-container: 1440px;
  --sn-content: 1280px;
  --sn-gutter: clamp(20px, 4vw, 64px);
  --sn-body: 17px;
  --sn-small: 14px;
  --sn-ease: cubic-bezier(.22, 1, .36, 1);
  --industrial-grid: linear-gradient(#dde8e250 1px, transparent 1px), linear-gradient(90deg, #dde8e250 1px, transparent 1px);
}
.legacy-content * { box-sizing: border-box; }
.legacy-content { scroll-behavior: smooth; scroll-padding-top: 110px; background: #f5f8f7; }
.legacy-content.sn-foundation-v5 { margin: 0; font-family: var(--sn-font-sans); color: var(--sn-text); background: var(--sn-bg); line-height: 1.65; -webkit-font-smoothing: antialiased; }
.legacy-content ::selection { background: #b7ebd5; color: #123e30; }
.legacy-content :where(h1,h2,h3,h4) { text-wrap: balance; }
.legacy-content :where(p,li,dd) { text-wrap: pretty; }
.legacy-content :where(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid #00745a !important; outline-offset: 4px; }
.legacy-content :where(button,input,textarea,select) { font: inherit; }
.legacy-content :where(input,select,textarea) { accent-color: #00745a; }
.legacy-content :where(img,video) { max-inline-size: 100%; }
.legacy-content :where(button,a,input,select,textarea) { -webkit-tap-highlight-color: #01a98224; }
.legacy-content :where(main,section,article,figure,fieldset) { min-inline-size: 0; }
.legacy-content.sn-foundation-v5 .sn-header { background: rgb(255 255 255 / 97%); border-bottom: 1px solid #dce5df; box-shadow: 0 5px 24px #173c2d06; }
.legacy-content.sn-foundation-v5 .sn-header::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg,#bc2633 0 72%,#01a982 72%); }
.legacy-content.sn-foundation-v5 .sn-header__inner { max-width: 1440px; min-height: 88px; gap: clamp(16px,2vw,32px); }
.legacy-content.sn-foundation-v5 .sn-brand-logo { width: clamp(152px,15vw,210px); height: auto; }
.legacy-content.sn-foundation-v5 .sn-nav__link { font-size: .9375rem; font-weight: 650; color: #263c36; letter-spacing: -.015em; }
.legacy-content.sn-foundation-v5 .sn-nav__link:hover { color: #971b28; }
.legacy-content.sn-foundation-v5 .sn-nav__panel { background: #fff; border: 1px solid #d7e1dd; border-top: 3px solid #01a982; border-radius: 0 0 14px 14px; box-shadow: var(--sn-shadow-high); }
.legacy-content.sn-foundation-v5 .sn-nav__panel a:hover { background: #edf8f2; color: #005c46; }
.legacy-content.sn-foundation-v5 :is(.sn-button,.sn-btn) { border-radius: 6px; font-weight: 700; transition: background .2s, box-shadow .2s, transform .2s; }
.legacy-content.sn-foundation-v5 .sn-footer { background: #eef4f0; color: #30473c; border-top: 1px solid #cddcd3; }
.legacy-content.sn-foundation-v5 .sn-footer :is(p,a,small) { color: #465e52; }
.legacy-content.sn-foundation-v5 .sn-footer :is(h2,h3) { color: #20382c; }
.legacy-content.sn-foundation-v5 .sn-footer a:hover { color: #971b28; }
.legacy-content.sn-foundation-v5 .sn-footer-brand { display: inline-flex; padding: 12px 18px; background: #00523f; border-radius: 8px; }
/* Editorial scale with white product surfaces and precise green technical accents. */
.legacy-content.sn-page-home {
  --home-red: #bc2633; --home-red-dark: #971b28;
  --home-green: #01a982; --home-green-dark: #00745a; --home-green-soft: #e6f7f0;
  --home-ink: #172e27; --home-ink-2: #354d42; --home-muted: #52695d;
  --home-line: #d7e3db; --home-white: #fff; --home-dark: #edf6f1;
  background: #fff; color: #172e27;
}
.legacy-content.sn-page-home .sn-home-main { background: #fff; }
.legacy-content.sn-page-home .sn-home-container { width: min(calc(100% - clamp(40px,8vw,128px)),1320px); margin-inline: auto; }
.legacy-content.sn-page-home .sn-home-section { padding-block: clamp(56px,7vw,104px); border-bottom: 1px solid #e7eee9; }
.legacy-content.sn-page-home .sn-home-section--compact { padding-block: clamp(44px,5vw,72px); }
.legacy-content.sn-page-home :is(.sn-home-section--soft,.sn-home-operations) { background: #f4f8f5; }
.legacy-content.sn-page-home :is(.sn-home-section--dark,.sn-home-company) { background: #eaf5ee; color: #193b2c; }
.legacy-content.sn-page-home .sn-home-kicker { color: #a1202c; font-size: .875rem; font-weight: 750; letter-spacing: .105em; line-height: 1.5; }
.legacy-content.sn-page-home .sn-home-kicker--light { color: #00745a; }
.legacy-content.sn-page-home :is(.sn-home-heading,.sn-home-subheading,.sn-home-netapp__copy,.sn-home-company,.sn-home-quote) h2 { color: #17382b; font-size: clamp(1.875rem,3.2vw,3rem); font-weight: 650; letter-spacing: -.04em; line-height: 1.12; }
.legacy-content.sn-page-home .sn-home-heading--split { grid-template-columns: minmax(0,1.05fr) minmax(0,.85fr); gap: clamp(24px,5vw,80px); align-items: end; }
.legacy-content.sn-page-home .sn-home-heading--split > p { font-size: 1rem; line-height: 1.8; color: #52695d; max-width: 58ch; }
.legacy-content.sn-page-home .sn-home-hero { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 680px; padding-block: 80px 48px; background: #f1f7f3; border-bottom: 1px solid #cfdfd4; color: #17382b; overflow: hidden; }
.legacy-content.sn-page-home .sn-home-hero__image { position: absolute; inset: 0 0 0 auto; width: 55%; height: 100%; object-fit: cover; opacity: .9; filter: saturate(.62); }
.legacy-content.sn-page-home .sn-home-hero__shade { position: absolute; inset: 0; background: linear-gradient(90deg,#f1f7f3 0%,#f1f7f3 37%,#f1f7f3e8 47%,#f1f7f350 65%,#f1f7f308 100%); }
.legacy-content.sn-page-home .sn-home-hero::after { content: ''; position: absolute; z-index: 0; inset: auto 0 0; height: 4px; background: linear-gradient(90deg,#bc2633 0 33%,#01a982 33% 68%,#d4e4da 68%); }
.legacy-content.sn-page-home .sn-home-hero__content { position: relative; z-index: 1; padding-block: 0; }
.legacy-content.sn-page-home .sn-home-hero h1 { max-width: 790px; margin: 18px 0 26px; font-size: clamp(2.75rem,5.5vw,5rem); font-weight: 650; line-height: 1.025; letter-spacing: -.058em; color: #19392c; text-shadow: none; }
.legacy-content.sn-page-home .sn-home-hero__intro { max-width: 560px; font-size: clamp(1.0625rem,1.5vw,1.25rem); color: #3f5d4d; line-height: 1.7; text-shadow: none; }
.legacy-content.sn-page-home .sn-home-actions { gap: 12px; margin-block: 30px; flex-wrap: wrap; }
.legacy-content.sn-page-home .sn-home-button { min-height: 48px; padding: 14px 24px; border-radius: 5px; font-size: .9375rem; font-weight: 700; letter-spacing: .005em; text-decoration: none; transition: transform .2s var(--sn-ease),background .2s,box-shadow .2s; }
.legacy-content.sn-page-home .sn-home-button--primary { background: #bc2633; border: 1px solid #bc2633; color: #fff; box-shadow: 0 4px 12px #bc263318; }
.legacy-content.sn-page-home .sn-home-button--primary:hover { background: #971b28; border-color: #971b28; box-shadow: 0 8px 20px #bc263326; }
.legacy-content.sn-page-home :is(.sn-home-button--secondary,.sn-home-button--dark) { background: #fff; border: 1px solid #afc8b9; color: #005d46; }
.legacy-content.sn-page-home :is(.sn-home-button--secondary,.sn-home-button--dark):hover { background: #e4f5ea; border-color: #00745a; }
.legacy-content.sn-page-home .sn-home-hero__facts { max-width: 760px; margin-top: 46px; padding: 22px; gap: 24px; border: 1px solid #cbded1; border-left: 3px solid #01a982; border-radius: 0 12px 12px 0; background: #ffffffed; }
.legacy-content.sn-page-home .sn-home-hero__facts li { border-color: #d3e2d8; }
.legacy-content.sn-page-home .sn-home-hero__facts strong { color: #19392c; font-size: .9375rem; }
.legacy-content.sn-page-home .sn-home-hero__facts span { color: #52695d; font-size: .875rem; }
.legacy-content.sn-page-home .sn-home-scene-credit { background: #ffffffeb; color: #365843; border-radius: 4px; font-size: .75rem; }
/* Quiet technical grid, crisp cards and large product imagery. */
.legacy-content.sn-page-home .sn-home-proof-grid { gap: 0; border: 1px solid #d5e2d9; border-radius: 12px; overflow: hidden; background: #fff; }
.legacy-content.sn-page-home .sn-home-proof-grid article { padding: clamp(22px,2.6vw,38px); background: transparent; border: 0; border-inline-end: 1px solid #d5e2d9; border-radius: 0; box-shadow: none; }
.legacy-content.sn-page-home .sn-home-proof-grid article:last-child { border-inline-end: 0; }
.legacy-content.sn-page-home .sn-home-proof-grid article > span { background: transparent; color: #00745a; font: 500 .9375rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.legacy-content.sn-page-home .sn-home-proof-grid h3 { color: #19392c; font-size: 1.1875rem; }
.legacy-content.sn-page-home .sn-home-proof-grid p { color: #52695d; font-size: .9375rem; }
.legacy-content.sn-page-home :is(.sn-home-category,.sn-home-product,.sn-home-ssd,.sn-home-ai-feature,.sn-home-guide-grid > a,.sn-home-procurement-faq__grid article) { background: #fff; border: 1px solid #d7e3db; border-radius: 12px; box-shadow: 0 3px 10px #173d2804; overflow: hidden; transition: transform .25s var(--sn-ease),box-shadow .25s,border-color .25s; }
.legacy-content.sn-page-home :is(.sn-home-category__media,.sn-home-product__media,.sn-home-ssd__media) { background: #f5f8f6; border-bottom: 1px solid #e1eae4; }
.legacy-content.sn-page-home :is(.sn-home-category__body,.sn-home-product__body,.sn-home-ssd__body) { padding: 24px; }
.legacy-content.sn-page-home :is(.sn-home-category,.sn-home-product,.sn-home-ssd,.sn-home-ai-feature) h3 { color: #19392c; letter-spacing: -.025em; }
.legacy-content.sn-page-home :is(.sn-home-category,.sn-home-product,.sn-home-ssd,.sn-home-ai-feature) p { color: #52695d; }
.legacy-content.sn-page-home :is(.sn-home-text-link,.sn-home-section-actions > a) { color: #00745a; text-underline-offset: 5px; }
.legacy-content.sn-page-home .sn-home-process { gap: 18px; }
.legacy-content.sn-page-home .sn-home-process > * { border-radius: 12px; border-color: #d7e3db; background: #f7faf8; }
.legacy-content.sn-page-home .sn-home-company { background-image: var(--industrial-grid); background-size: 40px 40px; }
.legacy-content.sn-page-home .sn-home-company :is(p,li) { color: #3c5a48; }
.legacy-content.sn-page-home .sn-home-company__links a { color: #00644c; border-color: #b5cebf; }
.legacy-content.sn-page-home .sn-home-procurement-faq { padding-block: 72px; background: #f3f8f4; }
.legacy-content.sn-page-home .sn-home-procurement-faq h2 { color: #17382b; font-size: clamp(1.875rem,3.2vw,3rem); letter-spacing: -.04em; }
.legacy-content.sn-page-home .sn-home-procurement-faq__grid article { padding: 26px; }
.legacy-content.sn-page-home .sn-home-procurement-faq__grid h3 { color: #183d2b; font-size: 1.125rem; }
.legacy-content.sn-page-home .sn-home-procurement-faq__grid p { color: #52695d; font-size: 1rem; }
.legacy-content.sn-page-home .sn-home-quote { background: #edf5ef; border-top: 4px solid #bc2633; }
.legacy-content.sn-page-home .sn-home-quote__copy :is(p,li) { color: #405e4a; }
.legacy-content.sn-page-home .sn-home-quote__form { background: #fff; border: 1px solid #cfdfd4; border-radius: 16px; box-shadow: var(--sn-shadow-md); }
.legacy-content.sn-page-home .sn-home-quote__form :is(input,textarea,select) { background: #fbfdfb; color: #1c3827; border: 1px solid #b5cbbc; border-radius: 5px; min-height: 48px; }
.legacy-content.sn-page-home .sn-home-brand-grid { background: #fff; }
/* Progressive enhancement: decoration never gates content or navigation. */
@supports (backdrop-filter: blur(12px)) {
  .legacy-content.sn-foundation-v5 .sn-header { background: rgb(255 255 255 / 94%); backdrop-filter: blur(12px); }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .legacy-content.sn-page-home :is(.sn-home-category,.sn-home-product,.sn-home-ssd,.sn-home-guide-grid > a):hover { transform: translateY(-4px); border-color: #77b79b; box-shadow: 0 14px 34px #173d2810; }
  .legacy-content.sn-page-home .sn-home-button:hover { transform: translateY(-2px); }
  .legacy-content.sn-page-home .sn-home-hero__content { animation: industrial-enter .65s var(--sn-ease) both; }
}
@keyframes industrial-enter { from { opacity: .5; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width:1000px) {
  .legacy-content.sn-page-home .sn-home-hero { min-height: 620px; }
  .legacy-content.sn-page-home .sn-home-hero h1 { max-width: 680px; }
  .legacy-content.sn-page-home .sn-home-hero__shade { background: linear-gradient(90deg,#f1f7f3 0%,#f1f7f3ef 50%,#f1f7f390 100%); }
  .legacy-content.sn-page-home .sn-home-heading--split { gap: 24px; }
}
@media (max-width:700px) {
  .legacy-content { scroll-padding-top: 90px; }
  .legacy-content.sn-foundation-v5 .sn-header__inner { min-height: 72px; }
  .legacy-content.sn-page-home .sn-home-hero { min-height: auto; padding-block: 54px 36px; }
  .legacy-content.sn-page-home .sn-home-hero__image { width: 100%; opacity: .15; }
  .legacy-content.sn-page-home .sn-home-hero__shade { background: linear-gradient(90deg,#f1f7f3eb,#f1f7f3b8); }
  .legacy-content.sn-page-home .sn-home-hero h1 { font-size: clamp(2.5rem,10vw,3.5rem); letter-spacing: -.045em; }
  .legacy-content.sn-page-home .sn-home-hero__facts { grid-template-columns: 1fr; margin-top: 28px; gap: 14px; padding: 20px; }
  .legacy-content.sn-page-home .sn-home-hero__facts li { border: 0; padding: 0; }
  .legacy-content.sn-page-home .sn-home-heading--split { grid-template-columns: 1fr; }
  .legacy-content.sn-page-home .sn-home-proof-grid { grid-template-columns: 1fr; }
  .legacy-content.sn-page-home .sn-home-proof-grid article { border-inline-end: 0; border-bottom: 1px solid #d5e2d9; }
  .legacy-content.sn-page-home .sn-home-proof-grid article:last-child { border-bottom: 0; }
  .legacy-content.sn-page-home .sn-home-actions { align-items: stretch; }
  .legacy-content.sn-page-home .sn-home-button { flex: 1 1 180px; text-align: center; justify-content: center; }
  .legacy-content.sn-page-home .sn-home-scene-credit { position: relative; display: none; }
}
@media (prefers-reduced-motion:reduce) {
  .legacy-content { scroll-behavior: auto; }
  .legacy-content *,.legacy-content *::before,.legacy-content *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media (forced-colors:active) {
  .legacy-content :where(a,button,input,select,textarea) { border-color: ButtonText; }
  .legacy-content.sn-page-home .sn-home-hero__image { opacity: .1; }
}
@media print {
  .legacy-content.sn-foundation-v5 { background: #fff; color: #000; }
  .legacy-content.sn-foundation-v5 :is(.sn-header,.sn-footer,.sn-home-actions) { display: none; }
  .legacy-content.sn-page-home .sn-home-hero { min-height: auto; padding: 24px 0; }
  .legacy-content.sn-page-home :is(.sn-home-hero__image,.sn-home-hero__shade) { display: none; }
  .legacy-content.sn-page-home .sn-home-section { padding-block: 24px; }
  .legacy-content :where(article,tr,figure) { break-inside: avoid; }
}
/* Complete the light palette on editorial and company surfaces. */
.legacy-content.sn-page-home .sn-home-ai-feature :is(ul,li,p){color:#52695d}
.legacy-content.sn-page-home .sn-home-ai-feature span{color:#00745a;font-size:.875rem}
.legacy-content.sn-page-home .sn-home-company__proof > div{background:#fff;border-color:#c5d8cc;box-shadow:var(--sn-shadow-sm)}
.legacy-content.sn-page-home .sn-home-company__proof strong{color:#17382b}
.legacy-content.sn-page-home .sn-home-company__proof span{color:#52695d;font-size:.875rem}
.legacy-content.sn-page-home .sn-ai-news{--news-bg:#f5f8f7;--news-text:#17382b;--news-muted:#52695d;--news-line:#cbdcd1;--news-red:#a1202c;--news-green:#00745a;color-scheme:light}
.legacy-content.sn-page-home .sn-ai-news :is(.sn-ai-news__excerpt,.sn-ai-news__source){color:#52695d}
.legacy-content.sn-page-home .sn-ai-news__media{background:#e7f0ea}
.legacy-content.sn-page-home .sn-ai-news__select select{background:#fff;color:#17382b;border-color:#b5cbbc;font-size:.875rem}
.legacy-content.sn-page-home .sn-ai-news__modes button[aria-pressed="true"]{color:#a1202c}
.legacy-content.sn-page-home :is(.sn-ai-news__modes,.sn-ai-news__filters) button:hover{background:#e6f7f0;color:#00523f}
.legacy-content.sn-page-home .sn-home-export-logistics{background:#edf6f1;color:#17382b}
.legacy-content.sn-page-home .sn-home-export-logistics__copy :is(h2,h3,p,li){color:#17382b}
.legacy-content.sn-page-home .sn-home-export-logistics__copy a{color:#00745a}
@media(max-width:700px){.legacy-content.sn-page-home .sn-home-scene-credit{display:block;position:absolute;inset:auto 12px 8px auto;z-index:2;max-width:90%;font-size:.75rem}}