:root {
  --sa-accent: #7c3aed;
  --sa-accent-2: #ec4899;
  --sa-bg: #0e1022;
  --sa-panel: rgba(14,16,34,.78);
  --sa-panel-solid: color-mix(in srgb, var(--sa-bg) 78%, white 22%);
  --sa-text: #f8fafc;
  --sa-muted: #cbd5e1;
  --sa-surface: rgba(255,255,255,.08);
  --sa-border: rgba(255,255,255,.12);
  --sa-shadow: 0 24px 60px rgba(2, 6, 23, .28);
  --sa-radius-xl: 28px;
  --sa-radius-lg: 20px;
  --sa-radius-md: 14px;
}
body.template-template-hosting-domain-orbit {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--sa-accent) 28%, transparent) 0, transparent 35%),
    radial-gradient(circle at top left, color-mix(in srgb, var(--sa-accent-2) 18%, transparent) 0, transparent 38%),
    linear-gradient(180deg, color-mix(in srgb, var(--sa-bg) 85%, black 15%) 0%, var(--sa-bg) 100%);
  color: var(--sa-text);
}
body.template-template-hosting-domain-orbit a { color: inherit; }
body.template-template-hosting-domain-orbit .site-shell,
body.template-template-hosting-domain-orbit .site-wrapper,
body.template-template-hosting-domain-orbit .public-home,
body.template-template-hosting-domain-orbit main {
  color: inherit;
}
body.template-template-hosting-domain-orbit .marketplace-template-home,
body.template-template-hosting-domain-orbit .marketplace-template-shell {
  width: min(1240px, calc(100% - 2rem));
  margin: 1.2rem auto 3rem;
}
body.template-template-hosting-domain-orbit .sa-template { animation: saFade .55s ease both; }
body.template-template-hosting-domain-orbit .sa-topbar,
body.template-template-hosting-domain-orbit .sa-hero,
body.template-template-hosting-domain-orbit .sa-page-layout,
body.template-template-hosting-domain-orbit .sa-section,
body.template-template-hosting-domain-orbit .sa-page-hero {
  backdrop-filter: blur(16px);
}
body.template-template-hosting-domain-orbit .sa-topbar {
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1rem 1.25rem; border:1px solid var(--sa-border); border-radius: var(--sa-radius-xl);
  background: var(--sa-panel); box-shadow: var(--sa-shadow); position:sticky; top:1rem; z-index:3;
}
body.template-template-hosting-domain-orbit .sa-brand { display:flex; align-items:center; gap:.8rem; font-weight:800; text-decoration:none; }
body.template-template-hosting-domain-orbit .sa-brand img { width:42px; height:42px; object-fit:contain; border-radius:12px; background:#fff; padding:.25rem; }
body.template-template-hosting-domain-orbit .template-navigation,
body.template-template-hosting-domain-orbit .template-client-navigation { display:flex; flex-wrap:wrap; gap:.65rem; }
body.template-template-hosting-domain-orbit .template-navigation a,
body.template-template-hosting-domain-orbit .template-client-navigation a,
body.template-template-hosting-domain-orbit .template-client-actions a,
body.template-template-hosting-domain-orbit .template-client-actions button {
  text-decoration:none; padding:.72rem 1rem; border-radius:999px; border:1px solid var(--sa-border);
  background:rgba(255,255,255,.05); color:var(--sa-text); transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
body.template-template-hosting-domain-orbit .template-client-actions { display:flex; gap:.65rem; align-items:center; }
body.template-template-hosting-domain-orbit .template-client-actions form { margin:0; }
body.template-template-hosting-domain-orbit .template-navigation a:hover,
body.template-template-hosting-domain-orbit .template-client-navigation a:hover,
body.template-template-hosting-domain-orbit .template-client-actions a:hover,
body.template-template-hosting-domain-orbit .template-client-actions button:hover,
body.template-template-hosting-domain-orbit .sa-button:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--sa-accent) 60%, white 40%); background: rgba(255,255,255,.12); }
body.template-template-hosting-domain-orbit .sa-hero, body.template-template-hosting-domain-orbit .sa-page-hero {
  display:grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.85fr); gap:1.5rem;
  padding: clamp(1.3rem, 2vw, 2rem); border-radius: var(--sa-radius-xl); background: var(--sa-panel); border:1px solid var(--sa-border);
  margin-top:1.1rem; box-shadow: var(--sa-shadow); overflow:hidden; position:relative;
}
body.template-template-hosting-domain-orbit .sa-hero::after, body.template-template-hosting-domain-orbit .sa-page-hero::after {
  content:""; position:absolute; inset:auto -40px -40px auto; width:220px; height:220px; border-radius:50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--sa-accent) 48%, transparent) 0, transparent 70%);
  opacity:.75; pointer-events:none;
}
body.template-template-hosting-domain-orbit .sa-kicker { display:inline-block; padding:.45rem .8rem; border-radius:999px; margin-bottom:1rem; font-weight:700; font-size:.88rem; letter-spacing:.02em; background:color-mix(in srgb, var(--sa-accent) 22%, white 6%); color:#fff; }
body.template-template-hosting-domain-orbit .sa-hero h1, body.template-template-hosting-domain-orbit .sa-page-hero h1 { font-size: clamp(2rem,4vw,3.7rem); line-height:1.05; margin:0 0 .85rem; }
body.template-template-hosting-domain-orbit .sa-page-hero h1 { font-size: clamp(1.8rem,3.2vw,3rem); }
body.template-template-hosting-domain-orbit .sa-lead { font-size:1.18rem; color:#fff; font-weight:700; margin:.25rem 0 .65rem; }
body.template-template-hosting-domain-orbit .sa-hero p, body.template-template-hosting-domain-orbit .sa-page-hero p, body.template-template-hosting-domain-orbit .sa-section p { color: var(--sa-muted); }
body.template-template-hosting-domain-orbit .sa-hero-actions { display:flex; flex-wrap:wrap; gap:.85rem; margin-top:1.2rem; }
body.template-template-hosting-domain-orbit .sa-button { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; padding:.95rem 1.3rem; border-radius:999px; font-weight:800; border:1px solid transparent; transition:transform .25s ease, filter .25s ease; }
body.template-template-hosting-domain-orbit .sa-button-primary { background:linear-gradient(135deg, var(--sa-accent), var(--sa-accent-2)); color:white; box-shadow:0 12px 34px color-mix(in srgb, var(--sa-accent) 35%, transparent); }
body.template-template-hosting-domain-orbit .sa-button-secondary { background:rgba(255,255,255,.08); border-color:var(--sa-border); color:#fff; }
body.template-template-hosting-domain-orbit .sa-badges { list-style:none; display:flex; flex-wrap:wrap; gap:.6rem; padding:0; margin:1rem 0 0; }
body.template-template-hosting-domain-orbit .sa-badges li { padding:.55rem .9rem; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid var(--sa-border); color:#fff; font-weight:600; }
body.template-template-hosting-domain-orbit .sa-hero-card, body.template-template-hosting-domain-orbit .sa-mini-card, body.template-template-hosting-domain-orbit .sa-sidebar-panel, body.template-template-hosting-domain-orbit .sa-main-panel {
  border-radius: var(--sa-radius-lg); border:1px solid var(--sa-border); background:rgba(255,255,255,.05); padding:1.1rem;
}
body.template-template-hosting-domain-orbit .sa-stat-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem; }
body.template-template-hosting-domain-orbit .sa-stat-grid article, body.template-template-hosting-domain-orbit .sa-mini-row, body.template-template-hosting-domain-orbit .template-client-summary dl div {
  border-radius:var(--sa-radius-md); border:1px solid var(--sa-border); background:rgba(255,255,255,.05); padding:.95rem;
}
body.template-template-hosting-domain-orbit .sa-stat-grid strong, body.template-template-hosting-domain-orbit .sa-mini-row strong { display:block; font-size:1.35rem; margin-bottom:.2rem; }
body.template-template-hosting-domain-orbit .sa-card-note h2, body.template-template-hosting-domain-orbit .sa-section h2 { margin-top:0; }
body.template-template-hosting-domain-orbit .sa-section {
  margin-top:1.1rem; padding:1.35rem; border-radius: var(--sa-radius-xl); border:1px solid var(--sa-border); background: var(--sa-panel);
  box-shadow: var(--sa-shadow);
}
body.template-template-hosting-domain-orbit .sa-section-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; align-items:end; margin-bottom:1rem; }
body.template-template-hosting-domain-orbit .sa-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
body.template-template-hosting-domain-orbit .sa-product-region,
body.template-template-hosting-domain-orbit .sa-card-stack,
body.template-template-hosting-domain-orbit .template-product-categories,
body.template-template-hosting-domain-orbit .template-product-search,
body.template-template-hosting-domain-orbit .template-knowledgebase-search,
body.template-template-hosting-domain-orbit .template-cart-summary,
body.template-template-hosting-domain-orbit .template-client-summary,
body.template-template-hosting-domain-orbit .template-checkout-notice {
  display:block; margin-top:1rem;
}
body.template-template-hosting-domain-orbit .template-product-categories,
body.template-template-hosting-domain-orbit .template-client-navigation { gap:.7rem; }
body.template-template-hosting-domain-orbit .template-product-categories a { text-decoration:none; display:inline-flex; margin:.2rem .4rem .2rem 0; padding:.65rem .95rem; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid var(--sa-border); }
body.template-template-hosting-domain-orbit .template-product-search,
body.template-template-hosting-domain-orbit .template-knowledgebase-search { display:flex; gap:.7rem; }
body.template-template-hosting-domain-orbit .template-product-search input,
body.template-template-hosting-domain-orbit .template-knowledgebase-search input { width:100%; padding:.95rem 1rem; border-radius:999px; border:1px solid var(--sa-border); background:rgba(255,255,255,.06); color:#fff; }
body.template-template-hosting-domain-orbit .template-product-search button,
body.template-template-hosting-domain-orbit .template-knowledgebase-search button { padding:.95rem 1.2rem; border-radius:999px; border:none; background:linear-gradient(135deg,var(--sa-accent),var(--sa-accent-2)); color:#fff; font-weight:800; }
body.template-template-hosting-domain-orbit .sa-card-stack > *:not(:first-child) { margin-top:.8rem; }
body.template-template-hosting-domain-orbit .sa-cta-band { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
body.template-template-hosting-domain-orbit .sa-page-layout { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr); gap:1rem; margin-top:1rem; }
body.template-template-hosting-domain-orbit .sa-main-panel > :first-child { margin-top:0; }
body.template-template-hosting-domain-orbit .template-client-summary dl { display:grid; gap:.75rem; }
body.template-template-hosting-domain-orbit .template-client-summary dt { font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; color:var(--sa-muted); }
body.template-template-hosting-domain-orbit .template-client-summary dd { margin:.2rem 0 0; font-weight:800; }
body.template-template-hosting-domain-orbit .template-cart-items { list-style:none; padding:0; margin:0; display:grid; gap:.75rem; }
body.template-template-hosting-domain-orbit .template-cart-items li { display:grid; grid-template-columns:1fr auto auto; gap:.75rem; align-items:center; padding:.9rem; border-radius:var(--sa-radius-md); background:rgba(255,255,255,.05); border:1px solid var(--sa-border); }
body.template-template-hosting-domain-orbit .template-checkout-notice { padding:1rem; border-radius:var(--sa-radius-md); background:rgba(255,255,255,.06); border:1px solid var(--sa-border); }
@media (max-width: 1100px) {
  body.template-template-hosting-domain-orbit .sa-topbar,
  body.template-template-hosting-domain-orbit .sa-hero,
  body.template-template-hosting-domain-orbit .sa-page-hero,
  body.template-template-hosting-domain-orbit .sa-page-layout,
  body.template-template-hosting-domain-orbit .sa-split,
  body.template-template-hosting-domain-orbit .sa-cta-band { grid-template-columns:1fr; display:grid; }
  body.template-template-hosting-domain-orbit .sa-topbar { position:static; }
}
@media (max-width: 760px) {
  body.template-template-hosting-domain-orbit .marketplace-template-home,
  body.template-template-hosting-domain-orbit .marketplace-template-shell { width:min(100% - 1rem, 1240px); }
  body.template-template-hosting-domain-orbit .template-navigation, body.template-template-hosting-domain-orbit .template-client-actions { width:100%; justify-content:flex-start; }
  body.template-template-hosting-domain-orbit .sa-stat-grid { grid-template-columns:1fr; }
}
@keyframes saFade { from { opacity:0; transform: translateY(10px); } to { opacity:1; transform:none; } }