/* INTERDATA_MY_V55_VISUAL_PARITY — 2026-09-27.
   Visual-only layer on top of V5.4. All billing, legal and provisioning code remains untouched. */
.svr4u-homepage{font-family:'Be Vietnam Pro',Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
.svr4u-homepage *{box-sizing:border-box}
.svr4u-homepage .id55-topbar{background:#09152e;color:#ccd9f3;border-bottom:1px solid #253a61;font-size:12px}
.svr4u-homepage .id55-topbar>.svr4u-shell{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:37px}
.svr4u-homepage .id55-topbar a{color:#d4e1f5;text-decoration:none;font-weight:600;margin-right:19px}
.svr4u-homepage .id55-topbar a:hover{color:#fff}
.svr4u-homepage .id55-topbar a:last-child{margin-right:0}
.svr4u-homepage .svr4u-site-header{position:sticky;top:0;z-index:80;box-shadow:0 5px 15px rgba(0,20,70,.05)}
.svr4u-homepage .svr4u-site-menu{gap:2px}
.svr4u-homepage .svr4u-site-menu__link{font-weight:750;letter-spacing:-.015em}
.svr4u-homepage .svr4u-site-dropdown__trigger .fa-chevron-down{display:none!important}
.svr4u-homepage .svr4u-site-dropdown__trigger:after{content:none!important}
.svr4u-homepage .svr4u-site-dropdown__item:hover{background:var(--id54-soft)}
.svr4u-homepage .svr4u-site-menu__link:focus-visible,.svr4u-homepage .svr4u-site-dropdown__item:focus-visible{outline:2px solid var(--id54-main);outline-offset:3px}
/* Full-width reference-inspired hero; navy is an intentional brand banner in both themes. */
.svr4u-homepage .id55-hero{position:relative;overflow:hidden;padding:80px 0 106px;color:#fff;background:radial-gradient(850px 530px at 82% 28%,rgba(31,102,224,.36),transparent 63%),linear-gradient(124deg,#071631,#0b285f 62%,#133e92)}
.svr4u-homepage .id55-hero:before,.svr4u-homepage .id55-hero:after{content:"";position:absolute;border:1px solid rgba(190,220,255,.1);border-radius:50%;pointer-events:none}
.svr4u-homepage .id55-hero:before{width:480px;height:480px;left:-240px;bottom:-250px}
.svr4u-homepage .id55-hero:after{width:390px;height:390px;right:-180px;top:-190px}
.svr4u-homepage .id55-net{position:absolute;inset:0;width:100%;height:100%;opacity:.28;pointer-events:none}
.svr4u-homepage .id55-net path{fill:none;stroke:#78aaff;stroke-width:1.2;stroke-dasharray:5 16;animation:id55-dash 8s linear infinite}
@keyframes id55-dash{to{stroke-dashoffset:-168}}
.svr4u-homepage .id55-sky{position:absolute;inset:0;pointer-events:none}
.svr4u-homepage .id55-sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:#b7d6ff;opacity:.8}
.svr4u-homepage .id55-sky i:nth-child(1){left:3%;top:30%}.svr4u-homepage .id55-sky i:nth-child(2){left:9%;top:63%}.svr4u-homepage .id55-sky i:nth-child(3){left:22%;top:18%}.svr4u-homepage .id55-sky i:nth-child(4){left:26%;top:80%}.svr4u-homepage .id55-sky i:nth-child(5){left:40%;top:36%}.svr4u-homepage .id55-sky i:nth-child(6){left:46%;top:69%}.svr4u-homepage .id55-sky i:nth-child(7){left:62%;top:11%}.svr4u-homepage .id55-sky i:nth-child(8){left:70%;top:88%}.svr4u-homepage .id55-sky i:nth-child(9){left:79%;top:28%}.svr4u-homepage .id55-sky i:nth-child(10){left:86%;top:62%}.svr4u-homepage .id55-sky i:nth-child(11){left:93%;top:13%}.svr4u-homepage .id55-sky i:nth-child(12){left:98%;top:80%}
.svr4u-homepage .id55-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:48px;align-items:center}
.svr4u-homepage .id55-hero-copy{min-width:0}
.svr4u-homepage .id55-hero-copy h1{color:#fff!important;font-weight:900;font-size:clamp(38px,4.5vw,65px);line-height:1.13;letter-spacing:-.055em;margin:0 0 12px}
.svr4u-homepage .id55-hero-copy h1>span{display:block;font-size:.46em;font-weight:750;line-height:1.45;letter-spacing:0;color:#b4d0ff;margin-top:12px}
.svr4u-homepage .id55-band{display:inline-flex;align-items:center;background:#ff7927;color:#fff;padding:10px 15px;border-radius:6px;font-size:14px;font-weight:850;margin:0 0 22px}
.svr4u-homepage .id55-hero-copy p{font-size:15.5px;line-height:1.8;color:#d5e3ff;max-width:560px;margin:0 0 13px}
.svr4u-homepage .id55-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.svr4u-homepage .id55-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;text-decoration:none!important;font-weight:850;font-size:12px;white-space:nowrap;gap:8px;padding:12px 19px;border-radius:28px;border:1px solid transparent;transition:background .2s,border-color .2s}
.svr4u-homepage .id55-btn-orange{background:#ff7527;color:#fff!important}.svr4u-homepage .id55-btn-orange:hover{background:#dc5a0d}
.svr4u-homepage .id55-btn-ghost{background:transparent;color:#fff!important;border-color:rgba(230,239,255,.55)}.svr4u-homepage .id55-btn-ghost:hover{background:rgba(255,255,255,.12)}
.svr4u-homepage .id55-hero-art{position:relative;min-width:0;padding:28px 12px 34px 6px}
.svr4u-homepage .id55-slider{position:relative;min-height:410px;margin:10px 4px 0;padding:0 23px 20px;background:linear-gradient(150deg,#091c46,#0f367b);border:1px solid rgba(151,192,255,.28);border-radius:18px;box-shadow:0 30px 55px rgba(0,0,0,.25);overflow:hidden}
.svr4u-homepage .id55-slider:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(142,183,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(142,183,255,.07) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
.svr4u-homepage .id55-slider .id54-slides{min-height:345px;position:relative}
.svr4u-homepage .id55-slider .id55-slide{position:relative;min-height:345px;color:#fff;padding:46px 0 6px}
.svr4u-homepage .id55-ribbon{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.06em;font-weight:900;background:#ffca27;color:#092352;border-radius:0 0 14px 14px;padding:8px 24px;white-space:nowrap;text-align:center}
.svr4u-homepage .id55-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.svr4u-homepage .id55-pcard{display:flex;min-width:0;flex-direction:column;gap:5px;border:1.4px solid #4c93f1;background:rgba(7,30,77,.5);border-radius:15px;padding:18px 17px 15px;color:#fff!important;text-decoration:none!important}
.svr4u-homepage .id55-pcard:hover{border-color:#c4deff;box-shadow:0 0 24px rgba(52,125,233,.2)}
.svr4u-homepage .id55-pname{display:block;text-align:center;color:#95e7ff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;line-height:1.3;min-height:30px}
.svr4u-homepage .id55-pamt{display:block;text-align:center;font-size:clamp(22px,2.5vw,36px);font-weight:900;line-height:1.1;color:#fff;overflow-wrap:anywhere}
.svr4u-homepage .id55-per{display:block;text-align:center;color:#e4f1ff;font-size:12px;margin-bottom:8px}
.svr4u-homepage .id55-spec{display:block;font-size:11px;line-height:1.45;color:#d5e6ff;overflow-wrap:anywhere}
.svr4u-homepage .id55-spec:before{content:'▴ ';color:#76e3fb;font-size:9px}
.svr4u-homepage .id55-stock{color:#8df2c4;font-size:11px;margin-top:auto}
.svr4u-homepage .id55-pcard-empty{grid-column:1/-1;text-align:center;align-items:center;justify-content:center;min-height:190px}
.svr4u-homepage .id55-slide-note{font-size:10px;color:#c9dfff;text-align:center;margin:10px 0 0}
.svr4u-homepage .id55-slide-eyebrow{display:block;color:#77deff;font-size:11px;letter-spacing:.19em;font-weight:850;margin:15px 0 10px}
.svr4u-homepage .id55-slide-story h2{color:#fff!important;font-size:clamp(24px,2.9vw,36px);line-height:1.2;letter-spacing:-.03em;margin:0 0 18px}
.svr4u-homepage .id55-slide-story p{color:#cbdcf7!important;line-height:1.7;margin:18px 0}
.svr4u-homepage .id55-chips{display:flex;flex-wrap:wrap;gap:7px}
.svr4u-homepage .id55-chips span{border:1px solid #4487ce;color:#d5eeff;font-size:11px;font-weight:700;border-radius:18px;padding:5px 10px}
.svr4u-homepage .id55-story-btn{display:inline-flex;margin-top:6px;padding:11px 16px;border-radius:7px;background:#ff7729;color:#fff!important;font-weight:850;font-size:12px;text-decoration:none!important}
.svr4u-homepage .id55-controls{position:relative;margin:4px 0 0;gap:10px}.svr4u-homepage .id55-controls button{cursor:pointer}
.svr4u-homepage .id55-float{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;color:#102344;background:#fff;border-radius:12px;padding:10px 13px;box-shadow:0 13px 27px rgba(1,15,40,.27);font-size:12px;line-height:1.28}
.svr4u-homepage .id55-float b,.svr4u-homepage .id55-float small{display:block}
.svr4u-homepage .id55-float small{color:#63728a;margin-top:2px;font-size:10px}.svr4u-homepage .id55-float-a{left:-10px;top:-5px}.svr4u-homepage .id55-float-b{right:-12px;bottom:4px}.svr4u-homepage .id55-float-c{left:26px;bottom:-8px}
.svr4u-homepage .id55-float-b>span,.svr4u-homepage .id55-float-c>span{color:#1764db;font-size:19px}.svr4u-homepage .id55-active-dot{width:11px;height:11px;border-radius:50%;background:#1eaf76;box-shadow:0 0 0 4px #ddf7ec}
.svr4u-homepage .id55-rack{position:absolute;z-index:5;width:112px;right:-25px;top:-18px;filter:drop-shadow(0 15px 20px rgba(0,0,0,.24));pointer-events:none}
/* Practical value strip and reference-style product-family gallery. */
.svr4u-homepage .id55-signal{background:var(--id54-bg);border-bottom:1px solid var(--id54-edge);padding:20px 0}
.svr4u-homepage .id55-signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.svr4u-homepage .id55-signal-grid>div{display:grid;grid-template-columns:32px 1fr;column-gap:9px;align-items:center}
.svr4u-homepage .id55-signal-grid>div>span{display:grid;grid-row:1/3;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--id54-soft);color:var(--id54-main);font-size:11px;font-weight:900}
.svr4u-homepage .id55-signal-grid b{color:var(--id54-text);font-size:12px}
.svr4u-homepage .id55-signal-grid small{color:var(--id54-muted);font-size:10px}
.svr4u-homepage .id55-platform,.svr4u-homepage .id55-console,.svr4u-homepage .id55-steps,.svr4u-homepage .id55-network{padding:86px 0;background:var(--id54-bg);color:var(--id54-text)}
.svr4u-homepage .id55-platform-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:55px;align-items:center}
.svr4u-homepage .id55-eyebrow{display:block;color:#f1691f;font-size:11px;letter-spacing:.14em;font-weight:900;margin-bottom:17px}
.svr4u-homepage .id55-platform h2,.svr4u-homepage .id55-console h2,.svr4u-homepage .id55-network h2,.svr4u-homepage .id55-steps h2{font-size:clamp(28px,3.3vw,43px);line-height:1.2;letter-spacing:-.035em;color:var(--id54-text);margin:0 0 18px;font-weight:900}
.svr4u-homepage .id55-platform p,.svr4u-homepage .id55-console p,.svr4u-homepage .id55-network p,.svr4u-homepage .id55-steps p{color:var(--id54-muted);font-size:14px;line-height:1.8;margin:0 0 15px}
.svr4u-homepage .id55-platform p.id55-platform-lead,.svr4u-homepage .id55-console p.id55-platform-lead{color:var(--id54-text);font-size:17px;font-weight:700}
.svr4u-homepage .id55-text-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px}.svr4u-homepage .id55-text-links a{color:var(--id54-main);font-size:13px;font-weight:850;text-decoration:none}
.svr4u-homepage .id55-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.svr4u-homepage .id55-family-grid a{display:flex;flex-direction:column;justify-content:end;min-height:175px;padding:24px;background:var(--id54-panel);border:1px solid var(--id54-edge);border-radius:15px;text-decoration:none!important;transition:transform .2s,border-color .2s}
.svr4u-homepage .id55-family-grid a:hover{transform:translateY(-3px);border-color:var(--id54-main)}
.svr4u-homepage .id55-family-grid small{font-size:10px;color:var(--id54-main);font-weight:900;letter-spacing:.12em;margin-bottom:17px}
.svr4u-homepage .id55-family-grid strong{font-size:clamp(23px,2.5vw,35px);line-height:1.08;color:var(--id54-text);font-weight:900}
.svr4u-homepage .id55-family-grid span{font-size:12px;color:var(--id54-muted);margin-top:10px}
/* A visually rich, explicitly illustrative panel, inspired by the approved draft. */
.svr4u-homepage .id55-console{background:var(--id54-soft)}
.svr4u-homepage .id55-console-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:50px;align-items:center}
.svr4u-homepage .id55-feature-lines{display:grid;gap:11px;margin:24px 0;color:var(--id54-text);font-size:13px;font-weight:650}
.svr4u-homepage .id55-feature-lines span:before{content:''}
.svr4u-homepage .id55-text-button{display:inline-flex;padding:13px 18px;border-radius:9px;background:#0b5cff;color:#fff!important;font-weight:900;font-size:12px;text-decoration:none!important}
.svr4u-homepage .id55-console-mock{border:1px solid #34527e;background:#091932;border-radius:17px;overflow:hidden;box-shadow:0 24px 45px rgba(10,25,50,.16);color:#fff}
.svr4u-homepage .id55-mock-top{background:#10284c;padding:13px 16px;display:flex;justify-content:space-between;gap:9px;align-items:center;color:#b8ccef;font-size:10px;letter-spacing:.12em;font-weight:800}
.svr4u-homepage .id55-mock-top small{font-size:8px;padding:4px 7px;border:1px solid #56759c;border-radius:4px}
.svr4u-homepage .id55-mock-dots{letter-spacing:3px;color:#ffad67}
.svr4u-homepage .id55-mock-body{display:grid;grid-template-columns:60px 1fr;min-height:290px}.svr4u-homepage .id55-mock-body aside{display:flex;flex-direction:column;gap:22px;align-items:center;background:#0d2141;padding:18px 8px;color:#9cb9e9;font-size:19px}.svr4u-homepage .id55-mock-body aside:first-line{font-weight:900;color:#fff}
.svr4u-homepage .id55-mock-main{min-width:0;padding:22px}.svr4u-homepage .id55-mock-main>small{font-size:9px;color:#90a9ce;letter-spacing:.1em}
.svr4u-homepage .id55-mock-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 0 20px}.svr4u-homepage .id55-mock-title strong{font-size:19px;color:#fff}.svr4u-homepage .id55-mock-title span{color:#7df2b8;font-size:10px}
.svr4u-homepage .id55-mock-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.svr4u-homepage .id55-mock-specs div{padding:12px 11px;border:1px solid #305079;background:#122c53;border-radius:7px}.svr4u-homepage .id55-mock-specs small{display:block;color:#91aed8;font-size:9px}.svr4u-homepage .id55-mock-specs b{display:block;margin-top:5px;color:#fff;font-size:15px}
.svr4u-homepage .id55-mock-chart{border:1px solid #28486e;background:#0d2447;padding:12px 13px 2px;border-radius:7px;margin-top:14px}.svr4u-homepage .id55-mock-chart span{font-size:9px;color:#a4bfdf}.svr4u-homepage .id55-mock-chart svg{display:block;width:100%;height:90px;margin-top:9px}
.svr4u-homepage .id55-console-mock>p{text-align:center;color:#8fa9cd;font-size:9px!important;padding:9px 0!important;margin:0!important;background:#10284c}
/* More restrained real-product cards; catalogue values stay as generated by WHMCS. */
.svr4u-homepage #services{padding:85px 0}.svr4u-homepage #services .svr4u-section-heading{margin-bottom:32px}
.svr4u-homepage #services .svr4u-service-grid{gap:17px}
.svr4u-homepage #services .svr4u-service-card{border-radius:13px;box-shadow:0 5px 17px rgba(9,29,65,.03)}
.svr4u-homepage #plans .svr4u-plan-card h3{font-size:18px}.svr4u-homepage #plans .svr4u-plan-card .svr4u-spec-grid{gap:8px}
.svr4u-homepage .id55-steps{background:var(--id54-bg);border-block:1px solid var(--id54-edge)}
.svr4u-homepage .id55-steps-head{text-align:center;max-width:690px;margin:0 auto 35px}.svr4u-homepage .id55-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.svr4u-homepage .id55-steps-grid article{min-height:170px;padding:23px 19px;border:1px solid var(--id54-edge);border-radius:12px;background:var(--id54-panel)}
.svr4u-homepage .id55-steps-grid article>b{color:#ee722f;font-size:25px;font-weight:900}.svr4u-homepage .id55-steps-grid h3{font-size:16px;margin:16px 0 8px;color:var(--id54-text)}.svr4u-homepage .id55-steps-grid p{font-size:12px;margin:0}
.svr4u-homepage .id55-network{background:var(--id54-soft)}.svr4u-homepage .id55-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}
.svr4u-homepage .id55-network-panel{border:1px solid var(--id54-edge);border-radius:13px;overflow:hidden;background:var(--id54-panel)}
.svr4u-homepage .id55-network-panel>div{display:grid;grid-template-columns:130px 1fr;gap:5px 14px;padding:18px 20px;border-bottom:1px solid var(--id54-edge)}.svr4u-homepage .id55-network-panel>div:last-child{border:0}
.svr4u-homepage .id55-network-panel small{grid-row:1/3;font-size:10px;color:var(--id54-main);font-weight:900;letter-spacing:.1em}.svr4u-homepage .id55-network-panel strong{font-size:13px;color:var(--id54-text)}.svr4u-homepage .id55-network-panel span{font-size:11px;color:var(--id54-muted)}
/* Existing OS vector art, marquee, legal/SEO/FAQ and footer stay intact. Fix dark text everywhere. */
.svr4u-homepage .id54-os .os-pill>span{color:var(--id54-text)!important;opacity:1!important}
.svr4u-homepage .id54-os-license strong{color:var(--id54-text)!important}
.svr4u-homepage .svr4u-service-card,.svr4u-homepage .svr4u-plan-card,.svr4u-homepage .svr4u-site-footer{transition:background .15s,color .15s,border-color .15s}
@media(max-width:1200px){.svr4u-homepage .id55-hero-grid{gap:28px}.svr4u-homepage .id55-float{font-size:10px}.svr4u-homepage .id55-platform-grid,.svr4u-homepage .id55-console-grid{gap:30px}}
@media(max-width:950px){.svr4u-homepage .id55-hero-grid,.svr4u-homepage .id55-platform-grid,.svr4u-homepage .id55-console-grid,.svr4u-homepage .id55-network-grid{grid-template-columns:1fr}.svr4u-homepage .id55-hero-art{width:min(100%,670px);margin:16px auto 0}.svr4u-homepage .id55-hero-copy h1{font-size:clamp(36px,7vw,56px)}.svr4u-homepage .id55-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svr4u-homepage .id55-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svr4u-homepage .id55-console-mock{max-width:760px;width:100%}}
@media(max-width:650px){.svr4u-homepage .id55-topbar{display:none}.svr4u-homepage .id55-hero{padding:54px 0 64px}.svr4u-homepage .id55-hero-copy h1{font-size:clamp(32px,8vw,44px)}.svr4u-homepage .id55-hero-copy h1>span{font-size:.48em}.svr4u-homepage .id55-band{font-size:11px}.svr4u-homepage .id55-hero-copy p{font-size:13px}.svr4u-homepage .id55-hero-actions .id55-btn{flex:1;white-space:normal;text-align:center}.svr4u-homepage .id55-hero-art{padding:21px 1px 22px}.svr4u-homepage .id55-slider{min-height:405px;margin:15px 0 0;padding:0 13px 16px}.svr4u-homepage .id55-slider .id54-slides,.svr4u-homepage .id55-slider .id55-slide{min-height:340px}.svr4u-homepage .id55-pair{gap:8px}.svr4u-homepage .id55-pcard{padding:13px 9px;gap:4px}.svr4u-homepage .id55-pname{font-size:9px}.svr4u-homepage .id55-pamt{font-size:21px}.svr4u-homepage .id55-spec{font-size:9px}.svr4u-homepage .id55-ribbon{font-size:10px;padding:8px 14px}.svr4u-homepage .id55-rack{width:77px;right:-7px;top:-10px}.svr4u-homepage .id55-float-a{left:-4px}.svr4u-homepage .id55-float-b{right:-4px}.svr4u-homepage .id55-float-c{display:none}.svr4u-homepage .id55-platform,.svr4u-homepage .id55-console,.svr4u-homepage .id55-steps,.svr4u-homepage .id55-network{padding:58px 0}.svr4u-homepage .id55-family-grid{gap:9px}.svr4u-homepage .id55-family-grid a{padding:15px;min-height:145px}.svr4u-homepage .id55-family-grid strong{font-size:24px}.svr4u-homepage .id55-signal-grid{gap:14px}.svr4u-homepage .id55-signal-grid b{font-size:11px}.svr4u-homepage .id55-mock-body{grid-template-columns:39px 1fr}.svr4u-homepage .id55-mock-body aside{padding:12px 4px}.svr4u-homepage .id55-mock-main{padding:12px}.svr4u-homepage .id55-mock-title strong{font-size:14px}.svr4u-homepage .id55-mock-specs b{font-size:11px}.svr4u-homepage .id55-network-panel>div{grid-template-columns:1fr}.svr4u-homepage .id55-network-panel small{grid-row:auto}.svr4u-homepage .id55-steps-grid article{padding:16px 13px}}
@media(prefers-reduced-motion:reduce){.svr4u-homepage .id55-net path{animation:none!important}.svr4u-homepage .id55-family-grid a{transition:none!important}}