:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.grid-mask { background-image: linear-gradient(rgba(52, 51, 48, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(52, 51, 48, .07) 1px, transparent 1px); background-size: 42px 42px; }
.nav-link { position: relative; color: #625f59; transition: color .2s ease; }.nav-link:hover,.nav-link.active { color:#d96822; }.nav-link.active::after { content:"";position:absolute;bottom:-9px;left:0;width:100%;height:2px;border-radius:3px;background:#d96822; }
.mobile-link { display:block;padding:.8rem 0;color:#625f59;border-bottom:1px solid #e9e4dc; }.mobile-link.active { color:#c85818;font-weight:600; }
.section-eyebrow { display:inline-flex;align-items:center;gap:.55rem;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c85818; }.section-eyebrow::before { content:"";width:24px;height:1px;background:#d96822; }
.card-lift { transition:transform .25s ease,box-shadow .25s ease; }.card-lift:hover { transform:translateY(-4px);box-shadow:0 16px 35px rgba(49,47,42,.09); }
.reveal { opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease; }.reveal.is-visible { opacity:1;transform:translateY(0); }
.product-art { background:linear-gradient(135deg,#e8e0d6,#c9c3b9);position:relative;overflow:hidden; }.product-art::after { content:"";position:absolute;width:70%;height:46%;left:15%;top:27%;border:13px solid #494844;border-radius:.45rem;box-shadow:0 9px 20px rgba(0,0,0,.16);background:repeating-linear-gradient(90deg,#d96822 0 7%,#353532 7% 13%); }.product-art.storage::after { height:37%;top:32%;border-width:10px;background:linear-gradient(90deg,#31312f 0 18%,#d96822 18% 31%,#eee8df 31% 76%,#31312f 76%); }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important; } }

/* Morandi blue-grey theme overrides */
body { background:#fbfcfc; color:#52677b; }
.grid-mask { background-image:linear-gradient(rgba(94,118,139,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(94,118,139,.11) 1px,transparent 1px); }
.nav-link { color:#52677b; }.nav-link:hover,.nav-link.active { color:#315e7c; }.nav-link.active::after { background:#6f9aae; }.mobile-link { color:#52677b;border-color:#e4ebee; }.mobile-link.active { color:#315e7c; }.section-eyebrow { color:#668b9c; }.section-eyebrow::before { background:#86abb8; }
.product-art { background:linear-gradient(135deg,#dce9ea,#9bb9c4); }.product-art::after { border-color:#315e7c;background:repeating-linear-gradient(90deg,#93bcc4 0 7%,#315e7c 7% 13%); }.product-art.storage::after { background:linear-gradient(90deg,#315e7c 0 18%,#7198a8 18% 31%,#edf4f5 31% 76%,#315e7c 76%); }
.bg-\[\#fffdf9\],.bg-\[\#f4f0e9\] { background-color:#fbfcfc!important; }.bg-\[\#343330\] { background-color:#263e50!important; }.bg-\[\#d96822\] { background-color:#355f79!important; }.hover\:bg-\[\#b84f16\]:hover { background-color:#294e65!important; }.bg-\[\#fff4ec\] { background-color:#edf4f5!important; }
.text-\[\#343330\] { color:#263e50!important; }.text-\[\#625f59\] { color:#52677b!important; }.text-\[\#c85818\],.text-\[\#d96822\] { color:#668b9c!important; }.text-\[\#ee9d69\] { color:#bdd5da!important; }
.border-\[\#d96822\] { border-color:#7fa6b1!important; }.focus\:border-\[\#d96822\]:focus { border-color:#7198a8!important; }.focus\:ring-\[\#f3c3a8\]:focus { --tw-ring-color:#b9d1d7!important; }
[class*="bg-[#fffdf9]"],[class*="bg-[#f4f0e9]"] { background-color:#fbfcfc!important; } [class*="bg-[#343330]"] { background-color:#263e50!important; } [class*="bg-[#d96822]"] { background-color:#355f79!important; } [class*="text-[#343330]"] { color:#263e50!important; } [class*="text-[#625f59]"] { color:#52677b!important; } [class*="text-[#c85818]"],[class*="text-[#d96822]"] { color:#668b9c!important; }

/* Charcoal surface system: layered dark neutrals with blue-grey accents */
body { background:#202a31!important; color:#c7d1d5!important; }
.bg-white,[class*="bg-[#fbfcfc]"],[class*="bg-[#fffdf9]"] { background-color:#2a363e!important; }
[class*="bg-[#f4f0e9]"],[class*="bg-[#edf3f4]"],[class*="bg-[#e9f0f1]"] { background-color:#243139!important; }
[class*="bg-[#edf4f5]"] { background-color:#2f3e47!important; }
[class*="text-[#343330]"],.text-slate-800,[class*="text-[#263e50]"] { color:#eef3f4!important; }
[class*="text-[#625f59]"],.text-slate-600,.text-stone-300 { color:#c7d1d5!important; }
.text-stone-400,.text-slate-500 { color:#a8b7bd!important; }
.border-stone-200,.border-slate-200,.border-stone-300 { border-color:#43525b!important; }
.bg-\[\#263e50\],[class*="bg-[#343330]"] { background-color:#1d2931!important; }
.product-art { background:#263740 url("../images/memory-module.svg") center/cover no-repeat; }
.product-art.storage { background-image:url("../images/storage-module.svg"); }
input,textarea,select { background-color:#202b33!important; color:#eef3f4!important; border-color:#526773!important; }
input::placeholder,textarea::placeholder { color:#9dafb7!important; }

/* International technology palette: navy foundation, cobalt signal blue, cool steel neutrals */
body { background:#091522!important; color:#b7c8d8!important; }
.grid-mask { background-image:linear-gradient(rgba(115,152,186,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(115,152,186,.12) 1px,transparent 1px); }
.nav-link { color:#a8bdce; }.nav-link:hover,.nav-link.active { color:#75b7ff; }.nav-link.active::after { background:#3b82f6; }.mobile-link { color:#a8bdce;border-color:#263e55; }.mobile-link.active { color:#75b7ff; }.section-eyebrow { color:#75b7ff; }.section-eyebrow::before { background:#3b82f6; }
.bg-white,[class*="bg-[#fbfcfc]"],[class*="bg-[#fffdf9]"] { background-color:#12243a!important; }
[class*="bg-[#f4f0e9]"],[class*="bg-[#edf3f4]"],[class*="bg-[#e9f0f1]"] { background-color:#0d1d2f!important; }
.bg-\[\#263e50\],[class*="bg-[#343330]"] { background-color:#07111d!important; }
.bg-\[\#355f79\],[class*="bg-[#d96822]"] { background-color:#2563eb!important; }.hover\:bg-\[\#b84f16\]:hover { background-color:#1d4ed8!important; }
[class*="text-[#343330]"],.text-slate-800,[class*="text-[#263e50]"] { color:#f4f8fc!important; } [class*="text-[#625f59]"],.text-slate-600,.text-stone-300 { color:#b7c8d8!important; }.text-stone-400,.text-slate-500 { color:#829ab0!important; } [class*="text-[#c85818]"],[class*="text-[#d96822]"],.text-\[\#ee9d69\] { color:#75b7ff!important; }
.border-stone-200,.border-slate-200,.border-stone-300 { border-color:#263e55!important; }
.product-art { background:#0d2034 url("../images/memory-module.svg") center/cover no-repeat; }.product-art.storage { background-image:url("../images/storage-module.svg"); }
input,textarea,select { background-color:#0b1b2c!important; color:#f4f8fc!important; border-color:#35536d!important; }

/* Dell-inspired enterprise blue: clean cool-grey surfaces, Dell blue actions, deep navy structure */
body { background:#e5f0f7!important; color:#314a5b!important; }
.grid-mask { background-image:linear-gradient(rgba(0,101,160,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(0,101,160,.10) 1px,transparent 1px); }
.nav-link { color:#314a5b; }.nav-link:hover,.nav-link.active { color:#0672ce; }.nav-link.active::after { background:#0672ce; }.mobile-link { color:#314a5b;border-color:#c8dbe8; }.mobile-link.active { color:#0672ce; }.section-eyebrow { color:#0672ce; }.section-eyebrow::before { background:#0672ce; }
.bg-white,[class*="bg-[#fbfcfc]"],[class*="bg-[#fffdf9]"] { background-color:#f3f8fb!important; }
[class*="bg-[#f4f0e9]"],[class*="bg-[#edf3f4]"],[class*="bg-[#e9f0f1]"] { background-color:#d8eaf5!important; }
.bg-\[\#263e50\],[class*="bg-[#343330]"] { background-color:#00324f!important; }
.bg-\[\#355f79\],[class*="bg-[#d96822]"] { background-color:#0672ce!important; }.hover\:bg-\[\#b84f16\]:hover { background-color:#005fa9!important; }
[class*="text-[#343330]"],.text-slate-800,[class*="text-[#263e50]"] { color:#102f44!important; } [class*="text-[#625f59]"],.text-slate-600,.text-stone-300 { color:#314a5b!important; }.text-stone-400,.text-slate-500 { color:#668396!important; } [class*="text-[#c85818]"],[class*="text-[#d96822]"],.text-\[\#ee9d69\] { color:#0672ce!important; }
.border-stone-200,.border-slate-200,.border-stone-300 { border-color:#c7dbe8!important; }
.product-art { background:#c7e2f2 url("../images/memory-module.svg") center/cover no-repeat; }.product-art.storage { background-image:url("../images/storage-module.svg"); }
input,textarea,select { background-color:#f8fbfd!important; color:#173b52!important; border-color:#a9c6d8!important; }