/* Oghab Host Nebula v5.4. One design system; no geometry changes on scroll. */
:root {
  color-scheme: light;
  --oh-bg:#f5f3fc; --oh-surface:#fff; --oh-surface-2:#eee9f8; --oh-surface-3:#e4dcf3;
  --oh-text:#241634; --oh-muted:#625471; --oh-line:#d9cdeb; --oh-accent:#6733b6;
  --oh-primary:#7133cb; --oh-primary-hover:#5825a5; --oh-soft:#ede4fc; --oh-cyan:#176e68;
  --oh-glow:rgba(124,57,220,.12); --oh-header:rgba(250,248,255,.98); --oh-shadow:0 18px 50px #3d1b6f0b;
  --oh-ink:var(--oh-text); --oh-green:var(--oh-primary); --oh-mint:var(--oh-accent); --oh-focus:#7840c8;
  --oh-meteor:#8352d9; --oh-star:#9c78d0; --oh-header-glow:#b18ae521;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --oh-bg:#171623; --oh-surface:#211e2e; --oh-surface-2:#29243a; --oh-surface-3:#332c43;
  --oh-text:#e0dbea; --oh-muted:#aea3bd; --oh-line:#443954; --oh-accent:#b9a0d8;
  --oh-primary:#7041ae; --oh-primary-hover:#61369a; --oh-soft:#2a223b; --oh-cyan:#8dbcb0;
  --oh-glow:rgba(137,90,193,.07); --oh-header:rgba(28,25,39,.98); --oh-shadow:0 14px 40px #0003;
  --oh-focus:#baa0d8; --oh-meteor:#a28db6; --oh-star:#9c8bab; --oh-header-glow:#80649c12;
}

html { scroll-padding-top:112px; }
body.oh-theme { isolation:isolate; margin:0; background:var(--oh-bg); color:var(--oh-text); font:14px/1.9 iranyekan,Tahoma,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.oh-theme *, .oh-theme *::before, .oh-theme *::after { box-sizing:border-box; }
.oh-theme [hidden] { display:none!important; }
.oh-theme a { color:var(--oh-accent); text-decoration:none; }
.oh-theme a:hover { color:var(--oh-text); }
.oh-theme h1,.oh-theme h2,.oh-theme h3,.oh-theme h4,.oh-theme h5,.oh-theme h6 { font-family:inherit; color:var(--oh-text); font-weight:700; line-height:1.65; }
.oh-theme button,.oh-theme input,.oh-theme select,.oh-theme textarea { font-family:inherit; }
.oh-theme :focus-visible { outline:3px solid var(--oh-focus); outline-offset:4px; }
.oh-theme img { max-width:100%; height:auto; }
.oh-theme .container { width:calc(100% - 48px); max-width:1240px; margin-inline:auto; padding-inline:0; }
.oh-theme .main-content { min-width:0; }
.oh-theme #main-body { padding:38px 0 64px; min-height:60vh; }
.oh-theme.oh-home #main-body { padding:0; }
.oh-home .main-content { padding-inline:15px; }
.oh-skip { position:fixed; top:-100px; right:24px; z-index:1200; border-radius:8px; background:var(--oh-primary); color:white!important; padding:10px 18px; }
.oh-skip:focus { top:10px; }
/* Fixed CSS galaxy: animation uses transform and opacity, never layout geometry. */
.oh-cosmos { position:fixed; inset:0; pointer-events:none; z-index:-1; overflow:hidden; background:radial-gradient(ellipse at 2% 12%,var(--oh-glow),transparent 45%),radial-gradient(ellipse at 100% 65%,var(--oh-glow),transparent 45%),var(--oh-bg); }
.oh-cosmos::after { content:''; position:absolute; inset:0; opacity:.28; background-image:radial-gradient(1px 1px at 20% 30%,var(--oh-star) 99%,transparent),radial-gradient(1.5px 1.5px at 70% 72%,var(--oh-star) 99%,transparent); background-size:239px 251px,373px 397px; animation:oh-stars-pulse 7s ease-in-out infinite alternate; }
/* Stable header. Mobile menu is an overlay and never changes header height. */
.oh-header { position:sticky; top:0; z-index:100; background:var(--oh-header); border-bottom:1px solid var(--oh-line); transition:box-shadow .2s ease; }
.oh-header.has-shadow { box-shadow:0 12px 35px #0002; }
.oh-topbar { height:32px; border-bottom:1px solid var(--oh-line); color:var(--oh-muted); font-size:10px; }
.oh-topbar-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.oh-toplinks { display:flex; align-items:center; gap:16px; }
.oh-toplinks a { color:var(--oh-muted); }
.oh-dot-separator { color:var(--oh-accent); padding-inline:8px; }
.oh-nav-wrap { position:relative; display:flex; align-items:center; gap:26px; height:82px; }
.oh-brand { display:inline-flex; align-items:center; gap:11px; flex-shrink:0; color:var(--oh-text)!important; }
.oh-brand strong { display:block; font-size:21px; line-height:1.65; }
.oh-brand small { display:block; font:9px/1.9 Arial,sans-serif; letter-spacing:3.5px; }
.oh-brand-mark { display:grid; place-items:center; width:45px; height:45px; border:1px solid #d2afff55; border-radius:14px; background:linear-gradient(145deg,#a16cf5,#5830ae); color:#fff; font:37px/1 Arial; box-shadow:0 0 28px var(--oh-glow),inset 0 1px 0 #ffffff50; }
.oh-navigation { flex:1; min-width:0; }
.oh-navigation .navbar-nav { display:flex; align-items:center; gap:2px; float:none; margin:0; padding:0; list-style:none; }
.oh-navigation .navbar-nav>li { float:none; position:relative; }
.oh-navigation .navbar-nav>li>a { padding:12px 9px; font-size:11px; font-weight:700; color:var(--oh-muted); border-radius:8px; white-space:nowrap; }
.oh-navigation .navbar-nav>li>a:hover,.oh-navigation .navbar-nav>li>a:focus,.oh-navigation .nav .open>a { color:var(--oh-text); background:var(--oh-soft); }
.oh-navigation .dropdown-menu,.oh-account-menu>div { background:var(--oh-surface); color:var(--oh-text); border:1px solid var(--oh-line); border-radius:14px; box-shadow:var(--oh-shadow); padding:8px; min-width:220px; }
.oh-navigation .dropdown-menu>li>a,.oh-account-menu a { color:var(--oh-muted); padding:11px 13px; border-radius:7px; font-size:12px; }
.oh-navigation .dropdown-menu>li>a:hover,.oh-navigation .dropdown-menu>li>a:focus,.oh-account-menu a:hover { color:var(--oh-text); background:var(--oh-soft); }
.oh-nav-actions { display:flex; align-items:center; gap:9px; margin-right:auto; flex-shrink:0; }
.oh-icon-button,.oh-cart,.oh-menu-toggle { min-width:40px; height:42px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px; border:1px solid var(--oh-line); border-radius:11px; background:var(--oh-surface); color:var(--oh-text)!important; cursor:pointer; font-size:17px; }
.oh-theme-toggle svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; }
.oh-theme-toggle .oh-moon,:root[data-theme="light"] .oh-theme-toggle .oh-sun { display:none; }
:root[data-theme="light"] .oh-theme-toggle .oh-moon { display:block; }
.oh-menu-toggle { display:none; font-size:13px; }
.oh-account-menu { position:relative; }
.oh-account-menu summary { list-style:none; cursor:pointer; min-height:44px; display:grid; place-items:center; font-size:22px; }
.oh-account-menu summary::-webkit-details-marker { display:none; }
.oh-account-menu>div { position:absolute; top:50px; left:0; }
.oh-account-menu strong,.oh-account-menu a { display:block; }
.oh-account-menu strong { padding:10px; }
.oh-account-alerts { padding-block:10px; }
.oh-account-alerts summary { cursor:pointer; }
.oh-account-alerts ul { padding:12px 28px; }
.oh-button { display:inline-flex; justify-content:center; align-items:center; gap:22px; padding:13px 23px; min-height:48px; border:1px solid transparent; border-radius:12px; font-weight:700; font-size:13px; line-height:1.8; transition:background .2s,box-shadow .2s,border-color .2s; }
.oh-button-dark { color:#fff!important; background:linear-gradient(110deg,#8f4ce9,#6c32cc); border-color:#b17ae755; box-shadow:0 6px 28px var(--oh-glow); }
.oh-button-dark:hover { background:var(--oh-primary-hover); box-shadow:0 8px 36px var(--oh-glow); }
.oh-button-outline { color:var(--oh-text)!important; border-color:var(--oh-line); background:var(--oh-surface); }
.oh-button-outline:hover { background:var(--oh-surface-2); border-color:var(--oh-accent); }
.oh-account { min-height:42px; padding:10px 14px; font-size:11px; gap:14px; }
/* Home */
.oh-hero { position:relative; display:grid; grid-template-columns:1.12fr 1fr; gap:60px; align-items:center; padding:78px 0 58px; }
.oh-eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--oh-accent); font-size:11px; font-weight:700; letter-spacing:.1px; }
.oh-hero .oh-eyebrow { padding:7px 13px; background:var(--oh-soft); border:1px solid var(--oh-line); border-radius:30px; }
.oh-status-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--oh-cyan); box-shadow:0 0 0 4px var(--oh-glow); }
.oh-hero h1 { font-size:clamp(32px,3.7vw,51px); line-height:1.7; margin:22px 0 19px; letter-spacing:-1.3px; }
.oh-hero h1 span { color:var(--oh-accent); }
.oh-hero-lead { color:var(--oh-muted); font-size:14px; line-height:2.25; max-width:540px; margin-bottom:26px; }
.oh-hero-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.oh-hero-notes { display:flex; flex-wrap:wrap; gap:20px; color:var(--oh-muted); font-size:10px; margin-top:24px; }
.oh-hero-notes i { color:var(--oh-cyan); margin-left:6px; }
.oh-hero-index { position:absolute; top:30px; left:0; font:9px/1.5 monospace; letter-spacing:2px; color:var(--oh-muted); }
.oh-universe { height:450px; position:relative; display:grid; place-items:center; direction:ltr; isolation:isolate; }
.oh-orb-halo { position:absolute; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle,#9b5cf72e,transparent 68%); }
.oh-orbit-ring { position:absolute; width:380px; height:230px; border:1px solid #a16ae84d; border-radius:50%; transform:rotate(-28deg); }
.oh-orbit-ring::before { content:''; position:absolute; top:38px; right:36px; width:9px; height:9px; border-radius:50%; background:#d6a7ff; box-shadow:0 0 20px #ad63ff; }
.oh-orbit-ring-two { width:440px; height:290px; transform:rotate(32deg); border-color:#a16ae826; }
.oh-space-label { position:absolute; top:12px; left:30px; color:var(--oh-muted); font:9px/1.9 monospace; letter-spacing:2px; }
.oh-rack { width:242px; transform:rotate(-7deg); filter:drop-shadow(0 30px 35px #0005); }
.oh-rack-roof { background:linear-gradient(130deg,#a573db,#3e285e); height:57px; border:1px solid #ba8eeb99; border-radius:18px 18px 6px 6px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; color:#fff; font:12px monospace; letter-spacing:2px; }
.oh-rack-roof b { font:32px Arial; }
.oh-rack-unit { background:linear-gradient(125deg,#37284b,#1d152d); border:1px solid #8c68ae88; border-top:0; height:64px; border-radius:6px; margin-top:7px; position:relative; padding:12px 18px; box-shadow:0 5px 0 #0c0813; }
.oh-rack-unit>span { display:block; height:11px; width:115px; margin-top:4px; background:repeating-linear-gradient(90deg,#8d72a9 0 3px,transparent 3px 8px); }
.oh-rack-unit small { display:block; color:#c0afcf; font:8px/2.6 monospace; letter-spacing:1px; }
.oh-rack-unit i { position:absolute; right:17px; top:21px; width:6px; height:6px; border-radius:50%; background:#8fe9d5; box-shadow:0 0 12px #85e4d6; }
.oh-orbit-tag { position:absolute; display:flex; align-items:center; gap:12px; border:1px solid var(--oh-line); border-radius:13px; background:var(--oh-surface); color:var(--oh-text); padding:13px 17px; font:11px/1.8 iranyekan; box-shadow:var(--oh-shadow); }
.oh-orbit-tag b { display:block; font:700 13px/1.8 Arial,sans-serif; }
.oh-orbit-tag small { color:var(--oh-muted); font-size:10px; }
.oh-orbit-tag>span { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:var(--oh-soft); color:var(--oh-accent); font-size:19px; }
.oh-orbit-tag-one { right:-5px; bottom:67px; }
.oh-orbit-tag-two { left:0; top:70px; }
.oh-art-caption { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); white-space:nowrap; font:9px/1.8 monospace; letter-spacing:2px; color:var(--oh-muted); }
.oh-platform-strip { display:flex; align-items:center; justify-content:space-between; gap:24px; border-block:1px solid var(--oh-line); padding:24px 0; color:var(--oh-muted); font-size:11px; }
.oh-platform-logos { display:flex; align-items:center; gap:28px; flex-wrap:wrap; direction:ltr; }
.oh-platform-logos strong { font:700 17px/1.7 Arial,sans-serif; color:var(--oh-muted); letter-spacing:-.4px; }
.oh-section { padding:64px 0; }
.oh-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:28px; }
.oh-section-head h2,.oh-faq-section h2 { font-size:29px; margin:9px 0 0; }
.oh-section-code { font:10px/1.9 monospace; letter-spacing:2px; color:var(--oh-muted); }
.oh-text-link { display:inline-flex; align-items:center; gap:18px; font-size:12px; font-weight:700; }
.oh-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.oh-service-card { position:relative; display:flex; flex-direction:column; border:1px solid var(--oh-line); border-radius:21px; background:var(--oh-surface); padding:29px; transition:border-color .2s,box-shadow .2s; }
.oh-service-card:hover { border-color:var(--oh-accent); box-shadow:0 8px 40px var(--oh-glow); }
.oh-service-featured { border-color:#9a62da88; background:linear-gradient(155deg,var(--oh-soft),var(--oh-surface) 75%); }
.oh-service-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:27px; gap:12px; }
.oh-icon-box { display:grid; place-items:center; width:48px; height:48px; border:1px solid var(--oh-line); background:var(--oh-soft); color:var(--oh-accent); border-radius:14px; }
.oh-icon-box svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.5; }
.oh-card-number { font:10px monospace; color:var(--oh-muted); letter-spacing:2px; }
.oh-pill { color:var(--oh-accent); background:var(--oh-soft); border:1px solid var(--oh-line); border-radius:30px; padding:5px 10px; font-size:9px; }
.oh-card-kicker { font:10px/1.8 monospace; color:var(--oh-muted); letter-spacing:1.7px; }
.oh-service-card h3 { font-size:22px; margin:7px 0 14px; }
.oh-service-card p { color:var(--oh-muted); font-size:12px; line-height:2.15; min-height:78px; }
.oh-service-card ul { padding:0; list-style:none; margin:10px 0 27px; color:var(--oh-muted); font-size:12px; }
.oh-service-card li { margin-block:9px; }
.oh-service-card li::before { content:'✓'; color:var(--oh-cyan); margin-left:8px; }
.oh-card-link { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:auto; padding-top:20px; border-top:1px solid var(--oh-line); font-size:12px; font-weight:700; color:var(--oh-text)!important; }
.oh-card-link span { color:var(--oh-accent); font-size:22px; }
.oh-plan-note { margin:18px 0 0; color:var(--oh-muted); font-size:11px; }
.oh-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.oh-feature-grid article { border-top:1px solid var(--oh-line); padding-top:25px; }
.oh-feature-symbol { color:var(--oh-accent); font:24px/1.8 monospace; }
.oh-feature-grid h3 { font-size:17px; margin:12px 0; }
.oh-feature-grid p { font-size:12px; color:var(--oh-muted); line-height:2.15; }
.oh-workspace { position:relative; padding:36px; display:grid; grid-template-columns:1fr 1.2fr; align-items:center; gap:60px; border:1px solid var(--oh-line); border-radius:24px; background:radial-gradient(ellipse at 95% 5%,var(--oh-glow),transparent 70%),var(--oh-surface); }
.oh-workspace h2 { font-size:30px; margin:12px 0; }
.oh-workspace>div>p { color:var(--oh-muted); font-size:12px; line-height:2.2; }
.oh-use-grid { display:grid; gap:0; }
.oh-use-grid article { padding:16px 0; border-bottom:1px solid var(--oh-line); display:flex; gap:18px; }
.oh-use-grid article:last-child { border-bottom:0; }
.oh-use-grid article>span { padding-top:4px; color:var(--oh-accent); font:12px monospace; }
.oh-use-grid h3 { font-size:15px; margin:0 0 6px; }
.oh-use-grid p { color:var(--oh-muted); font-size:11px; margin:0; }
.oh-faq-section { display:grid; grid-template-columns:1fr 1.4fr; gap:65px; }
.oh-faq-section>div>p { color:var(--oh-muted); font-size:12px; margin:18px 0; }
.oh-faq-list details { border-bottom:1px solid var(--oh-line); }
.oh-faq-list summary { padding:20px 0; display:flex; align-items:center; justify-content:space-between; gap:18px; cursor:pointer; list-style:none; font-size:13px; font-weight:700; }
.oh-faq-list summary::-webkit-details-marker { display:none; }
.oh-faq-list summary::after { content:'+'; color:var(--oh-accent); font:22px Arial; }
.oh-faq-list details[open] summary::after { content:'−'; }
.oh-faq-list p { margin:0 0 20px; color:var(--oh-muted); font-size:12px; line-height:2.3; }
.oh-launch-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px 36px; border:1px solid #a76ce54d; border-radius:20px; background:var(--oh-soft); margin-bottom:64px; }
.oh-launch-cta h2 { font-size:23px; margin:0 0 6px; }
.oh-launch-cta p { margin:0; color:var(--oh-muted); font-size:12px; }
/* Footer */
.oh-footer { border-top:1px solid var(--oh-line); background:var(--oh-surface); padding:44px 0 24px; }
.oh-footer-grid { display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr; gap:36px; }
.oh-footer-grid h3 { font-size:13px; margin:2px 0 20px; }
.oh-footer-grid p { color:var(--oh-muted); font-size:11px; line-height:2.3; margin:18px 0; }
.oh-footer-grid>div>a:not(.oh-brand) { display:block; color:var(--oh-muted); font-size:11px; margin:11px 0; }
.oh-footer-grid>div>a:hover { color:var(--oh-accent); }
.oh-footer-bottom { border-top:1px solid var(--oh-line); margin-top:32px; padding-top:22px; display:flex; justify-content:space-between; gap:20px; color:var(--oh-muted); font-size:10px; }
.oh-trust-links { display:flex; gap:18px; flex-wrap:wrap; }
.oh-trust-links a { color:var(--oh-muted); }
.oh-back-top { position:fixed; left:20px; bottom:20px; width:44px; height:44px; border:1px solid var(--oh-line); border-radius:13px; background:var(--oh-surface); color:var(--oh-text); z-index:40; box-shadow:var(--oh-shadow); font:24px Arial; }
/* WHMCS account, shared controls and Bootstrap 3 surfaces. Preserve native status colors. */
.oh-theme .header-lined { margin:0 0 26px; padding:0 0 14px; border-color:var(--oh-line); }
.oh-theme .header-lined h1 { font-size:28px; color:var(--oh-text); border:0; overflow-wrap:anywhere; }
.oh-theme .header-lined h1 small { color:var(--oh-muted); font-size:13px; line-height:2; }
.oh-theme .breadcrumb { background:transparent; padding:10px 0; color:var(--oh-muted); font-size:11px; }
.oh-theme .breadcrumb>.active { color:var(--oh-muted); }
.oh-theme .panel,.oh-theme .well,.oh-theme .logincontainer,.oh-theme .modal-content,.oh-theme .list-group-item,.oh-theme .tile { background:var(--oh-surface); border-color:var(--oh-line); color:var(--oh-text); }
.oh-theme .panel { border-radius:15px; box-shadow:none; }
.oh-theme .panel>.panel-heading { border-radius:14px 14px 0 0; }
.oh-theme .panel-default>.panel-heading,.oh-theme .panel-sidebar>.panel-heading,.oh-theme .panel-footer,.oh-theme .modal-header,.oh-theme .modal-footer { background:var(--oh-surface-2); border-color:var(--oh-line); color:var(--oh-text); }
.oh-theme .panel-title { color:inherit; font-size:14px; }
.oh-theme .panel-body { padding:20px; }
.oh-theme .list-group-item { line-height:2; }
.oh-theme .list-group-item:hover,.oh-theme a.list-group-item:focus { background:var(--oh-soft); color:var(--oh-text); }
.oh-theme .list-group-item.active,.oh-theme .list-group-item.active:hover,.oh-theme .list-group-item.active:focus { color:#fff; background:var(--oh-primary); border-color:var(--oh-primary); }
.oh-theme .sidebar .list-group-item { font-size:12px; }
.oh-theme .form-control,.oh-theme .field,.oh-theme .input-group-addon { background:var(--oh-surface); color:var(--oh-text); border:1px solid var(--oh-line); box-shadow:none; }
.oh-theme .form-control { min-height:43px; height:auto; border-radius:9px; font-size:13px; }
.oh-theme textarea.form-control { min-height:110px; }
.oh-theme .form-control::placeholder { color:var(--oh-muted); opacity:1; }
.oh-theme .form-control:focus,.oh-theme .field:focus { border-color:var(--oh-accent); box-shadow:0 0 0 3px var(--oh-glow); }
.oh-theme input[type="email"],.oh-theme input[type="password"],.oh-theme input[type="tel"] { direction:ltr; text-align:left; }
.oh-theme input[type="checkbox"],.oh-theme input[type="radio"] { accent-color:var(--oh-primary); }
.oh-theme .form-control[disabled],.oh-theme .form-control[readonly] { background:var(--oh-surface-2); opacity:.8; }
.oh-theme .btn { border-radius:9px; padding:9px 17px; font-size:12px; line-height:1.8; white-space:normal; }
.oh-theme .btn-primary,.oh-theme .pagination>.active>a { color:#fff!important; background:var(--oh-primary); border-color:var(--oh-primary); }
.oh-theme .btn-primary:hover,.oh-theme .btn-primary:focus { background:var(--oh-primary-hover); border-color:var(--oh-primary-hover); }
.oh-theme .btn-default,.oh-theme .pagination>li>a,.oh-theme .pagination>li>span { background:var(--oh-surface); color:var(--oh-text); border-color:var(--oh-line); }
.oh-theme .btn-default:hover { background:var(--oh-surface-2); color:var(--oh-text); }
.oh-theme .btn-sm { padding:6px 12px; font-size:11px; }
.oh-theme .btn-xs { padding:3px 8px; font-size:10px; }
.oh-theme .btn-success,.oh-theme .btn-info,.oh-theme .btn-danger,.oh-theme .btn-warning { color:#fff; }
.oh-theme .btn-success { background:#207348; border-color:#207348; }
.oh-theme .btn-info { background:#206d91; border-color:#206d91; }
.oh-theme .btn-warning { background:#815900; border-color:#815900; }
.oh-theme .text-muted,.oh-theme .help-block { color:var(--oh-muted); }
.oh-theme .table { color:var(--oh-text); background:var(--oh-surface); }
.oh-theme .table>thead>tr>th { background:var(--oh-surface-2); color:var(--oh-text); border-color:var(--oh-line); }
.oh-theme .table>tbody>tr>td,.oh-theme .table>tbody>tr>th { border-color:var(--oh-line); vertical-align:middle; }
.oh-theme .table-striped>tbody>tr:nth-of-type(odd) { background:var(--oh-surface-2); }
.oh-theme .table-hover>tbody>tr:hover { background:var(--oh-soft); }
.oh-theme .dataTables_wrapper { min-width:0; max-width:100%; }
.oh-theme .table-responsive { border-color:var(--oh-line); }
.oh-theme .nav-tabs { border-color:var(--oh-line); }
.oh-theme .nav-tabs>li.active>a,.oh-theme .nav-tabs>li.active>a:focus,.oh-theme .nav-tabs>li.active>a:hover { background:var(--oh-surface); color:var(--oh-text); border-color:var(--oh-line); border-bottom-color:transparent; }
.oh-theme .nav-tabs>li>a:hover { background:var(--oh-soft); border-color:var(--oh-line); }
.oh-theme .logincontainer { width:100%; max-width:560px; margin:10px auto 32px; padding:30px; border:1px solid var(--oh-line); border-radius:20px; }
.oh-theme .logincontainer.with-social { max-width:860px; }
.oh-theme .modal-content { border-radius:15px; }
.oh-theme .modal .close { color:var(--oh-text); opacity:.8; text-shadow:none; }
.oh-theme .kbarticle { line-height:2.3; overflow-wrap:anywhere; }
.oh-theme pre { direction:ltr; text-align:left; background:var(--oh-surface-2); color:var(--oh-text); border-color:var(--oh-line); }
.oh-theme .client-home-panels .panel>.panel-heading .panel-title .btn { color:var(--oh-text); background:var(--oh-soft); border:1px solid var(--oh-line); opacity:1; }
.oh-theme .client-home-panels .panel-title { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.oh-theme .client-home-panels .panel-title>.pull-right { margin-right:auto; float:none!important; }
.oh-theme .tiles .tile,.oh-theme .tiles .box-intr a { border:1px solid var(--oh-line); border-radius:13px; background:var(--oh-surface); color:var(--oh-text); }
.oh-theme .tiles .tile .stat,.oh-theme .tiles .tile .title { color:var(--oh-text); }
/* Cart is a separate WHMCS template. Scope overrides and out-specificity parent CSS. */
body.oh-theme #order-standard_cart { color:var(--oh-text); padding-bottom:24px; }
body.oh-theme #order-standard_cart .header-lined h1,body.oh-theme #order-standard_cart h2,body.oh-theme #order-standard_cart h3,body.oh-theme #order-standard_cart label { color:var(--oh-text); }
body.oh-theme #order-standard_cart .products { margin:0; }
body.oh-theme #order-standard_cart .products .product { border:1px solid var(--oh-line); border-radius:19px; overflow:hidden; background:var(--oh-surface); color:var(--oh-text); margin:0 0 24px; }
body.oh-theme #order-standard_cart .products .product header { position:static; padding:20px 24px; border-bottom:1px solid var(--oh-line); background:linear-gradient(125deg,var(--oh-soft),var(--oh-surface-2)); color:var(--oh-text); }
body.oh-theme #order-standard_cart .products .product header span { color:var(--oh-text); font-weight:700; }
body.oh-theme #order-standard_cart .products .product .product-desc { padding:22px 24px; font-size:12px; color:var(--oh-muted); line-height:2.1; float:none; width:100%; overflow-wrap:anywhere; }
body.oh-theme #order-standard_cart .products .product .product-desc ul { padding:0; list-style:none; margin:0; }
body.oh-theme #order-standard_cart .products .product .product-desc li { display:flex; align-items:baseline; justify-content:space-between; gap:14px; border-bottom:1px solid var(--oh-line); padding:11px 0; }
body.oh-theme #order-standard_cart .products .product .product-desc li span { color:var(--oh-text); font-weight:700; }
body.oh-theme #order-standard_cart .products .product footer { float:none; width:100%; margin:0; clear:both; padding:18px 22px; border-top:1px solid var(--oh-line); background:linear-gradient(110deg,var(--oh-soft),var(--oh-surface-2)); display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px; text-align:right; font-size:12px; overflow:hidden; }
body.oh-theme #order-standard_cart .products .product .product-pricing,body.oh-theme #order-standard_cart .products .product .product-pricing span.price { color:var(--oh-text); }
body.oh-theme #order-standard_cart .products .product .product-pricing { float:none; width:auto; min-width:0; margin:0; text-align:right; display:flex; flex-direction:column; align-items:flex-start; gap:6px; line-height:1.8; font-size:12px; color:var(--oh-muted); }
body.oh-theme #order-standard_cart .products .product .product-pricing span.price { font-size:19px; line-height:1.7; font-weight:700; letter-spacing:-.6px; font-variant-numeric:tabular-nums; color:var(--oh-text); overflow-wrap:anywhere; }
body.oh-theme #order-standard_cart .products .product .product-pricing br { display:none; }
body.oh-theme #order-standard_cart .products .product .btn-order-now { float:none; width:auto; min-width:135px; min-height:42px; margin:0; padding:10px 16px; border-radius:12px; color:#fff; background:linear-gradient(120deg,#9958eb,#7133cb); border-color:#a66de0; font-weight:700; font-size:12px; box-shadow:0 7px 22px var(--oh-glow); }
body.oh-theme #order-standard_cart .view-cart-items-header { background:var(--oh-primary); color:#fff; border-color:var(--oh-line); }
body.oh-theme #order-standard_cart .view-cart-items,body.oh-theme #order-standard_cart .view-cart-items .item,body.oh-theme #order-standard_cart .view-cart-tabs .tab-content,body.oh-theme #order-standard_cart .summary-container,body.oh-theme #order-standard_cart .order-summary { background:var(--oh-surface); color:var(--oh-text); border-color:var(--oh-line); }
body.oh-theme #order-standard_cart .order-summary h2 { background:var(--oh-soft); color:var(--oh-text); }
body.oh-theme #order-standard_cart .field,body.oh-theme #order-standard_cart .form-control,body.oh-theme #order-standard_cart .input-group-addon { background:var(--oh-surface); color:var(--oh-text); border-color:var(--oh-line); }
body.oh-theme #order-standard_cart .sub-heading { border-color:var(--oh-line); }
body.oh-theme #order-standard_cart .sub-heading span { background:var(--oh-bg); color:var(--oh-text); }
body.oh-theme #order-standard_cart .domain-selection-options .option,body.oh-theme #order-standard_cart .domain-selection-options .option-selected,body.oh-theme #order-standard_cart .view-cart-items .item:nth-child(even),body.oh-theme #order-standard_cart .account-select-container { background:var(--oh-surface-2); color:var(--oh-text); border-color:var(--oh-line); }
body.oh-theme #order-standard_cart .sidebar-collapsed { background:var(--oh-surface); color:var(--oh-text); border-color:var(--oh-line); }
body.oh-theme #order-standard_cart .alert { color:#25344d; }
/* Mobile and tablet */
@media (min-width:1200px) { .oh-navigation .dropdown:hover>.dropdown-menu,.oh-navigation .dropdown:focus-within>.dropdown-menu { display:block; } }
@media (max-width:1199px) {
  .oh-nav-wrap { gap:15px; }
  .oh-menu-toggle { display:inline-flex; margin-right:auto; }
  .oh-nav-actions { margin-right:0; }
  .oh-navigation { position:absolute; top:82px; inset-inline:0; padding:12px; max-height:calc(100dvh - 130px); overflow-y:auto; background:var(--oh-surface); border:1px solid var(--oh-line); border-radius:0 0 16px 16px; box-shadow:var(--oh-shadow); }
  .oh-nav-ready .oh-navigation:not(.is-open) { display:none; }
  html:not(.oh-nav-ready) .oh-nav-wrap { height:auto; min-height:82px; flex-wrap:wrap; padding-block:14px; }
  html:not(.oh-nav-ready) .oh-navigation { position:static; flex-basis:100%; order:4; }
  .oh-navigation .navbar-nav { display:block; }
  .oh-navigation .navbar-nav>li>a { display:block; font-size:13px; padding:12px; }
  .oh-navigation .dropdown-menu { position:static; float:none; width:100%; box-shadow:none; }
  html:not(.oh-nav-ready) .oh-navigation .dropdown-menu { display:block; }
  .oh-hero { gap:28px; }
  .oh-universe { transform:scale(.92); }
}
@media (max-width:991px) {
  .oh-hero { grid-template-columns:1fr 1fr; padding-top:55px; }
  .oh-hero h1 { font-size:34px; }
  .oh-hero-lead { font-size:12px; }
  .oh-universe { height:380px; transform:scale(.8); }
  .oh-platform-strip { align-items:flex-start; flex-direction:column; }
  .oh-service-card { padding:22px; }
  .oh-service-card h3 { font-size:18px; }
  .oh-theme .sidebar { width:100%; float:none!important; }
  .oh-theme .main-content { width:100%; float:none!important; }
  .oh-workspace { gap:32px; }
  .oh-faq-section { gap:32px; }
  .oh-footer-grid { gap:25px; grid-template-columns:1.5fr 1fr 1fr; }
  .oh-footer-grid>div:last-child { grid-column:2; }
}
@media (max-width:767px) {
  html { scroll-padding-top:84px; }
  .oh-theme .container { width:calc(100% - 32px); }
  .oh-topbar { display:none; }
  .oh-nav-wrap { height:74px; gap:8px; }
  .oh-navigation { top:74px; max-height:calc(100dvh - 88px); }
  .oh-brand { gap:8px; }
  .oh-brand strong { font-size:17px; }
  .oh-brand small { font-size:7px; letter-spacing:2.3px; }
  .oh-brand-mark { width:36px; height:38px; font-size:30px; border-radius:11px; }
  .oh-menu-toggle { min-width:38px; font-size:19px; padding:7px; }
  .oh-menu-toggle>span:last-child { display:none; }
  .oh-nav-actions { gap:6px; }
  .oh-icon-button,.oh-cart { min-width:36px; height:39px; padding:8px; }
  .oh-account { font-size:10px; padding:9px 11px; min-height:39px; }
  .oh-account>span { display:none; }
  .oh-signed-in .oh-account { display:none; }
  .oh-hero { grid-template-columns:1fr; padding:42px 0 30px; gap:24px; }
  .oh-hero-index { display:none; }
  .oh-hero .oh-eyebrow { font-size:9px; }
  .oh-hero h1 { font-size:37px; letter-spacing:-1px; margin-top:20px; }
  .oh-hero-lead { font-size:13px; line-height:2.2; }
  .oh-hero-actions .oh-button { font-size:12px; padding:12px 17px; gap:16px; }
  .oh-hero-notes { font-size:9px; gap:14px; }
  .oh-universe { transform:none; height:350px; width:100%; max-width:400px; margin:auto; }
  .oh-orbit-ring { width:85%; height:180px; }
  .oh-orbit-ring-two { width:98%; height:230px; }
  .oh-orb-halo { width:100%; height:310px; }
  .oh-rack { width:198px; }
  .oh-rack-roof { height:45px; }
  .oh-rack-unit { height:53px; }
  .oh-rack-unit>span { width:94px; }
    .oh-orbit-tag { padding:10px 12px; gap:8px; }
  .oh-orbit-tag-one { right:0; bottom:42px; }
  .oh-orbit-tag-two { top:43px; left:0; }
  .oh-orbit-tag b { font-size:11px; }
  .oh-orbit-tag small { font-size:8px; }
  .oh-space-label { font-size:8px; left:5px; top:4px; }
  .oh-art-caption { font-size:7px; bottom:0; }
  .oh-platform-strip { gap:18px; padding:22px 0; }
  .oh-platform-logos { gap:18px 25px; }
  .oh-platform-logos strong { font-size:15px; }
  .oh-section { padding:40px 0; }
  .oh-section-head { align-items:flex-start; gap:14px; flex-direction:column; }
  .oh-section-head h2,.oh-faq-section h2 { font-size:25px; }
  .oh-service-grid,.oh-feature-grid,.oh-workspace,.oh-faq-section { grid-template-columns:1fr; }
  .oh-service-card { padding:26px; }
  .oh-service-card h3 { font-size:23px; }
  .oh-service-card p { min-height:0; }
  .oh-service-card ul { margin-bottom:20px; }
  .oh-feature-grid { gap:22px; }
  .oh-feature-grid article { padding-top:18px; }
  .oh-workspace { padding:26px; gap:16px; }
  .oh-workspace h2 { font-size:25px; }
  .oh-launch-cta { align-items:flex-start; flex-direction:column; padding:26px; margin-bottom:40px; }
  .oh-launch-cta h2 { font-size:21px; }
  .oh-footer { padding-top:30px; }
  .oh-footer-grid { grid-template-columns:1fr 1fr; gap:24px; }
  .oh-footer-grid>div:first-child { grid-column:1/-1; }
  .oh-footer-grid>div:last-child { grid-column:auto; }
  .oh-footer-bottom { flex-direction:column; gap:12px; }
  .oh-theme #main-body { padding-top:24px; }
  .oh-theme .form-control,body.oh-theme #order-standard_cart .field { font-size:16px; }
  .oh-theme .header-lined h1 { font-size:24px; }
  .oh-theme .logincontainer { padding:24px 18px; }
  .oh-theme #order-standard_cart .cart-body,.oh-theme #order-standard_cart .cart-sidebar { width:100%; float:none; }
  .oh-theme .table-responsive { overflow-x:auto; }
}
@media(max-width:389px) { .oh-cart { display:none; } .oh-nav-wrap { gap:6px; } .oh-hero h1 { font-size:33px; } .oh-account { padding-inline:9px; } }
@media(prefers-reduced-motion:reduce) { .oh-theme *,.oh-theme *::before,.oh-theme *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media(print) { .oh-header,.oh-footer,.oh-cosmos,.oh-back-top,.oh-universe,.oh-skip { display:none!important; } body.oh-theme { color:#000; background:#fff; --oh-text:#000; --oh-muted:#333; --oh-surface:#fff; --oh-surface-2:#fff; --oh-line:#ccc; } .oh-theme #main-body { padding:0; } }
/* Existing account dashboard, with static artwork and readable summary tiles. */
.oh-mission { display:flex; align-items:center; justify-content:space-between; gap:24px; position:relative; overflow:hidden; padding:28px; margin-bottom:24px; border:1px solid var(--oh-line); border-radius:20px; background:radial-gradient(ellipse at 0 0,var(--oh-glow),transparent 65%),var(--oh-surface); }
.oh-mission h2 { font-size:24px; margin:8px 0; }
.oh-mission p { color:var(--oh-muted); font-size:12px; }
.oh-mission-link { font-size:12px; font-weight:700; }
.oh-mission-art { position:relative; width:150px; height:120px; flex-shrink:0; }
.oh-mission-orbit { position:absolute; inset:18px 0; border:1px solid var(--oh-line); border-radius:50%; transform:rotate(-25deg); }
.oh-mission-planet { position:absolute; width:62px; height:62px; top:29px; left:44px; border-radius:50%; background:radial-gradient(circle at 30% 25%,#d6b3ff,#7746a8 50%,#20132e 90%); }
.oh-mission-satellite { position:absolute; top:10px; left:5px; }
.oh-mission-rocket { position:absolute; bottom:4px; right:4px; }
.oh-theme .tiles .box-intr { padding-block:8px; }
.oh-theme .tiles .box-intr a { display:block; padding:20px 10px; text-align:center; }
.oh-theme .tiles .box-intr .stat { color:var(--oh-text); font-size:28px; font-weight:700; line-height:1.7; }
.oh-theme .tiles .box-intr .title { color:var(--oh-muted); font-size:12px; }
.oh-theme .tiles .box-intr .icon { margin-bottom:10px; }
@media(max-width:767px) { .oh-mission { padding:24px; } .oh-mission h2 { font-size:21px; } .oh-mission-art { display:none; } }
/* Legacy WHMCS rules assign cell/reply backgrounds directly; override both colors. */
.oh-theme .main-content { margin-bottom:0; }
.oh-theme .table-list>tbody>tr>td { background:var(--oh-surface); color:var(--oh-text); }
.oh-theme .table-list>tbody>tr:nth-child(even)>td { background:var(--oh-surface-2); }
.oh-theme .dataTables_wrapper table.table-list thead th.sorting_asc,.oh-theme .dataTables_wrapper table.table-list thead th.sorting_desc { background-color:var(--oh-surface-2); color:var(--oh-text); }
.oh-theme .ticket-reply,.oh-theme div.credit-card { background:var(--oh-surface); color:var(--oh-text); border-color:var(--oh-line); }
.oh-theme .ticket-reply .user,.oh-theme .ticket-reply.staff .user,.oh-theme .ticket-reply .attachments,.oh-theme div.credit-card div.card-number { background:var(--oh-surface-2); color:var(--oh-text); border-color:var(--oh-line); }
.oh-theme .kb-article-content { line-height:2.2; font-weight:400; overflow-wrap:anywhere; }
.oh-theme .label-success { background:#207348; color:#fff; }
.oh-theme .label-info { background:#206d91; color:#fff; }
.oh-theme .label-warning { background:#815900; color:#fff; }
.oh-theme .label-danger { background:#af293e; color:#fff; }
.oh-theme .table>tbody>tr.success>td,.oh-theme .table>tbody>tr>td.success { background:#e7f4ec; color:#195738; }
.oh-theme .table>tbody>tr.info>td,.oh-theme .table>tbody>tr>td.info { background:#e8f2fa; color:#1e5275; }
.oh-theme .table>tbody>tr.warning>td,.oh-theme .table>tbody>tr>td.warning { background:#fff4da; color:#6b4b05; }
.oh-theme .table>tbody>tr.danger>td,.oh-theme .table>tbody>tr>td.danger { background:#fcebef; color:#952b42; }
/* 5.1: luminous orbital navigation and a local SVG eagle. Header dimensions stay fixed. */
.oh-svg { display:inline-block; width:21px; height:21px; vertical-align:middle; flex-shrink:0; }
.oh-eagle { display:block; width:38px; height:38px; }
.oh-brand-mark { position:relative; width:50px; height:50px; border-radius:17px; background:linear-gradient(145deg,#b17af4 0%,#8746d6 45%,#512b9c 100%); box-shadow:0 5px 24px #8045c433,inset 0 1px 0 #f4e9ff99,inset 0 -8px 16px #54219c44; }
.oh-brand-mark::after { content:''; position:absolute; inset:-5px; border:1px solid #a877e94d; border-radius:21px; pointer-events:none; }
.oh-brand-orbit { color:var(--oh-accent); letter-spacing:1px; font-size:7px; }
.oh-header { background:radial-gradient(ellipse at 85% -50%,var(--oh-header-glow),transparent 65%),linear-gradient(115deg,var(--oh-header),var(--oh-surface-2)); box-shadow:0 2px 0 var(--oh-glow); }
.oh-header::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,#b17af4,var(--oh-cyan),#b17af4,transparent); pointer-events:none; }
.oh-topbar { background:linear-gradient(90deg,var(--oh-soft),transparent 50%,var(--oh-soft)); }
.oh-topline { display:flex; align-items:center; gap:8px; }
.oh-live-dot { width:5px; height:5px; border-radius:50%; background:var(--oh-cyan); box-shadow:0 0 0 4px var(--oh-glow); }
.oh-navigation .navbar-nav>li>a { position:relative; transition:background .2s,color .2s; }
.oh-navigation .navbar-nav>li>a::before { content:''; position:absolute; bottom:3px; right:15px; left:15px; height:2px; border-radius:3px; background:linear-gradient(90deg,var(--oh-accent),var(--oh-cyan)); opacity:0; transform:scaleX(.3); transition:opacity .2s,transform .2s; }
.oh-navigation .navbar-nav>li>a:hover::before,.oh-navigation .navbar-nav>li>a:focus-visible::before { opacity:1; transform:scaleX(1); }
.oh-icon-button,.oh-cart { box-shadow:inset 0 1px 0 var(--oh-header-glow); background:linear-gradient(135deg,var(--oh-surface),var(--oh-soft)); }
.oh-action-icon { display:inline-flex; align-items:center; }
.oh-external-icon .oh-svg { width:13px; height:13px; }
.oh-rack-roof .oh-eagle { width:32px; height:32px; }
.oh-feature-symbol .oh-svg { width:29px; height:29px; }
.oh-orbit-tag .oh-svg { width:21px; height:21px; }
.oh-hero h1 span { text-shadow:0 8px 35px var(--oh-glow); }
.oh-universe .oh-rack { animation:oh-rack-drift 10s ease-in-out infinite alternate; }
.oh-orbit-ring { animation:oh-orbit-glimmer 8s ease-in-out infinite alternate; }
.oh-orbit-ring-two { animation-delay:-4s; }
/* Shooting stars are three small composited layers, rather than an animated canvas. */
.oh-aurora { position:absolute; inset:-15%; background:radial-gradient(ellipse at 80% 20%,var(--oh-glow),transparent 45%),radial-gradient(ellipse at 10% 80%,var(--oh-glow),transparent 42%); animation:oh-aurora-drift 25s ease-in-out infinite alternate; }
.oh-stardust { position:absolute; inset:-5%; opacity:.4; background-image:radial-gradient(1.5px 1.5px at 20% 25%,var(--oh-star),transparent 95%),radial-gradient(1px 1px at 80% 70%,var(--oh-star),transparent 95%); background-size:347px 379px,227px 281px; animation:oh-stardust-drift 35s linear infinite alternate; }
.oh-comet { position:absolute; right:-10%; top:12%; width:190px; height:2px; opacity:0; border-radius:50%; background:linear-gradient(90deg,var(--oh-meteor),transparent); transform:rotate(-32deg); animation:oh-comet-flight 12s linear infinite; animation-delay:-8.2s; }
.oh-comet::before { content:''; position:absolute; left:0; top:-1px; width:4px; height:4px; border-radius:50%; background:var(--oh-meteor); box-shadow:0 0 9px var(--oh-meteor); }
.oh-comet-two { right:25%; top:4%; width:140px; animation-duration:17s; animation-delay:-8s; }
.oh-comet-three { right:-3%; top:54%; width:110px; animation-duration:22s; animation-delay:-4s; }
.oh-motion-controls { display:flex; justify-content:flex-end; margin-top:20px; }
.oh-motion-toggle { color:var(--oh-muted); background:var(--oh-soft); border:1px solid var(--oh-line); border-radius:9px; padding:7px 12px; font-size:10px; cursor:pointer; }
.oh-motion-paused .oh-cosmos *,.oh-motion-paused .oh-cosmos::after,.oh-motion-paused .oh-universe *,
.oh-page-hidden .oh-cosmos *,.oh-page-hidden .oh-cosmos::after,.oh-page-hidden .oh-universe * { animation-play-state:paused!important; }
@keyframes oh-comet-flight { 0%,68% { opacity:0; transform:translate3d(0,0,0) rotate(-32deg); } 70% { opacity:.85; } 78%,100% { opacity:0; transform:translate3d(-900px,560px,0) rotate(-32deg); } }
@keyframes oh-stars-pulse { from { opacity:.2; } to { opacity:.55; } }
@keyframes oh-stardust-drift { from { transform:translate3d(0,0,0); } to { transform:translate3d(-25px,40px,0); } }
@keyframes oh-aurora-drift { from { transform:translate3d(-1%,0,0) scale(1); } to { transform:translate3d(2%,1%,0) scale(1.05); } }
@keyframes oh-rack-drift { from { transform:translateY(-5px) rotate(-7deg); } to { transform:translateY(5px) rotate(-5deg); } }
@keyframes oh-orbit-glimmer { from { opacity:.45; } to { opacity:1; } }
@media(max-width:1399px) { .oh-brand-orbit { display:none; } }
@media(max-width:991px) {
  body.oh-theme #order-standard_cart .products .product footer { grid-template-columns:1fr; gap:16px; }
  body.oh-theme #order-standard_cart .products .product .btn-order-now { width:100%; }
}
@media(max-width:767px) {
  .oh-brand-mark { width:36px; height:38px; border-radius:11px; }
  .oh-brand-mark::after { inset:-3px; border-radius:14px; }
  .oh-brand-mark .oh-eagle { width:28px; height:28px; }
  .oh-comet-three { display:none; }
  .oh-comet { width:110px; }
  body.oh-theme #order-standard_cart .products .product footer { padding:18px; }
  body.oh-theme #order-standard_cart .products .product .product-pricing span.price { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) { .oh-cosmos *,.oh-cosmos::after,.oh-universe * { animation:none!important; } .oh-comet { display:none; } }
/* Contain orbit ink and keep mobile controls in a compact shared row. */
.oh-universe { overflow:hidden; }
@supports(overflow:clip) { .oh-universe { overflow:clip; } }
.oh-hero-copy,.oh-hero>*,.oh-workspace>*,.oh-faq-section>*,.oh-footer-grid>* { min-width:0; }
.oh-platform-strip>*,.oh-platform-logos { min-width:0; max-width:100%; }
.oh-brand-mark img.oh-eagle { display:block; object-fit:contain; width:38px; height:38px; flex-shrink:0; }
@media(max-width:767px) {
  .oh-theme .oh-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .oh-theme .oh-universe { max-width:100%; }
  .oh-hero-notes>span { min-width:0; }
  .oh-brand-mark img.oh-eagle { width:28px; height:28px; }
}
@media(max-width:575px) {
  html { scroll-padding-top:88px; }
  .oh-theme .container { width:calc(100% - 24px); }
  .oh-theme .oh-nav-wrap {
    display:grid; grid-template-columns:minmax(0,1fr) 34px auto;
    grid-template-areas:"brand menu actions";
    grid-template-rows:44px; gap:0 6px; height:76px; padding-block:16px;
  }
  .oh-nav-wrap>.oh-brand { grid-area:brand; min-width:0; max-width:100%; width:max-content; gap:7px; }
  .oh-nav-wrap .oh-brand strong { font-size:16px; white-space:nowrap; }
  .oh-nav-wrap .oh-brand small { font-size:7px; letter-spacing:1.8px; }
  .oh-nav-wrap .oh-brand-mark { width:32px; height:34px; border-radius:11px; }
  .oh-nav-wrap .oh-brand-mark img.oh-eagle { width:25px; height:25px; }
  .oh-theme .oh-menu-toggle { grid-area:menu; width:34px; min-width:34px; height:40px; padding:7px; margin:0; justify-self:end; }
  .oh-theme .oh-nav-actions { grid-area:actions; display:flex; width:auto; min-width:0; gap:6px; margin:0; }
  .oh-theme .oh-nav-actions>.oh-icon-button,.oh-theme .oh-nav-actions>.oh-cart { display:inline-flex; width:34px; height:40px; min-width:34px; flex:0 0 34px; }
  .oh-theme .oh-nav-actions>.oh-account { display:inline-flex; width:76px; flex:0 0 76px; min-width:0; min-height:40px; padding:8px 6px; font-size:10px; white-space:nowrap; justify-content:center; }
  .oh-theme.oh-signed-in .oh-nav-actions>.oh-account { display:none; }
  .oh-theme .oh-account-menu { flex:0 0 32px; }
  .oh-theme .oh-account-menu summary { min-width:32px; min-height:40px; }
  .oh-theme .oh-account-menu>div { left:0; right:auto; min-width:210px; max-width:calc(100vw - 24px); }
  .oh-theme .oh-navigation { top:100%; left:0; right:0; width:100%; max-width:100%; max-height:calc(100vh - 88px); max-height:calc(100dvh - 88px); }
  html:not(.oh-nav-ready) .oh-theme .oh-nav-wrap { height:auto; min-height:76px; grid-template-areas:"brand menu actions" "nav nav nav"; grid-template-rows:44px auto; row-gap:12px; }
  html:not(.oh-nav-ready) .oh-theme .oh-navigation { grid-area:nav; position:static; width:100%; }
  .oh-hero { padding-top:30px; gap:20px; }
  .oh-hero h1 { font-size:clamp(28px,8.7vw,37px); line-height:1.75; letter-spacing:-.8px; }
  .oh-hero-lead { font-size:13px; line-height:2.2; }
  .oh-hero .oh-eyebrow { max-width:100%; font-size:9px; }
  .oh-hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .oh-hero-actions .oh-button { width:100%; min-width:0; max-width:100%; min-height:46px; padding:11px 9px; font-size:11px; gap:7px; }
  .oh-hero-actions .oh-svg { width:17px; height:17px; }
  .oh-hero-notes { display:flex; flex-wrap:wrap; gap:10px 14px; font-size:9px; line-height:2; }
  .oh-universe { width:100%; height:330px; }
  .oh-orbit-tag { max-width:75%; padding:9px 11px; }
  .oh-orbit-tag b { font-size:10px; }
  .oh-orbit-tag small { font-size:8px; }
  .oh-platform-logos { justify-content:flex-start; gap:15px 22px; }
  .oh-section-head h2,.oh-workspace h2,.oh-faq-section h2 { font-size:23px; }
  .oh-launch-cta { padding:24px; }
  .oh-launch-cta .oh-button { width:100%; min-width:0; }
  .oh-footer-grid { gap:24px 18px; }
  .oh-footer-grid>div:first-child { grid-column:1/-1; }
  .oh-footer-grid>div>a:not(.oh-brand) { font-size:12px; overflow-wrap:anywhere; }
  .oh-trust-links { flex-direction:column; gap:12px; }
  .oh-footer-bottom { overflow-wrap:anywhere; }
  .oh-motion-toggle { width:100%; }
  .oh-back-top { left:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); }
}
@media(max-width:359px) {
  .oh-theme .oh-nav-wrap { grid-template-columns:minmax(0,1fr) 32px auto; column-gap:4px; }
  .oh-nav-wrap .oh-brand strong { font-size:14px; }
  .oh-nav-wrap .oh-brand { gap:6px; }
  .oh-nav-wrap .oh-brand small { font-size:6px; letter-spacing:1.5px; }
  .oh-nav-wrap .oh-brand-mark { width:30px; height:32px; }
  .oh-theme .oh-menu-toggle { width:32px; min-width:32px; }
  .oh-theme .oh-nav-actions { gap:4px; }
  .oh-theme .oh-nav-actions>.oh-icon-button,.oh-theme .oh-nav-actions>.oh-cart { width:32px; min-width:32px; flex-basis:32px; }
  .oh-theme .oh-nav-actions>.oh-account { width:64px; flex-basis:64px; font-size:9px; padding-inline:4px; }
}

.oh-account-menu strong,.oh-account-menu a { overflow-wrap:anywhere; }

/* 5.3: angular communications satellite, replacing the decorative sphere. */
.oh-probe { position:absolute; width:108px; height:88px; right:5%; top:18px; transform:rotate(-12deg); animation:oh-probe-drift 11s ease-in-out infinite alternate; }
.oh-probe svg { display:block; width:100%; height:100%; overflow:visible; }
.oh-probe-panel { fill:var(--oh-soft); stroke:var(--oh-accent); stroke-width:1.2; }
.oh-probe-grid { fill:none; stroke:var(--oh-accent); stroke-width:.8; opacity:.65; }
.oh-probe-link { fill:none; stroke:var(--oh-muted); stroke-width:1.5; stroke-linecap:round; }
.oh-probe-top { fill:var(--oh-accent); }
.oh-probe-side { fill:var(--oh-surface-3); stroke:var(--oh-accent); stroke-width:.8; }
.oh-probe-body { fill:var(--oh-surface-2); stroke:var(--oh-accent); stroke-width:1; }
.oh-probe-detail { fill:var(--oh-cyan); opacity:.65; }
@keyframes oh-probe-drift { from { transform:translateY(-3px) rotate(-12deg); } to { transform:translateY(3px) rotate(-8deg); } }
:root[data-theme="dark"] .oh-aurora { opacity:.55; }
:root[data-theme="dark"] .oh-stardust { opacity:.22; }
:root[data-theme="dark"] .oh-header::after { opacity:.35; }
:root[data-theme="dark"] .oh-button-dark { background:linear-gradient(115deg,#7041ae,#573087); border-color:#77559466; box-shadow:0 4px 14px #0002; }
:root[data-theme="dark"] body.oh-theme #order-standard_cart .products .product .btn-order-now { background:linear-gradient(115deg,#7041ae,#573087); border-color:#77559466; box-shadow:0 4px 14px #0002; }
:root[data-theme="dark"] .oh-hero h1 span { text-shadow:none; }
:root[data-theme="dark"] .oh-rack-roof { background:linear-gradient(130deg,#63427f,#352a49); border-color:#725c89; }
:root[data-theme="dark"] .oh-brand-mark { box-shadow:0 3px 14px #0002,inset 0 1px 0 #c9b4df44; }
@media(max-width:767px) { .oh-probe { width:80px; height:65px; top:15px; right:5%; } }
:root[data-theme="dark"] .oh-brand-mark { background:linear-gradient(145deg,#8856b9,#4a2c75); }
:root[data-theme="dark"] .oh-theme .alert-info { background:#1d2d39; color:#b7d1dd; border-color:#345166; }
:root[data-theme="dark"] .oh-theme .alert-success { background:#1c3029; color:#b4d3bf; border-color:#355246; }
:root[data-theme="dark"] .oh-theme .alert-danger { background:#35212b; color:#d9b6c2; border-color:#62404e; }
:root[data-theme="dark"] .oh-theme .alert-warning { background:#352e21; color:#d3c4a0; border-color:#5f5030; }

:root[data-theme="dark"] .oh-orb-halo { opacity:.45; }
/* 5.4 WHMCS shell: grid tracks replace Bootstrap's negative outer gutters. */
.oh-theme .oh-main-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; width:100%; min-width:0; margin:0; }
.oh-theme .oh-main-grid>.main-content,.oh-theme .oh-main-grid>.sidebar { min-width:0; max-width:100%; width:100%; padding:0; margin:0; float:none!important; }
.oh-theme .oh-main-grid>.clearfix { display:none; }
@media(min-width:992px) { .oh-theme .oh-main-grid.oh-with-sidebar { grid-template-columns:minmax(220px,1fr) minmax(0,3fr); align-items:start; } }
/* Scope Standard Cart overrides above the parent stylesheet, which loads later. */
body.oh-theme #order-standard_cart { width:100%; max-width:100%; min-width:0; }
body.oh-theme #order-standard_cart>.row { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; margin:0; width:100%; }
body.oh-theme #order-standard_cart>.row::before,body.oh-theme #order-standard_cart>.row::after,
body.oh-theme #order-standard_cart .products>.row::before,body.oh-theme #order-standard_cart .products>.row::after { display:none; }
body.oh-theme #order-standard_cart>.row>.cart-body,body.oh-theme #order-standard_cart>.row>.cart-sidebar { width:100%; max-width:100%; min-width:0; padding:0; margin:0; float:none!important; }
@media(min-width:1200px) { body.oh-theme #order-standard_cart>.row { grid-template-columns:minmax(220px,1fr) minmax(0,3fr); align-items:start; } }
body.oh-theme #order-standard_cart .sidebar-collapsed { margin:24px 0 28px; padding:0; background:transparent; border:0; border-radius:0; }
body.oh-theme #order-standard_cart .sidebar-collapsed>.panel { margin:0 0 18px; }
body.oh-theme #order-standard_cart .sidebar-collapsed>.panel:last-child { margin-bottom:0; }
body.oh-theme #order-standard_cart .sidebar-collapsed .panel,body.oh-theme #order-standard_cart .sidebar-collapsed .card { min-width:0; max-width:100%; background:var(--oh-surface); color:var(--oh-text); border-color:var(--oh-line); border-radius:15px; }
body.oh-theme #order-standard_cart .sidebar-collapsed .panel-heading,body.oh-theme #order-standard_cart .sidebar-collapsed .card-header { background:var(--oh-surface-2); color:var(--oh-text); border-color:var(--oh-line); }
body.oh-theme #order-standard_cart .sidebar-collapsed .panel-body,body.oh-theme #order-standard_cart .sidebar-collapsed .card-body { background:var(--oh-surface); color:var(--oh-text); padding:18px; }
body.oh-theme #order-standard_cart .sidebar-collapsed select.form-control { box-sizing:border-box; display:block; width:100%; max-width:100%; min-width:0; background:var(--oh-surface); color:var(--oh-text); border-color:var(--oh-line); }
body.oh-theme #order-standard_cart .products { min-width:0; max-width:100%; }
body.oh-theme #order-standard_cart .products>.row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:0; }
body.oh-theme #order-standard_cart .products>.row+.row { margin-top:24px; }
body.oh-theme #order-standard_cart .products>.row>.clearfix { display:none; }
body.oh-theme #order-standard_cart .products>.row>div[class*="col-"] { float:none!important; width:100%; max-width:100%; min-width:0; padding:0; display:flex; }
body.oh-theme #order-standard_cart .products .product { width:100%; max-width:100%; min-width:0; margin:0; }
body.oh-theme #order-standard_cart .products .product>header { width:100%; margin:0; }
body.oh-theme #order-standard_cart .header-lined,body.oh-theme #order-standard_cart .header-lined p { min-width:0; max-width:100%; overflow-wrap:anywhere; }
/* Clip sidebar surface corners, while leaving menus in other panels unaffected. */
.oh-theme .sidebar>.panel,.oh-theme .panel-sidebar,
body.oh-theme #order-standard_cart .sidebar-collapsed>.panel { overflow:hidden; border-radius:15px; }
.oh-theme .panel>.panel-footer { max-width:100%; margin:0; border-radius:0 0 14px 14px; background:var(--oh-surface-2); color:var(--oh-text); border-color:var(--oh-line); }
.oh-theme .panel>.panel-footer .btn { max-width:100%; }
.oh-theme .panel>.list-group:last-child>.list-group-item:last-child { border-radius:0 0 14px 14px; }
.oh-theme .sidebar .panel-body,.oh-theme .sidebar .panel-footer { overflow-wrap:anywhere; }
/* DataTables: controls stay in normal flow; only the table may scroll locally. */
body.oh-theme .table-container { width:100%; max-width:100%; min-width:0; padding:0; border:1px solid var(--oh-line); border-radius:15px; background:var(--oh-surface); color:var(--oh-text); overflow:hidden; }
body.oh-theme .dataTables_wrapper { width:100%; max-width:100%; min-width:0; margin:0; color:var(--oh-text); }
body.oh-theme .oh-table-toolbar,body.oh-theme .oh-table-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 20px; min-width:0; max-width:100%; padding:14px 18px; background:var(--oh-surface-2); color:var(--oh-text); }
body.oh-theme .oh-table-toolbar { border-bottom:1px solid var(--oh-line); }
body.oh-theme .oh-table-footer { border-top:1px solid var(--oh-line); }
body.oh-theme .oh-table-scroll { min-width:0; width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
body.oh-theme .dataTables_wrapper .dataTables_info { float:none!important; flex:1 1 180px; width:auto; max-width:100%; margin:0; padding:0!important; white-space:normal; line-height:1.9; font-size:12px; background:transparent; border:0; color:var(--oh-muted); text-align:start!important; }
body.oh-theme .dataTables_wrapper .dataTables_filter { float:none!important; flex:0 1 260px; width:auto; min-width:0; max-width:100%; margin:0; padding:0; color:var(--oh-muted); }
body.oh-theme .dataTables_wrapper .dataTables_filter label { display:flex; align-items:center; gap:9px; min-width:0; max-width:100%; margin:0; padding:0; white-space:normal; font-size:12px; }
body.oh-theme .dataTables_wrapper .dataTables_filter input.form-control { box-sizing:border-box; display:block; width:100%; max-width:100%; min-width:0; height:40px; min-height:40px; margin:0; padding:8px 12px!important; background:var(--oh-surface); background-image:none; color:var(--oh-text); border:1px solid var(--oh-line); border-radius:9px; font-size:13px; }
body.oh-theme .dataTables_wrapper .dataTables_length { float:none!important; min-width:0; max-width:100%; margin:0; padding:0; background:transparent; color:var(--oh-muted); font-size:12px; }
body.oh-theme .dataTables_wrapper .dataTables_length label { display:flex; align-items:center; gap:8px; max-width:100%; margin:0; padding:0; white-space:normal; }
body.oh-theme .dataTables_wrapper .dataTables_length select.form-control { width:auto; min-width:64px; max-width:100%; height:36px; min-height:36px; padding:4px 8px; margin:0; border:1px solid var(--oh-line); background:var(--oh-surface); color:var(--oh-text); border-radius:8px; }
body.oh-theme .dataTables_wrapper .dataTables_paginate { float:none!important; max-width:100%; margin:0; padding:0; white-space:normal; }
body.oh-theme .dataTables_wrapper .dataTables_paginate ul.pagination { display:flex; flex-wrap:wrap; gap:4px; max-width:100%; margin:0; white-space:normal; }
body.oh-theme .dataTables_wrapper table.table-list { margin:0!important; width:100%!important; color:var(--oh-text); background:var(--oh-surface); }
body.oh-theme .dataTables_wrapper table.table-list thead th { padding:13px 12px; background:var(--oh-surface-2); color:var(--oh-text); border-color:var(--oh-line); border-bottom:1px solid var(--oh-line); }
body.oh-theme .dataTables_wrapper table.table-list thead th.sorting_asc,body.oh-theme .dataTables_wrapper table.table-list thead th.sorting_desc { background-color:var(--oh-soft); }
body.oh-theme .table-list>tbody>tr>td { background:var(--oh-surface); color:var(--oh-text); border-color:var(--oh-line); overflow-wrap:anywhere; }
body.oh-theme .table-list>tbody>tr:nth-child(even)>td { background:var(--oh-surface-2); }
body.oh-theme .table-list .label.status { display:inline-flex; align-items:center; justify-content:center; width:auto; max-width:100%; padding:4px 10px; border-radius:8px; border:1px solid var(--oh-line); background:var(--oh-soft); color:var(--oh-text); font-size:11px; font-weight:400; line-height:1.7; box-shadow:none; }
body.oh-theme .table-list .label.status-active,body.oh-theme .table-list .label.status-completed { background:#e7f4ec; color:#195738; border-color:#a7cfb6; }
body.oh-theme .table-list .label.status-suspended,body.oh-theme .table-list .label.status-pending { background:#fff4da; color:#6b4b05; border-color:#d9c48a; }
:root[data-theme="dark"] body.oh-theme .table-list .label.status-active,:root[data-theme="dark"] body.oh-theme .table-list .label.status-completed { background:#1c3029; color:#b4d3bf; border-color:#355246; }
:root[data-theme="dark"] body.oh-theme .table-list .label.status-suspended,:root[data-theme="dark"] body.oh-theme .table-list .label.status-pending { background:#352e21; color:#d3c4a0; border-color:#5f5030; }
body.oh-theme table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child::before { background-color:var(--oh-primary); color:#fff; border-color:var(--oh-surface); box-shadow:none; }
body.oh-theme table.dataTable>tbody>tr.child ul { display:block; max-width:100%; padding:0; margin:0; }
body.oh-theme table.dataTable>tbody>tr.child ul>li { padding:10px 0; border-bottom:1px solid var(--oh-line); white-space:normal; overflow-wrap:anywhere; }
@media(max-width:767px) {
  .oh-theme .oh-main-grid { gap:24px; }
  body.oh-theme #order-standard_cart .products>.row { grid-template-columns:minmax(0,1fr); gap:22px; }
  body.oh-theme #order-standard_cart .products>.row+.row { margin-top:22px; }
  body.oh-theme #order-standard_cart .sidebar-collapsed { margin-bottom:28px; }
  body.oh-theme .oh-table-toolbar,body.oh-theme .oh-table-footer { padding:14px; gap:12px; }
  body.oh-theme .dataTables_wrapper .dataTables_filter { flex-basis:100%; width:100%; }
  body.oh-theme .dataTables_wrapper .dataTables_info { flex-basis:100%; }
  body.oh-theme .dataTables_wrapper .dataTables_filter input.form-control,body.oh-theme .dataTables_wrapper .dataTables_length select.form-control { font-size:16px; }
  body.oh-theme .dataTables_wrapper table.table-list thead th,body.oh-theme .dataTables_wrapper table.table-list tbody td { padding:10px 8px; font-size:12px; }
}
body.oh-theme .table-list .oh-service-icon { width:36px; min-width:36px; }
body.oh-theme .dataTables_wrapper table.table-list.dtr-inline.collapsed>tbody>tr>td.oh-service-icon { box-sizing:border-box; width:60px; min-width:60px; padding-left:30px; }
body.oh-theme .table-list td.oh-service-icon img { width:18px; height:18px; object-fit:contain; }
body.oh-theme #order-standard_cart .products .product .product-desc li { min-width:0; }
body.oh-theme #order-standard_cart .products .product .product-desc li>span { min-width:0; overflow-wrap:anywhere; }