/* Memory-only landing page. Does not affect other pages. */
.memory-page{background:#f4f7fb;color:#142a42}
.memory-page .nav{background:#fff;border-bottom:1px solid #dbe3eb}
.memory-page .navlinks a{color:#203b52}
.memory-page .navlinks a:hover{background:#e9f0f8;color:#10699c}
.memory-page .brand,.memory-page .brand-text{color:#1b3450}
.memory-page .nav .brand em{color:#18779c;-webkit-text-fill-color:#18779c}
.ram-crumb{padding-top:22px;padding-bottom:20px;display:flex;align-items:center;gap:11px;color:#62748a;font-size:.79rem}
.ram-crumb a{color:#275a7d;text-decoration:none}
.ram-crumb a:hover{text-decoration:underline}
.ram-hero{background:linear-gradient(125deg,#0c2038,#163c5d 63%,#155c72);color:#fff}
.ram-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:38px;align-items:center;padding-top:66px;padding-bottom:73px}
.ram-kicker,.ram-eyebrow{font-weight:850;font-size:.72rem;letter-spacing:.17em;margin:0 0 16px;color:#54d0c7}
.ram-kicker-dot{display:inline-block;width:8px;height:8px;background:#40dbce;border-radius:50%;margin-right:10px}
.ram-hero h1{font-size:clamp(2.35rem,4.6vw,4.3rem);font-weight:850;letter-spacing:-.052em;line-height:1.07;margin:0 0 23px;color:#fff}
.ram-hero h1 em{font-style:normal;color:#79ece0}
.ram-intro{color:#c6d9e7;max-width:665px;font-size:1.04rem;line-height:1.82}
.ram-pills{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 30px}
.ram-pills span{border:1px solid #ffffff44;border-radius:99px;padding:6px 13px;font-size:.72rem;color:#efffff;letter-spacing:.03em;font-weight:750;background:#ffffff10}
.ram-hero-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
a.ram-primary,a.ram-secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;min-height:46px;font-size:.86rem;font-weight:800;border-radius:12px;text-decoration:none}
a.ram-primary{background:#40d4c9;color:#083a47;border:1px solid #40d4c9}
a.ram-primary:hover{background:#78f6e7;color:#083a47}
a.ram-secondary{color:#f5fdff;border:1px solid #8eb8ce;background:#ffffff0e}
.ram-visual{height:320px;display:grid;place-items:center;position:relative;border:1px solid #ffffff34;border-radius:28px;background:radial-gradient(circle at 67% 37%,#5be8cf36,transparent 47%),linear-gradient(140deg,#143e56,#09283e);overflow:hidden;box-shadow:0 30px 50px #06172655}
.ram-visual:before{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff21;border-radius:50%;transform:translate(120px,-94px)}
.ram-visual:after{content:"";position:absolute;inset:20px;border:1px solid #ffffff2b;border-radius:22px;pointer-events:none}
.ram-visual-caption{position:absolute;top:31px;left:32px;color:#ffffff98;font-size:.69rem;font-weight:800;letter-spacing:.16em}
.ram-dimm{position:absolute;width:272px;height:70px;display:flex;gap:8px;align-items:center;padding:10px;border-radius:9px;border:2px solid #8aedda;background:#1f947f;box-shadow:0 19px 0 -14px #d7bf62,0 28px 27px #06141c8a}
.ram-dimm i{height:39px;flex:1;display:block;background:#153950;border:1px solid #0c1b2c;border-radius:3px;box-shadow:inset 0 0 0 2px #29506a}
.ram-dimm-back{transform:translate(15px,-24px) rotate(-12deg);opacity:.68}
.ram-dimm-front{transform:translate(-2px,30px) rotate(-12deg)}
.ram-visual-label{position:absolute;bottom:29px;left:31px;font-size:.85rem;color:#c7e9ec;font-weight:900;letter-spacing:.09em}.ram-visual-label span{color:#54dacb;padding-inline:11px}
.ram-proof{background:#fff;border-bottom:1px solid #e1eaf0}
.ram-proof-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:19px;padding-bottom:19px}
.ram-proof-inner>div{display:flex;align-items:baseline;gap:11px;border-right:1px solid #dce7ee;padding:9px 12px}.ram-proof-inner>div:last-child{border:0}
.ram-proof strong{font-size:1.7rem;color:#177c90;letter-spacing:-.04em}.ram-proof span{font-size:.76rem;color:#5d7186;font-weight:650}
.ram-section{padding-top:75px;padding-bottom:90px}
.ram-section-heading{max-width:760px}.ram-section-heading h2,.ram-help h2,.ram-last h2{color:#152f49;font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.18;letter-spacing:-.04em;font-weight:820;margin:0 0 13px}
.ram-section-heading p:last-child{color:#5d7286;line-height:1.8;margin:0 0 29px}
.memory-page .ram-section .ram-eyebrow,.memory-page .ram-last .ram-eyebrow{color:#0f8384}
.ram-toolbar{display:grid;grid-template-columns:1fr 215px;gap:15px;padding:22px;background:#e7f0f5;border:1px solid #d5e5ed;border-radius:19px}
.ram-toolbar label{display:block;color:#2e4c61;font-weight:800;font-size:.82rem;margin-bottom:8px}
.ram-toolbar input,.ram-toolbar select{width:100%;min-height:47px;border:1px solid #c4d4df;border-radius:11px;padding:12px 14px;color:#132c41;background:#fff;font-size:.89rem}
.ram-toolbar input:focus-visible,.ram-toolbar select:focus-visible{outline:3px solid #56c9c777;outline-offset:1px}
.ram-filter-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:21px 0 25px}
.ram-tabs{display:flex;flex-wrap:wrap;gap:9px}
.ram-tabs button{cursor:pointer;background:white;border:1px solid #cbdce5;color:#31546b;border-radius:11px;padding:10px 14px;font-size:.82rem;font-weight:800}
.ram-tabs button span{margin-left:5px;font-size:.72rem;color:inherit;opacity:.7}
.ram-tabs button.is-active,.ram-tabs button:hover{background:#106c87;color:white;border-color:#106c87}
#ram-count{font-size:.82rem;color:#53697e;margin:0}
.ram-group{margin-top:12px}.ram-group-second{margin-top:65px}
.ram-group-title{display:flex;align-items:center;gap:16px;margin-bottom:23px;border-bottom:1px solid #d9e3e9;padding-bottom:19px}
.ram-group-no{font-size:1rem;color:#118d8d;background:#e3f5f2;width:51px;height:51px;display:grid;place-items:center;border-radius:14px;font-weight:900}
.ram-group-title p{margin:0 0 4px;font-size:.69rem;letter-spacing:.15em;color:#4e889b;font-weight:850}
.ram-group-title h3{font-size:1.6rem;line-height:1.1;font-weight:850;margin:0;color:#1b3a53}
.ram-gen-badge{margin-left:auto;font-size:.72rem;white-space:nowrap;font-weight:850;color:#317a8b;border-radius:99px;border:1px solid #b9d9df;background:#e9f5f7;padding:8px 12px}
.ram-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ram-card{background:#fff;border:1px solid #dfe6ed;border-radius:18px;padding:23px;box-shadow:0 11px 30px #17344a09;display:flex;flex-direction:column;gap:13px}
.ram-card-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.ram-sku{font-weight:880;letter-spacing:.03em;color:#126e86;font-size:.94rem}.ram-card-badge{font-weight:780;color:#68839a;font-size:.66rem;letter-spacing:.06em}
.ram-card h3{font-size:1.08rem;line-height:1.55;color:#193650;font-weight:810;margin:0;min-height:49px}
.ram-details{display:grid;grid-template-columns:.75fr .65fr 1.6fr;margin:0;padding:12px 0;border-block:1px solid #edf0f5;gap:8px}
.ram-details>div{min-width:0}.ram-details dt{color:#8a9cac;text-transform:uppercase;font-size:.62rem;font-weight:850;letter-spacing:.075em;margin-bottom:4px}.ram-details dd{margin:0;font-size:.82rem;color:#243d53;font-weight:750;overflow-wrap:anywhere}
.ram-card-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto}
.ram-enquire{font-weight:840;font-size:.82rem;color:#0b6c87;text-decoration:none}.ram-enquire:hover{color:#0c475d;text-decoration:underline}
.ram-copy{cursor:pointer;border:1px solid #d2dee8;background:#f8fbfd;border-radius:9px;padding:8px 11px;font-size:.73rem;font-weight:780;color:#3f657e}.ram-copy:hover{border-color:#137997}
.ram-verify{background:#fff6df;color:#764e0b;border:1px solid #efdba8;border-radius:8px;padding:10px 12px;line-height:1.6;font-size:.75rem;margin:0}
.ram-disclaimer{border-left:4px solid #d8a74d;padding:16px 19px;border-radius:9px;background:#fffaf0;color:#64563d;font-size:.83rem;line-height:1.8;margin-top:35px}
.ram-empty{background:#fff;padding:48px 20px;border:1px dashed #a5bbcc;border-radius:17px;text-align:center;color:#2f5369}
.ram-empty h3{color:#1c3f58;margin:0 0 9px}.ram-empty p{color:#6f8190}.ram-empty button{border:0;background:#106c87;color:#fff;border-radius:10px;padding:11px 21px;cursor:pointer;font-weight:800}
.ram-help{background:#e7eff5;padding:72px 0}.ram-help-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}
.ram-help p:not(.ram-eyebrow){line-height:1.78;color:#536b7d}.ram-help ol{list-style:none;margin:0;padding:0;border:1px solid #d5e4ed;border-radius:18px;background:#fff}
.ram-help li{display:flex;gap:18px;border-bottom:1px solid #e4ebf0;padding:21px 23px;color:#2d4e66;font-size:.86rem;font-weight:760}.ram-help li:last-child{border:0}.ram-help li b{color:#0d8790}
.ram-last{padding-top:65px;padding-bottom:65px;display:flex;gap:25px;align-items:center;justify-content:space-between}
.ram-last>div{max-width:700px}.ram-last p:not(.ram-eyebrow){color:#576f83;line-height:1.7}.ram-last a.ram-primary{background:#126b85;color:#fff;border-color:#126b85;flex-shrink:0}
[hidden]{display:none!important}
@media(max-width:920px){.ram-hero-grid{grid-template-columns:1fr}.ram-visual{max-width:560px;width:100%;justify-self:center}.ram-proof-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.ram-grid{grid-template-columns:1fr}}
@media(max-width:700px){.ram-hero-grid{padding-top:45px;padding-bottom:53px}.ram-toolbar{grid-template-columns:1fr}.ram-filter-row{align-items:flex-start;flex-direction:column}.ram-group-title{flex-wrap:wrap}.ram-gen-badge{margin-left:0}.ram-proof-inner{grid-template-columns:1fr 1fr}.ram-proof-inner>div{flex-direction:column;gap:0}.ram-help-inner{grid-template-columns:1fr;gap:25px}.ram-last{flex-direction:column;align-items:flex-start}.ram-section{padding-top:45px;padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.memory-page *{scroll-behavior:auto!important}}

/* HPE SmartMemory product photograph replaces decorative DIMM rendering */
.ram-photo-frame{width:100%;max-width:470px;margin:0;justify-self:center;background:#fff;border-radius:24px;box-shadow:0 25px 42px #020f1e66;overflow:hidden;padding:16px;display:flex;flex-direction:column;align-items:center}
.ram-photo-frame img{width:100%;height:245px;max-width:100%;object-fit:contain}
.ram-photo-frame figcaption{font-size:.75rem;color:#465d70;padding-top:9px}