.optx-body{background:#f5f8fb;color:#15324b}.optx-body .nav{background:#fff;border-bottom:1px solid #dce7ef}.optx-body .brand,.optx-body .brand-text,.optx-body .navlinks a{color:#203c53}.optx-body .brand em{color:#157a9d;-webkit-text-fill-color:#157a9d}.optx-breadcrumb{padding:23px 0;font-size:.8rem;color:#667a8b}.optx-breadcrumb a{color:#0f7095}.optx-hero{background:linear-gradient(114deg,#122743,#24516e);color:white;padding:48px 0}.optx-hero-inner{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:30px}.optx-kicker{font-size:.7rem;font-weight:850;letter-spacing:.15em;color:#139eaa}.optx-hero .optx-kicker{color:#8de2e2}.optx-hero h1{font-size:clamp(2.2rem,4.5vw,4rem);letter-spacing:-.045em;color:white;line-height:1.15;margin:10px 0 16px}.optx-hero p:not(.optx-kicker){color:#e1eff7;line-height:1.75;max-width:760px}.optx-btn,.optx-cta a{display:inline-flex;background:#e7fcfc;color:#12536c;padding:12px 19px;border-radius:11px;font-size:.85rem;font-weight:850;margin-top:14px;text-decoration:none}.optx-hero-symbol{width:230px;height:230px;border:2px dashed #ffffff61;border-radius:28px;justify-self:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#ffffff18}.optx-hero-symbol b{font-size:6rem;line-height:1;color:#9ff7e5}.optx-hero-symbol span{font-size:.69rem;letter-spacing:.14em;font-weight:900;color:#d5eff3}.optx-main{padding:65px 0 70px}.optx-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.optx-heading>div:first-child{max-width:660px}.optx-heading h2,.optx-related h2,.optx-cta h2{color:#12334e;font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 10px}.optx-heading p:not(.optx-kicker){color:#61788c;line-height:1.7}.optx-heading label{display:block;font-size:.79rem;color:#415e70;font-weight:800;margin-bottom:8px}.optx-heading input{min-width:280px;border:1px solid #bcd2e0;background:white;border-radius:11px;padding:13px 15px;color:#172f45}.optx-count{margin:18px 0;color:#61788c;font-size:.8rem}.optx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.optx-card{background:#fff;border:1px solid #dfebf1;padding:23px;border-radius:18px;display:flex;flex-direction:column;gap:12px;min-height:220px}.optx-card-meta{display:flex;justify-content:space-between;gap:12px}.optx-card-meta strong{color:#136b96}.optx-card-meta span{color:#9baebd;font-size:.7rem}.optx-card h3{color:#1c3a54;font-size:1.04rem;line-height:1.5;margin:0}.optx-card p{font-size:.8rem;color:#708295;line-height:1.65;margin:0}.optx-card a{color:#0b7498;font-weight:850;margin-top:auto;font-size:.85rem}.optx-warning{margin-top:30px;background:#fff6e6;border-left:4px solid #d69a45;padding:17px;color:#795b2c;border-radius:9px;font-size:.83rem;line-height:1.7}.optx-empty{background:white;padding:20px;border-radius:12px}.optx-related{padding-bottom:62px}.optx-related>div{display:flex;gap:10px;flex-wrap:wrap}.optx-related a{border:1px solid #d3e2ed;border-radius:10px;background:white;padding:11px 15px;color:#126b95;font-size:.83rem;font-weight:800}.optx-cta{padding:38px 0;background:#e9f1f7}.optx-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:20px}.optx-cta p{color:#638095}.optx-card[hidden]{display:none!important}@media(max-width:750px){.optx-hero-inner,.optx-grid{grid-template-columns:1fr}.optx-hero-symbol{width:180px;height:180px}.optx-heading,.optx-cta>.container{flex-direction:column;align-items:stretch}.optx-heading input{min-width:0;width:100%}}

/* Five purpose-built, responsive landing page themes: artwork drawn in CSS. */
.optx-body{--op-accent:#1b78b6;--op-tint:#e6f3fb;--op-ink:#14293f}
.optx-body .optx-hero{position:relative;overflow:hidden}
.optx-body .optx-hero-inner{min-height:430px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}
.optx-body .optx-hero .optx-kicker{margin-bottom:12px}
.optx-body .optx-hero .optx-hero-subheading{font-size:.72rem;letter-spacing:.12em;font-weight:900;opacity:.75;margin-top:-2px}
.optx-body .optx-hero-symbol{background:none;border:0;position:relative;max-width:100%;width:310px;height:300px;box-shadow:none;display:flex;align-items:center;justify-content:center}
.optx-body .optx-hero-symbol b{font-size:inherit}
.optx-body .optx-graphic-tag{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-weight:800;letter-spacing:.13em;color:#ffffffad;font-size:.65rem}
.optx-detail-strip{background:#fff;border-bottom:1px solid #e0e6ed}
.optx-detail-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.optx-detail-inner>span{padding:19px 14px;border-right:1px solid #e5ebf1;color:#617385;font-size:.76rem}
.optx-detail-inner>span:first-child{padding-left:0}
.optx-detail-inner>span:last-child{border:0}
.optx-detail-inner b{color:var(--op-accent);font-size:1.08rem;display:block;line-height:1.5;font-weight:900}
.optx-body .optx-card-meta strong,.optx-body .optx-card a,.optx-body .optx-kicker{color:var(--op-accent)}
.optx-body .optx-hero .optx-kicker{color:var(--hero-kicker,#d6f4ff)}
.optx-body .optx-card{border-radius:var(--card-radius,18px)}
.optx-body .optx-card:hover{border-color:var(--op-accent);box-shadow:0 18px 35px #14283c0f}
.optx-body .optx-heading input:focus-visible{outline:3px solid var(--op-accent);outline-offset:2px}
.optx-check-panel{background:var(--op-tint);border:1px solid #d9e6ed;border-radius:18px;padding:23px 26px;display:grid;grid-template-columns:.8fr 1.5fr auto;align-items:center;gap:20px;margin-top:28px}
.optx-check-panel h3{margin:5px 0 0;color:var(--op-ink);font-size:1.08rem}
.optx-check-panel .optx-kicker{font-size:.66rem;margin:0}
.optx-check-panel>p{color:#455d71;font-size:.8rem;line-height:1.7;margin:0}
.optx-check-panel>a{color:var(--op-accent);font-size:.77rem;font-weight:850}
.optx-cta a{background:var(--op-accent);color:#fff}
.optx-cta a:hover{color:#fff;filter:brightness(.9)}
/* POWER: graphite and amber, squared industrial data panels and power module */
.optx-power{--op-accent:#aa6500;--op-tint:#fff2d8;--op-ink:#52351a;--card-radius:8px;--hero-kicker:#ffcd5a}
.optx-power .optx-hero{background:radial-gradient(circle at 88% 20%,#ff9a0025,transparent 33%),linear-gradient(105deg,#101d2a 5%,#202831 75%,#4b392a 110%);padding:70px 0 80px}
.optx-power .optx-hero h1{font-size:clamp(2.6rem,5vw,4.7rem);max-width:630px}
.optx-power .optx-btn{background:#ffc263;color:#44270f;border-radius:5px}
.optx-power .optx-hero-symbol{height:305px;width:340px}
.optx-power-unit{width:240px;height:160px;transform:perspective(700px) rotateY(-18deg) rotateX(8deg);border:8px solid #8e9598;border-bottom-width:15px;border-radius:13px;background:linear-gradient(135deg,#485760,#1d272e);box-shadow:26px 20px 0 #10191f,0 40px 70px #080a0e90;position:relative;padding:20px}
.optx-power-face{display:flex;align-items:center;justify-content:space-between;gap:20px}
.optx-power-fan{width:108px;height:108px;border:10px solid #778790;border-radius:50%;background:repeating-conic-gradient(#121e26 0deg 18deg,#6e818b 18deg 25deg)}
.optx-power-holes{display:flex;flex-direction:column;gap:13px}
.optx-power-holes i{display:block;width:53px;height:11px;border-radius:3px;background:#18262e;border:2px solid #77838a}
.optx-power-bottom{position:absolute;left:19px;right:19px;bottom:4px;display:flex;align-items:center;justify-content:space-between;color:#e5f0f2;font-size:.49rem;letter-spacing:.12em;font-weight:900}
.optx-power-bottom b{color:#ffc263;font-size:1rem!important}
.optx-power .optx-card{border-left:5px solid #e6ab4d;background:linear-gradient(90deg,#fffaf1,#fff)}
.optx-power .optx-card-meta strong{font-family:ui-monospace,monospace}
.optx-power .optx-cta{background:#fff5e4}
.optx-power .optx-detail-strip{border-top:4px solid #ffbe45}
/* RAID: magenta/plum technical grid, node topology; list-like cards */
.optx-raid{--op-accent:#933f93;--op-tint:#f5eaf7;--op-ink:#4b2357;--card-radius:14px;--hero-kicker:#f5bff0}
.optx-raid .optx-hero{background:radial-gradient(circle at 75% 30%,#cf66dc44,transparent 38%),repeating-linear-gradient(0deg,#ffffff0a 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,#ffffff0a 0 1px,transparent 1px 40px),linear-gradient(123deg,#19132c,#4d2456);padding:60px 0 70px}
.optx-raid .optx-hero h1{font-size:clamp(2.65rem,4.5vw,4.3rem)}
.optx-raid .optx-btn{background:#f1c6f0;color:#53205a}
.optx-raid .optx-hero-symbol{width:360px}
.optx-raid-node-set{display:flex;align-items:center}
.optx-raid-node{width:93px;height:105px;border:2px solid #f0b7ef;border-radius:10px;background:#d286d528;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 32px #e093e853;color:white}
.optx-raid-node b{font-size:2.45rem!important;line-height:1}
.optx-raid-node small{letter-spacing:.05em;font-size:.56rem;margin-top:8px}
.optx-raid-link{height:4px;width:27px;background:#edb7ef;box-shadow:0 0 17px #edb7ef}
.optx-raid-core{width:88px;height:88px;background:#f7eafa;border:7px solid #a66eaa;outline:1px dashed #e6c6eb;outline-offset:10px;border-radius:50%;display:grid;place-items:center;color:#6d2974;font-weight:950}
.optx-raid .optx-grid{grid-template-columns:1fr}
.optx-raid .optx-card{min-height:auto;display:grid;grid-template-columns:180px 1fr 135px;column-gap:23px;align-items:center;border-left:4px solid #b55baa}
.optx-raid .optx-card-meta{flex-direction:column;align-items:flex-start;gap:5px}
.optx-raid .optx-card h3{margin:0}
.optx-raid .optx-card p{display:none}
.optx-raid .optx-card a{margin:0;text-align:right}
.optx-raid .optx-cta{background:#f1eaf6}
/* BOOT: bright minimal mint / clean operational console / dense 3-column components */
.optx-boot{--op-accent:#087f75;--op-tint:#e4f8f2;--op-ink:#0a514b;--card-radius:20px;--hero-kicker:#087f75}
.optx-boot .optx-hero{background:linear-gradient(118deg,#f5fff9,#dcf8ef);border-block:1px solid #bbebdb;padding:44px 0 54px}
.optx-boot .optx-hero h1{color:#104c46;max-width:630px;letter-spacing:-.05em}
.optx-boot .optx-hero .optx-kicker,.optx-boot .optx-hero p:not(.optx-kicker){color:#27675f}
.optx-boot .optx-hero .optx-hero-subheading{color:#0a8278!important}
.optx-boot .optx-btn{color:#fff;background:#087e72}
.optx-boot .optx-hero-symbol{width:360px;height:280px}
.optx-boot-console{background:#102f33;border:9px solid #1f5052;border-radius:18px;width:330px;height:214px;padding:19px;transform:rotate(3deg);box-shadow:0 28px 30px #16564b2d}
.optx-boot-screen-head{color:#9cebd3;border-bottom:1px solid #4f8483;font-size:.73rem;font-family:ui-monospace,monospace;display:flex;align-items:center;gap:9px;padding-bottom:9px}
.optx-boot-screen-head>span:last-child{margin-left:auto;color:#6bffb8}
.optx-boot-light{width:9px;height:9px;background:#60ffad;border-radius:50%;box-shadow:0 0 13px #60ffad}
.optx-boot-code{font-family:ui-monospace,monospace;font-size:.68rem;display:grid;gap:9px;color:#8fd5c9;padding:14px 0}
.optx-boot-progress{height:9px;background:#3c706c;border-radius:30px;overflow:hidden}
.optx-boot-progress span{height:100%;width:88%;background:linear-gradient(90deg,#67dfa8,#ceffc3);display:block}
.optx-boot-console>strong{display:block;text-align:right;color:#79fcc8;font-size:.65rem;margin-top:7px}
.optx-boot .optx-graphic-tag{color:#18594f}
.optx-boot .optx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.optx-boot .optx-card{border:1px solid #ccece0;box-shadow:0 8px 22px #186c5111}
.optx-boot .optx-card-meta strong{background:#e8faf1;border-radius:8px;padding:6px 10px}
.optx-boot .optx-cta{background:#e6f8f1}
/* BATTERY: warm sand / brown editorial panel / two oversized product cards */
.optx-battery{--op-accent:#a05d19;--op-tint:#fff0dc;--op-ink:#61411f;--card-radius:26px;--hero-kicker:#915421}
.optx-battery .optx-hero{background:radial-gradient(circle at 20% 15%,#fff7db,transparent 40%),linear-gradient(110deg,#fff4df,#f6d9af);padding:58px 0;color:#633e20}
.optx-battery .optx-hero h1{color:#58371c;font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:700;letter-spacing:-.045em}
.optx-battery .optx-hero p:not(.optx-kicker){color:#795a3a}
.optx-battery .optx-hero .optx-kicker{color:#9a521c}
.optx-battery .optx-btn{background:#753e16;color:#fff}
.optx-battery .optx-hero-symbol{height:290px}
.optx-battery-module{position:relative;width:202px;height:146px;transform:rotate(-8deg);filter:drop-shadow(10px 20px 12px #8c551f39)}
.optx-battery-tip{position:absolute;top:-17px;left:68px;width:67px;height:19px;background:#8f5627;border-radius:7px 7px 0 0}
.optx-battery-case{position:relative;width:100%;height:100%;border:11px solid #804921;background:#c79248;border-radius:19px;box-shadow:inset 0 0 0 5px #fae1a1}
.optx-battery-level{position:absolute;top:28px;left:20px;right:20px;display:flex;gap:6px}
.optx-battery-level i{flex:1;background:#fff1cb;height:28px;border-radius:4px;border:2px solid #765127}
.optx-battery-symbol{position:absolute;bottom:17px;right:21px;font-size:1.1rem;color:#572d12;font-weight:900}
.optx-battery .optx-graphic-tag{color:#86582f}
.optx-battery .optx-card{background:#fffdfa;box-shadow:0 17px 35px #b4813a17;border:1px solid #f0d6ad;padding:31px}
.optx-battery .optx-card h3{font-size:1.3rem}
.optx-battery .optx-card-meta strong{font-size:1.03rem}
.optx-battery .optx-cta{background:#fff0d7}
/* CABLES: night-blue signal field / branching cable trails / offset grid */
.optx-cables{--op-accent:#166ca0;--op-tint:#e4f1ff;--op-ink:#173c65;--card-radius:12px;--hero-kicker:#91d9fc}
.optx-cables .optx-hero{background:radial-gradient(circle at 80% 50%,#4ea2f333,transparent 38%),linear-gradient(125deg,#061b39,#0a3d65 65%,#155d7b);padding:62px 0 79px}
.optx-cables .optx-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 22px,#ffffff0a 23px 24px);pointer-events:none}
.optx-cables .optx-hero h1{max-width:600px}
.optx-cables .optx-btn{background:#b5e5ff;color:#12415e}
.optx-cables .optx-hero-symbol{width:350px;height:290px}
.optx-cable-diagram{position:relative;width:315px;height:165px}
.optx-cable-pin{z-index:1;position:absolute;top:50%;transform:translateY(-50%);width:96px;height:75px;border:3px solid #addfff;border-radius:11px;background:#0f4d78;box-shadow:0 8px 22px #041a3c5a;color:#def8ff;display:flex;align-items:center;justify-content:center;font-size:.64rem;text-align:center;font-weight:880}
.optx-cable-pin-left{left:0}.optx-cable-pin-right{right:0}
.optx-cable-line{position:absolute;left:85px;right:85px;height:5px;background:#66d9fe;border-radius:18px;box-shadow:0 0 16px #66d9feb2}
.optx-cable-line-one{top:46px;transform:rotate(-16deg)}
.optx-cable-line-two{top:79px}
.optx-cable-line-three{top:116px;transform:rotate(16deg)}
.optx-cables .optx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.optx-cables .optx-card:nth-child(even){transform:translateY(18px)}
.optx-cables .optx-card{border-top:4px solid #3b89b7}
.optx-cables .optx-card h3{font-size:1rem}
.optx-cables .optx-cta{background:#e8f5ff}
@media(max-width:1150px){
.optx-check-panel{grid-template-columns:1fr 1.5fr}.optx-check-panel>a{grid-column:1 / -1}
.optx-raid .optx-card{grid-template-columns:140px 1fr}.optx-raid .optx-card>a{grid-column:2}
}
@media(max-width:800px){
.optx-body .optx-hero-inner{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px;min-height:0}
.optx-body .optx-hero-symbol{justify-self:center}
.optx-body .optx-detail-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
.optx-detail-inner>span:nth-child(2){border-right:0}
.optx-detail-inner>span{padding-left:10px!important;border-bottom:1px solid #edf0f4}
.optx-check-panel{grid-template-columns:1fr;gap:12px}
.optx-raid .optx-card{grid-template-columns:1fr;gap:10px}
.optx-raid .optx-card>a{grid-column:1;text-align:left}
.optx-raid .optx-card-meta{flex-direction:row}
.optx-cables .optx-card:nth-child(even){transform:none}
}
@media(max-width:560px){
.optx-raid .optx-grid,.optx-boot .optx-grid,.optx-cables .optx-grid{grid-template-columns:1fr}
.optx-body .optx-hero-symbol{max-width:calc(100vw - 50px);height:270px}
.optx-body .optx-hero{padding:35px 0 45px}
.optx-boot-console{width:min(320px,95%)}.optx-raid-node-set{transform:scale(.85)}
}
@media(prefers-reduced-motion:reduce){.optx-body .optx-card{transition:none!important}}

.optx-gen12-chip{display:inline-block;color:#7e3380;font-size:.68rem;font-weight:850;white-space:normal}.optx-gen12-information{background:#f5ecf9;color:#613a6a;border-left:4px solid #a763b6;border-radius:9px;padding:15px 18px;font-size:.82rem;line-height:1.75}.optx-gen12-information a{text-decoration:underline;color:#793786}

/* Real, part-number-specific product photography instead of decorative diagrams. */
.optx-body .optx-hero-symbol.optx-product-photo-frame{
width:min(375px,100%);height:auto;min-height:317px;margin:0 auto;padding:0;
display:flex;flex-direction:column;justify-content:center;align-items:stretch;
border:1px solid rgba(255,255,255,.24);border-radius:22px;overflow:hidden;
background:#f7f9fb;box-shadow:0 26px 55px rgba(0,0,0,.25);
}
.optx-product-photo-frame img{
display:block;width:100%;height:248px;max-width:100%;object-fit:contain;
background:#fff;padding:15px 14px;
}
.optx-body .optx-product-photo-frame figcaption{
display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
background:#fff;padding:10px 18px 6px;margin:0;min-height:40px;
font-size:.72rem;color:#546a7b;border-top:1px solid #e7edf2;
}
.optx-product-photo-frame figcaption strong{color:#153d55;font-size:.85rem}
.optx-product-photo-frame .optx-photo-source{
text-decoration:none;display:block;text-align:left;background:#fff;
color:#166e98;font-weight:850;font-size:.75rem;padding:6px 18px 14px;
}
.optx-product-photo-frame .optx-photo-source:hover{text-decoration:underline}
.optx-power .optx-hero-symbol.optx-product-photo-frame{border:2px solid #ffc26368;transform:rotate(1deg)}
.optx-raid .optx-hero-symbol.optx-product-photo-frame{border:2px solid #d8a3d752;transform:rotate(-1deg)}
@media(max-width:800px){
.optx-body .optx-hero-symbol.optx-product-photo-frame{width:min(375px,100%);min-height:0}
.optx-power .optx-hero-symbol.optx-product-photo-frame,.optx-raid .optx-hero-symbol.optx-product-photo-frame{transform:none}
}
@media(max-width:560px){.optx-body .optx-hero-symbol.optx-product-photo-frame{height:auto!important;min-height:0!important}}

/* Real product photography for NS204i boot options & battery options */
.optx-real-photo{margin:0;border:1px solid #dae7ea;border-radius:20px;background:white;padding:16px;box-shadow:0 25px 50px #0b26352a;display:flex;flex-direction:column;align-items:center;min-height:280px;justify-content:center}
.optx-real-photo img{height:235px;width:100%;max-width:360px;object-fit:contain}
.optx-real-photo figcaption{padding-top:9px;font-size:.76rem;color:#465a69;text-align:center}
.optx-fitment-note{border:1px solid #ffffff55;background:#ffffff15;border-radius:17px;padding:30px;max-width:365px;color:#fff;line-height:1.7}
.optx-fitment-note strong{letter-spacing:.11em;font-size:.79rem;color:#9ee1fa}
.optx-fitment-note p{font-size:.89rem;color:#e9f5fc}
.optx-fitment-note a{color:#fff;font-weight:850}