/* INTERDATA_MY_V54_20260927 — homepage-only visual layer.
   Does not redefine WHMCS prices, cart, legal text, documentation or provisioning. */
.svr4u-public.svr4u-homepage{--id54-bg:#fff;--id54-panel:#fff;--id54-soft:#f4f7ff;--id54-text:#12203e;--id54-muted:#617089;--id54-edge:#dce5f4;--id54-ink:#18243c;--id54-main:#0b5cff;background:var(--id54-bg);color:var(--id54-text);font-family:Inter,'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif}
html[data-svr4u-theme="dark"] .svr4u-public.svr4u-homepage{--id54-bg:#121b2a;--id54-panel:#1c2b41;--id54-soft:#172338;--id54-text:#f0f5ff;--id54-muted:#afc1dc;--id54-edge:#354b67;--id54-ink:#e0e9f8;--id54-main:#78a9ff}
.svr4u-homepage .svr4u-shell{width:min(1320px,calc(100% - 44px))}
.svr4u-homepage h1,.svr4u-homepage h2,.svr4u-homepage h3{letter-spacing:-.035em}
.svr4u-homepage .svr4u-site-header{background:var(--id54-panel);border-bottom:1px solid var(--id54-edge)}
.svr4u-homepage .svr4u-site-header__inner{height:83px;gap:21px}
.svr4u-homepage .svr4u-brand__mark{width:50px;height:50px;background:linear-gradient(140deg,#5b9bff,#1865d9);border-radius:13px;box-shadow:none}
.svr4u-homepage .svr4u-brand__copy strong{font-size:20px;font-weight:900;color:var(--id54-text)}
.svr4u-homepage .svr4u-brand__copy small{color:var(--id54-muted)}
.svr4u-homepage .svr4u-site-menu__link{font-size:13px;color:var(--id54-text);font-weight:750}
.svr4u-homepage .svr4u-site-dropdown__trigger{gap:0}
.svr4u-homepage .svr4u-site-dropdown__trigger .fa-chevron-down{display:none!important}
.svr4u-homepage .svr4u-site-dropdown__panel{top:calc(100% + 6px);background:var(--id54-panel);border-color:var(--id54-edge);box-shadow:0 20px 48px rgba(3,16,40,.22)}
.svr4u-homepage .svr4u-site-dropdown__item{color:var(--id54-text)}
.svr4u-homepage .svr4u-site-dropdown__item strong{color:var(--id54-text)}
.svr4u-homepage .svr4u-site-dropdown__item small{color:var(--id54-muted)}
.svr4u-homepage .svr4u-site-dropdown__icon{background:var(--id54-soft)}
.svr4u-homepage .svr4u-currency-menu__trigger,.svr4u-homepage .svr4u-language-menu__trigger,.svr4u-homepage .svr4u-theme-toggle{background:var(--id54-soft);color:var(--id54-text);border-color:var(--id54-edge)}
.svr4u-homepage .svr4u-language-menu__trigger .fa-chevron-down,.svr4u-homepage .svr4u-currency-menu__trigger .fa-chevron-down{display:none}
.svr4u-homepage .svr4u-site-dropdown__trigger:focus-visible{outline:2px solid var(--id54-main);outline-offset:2px}
.svr4u-homepage .svr4u-section{padding:80px 0;background:var(--id54-bg)}
.svr4u-homepage .svr4u-section--soft{background:var(--id54-soft)!important}
.svr4u-homepage .svr4u-section-heading h2{color:var(--id54-text);font-size:clamp(27px,3vw,40px)}
.svr4u-homepage .svr4u-section-heading p{color:var(--id54-muted)}
.svr4u-homepage .svr4u-service-card,.svr4u-homepage .svr4u-plan-card,.svr4u-homepage .svr4u-feature-grid article{background:var(--id54-panel);border-color:var(--id54-edge);color:var(--id54-text)}
.svr4u-homepage .svr4u-service-card h3,.svr4u-homepage .svr4u-plan-card h3,.svr4u-homepage .svr4u-feature-grid h3{color:var(--id54-text)}
.svr4u-homepage .svr4u-plan-card__tagline,.svr4u-homepage .svr4u-service-card p,.svr4u-homepage .svr4u-feature-grid p{color:var(--id54-muted)}
.svr4u-homepage .svr4u-plan-grid{gap:14px}
.svr4u-homepage .svr4u-plan-card{padding:22px;border-radius:15px}
.svr4u-homepage .svr4u-plan-card h3{font-size:20px}
.svr4u-homepage .svr4u-plan-card .svr4u-spec-grid span{background:var(--id54-soft);color:var(--id54-text)}
.svr4u-homepage .svr4u-plan-card .svr4u-spec-grid small{color:var(--id54-muted)}
.svr4u-homepage .svr4u-site-footer{background:#09142a;color:#bdcbe3}
.svr4u-homepage .svr4u-site-footer a{color:#c4d4ee}
.svr4u-homepage .svr4u-site-footer a:hover{color:#fff}
.svr4u-homepage .svr4u-site-footer h3{color:#fff}
/* Hero / carousel: intentionally branded navy banner in both themes. */
.id54-hero{overflow:hidden;position:relative;color:#fff;background:radial-gradient(900px 500px at 85% 20%,rgba(34,113,255,.24),transparent 68%),linear-gradient(127deg,#081733,#0b2455 57%,#11428f);padding:86px 0 96px}
.id54-hero-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:54px;align-items:center}
.id54-kicker{display:inline-block;font-size:12px;font-weight:850;letter-spacing:.13em;color:#b6d7ff;margin-bottom:22px}
.id54-hero-copy h1{font-size:clamp(43px,5vw,67px);font-weight:900;line-height:1.09;letter-spacing:-.05em;color:#fff;margin:0 0 12px}
.id54-lead{font-size:clamp(20px,2vw,30px);color:#a9caff;font-weight:750;line-height:1.25;margin:0 0 22px}
.id54-region{display:inline-flex;padding:10px 16px;background:#ff782a;color:#fff;border-radius:7px;font-size:13px;font-weight:850;margin-bottom:26px}
.id54-hero-copy>p:not(.id54-lead){font-size:15.5px;color:#ccdcf8;line-height:1.8;max-width:565px;margin:0 0 24px}
.id54-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.id54-hero-actions .svr4u-button--primary{background:#ff7726;border-color:#ff7726}
.id54-hero-actions .svr4u-button--light{background:transparent;border:1px solid rgba(211,228,255,.6);color:#fff!important}
.id54-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;color:#b8d0f2;font-size:11px;font-weight:800}
.id54-trust span:before{content:'✓';color:#76ecbe;margin-right:5px}
.id54-showcase{position:relative;min-width:0;overflow:hidden;padding:25px 25px 17px;border:1px solid rgba(165,198,255,.28);border-radius:19px;background:linear-gradient(155deg,rgba(7,27,71,.78),rgba(12,53,119,.65));box-shadow:0 26px 60px rgba(0,0,0,.18)}
.id54-showcase-head{display:flex;justify-content:space-between;gap:10px;color:#d5e8ff;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px}
.id54-showcase-head span:last-child{color:#7dc0ff}
.id54-slides{position:relative;min-height:315px}
.id54-slide{display:none;color:#fff;min-height:315px}
.id54-slide.is-active{display:block}
.id54-slide-kicker{font-size:11px;font-weight:900;letter-spacing:.15em;color:#92e4ff;margin-bottom:15px}
.id54-slide h2{font-size:clamp(22px,2.1vw,31px);line-height:1.18;color:#fff;margin:0 0 20px}
.id54-slide>p:not(.id54-slide-note){font-size:15px;color:#c6d9f3;max-width:400px;line-height:1.7}
.id54-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.id54-product{display:flex;flex-direction:column;gap:8px;background:rgba(7,29,75,.52);border:1px solid rgba(155,193,255,.54);border-radius:14px;padding:17px;color:#fff!important;min-width:0}
.id54-product:hover,.id54-product:focus-visible{border-color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.id54-product small{font-size:10px;color:#87e1ff;text-transform:uppercase;font-weight:850;letter-spacing:.08em}
.id54-product strong{font-size:17px;line-height:1.3;overflow-wrap:anywhere;color:#fff}
.id54-product-price{font-size:24px;font-weight:900;color:#fff}
.id54-product-price em{font-style:normal;font-size:11px;font-weight:650;color:#c7dcf9;letter-spacing:0}
.id54-product-spec{font-size:11px;color:#d1e6fc;line-height:1.7}
.id54-product-stock{font-size:11px;font-weight:850;color:#8aefc5}
.id54-product-wide{grid-column:1/-1}
.id54-slide-note{font-size:10px;color:#c5d9f2;margin:15px 0 0}
.id54-slide-link{display:inline-block;background:#ff7529;border-radius:6px;color:#fff!important;font-weight:850;font-size:13px;padding:12px 18px;margin-top:20px}
.id54-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}
.id54-controls>button{display:grid;place-items:center;background:rgba(12,37,86,.78);border:1px solid rgba(179,207,255,.45);color:#fff;width:33px;height:33px;border-radius:50%;font-size:20px;cursor:pointer}
.id54-controls>button:last-child{font-size:13px;margin-left:8px}
.id54-dots{display:flex;gap:7px}
.id54-dots button{width:8px;height:8px;padding:0;background:rgba(221,237,255,.45);border:none;border-radius:9px;cursor:pointer}
.id54-dots button.is-active{width:22px;background:#fff}
.id54-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Seamless duplicated groups; each group has identical width including trailing gap. */
.id54-service-strip,.id54-os{background:var(--id54-soft);color:var(--id54-text);padding:43px 0 51px;overflow:hidden;border-bottom:1px solid var(--id54-edge)}
.id54-service-strip h2,.id54-os h2{text-align:center;margin:0 0 24px;color:var(--id54-text);font-size:clamp(24px,2.5vw,36px);font-weight:900}
.id54-os{padding:76px 0 64px}
.id54-os>.svr4u-shell>p{text-align:center;color:var(--id54-muted);margin:0 0 29px}
.id54-scroller{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.id54-scroll-track{display:flex;width:max-content;animation:id54-marquee 30s linear infinite;will-change:transform}
.id54-scroll-group{display:flex;align-items:stretch;gap:16px;padding-right:16px;flex:0 0 auto}
.id54-scroll-group>a,.id54-scroll-group>span{display:grid;place-items:center;text-align:center;flex:0 0 186px;min-width:186px;min-height:62px;padding:10px 15px;background:var(--id54-panel);border:1px solid var(--id54-edge);border-radius:11px;font-weight:850;color:var(--id54-text);font-size:13px;text-decoration:none}
.id54-scroll-group>a:hover{color:var(--id54-main);border-color:var(--id54-main)}
.id54-scroller:is(:hover,:focus-within) .id54-scroll-track{animation-play-state:paused}
@keyframes id54-marquee{to{transform:translateX(-50%)}}
.id54-os .id54-scroll-track{animation-duration:29s}
.id54-os .id54-scroll-group{gap:18px;padding-right:18px}
.id54-os .id54-scroll-group>.os-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:0 0 150px;min-width:150px;height:115px;background:var(--id54-panel);border:1px solid var(--id54-edge);border-radius:15px;padding:13px 10px;color:var(--id54-text)!important;font-size:14px;font-weight:850;line-height:1.2}
.id54-os .os-pill .os-mark{display:block;width:43px;height:43px;max-width:none;max-height:none}
.id54-os .os-pill>span{color:var(--id54-text)!important;opacity:1!important}
.id54-os .os-pill sup{color:var(--id54-main);font-size:.78em;margin-left:2px}
.id54-os-license{text-align:center;max-width:850px;margin:19px auto 0;color:var(--id54-muted);font-size:12px;line-height:1.5;padding:0 22px}
.id54-os-license strong{color:var(--id54-text)}
/* Selected product-family story complements rather than replaces WHMCS catalogue. */
.id54-platform{padding:88px 0;background:var(--id54-bg);border-top:1px solid var(--id54-edge)}
.id54-platform-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px;align-items:center}
.id54-section-kicker{display:block;color:var(--id54-main);font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:17px}
.id54-platform h2{color:var(--id54-text);font-size:clamp(30px,3.3vw,46px);line-height:1.15;margin:0 0 19px}
.id54-platform p{color:var(--id54-muted);font-size:15px;line-height:1.8;margin:0 0 24px}
.id54-platform-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.id54-platform-cards a{display:flex;flex-direction:column;justify-content:end;gap:12px;min-height:192px;background:var(--id54-panel);border:1px solid var(--id54-edge);border-radius:16px;padding:22px;color:var(--id54-text);text-decoration:none}
.id54-platform-cards a:hover{border-color:var(--id54-main);transform:translateY(-2px)}
.id54-platform-cards small{font-size:11px;font-weight:850;letter-spacing:.09em;color:var(--id54-main)}
.id54-platform-cards strong{font-size:34px;font-weight:900;line-height:1;color:var(--id54-text)}
.id54-platform-cards span{font-size:13px;color:var(--id54-muted)}
/* Existing legal/FAQ/custom/SEO sections preserved and theme coordinated, not rewritten. */
.svr4u-homepage .svr4u-faq-layout,.svr4u-homepage .svr4u-seo-copy,.svr4u-homepage .svr4u-custom-list{color:var(--id54-text)}
@media(max-width:1180px){.id54-hero-grid{gap:28px}.svr4u-homepage .svr4u-site-header__inner{gap:10px}.svr4u-homepage .svr4u-site-menu{background:var(--id54-panel)}.svr4u-homepage .svr4u-site-dropdown__trigger:after{content:'+';font-size:20px;line-height:1;font-weight:700;margin-left:8px;color:var(--id54-main)}.svr4u-homepage .svr4u-site-dropdown.is-open .svr4u-site-dropdown__trigger:after{content:'−'}}
@media(max-width:950px){.id54-hero-grid,.id54-platform-grid{grid-template-columns:1fr}.id54-showcase{max-width:700px;width:100%;margin:auto}.id54-hero{padding:54px 0 64px}.id54-platform-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.svr4u-homepage .svr4u-shell{width:min(100% - 30px,1320px)}.id54-hero-copy h1{font-size:39px}.id54-showcase{padding:18px 14px 14px}.id54-showcase-head{font-size:10px}.id54-slides,.id54-slide{min-height:350px}.id54-featured-grid{gap:8px}.id54-product{padding:12px}.id54-product strong{font-size:14px}.id54-product-price{font-size:20px}.id54-product-spec{font-size:10px}.id54-hero-actions .svr4u-button{width:100%}.id54-platform-cards{gap:10px}.id54-platform-cards a{padding:16px;min-height:150px}.id54-platform-cards strong{font-size:25px}.id54-scroll-group>a,.id54-scroll-group>span{flex-basis:160px;min-width:160px}.id54-os .id54-scroll-group>.os-pill{flex-basis:126px;min-width:126px;height:107px}}
@media(prefers-reduced-motion:reduce){.id54-scroll-track{animation:none!important;transform:none!important;will-change:auto}.id54-platform-cards a{transition:none!important}}