.sc-placeholder { background: color-mix(in srgb, currentcolor 8%, transparent); border: 1px solid color-mix(in srgb, currentcolor, transparent); border-radius: 2px; box-sizing: border-box; overflow: hidden; }
@keyframes sc-shine { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
html.sc-dc-streaming .sc-placeholder, html.sc-dc-streaming .sc-interp.sc-missing { position: relative; background: color-mix(in srgb, currentcolor 5%, transparent); border-color: transparent; }
html.sc-dc-streaming .sc-placeholder::before, html.sc-dc-streaming .sc-interp.sc-missing::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(90deg, rgba(217, 119, 87, 0) 25%, rgba(247, 225, 211, 0.95) 37%, rgba(217, 119, 87, 0) 63%) 0% 0% / 400% 100%; animation: 1.4s ease 0s infinite normal none running sc-shine; }
html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before, html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before { animation: auto ease 0s 1 normal none running none; background: color-mix(in srgb, currentcolor 8%, transparent); }
.sc-placeholder-error { padding: 4px 8px; font: 11px / 1.4 ui-monospace, monospace; color: color-mix(in srgb, currentcolor 70%, transparent); word-break: break-word; }
.sc-interp.sc-missing { display: inline-block; width: 2em; height: 1em; overflow: hidden; vertical-align: text-bottom; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 2px; box-sizing: border-box; color: transparent; user-select: none; }
.sc-interp.sc-unresolved { font-family: ui-monospace, monospace; font-size: 0.85em; color: color-mix(in srgb, currentcolor, transparent); background: color-mix(in srgb, currentcolor 10%, transparent); border-radius: 3px; padding: 0px 3px; }
.sc-host.sc-has-error { position: relative; }
.sc-logic-error { position: absolute; top: 8px; left: 8px; z-index: 2147483647; max-width: 60ch; padding: 6px 10px; background: rgb(176, 0, 32); color: rgb(255, 255, 255); font: 12px / 1.4 ui-monospace, monospace; border-radius: 4px; white-space: pre-wrap; pointer-events: none; }
@media print {
  @page { margin: 0.5cm; }
  figure, table { break-inside: avoid; }
  #dc-root, #dc-root > .sc-host { height: auto; }
  *, ::before, ::after { print-color-adjust: exact; backdrop-filter: none !important; animation-delay: -99s !important; animation-duration: 0.001s !important; animation-iteration-count: 1 !important; animation-fill-mode: both !important; animation-play-state: running !important; transition-duration: 0s !important; }
}
x-dc { display: none !important; }
.scp0:focus { left: 16px !important; top: 16px !important; }
.scp1:hover { color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.06) !important; }
.scp2:hover { color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.07) !important; }
.scp3:hover { transform: translateY(-1px) !important; box-shadow: rgba(123, 92, 246, 0.85) 0px 18px 40px -10px !important; }
.scp4:hover { transform: translateY(-2px) !important; box-shadow: rgba(123, 92, 246, 0.9) 0px 26px 60px -14px !important; }
.scp5:hover { background: rgba(255, 255, 255, 0.09) !important; transform: translateY(-2px) !important; }
.scp6::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 560px; height: 380px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.55), rgba(139, 92, 246, 0.3) 45%, transparent 72%); filter: blur(36px); pointer-events: none; animation: 9s ease-in-out 0s infinite normal none running sheen; }
.scp7::after { content: ""; position: absolute; left: 14%; right: 14%; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(150, 215, 255, 0.85), transparent); }
.scp8:hover { transform: translateY(-5px) !important; border-color: rgba(255, 255, 255, 0.16) !important; color: rgb(255, 255, 255) !important; }
.scp9::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,118%); width: 460px; height: 320px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.5), rgba(139, 92, 246, 0.26) 45%, transparent 72%); filter: blur(34px); pointer-events: none; }
.scpa::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(150, 215, 255, 0.8), transparent); }
.scpb::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,118%); width: 520px; height: 320px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(34, 211, 238, 0.4), rgba(59, 110, 255, 0.3) 45%, transparent 72%); filter: blur(34px); pointer-events: none; }
.scpc::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 380px; height: 260px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(168, 85, 247, 0.42), rgba(236, 72, 153, 0.22) 45%, transparent 72%); filter: blur(30px); pointer-events: none; }
.scpd::after { content: ""; position: absolute; left: 14%; right: 14%; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(215, 170, 255, 0.8), transparent); }
.scpe::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 380px; height: 260px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.42), rgba(34, 211, 238, 0.2) 45%, transparent 72%); filter: blur(30px); pointer-events: none; }
.scpf::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 380px; height: 260px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(236, 72, 153, 0.34), rgba(139, 92, 246, 0.24) 45%, transparent 72%); filter: blur(30px); pointer-events: none; }
.scpg::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 380px; height: 260px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(34, 211, 238, 0.38), rgba(59, 110, 255, 0.22) 45%, transparent 72%); filter: blur(30px); pointer-events: none; }
.scph::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,116%); width: 760px; height: 440px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.42), rgba(139, 92, 246, 0.26) 45%, transparent 72%); filter: blur(46px); pointer-events: none; }
.scpi::after { content: ""; position: absolute; left: 20%; right: 20%; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(150, 215, 255, 0.85), transparent); }
.scpj:hover { transform: translateY(-2px) !important; color: rgb(255, 255, 255) !important; }
.scpk:hover { transform: translateY(-4px) !important; border-color: rgba(255, 255, 255, 0.16) !important; color: rgb(255, 255, 255) !important; }
.scpl:hover { background: rgba(255, 255, 255, 0.1) !important; transform: translateY(-2px) !important; }
.scpm::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,112%); width: 900px; height: 460px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.45), rgba(139, 92, 246, 0.28) 45%, transparent 72%); filter: blur(50px); pointer-events: none; animation: 11s ease-in-out 0s infinite normal none running sheen; }
.scpn::after { content: ""; position: absolute; left: 26%; right: 26%; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(150, 215, 255, 0.9), transparent); }
.scpo:hover { background: rgba(255, 255, 255, 0.1) !important; }
.scpp::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 480px; height: 320px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.44), rgba(139, 92, 246, 0.24) 45%, transparent 72%); filter: blur(34px); pointer-events: none; }
.scpq::after { content: ""; position: absolute; left: 14%; right: 14%; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(150, 215, 255, 0.7), transparent); }
.scpr::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,114%); width: 800px; height: 420px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.42), rgba(139, 92, 246, 0.26) 45%, transparent 72%); filter: blur(46px); pointer-events: none; }
.scps::after { content: ""; position: absolute; left: 24%; right: 24%; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(150, 215, 255, 0.85), transparent); }
.scpt:hover { transform: translateY(-4px) !important; border-color: rgba(255, 255, 255, 0.16) !important; }
.scpu::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,122%); width: 340px; height: 240px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.38), rgba(139, 92, 246, 0.2) 45%, transparent 72%); filter: blur(30px); pointer-events: none; }
.scpv::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,116%); width: 760px; height: 440px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(34, 211, 238, 0.34), rgba(59, 110, 255, 0.3) 45%, transparent 72%); filter: blur(46px); pointer-events: none; }
.scpw::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 700px; height: 380px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(168, 85, 247, 0.36), rgba(59, 110, 255, 0.22) 45%, transparent 72%); filter: blur(40px); pointer-events: none; }
.scpx:hover { background: rgba(255, 255, 255, 0.11) !important; color: rgb(255, 255, 255) !important; }
.scpy::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 460px; height: 300px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.4), rgba(34, 211, 238, 0.2) 45%, transparent 72%); filter: blur(34px); pointer-events: none; }
.scpz::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 400px; height: 280px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(34, 211, 238, 0.38), rgba(59, 110, 255, 0.2) 45%, transparent 72%); filter: blur(32px); pointer-events: none; }
.scp10::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 400px; height: 280px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(168, 85, 247, 0.42), rgba(236, 72, 153, 0.2) 45%, transparent 72%); filter: blur(32px); pointer-events: none; }
.scp11::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 400px; height: 280px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.4), rgba(139, 92, 246, 0.22) 45%, transparent 72%); filter: blur(32px); pointer-events: none; }
.scp12::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,122%); width: 280px; height: 200px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.4), transparent 72%); filter: blur(28px); pointer-events: none; }
.scp13::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,122%); width: 280px; height: 200px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(34, 211, 238, 0.34), transparent 72%); filter: blur(28px); pointer-events: none; }
.scp14::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,122%); width: 280px; height: 200px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(139, 92, 246, 0.4), transparent 72%); filter: blur(28px); pointer-events: none; }
.scp15::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,122%); width: 280px; height: 200px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(236, 72, 153, 0.3), transparent 72%); filter: blur(28px); pointer-events: none; }
.scp16::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,122%); width: 280px; height: 200px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.34), transparent 72%); filter: blur(28px); pointer-events: none; }
.scp17::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,120%); width: 560px; height: 340px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.42), rgba(139, 92, 246, 0.24) 45%, transparent 72%); filter: blur(38px); pointer-events: none; }
.scp18::after { content: ""; position: absolute; left: 20%; right: 20%; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(150, 215, 255, 0.8), transparent); }
.scp19::before { content: ""; position: absolute; left: var(--gx,50%); top: var(--gy,118%); width: 700px; height: 420px; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(59, 110, 255, 0.4), rgba(139, 92, 246, 0.24) 45%, transparent 72%); filter: blur(46px); pointer-events: none; }
.scp1a::after { content: ""; position: absolute; left: 22%; right: 22%; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(150, 215, 255, 0.85), transparent); }
.scp1b:focus { border-color: rgba(111, 155, 255, 0.7) !important; box-shadow: rgba(91, 134, 255, 0.16) 0px 0px 0px 4px !important; outline: none !important; }
.scp1c:hover { transform: translateY(-2px) !important; }
html, body { height: 100%; margin: 0px; }
#dc-root, #dc-root > .sc-host { height: 100%; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; text-size-adjust: 100%; }
body { margin: 0px; background: rgb(4, 5, 10); color: rgb(242, 245, 250); font-family: "Instrument Sans", system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-wrap: pretty; overflow-x: hidden; }
a { color: rgb(157, 188, 255); text-decoration: none; }
a:hover { color: rgb(255, 255, 255); }
::selection { background: rgba(94, 132, 255, 0.35); }
:focus-visible { outline: rgb(127, 165, 255) solid 2px; outline-offset: 3px; border-radius: 6px; }
input, select, textarea, button { font: inherit; color: inherit; }
@keyframes pageIn { 
  0% { opacity: 0; transform: translateY(14px); }
  100% { opacity: 1; transform: none; }
}
@keyframes drift { 
  0% { transform: translate3d(-4%, 0px, 0px) scale(1); }
  50% { transform: translate3d(6%, 3%, 0px) scale(1.08); }
  100% { transform: translate3d(-4%, 0px, 0px) scale(1); }
}
@keyframes sheen { 
  0% { opacity: 0.35; }
  50% { opacity: 0.75; }
  100% { opacity: 0.35; }
}
@media (prefers-reduced-motion: reduce) {
  * { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}
@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400&display=swap");

html,
body {
  min-height: 100%;
}

body {
  min-width: 320px;
}

.companyos-logo {
  display: block;
  width: auto;
  max-width: none;
  object-fit: contain;
  object-position: left center;
}

.companyos-logo--header {
  height: 22px;
  filter: drop-shadow(0 0 14px rgba(150, 200, 255, 0.35));
}

.companyos-logo--footer {
  height: 20px;
}

.sc-host {
  min-height: 100vh;
}

.site-mobile-menu {
  position: fixed;
  inset: 12px 12px auto;
  z-index: 99;
  display: grid;
  gap: 4px;
  max-height: calc(100vh - 24px);
  padding: 74px 18px 18px;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 26px;
  background: rgba(7, 9, 15, 0.92);
  box-shadow: 0 40px 90px -40px rgba(0, 0, 0, 0.95);
  backdrop-filter: blur(26px) saturate(170%);
  animation: pageIn 0.3s ease;
}

.site-mobile-menu[hidden] {
  display: none;
}

.site-mobile-menu a {
  padding: 13px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  color: #fff;
  font-size: 17px;
}

.site-mobile-menu a[href^="mailto:"] {
  border-bottom: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}

.site-mobile-menu .site-mobile-cta {
  margin-top: 6px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: linear-gradient(140deg, #5b86ff, #7b5cf6);
  box-shadow: 0 16px 40px -12px rgba(91, 134, 255, 0.8);
  font-weight: 600;
  text-align: center;
}

.site-form-status {
  margin: 4px 0 0;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.045);
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.55;
}

.site-form-status[data-state="error"] {
  border-color: rgba(248, 113, 113, 0.4);
  color: #fecaca;
}

.site-form-success {
  margin-top: 26px;
  padding: 28px;
  border: 1px solid rgba(34, 211, 238, 0.24);
  border-radius: 22px;
  background: rgba(34, 211, 238, 0.055);
}

.site-form-success h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

.site-form-success p {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 15px;
  line-height: 1.6;
}

.site-form-success a {
  display: inline-block;
  margin-top: 18px;
}

[aria-current="page"] {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.07);
}

@media (max-width: 999px) {
  [data-desknav] {
    display: none !important;
  }

  [data-mobnav] {
    display: flex !important;
  }
}

@media (min-width: 1000px) {
  [data-mobnav],
  .site-mobile-menu {
    display: none !important;
  }
}

@media (max-width: 520px) {
  header {
    padding-inline: 12px !important;
  }

  main {
    padding-top: 106px !important;
  }

  h1 {
    overflow-wrap: anywhere;
  }
}