/* Homepage non-critical CSS bundle. Source files below remain intentionally intact. */

.lead-section{margin-top:72px}.lead-card{width:100%;padding:32px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)),var(--card)}.lead-head{margin-bottom:24px}.lead-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lead-field{display:grid;gap:8px;min-width:0;color:var(--text);font-size:14px;font-weight:700}.lead-field-wide{grid-column:1/-1}.lead-field input,.lead-field select,.lead-field textarea{width:100%;border:1px solid var(--line);border-radius:8px;outline:none;background:#0b0b0b;color:var(--text);font:inherit;font-weight:400}.lead-field input,.lead-field select{min-height:46px;padding:11px 12px}.lead-field textarea{min-height:128px;padding:12px;resize:vertical;line-height:1.45}.lead-field select{appearance:auto}.lead-field input::placeholder,.lead-field textarea::placeholder{color:#777}.lead-field input:focus,.lead-field select:focus,.lead-field textarea:focus{border-color:#fff}.lead-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}.lead-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;grid-column:1/-1}.lead-form-actions .button{margin-top:0}.lead-form-actions .button:disabled{cursor:wait;opacity:.65}.lead-message{margin:0;max-width:480px;line-height:1.45}.lead-message.success{color:#b6e5bd}.lead-message.error{color:#ffc6c6}.lead-telegram-link{margin-left:0!important}@media (max-width:760px){.lead-section{margin-top:56px}.lead-card{padding:22px 18px;border-radius:14px}.lead-form{grid-template-columns:1fr;gap:16px}.lead-field-wide,.lead-form-actions{grid-column:auto}.lead-form-actions{align-items:stretch}.lead-form-actions .button{justify-content:center;width:100%}.lead-message{order:-1}.lead-telegram-link{width:100%;justify-content:center}}


/* Reusable, motion-safe reveal primitives for sections and card grids. */
.has-reveal .reveal {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition:
    opacity 520ms ease,
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

.has-reveal .reveal--fade { transform: none; }
.has-reveal .reveal--left { transform: translate3d(-18px, 0, 0); }
.has-reveal .reveal--right { transform: translate3d(18px, 0, 0); }

.has-reveal .reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.reveal-delay-1 { --reveal-delay: 90ms; }
.reveal-delay-2 { --reveal-delay: 180ms; }
.reveal-delay-3 { --reveal-delay: 270ms; }

.has-reveal .reveal-image {
  opacity: 0;
  transform: scale(1.045);
  transition:
    opacity 620ms ease,
    transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

.has-reveal .reveal.is-visible .reveal-image {
  opacity: 1;
  transform: scale(1);
}

.has-reveal .reveal .status {
  opacity: 0;
  transform: translate3d(0, 6px, 0);
  transition:
    opacity 320ms ease,
    transform 320ms ease;
  transition-delay: calc(var(--reveal-delay, 0ms) + 150ms);
}

.has-reveal .reveal.is-visible .status {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.button,
.links a,
.contacts a {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.button:active,
.links a:active,
.contacts a:active {
  transform: translate3d(0, 1px, 0);
}

@media (hover: hover) and (pointer: fine) {
  .has-reveal .card.reveal.is-visible,
  .has-reveal .blog-card.reveal.is-visible {
    transition:
      opacity 520ms ease,
      transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
      border-color 220ms ease,
      background-color 220ms ease,
      box-shadow 220ms ease;
  }

  .has-reveal .card.reveal.is-visible:hover,
  .has-reveal .blog-card.reveal.is-visible:hover {
    transform: translate3d(0, -4px, 0);
    border-color: #4a4a4a;
    background-color: #151515;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
  }

  .has-reveal .card.reveal.is-visible:hover .reveal-image,
  .has-reveal .blog-card.reveal.is-visible:hover .reveal-image {
    transform: scale(1.025);
  }

  .button:hover,
  .links a:hover,
  .contacts a:hover {
    border-color: #666;
    background-color: #171717;
    transform: translate3d(0, -1px, 0);
  }
}

.button:active,
.links a:active,
.contacts a:active {
  transform: translate3d(0, 1px, 0);
}

.lead-message {
  min-height: 1.45em;
  opacity: 0;
  transform: translate3d(0, 4px, 0);
  visibility: hidden;
  transition:
    opacity 220ms ease,
    transform 220ms ease,
    visibility 0s linear 220ms;
}

.lead-message.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  transition-delay: 0s;
}

.lead-form-actions .button.is-loading {
  pointer-events: none;
}

.lead-form-actions .button.is-loading::after {
  width: 11px;
  height: 11px;
  margin-left: 8px;
  border: 1px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  content: "";
  animation: reveal-spin 700ms linear infinite;
}

@keyframes reveal-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .has-reveal .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .has-reveal .reveal-image {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .has-reveal .reveal .status {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .lead-form-actions .button.is-loading::after {
    animation: none;
  }
}


/* Corporate presentation layer for the niki-losk.online home page only. */
.corporate-home {
  --corp-ink: #10203b;
  --corp-muted: #64748b;
  --corp-line: #dbe5f2;
  --corp-surface: #ffffff;
  --corp-soft: #f3f7fc;
  --corp-navy: #0d1d3c;
  --corp-accent: #375dfb;
  --corp-accent-dark: #2448d8;
  background: radial-gradient(circle at 78% 0%, #dce9ff 0, transparent 31rem), #f5f8fc;
  color: var(--corp-ink);
}

.corporate-home .site-contact-bar {
  background: rgba(245, 248, 252, .88);
  border-color: rgba(185, 200, 220, .72);
  backdrop-filter: blur(16px);
}

.corporate-home .site-contact-inner { max-width: 1200px; }
.corporate-home .site-contact-bar a {
  color: var(--corp-ink);
  border-color: #ccd8e8;
  background: rgba(255, 255, 255, .78);
}
.corporate-home .site-contact-bar a:hover { border-color: var(--corp-accent); color: var(--corp-accent-dark); }

.corporate-home .page.corporate-page { max-width: 1200px; padding: 34px 28px 80px; }
.corporate-home .intro.corporate-hero {
  display: grid;
  grid-template-columns: minmax(0, .96fr) minmax(420px, 1.04fr);
  gap: 28px;
  min-height: 530px;
  align-items: center;
  overflow: hidden;
  padding: clamp(34px, 6vw, 74px);
  border: 1px solid rgba(189, 205, 226, .9);
  border-radius: 30px;
  background: linear-gradient(135deg, #ffffff 0%, #f6f9ff 66%, #edf3ff 100%);
  box-shadow: 0 24px 80px rgba(31, 55, 98, .1);
}

.corporate-home .corporate-hero-copy { position: relative; z-index: 2; }
.corporate-home .eyebrow { color: #516889; letter-spacing: .12em; }
.corporate-home .intro h1,
.corporate-home .section h2 { color: var(--corp-ink); letter-spacing: -.045em; }
.corporate-home .intro h1 { max-width: 680px; font-size: clamp(2.55rem, 5vw, 5rem); line-height: .99; }
.corporate-home .subtitle { max-width: 620px; color: #455a7c; font-size: clamp(1.05rem, 1.65vw, 1.28rem); line-height: 1.55; }
.corporate-home .hero-actions { gap: 10px; }
.corporate-home .button {
  border: 1px solid var(--corp-accent);
  background: var(--corp-accent);
  color: #fff;
  box-shadow: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.corporate-home .button:hover { background: var(--corp-accent-dark); border-color: var(--corp-accent-dark); transform: translateY(-2px); box-shadow: 0 10px 22px rgba(55, 93, 251, .22); }
.corporate-home .button:active { transform: translateY(0); box-shadow: none; }
.corporate-home .button.secondary { color: #203557; border-color: #cbd8e9; background: rgba(255, 255, 255, .82); }
.corporate-home .button.secondary:hover { color: var(--corp-accent-dark); border-color: var(--corp-accent); background: #fff; }


.corporate-home .link-groups { gap: 20px; margin-top: 24px; }
.corporate-home .link-group,
.corporate-home .card {
  border: 1px solid var(--corp-line); background: var(--corp-surface); box-shadow: 0 12px 30px rgba(25, 47, 85, .055);
}
.corporate-home .link-group { border-radius: 20px; }.corporate-home .link-title, .corporate-home .card h3 { color: var(--corp-ink); }
.corporate-home .link-copy, .corporate-home .card p, .corporate-home .section-copy { color: var(--corp-muted); }
.corporate-home .links a { color: #274264; border-color: #d1ddec; background: #f8fbff; }.corporate-home .links a:hover { color: var(--corp-accent); border-color: var(--corp-accent); }
.corporate-home .section { margin-top: clamp(64px, 9vw, 112px); }
.corporate-home .section-head { max-width: 760px; }
.corporate-home .section h2 { font-size: clamp(2rem, 3.7vw, 3.5rem); }
.corporate-home .grid { gap: 20px; }
.corporate-home .card { overflow: hidden; border-radius: 20px; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.corporate-home .card:hover { border-color: #aabde1; transform: translateY(-5px); box-shadow: 0 20px 40px rgba(24, 54, 105, .13); }
.corporate-home .thumb { background: #e8eff9; }.corporate-home .thumb-image { transition: transform .5s ease; }.corporate-home .card:hover .thumb-image { transform: scale(1.035); }
.corporate-home .card-body { background: #fff; }.corporate-home .status { color: #3f5e94; }.corporate-home .video-actions { margin-top: auto; }
.corporate-home .lead-card { border: 0; border-radius: 28px; background: linear-gradient(130deg, #102249, #162e63); box-shadow: 0 24px 60px rgba(13, 35, 76, .25); }
.corporate-home .lead-card .eyebrow { color: #aebfe4; }.corporate-home .lead-card h2, .corporate-home .lead-card .section-copy, .corporate-home .lead-form span { color: #fff; }
.corporate-home .lead-card .section-copy { color: #c1cee6; }.corporate-home .lead-card input, .corporate-home .lead-card textarea, .corporate-home .lead-card select { border-color: #46618e; color: #172b52; background: #f9fbff; }
.corporate-home .lead-card .button.secondary { color: #fff; border-color: #6f87b7; background: transparent; }

@media (max-width: 880px) {
  .corporate-home .page.corporate-page { padding: 20px 16px 56px; }
  .corporate-home .intro.corporate-hero { grid-template-columns: 1fr; min-height: 0; padding: 32px 24px 18px; border-radius: 22px; }
  .corporate-home .section { margin-top: 72px; }
}

@media (max-width: 560px) {
  .corporate-home .site-contact-bar { position: sticky; }.corporate-home .site-contact-inner { padding: 9px 14px; }
  .corporate-home .intro.corporate-hero { padding: 30px 18px 12px; }
  .corporate-home .intro h1 { font-size: clamp(2.25rem, 12vw, 3.4rem); }.corporate-home .subtitle { font-size: 1rem; }
  .corporate-home .card:hover { transform: none; box-shadow: 0 12px 30px rgba(25, 47, 85, .055); }
}

@media (prefers-reduced-motion: reduce) {
  .corporate-home *, .corporate-home *::before, .corporate-home *::after { animation: none !important; transition-duration: .01ms !important; }
}

/* Full-screen premium digital hero. The content below intentionally remains light and business-focused. */
.corporate-home .site-contact-bar {
  position: relative;
  z-index: 20;
  background: rgba(6, 13, 29, .96);
  border-color: rgba(148, 177, 234, .16);
}

.corporate-home .site-contact-bar a {
  color: #eaf1ff;
  border-color: rgba(162, 188, 236, .25);
  background: rgba(255, 255, 255, .035);
}

.corporate-home .site-contact-bar a:hover {
  color: #fff;
  border-color: rgba(132, 171, 255, .8);
  background: rgba(104, 148, 255, .12);
}

.corporate-home .page.corporate-page { padding-top: 0; }

.corporate-home .intro.corporate-hero {
  position: relative;
  width: 100vw;
  max-width: none;
  min-height: calc(100svh - 58px);
  margin: 0 calc(50% - 50vw);
  grid-template-columns: minmax(0, 1fr) minmax(430px, .94fr);
  gap: clamp(30px, 5vw, 92px);
  padding: clamp(58px, 8vw, 126px) max(28px, calc((100vw - 1200px) / 2));
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(ellipse at 76% 32%, rgba(44, 97, 203, .42), transparent 27%),
    radial-gradient(ellipse at 54% 91%, rgba(19, 69, 156, .28), transparent 35%),
    linear-gradient(123deg, #050914 0%, #09142b 46%, #101d3c 100%);
  box-shadow: none;
}

.corporate-home .intro.corporate-hero::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    linear-gradient(rgba(151, 182, 240, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(151, 182, 240, .055) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 37%, #000 100%);
  content: "";
}

.corporate-home .intro.corporate-hero::after {
  position: absolute;
  inset: auto 0 0;
  z-index: 0;
  height: 32%;
  background: linear-gradient(0deg, rgba(5, 9, 20, .55), transparent);
  content: "";
}

.corporate-home .corporate-hero-copy { z-index: 3; }
.corporate-home .corporate-hero .eyebrow { color: #9eb9f5; }
.corporate-home .corporate-hero h1 { max-width: 760px; color: #f8fbff; font-size: clamp(3.15rem, 6.1vw, 6.35rem); line-height: .94; }
.corporate-home .corporate-hero .subtitle { max-width: 620px; color: #b9cae8; font-size: clamp(1.08rem, 1.55vw, 1.34rem); }
.corporate-home .corporate-hero .button {
  border-color: #78a3ff;
  background: #6c94f6;
  color: #061128;
  box-shadow: 0 12px 30px rgba(31, 84, 195, .28);
}
.corporate-home .corporate-hero .button:hover { background: #a5c1ff; border-color: #a5c1ff; box-shadow: 0 16px 38px rgba(46, 105, 233, .4); }
.corporate-home .corporate-hero .button.secondary { color: #e5efff; border-color: rgba(183, 207, 255, .36); background: rgba(255, 255, 255, .045); box-shadow: none; }
.corporate-home .corporate-hero .button.secondary:hover { color: #fff; border-color: #91b2ff; background: rgba(130, 169, 255, .15); }

.corporate-home .hero-system { z-index: 2; min-height: min(48vw, 590px); transform: translateY(2%); }
.corporate-home .hero-system::before { inset: 0 2% 1% 5%; background: radial-gradient(circle, rgba(70, 135, 255, .34), rgba(61, 109, 224, .13) 42%, transparent 70%); filter: blur(8px); }

@media (max-width: 880px) {
  .corporate-home .intro.corporate-hero { min-height: auto; grid-template-columns: 1fr; gap: 12px; padding: 74px 24px 34px; }
  .corporate-home .corporate-hero-copy { max-width: 690px; }
}

@media (max-width: 560px) {
  .corporate-home .intro.corporate-hero { padding: 54px 18px 18px; }.corporate-home .corporate-hero h1 { font-size: clamp(2.75rem, 13vw, 4rem); }.corporate-home .corporate-hero .hero-actions { display: grid; grid-template-columns: 1fr 1fr; }.corporate-home .corporate-hero .hero-actions .button:first-child { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .corporate-home .intro.corporate-hero {
    width: calc(100% + 56px);
    margin-inline: -28px;
  }
}

/* Calm, multi-layer gradient motion inspired by modern product interfaces. */
.corporate-home .intro.corporate-hero {
  isolation: isolate;
  overflow: hidden;
  background: #060a13;
}

.corporate-home .hero-atmosphere,
.corporate-home .hero-atmosphere span { position: absolute; pointer-events: none; }
.corporate-home .hero-atmosphere { z-index: 0; inset: 0; overflow: hidden; }
.corporate-home .hero-aurora {
  width: min(68vw, 1000px);
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: .58;
  filter: blur(58px);
  will-change: transform;
  mix-blend-mode: screen;
}
.corporate-home .hero-aurora-one {
  top: -36%; right: -16%;
  background: radial-gradient(circle at 38% 42%, rgba(91, 138, 247, .72), rgba(35, 83, 177, .31) 38%, transparent 70%);
  animation: hero-aurora-drift-one 34s cubic-bezier(.45, .05, .55, .95) infinite alternate;
}
.corporate-home .hero-aurora-two {
  bottom: -62%; left: 11%;
  background: radial-gradient(circle at 45% 38%, rgba(47, 94, 198, .62), rgba(23, 57, 123, .22) 48%, transparent 72%);
  animation: hero-aurora-drift-two 43s cubic-bezier(.45, .05, .55, .95) infinite alternate;
}
.corporate-home .hero-aurora-three {
  top: 30%; left: 34%; width: min(36vw, 560px);
  background: radial-gradient(circle, rgba(104, 144, 232, .27), transparent 68%);
  animation: hero-aurora-drift-three 28s ease-in-out infinite alternate;
}
.corporate-home .hero-grid-lines {
  z-index: 1; inset: 0;
  opacity: .43;
  background-image:
    linear-gradient(rgba(156, 183, 231, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(156, 183, 231, .055) 1px, transparent 1px);
  background-position: center; background-size: 72px 72px;
  mask-image: radial-gradient(ellipse 70% 90% at 70% 46%, #000 18%, transparent 80%);
}
.corporate-home .hero-vignette {
  z-index: 2; inset: 0;
  background: linear-gradient(90deg, rgba(6, 10, 19, .6) 0%, rgba(6, 10, 19, .18) 44%, rgba(6, 10, 19, .24) 100%), linear-gradient(0deg, rgba(5, 8, 15, .48), transparent 35%);
}

.corporate-home .intro.corporate-hero::before,
.corporate-home .intro.corporate-hero::after { display: none; }
.corporate-home .corporate-hero-copy { max-width: 720px; }
.corporate-home .corporate-hero h1 {
  max-width: 720px;
  font-weight: 750;
  letter-spacing: -.062em;
  text-wrap: balance;
  text-shadow: 0 3px 35px rgba(0, 0, 0, .24);
}
.corporate-home .corporate-hero .subtitle { max-width: 575px; color: rgba(222, 232, 251, .78); }
.corporate-home .corporate-hero .eyebrow { color: #aabfee; }
.corporate-home .hero-actions { align-items: center; gap: 11px; }

.corporate-home .corporate-hero .hero-shimmer {
  position: relative;
  min-height: 47px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(179, 204, 255, .75);
  border-radius: 12px;
  color: #f8fbff;
  background: linear-gradient(112deg, #274e9f, #476fcb 42%, #294f9f 74%, #23478d);
  background-size: 210% 100%;
  box-shadow: 0 12px 34px rgba(33, 77, 166, .31), inset 0 1px rgba(255, 255, 255, .25);
  animation: hero-button-shimmer 6s linear infinite;
}
.corporate-home .corporate-hero .hero-shimmer::before {
  position: absolute;
  inset: -50% auto -50% -28%;
  z-index: -1;
  width: 30%;
  content: "";
  opacity: .72;
  transform: skewX(-20deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .64), transparent);
  animation: hero-button-glint 4.8s ease-in-out infinite;
}
.corporate-home .corporate-hero .hero-shimmer:hover { color: #fff; border-color: #d1e0ff; box-shadow: 0 16px 42px rgba(54, 108, 224, .43), inset 0 1px rgba(255, 255, 255, .3); }
.corporate-home .corporate-hero .button.secondary { min-height: 47px; border-radius: 12px; color: rgba(239, 245, 255, .92); }

.corporate-home .hero-system { opacity: .94; filter: saturate(.82) contrast(1.02); }
@keyframes hero-aurora-drift-one { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(-18%, 16%, 0) scale(1.16); } }
@keyframes hero-aurora-drift-two { from { transform: translate3d(0, 0, 0) scale(.94); } to { transform: translate3d(20%, -19%, 0) scale(1.1); } }
@keyframes hero-aurora-drift-three { from { transform: translate3d(-12%, -10%, 0) scale(.8); } to { transform: translate3d(28%, 18%, 0) scale(1.18); } }
@keyframes hero-button-shimmer { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } }
@keyframes hero-button-glint { 0%, 46% { left: -36%; opacity: 0; } 54% { opacity: .72; } 72%, 100% { left: 118%; opacity: 0; } }

@media (max-width: 880px) {
  .corporate-home .intro.corporate-hero { min-height: 0; padding-top: 82px; }
  .corporate-home .hero-vignette { background: linear-gradient(0deg, rgba(5, 8, 15, .52), transparent 46%); }
  .corporate-home .hero-grid-lines { mask-image: radial-gradient(ellipse 100% 84% at 50% 58%, #000 10%, transparent 84%); }
}

@media (max-width: 560px) {
  .corporate-home .intro.corporate-hero { padding-top: 60px; }.corporate-home .corporate-hero .hero-actions { gap: 9px; }.corporate-home .corporate-hero .button.secondary { min-height: 44px; }.corporate-home .hero-aurora { filter: blur(42px); }.corporate-home .hero-aurora-one { width: 105vw; top: -16%; right: -44%; }.corporate-home .hero-aurora-two { width: 110vw; left: -26%; bottom: -48%; }
}

@media (prefers-reduced-motion: reduce) {
  .corporate-home .hero-aurora, .corporate-home .hero-shimmer, .corporate-home .hero-shimmer::before { animation: none !important; }
}

/* The page owns the full-width hero; content sections keep their old container. */
.corporate-home .page.corporate-page {
  width: 100%;
  max-width: none;
  padding: 0 0 80px;
}

.corporate-home .intro.corporate-hero {
  width: 100%;
  margin: 0;
  padding-inline: max(28px, calc((100% - 1200px) / 2));
}

.corporate-home .link-groups,
.corporate-home .section {
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}

@media (max-width: 760px) {
  .corporate-home .page.corporate-page { padding-bottom: 56px; }
  .corporate-home .intro.corporate-hero { width: 100%; margin-inline: 0; }
  .corporate-home .link-groups,
  .corporate-home .section { width: min(100% - 24px, 520px); }
}

/* Lightweight connected cards replace the former large dashboard in the hero. */
.corporate-home .hero-card-system { position: relative; z-index: 2; isolation: isolate; transform: translateY(2%); min-height: min(41vw, 500px); opacity: 1; filter: none; }
.corporate-home .hero-card-system::before { position: absolute; inset: 12% 8%; border-radius: 50%; background: radial-gradient(circle, rgba(57, 109, 223, .26), rgba(17, 47, 106, .11) 45%, transparent 72%); filter: blur(16px); content: ""; }
.corporate-home .hero-card-links { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.corporate-home .hero-card-links path { fill: none; stroke: rgba(151, 190, 255, .22); stroke-width: 1.3; stroke-dasharray: 4 9; animation: hero-link-flow 16s linear infinite; }
.corporate-home .hero-float-card { position: absolute; z-index: 1; display: grid; grid-template-columns: 32px minmax(0, 1fr) 7px; gap: 10px; align-items: center; width: clamp(176px, 18vw, 248px); min-height: 70px; padding: 12px 14px; border: 1px solid rgba(166, 198, 255, .27); border-radius: 16px; color: #edf4ff; background: linear-gradient(135deg, rgba(20, 43, 88, .83), rgba(8, 20, 44, .78)); box-shadow: 0 18px 42px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .08); backdrop-filter: blur(12px); }
.corporate-home .hero-float-card strong, .corporate-home .hero-float-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.corporate-home .hero-float-card strong { font: 700 12px/1.2 "Trebuchet MS", "Segoe UI", sans-serif; }.corporate-home .hero-float-card small { margin-top: 4px; color: rgba(203, 219, 246, .72); font: 500 10px/1.2 "Trebuchet MS", "Segoe UI", sans-serif; }
.corporate-home .hero-card-icon { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(173, 203, 255, .31); border-radius: 10px; color: #cde0ff; background: rgba(104, 149, 249, .16); font: 800 9px/1 "Trebuchet MS", "Segoe UI", sans-serif; letter-spacing: -.02em; }
.corporate-home .hero-float-card i { width: 6px; height: 6px; border-radius: 50%; background: #86eab5; box-shadow: 0 0 0 5px rgba(83, 210, 137, .1), 0 0 13px rgba(105, 234, 161, .9); }
.corporate-home .hero-float-card--telegram { top: 5%; left: 2%; animation: hero-card-drift-one 11s ease-in-out infinite; }.corporate-home .hero-float-card--telegram .hero-card-icon { color: #b9e9ff; background: rgba(56, 174, 232, .19); }
.corporate-home .hero-float-card--ai { top: 4%; right: 0; animation: hero-card-drift-two 13s ease-in-out 1.8s infinite; }.corporate-home .hero-float-card--ai .hero-card-icon { color: #d7cdff; background: rgba(121, 93, 235, .2); }
.corporate-home .hero-float-card--n8n { top: 38%; left: 14%; animation: hero-card-drift-three 14s ease-in-out .7s infinite; }.corporate-home .hero-float-card--n8n .hero-card-icon { color: #ffd1bb; background: rgba(233, 120, 69, .18); }
.corporate-home .hero-float-card--chatgpt { top: 43%; right: 5%; animation: hero-card-drift-one 12s ease-in-out 2.6s infinite reverse; }.corporate-home .hero-float-card--chatgpt .hero-card-icon { color: #bff5df; background: rgba(58, 178, 123, .19); }
.corporate-home .hero-float-card--site { bottom: 5%; left: 2%; animation: hero-card-drift-two 15s ease-in-out 1s infinite reverse; }.corporate-home .hero-float-card--site .hero-card-icon { font-size: 8px; color: #cbd9ff; }
.corporate-home .hero-float-card--flow { right: 17%; bottom: 4%; animation: hero-card-drift-three 10s ease-in-out 3s infinite reverse; }
@keyframes hero-card-drift-one { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(7px,-10px,0); } }
@keyframes hero-card-drift-two { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(-8px,-7px,0); } }
@keyframes hero-card-drift-three { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(4px,9px,0); } }
@keyframes hero-link-flow { to { stroke-dashoffset: -110; } }
@media (max-width: 880px) { .corporate-home .hero-card-system { width: min(100%, 620px); min-height: 410px; margin: 14px auto 0; } }
@media (max-width: 560px) { .corporate-home .hero-card-system { min-height: 330px; }.corporate-home .hero-float-card { width: min(48vw, 205px); min-height: 58px; padding: 9px 10px; gap: 7px; border-radius: 13px; }.corporate-home .hero-card-icon { width: 27px; height: 27px; border-radius: 8px; font-size: 8px; }.corporate-home .hero-float-card strong { font-size: 10px; }.corporate-home .hero-float-card small { margin-top: 3px; font-size: 8px; }.corporate-home .hero-float-card--telegram { top: 2%; left: 0; }.corporate-home .hero-float-card--ai { top: 4%; right: 0; }.corporate-home .hero-float-card--n8n { top: 35%; left: 2%; }.corporate-home .hero-float-card--chatgpt { top: 41%; right: 0; }.corporate-home .hero-float-card--site { bottom: 4%; left: 0; }.corporate-home .hero-float-card--flow { right: 3%; bottom: 3%; } }
@media (prefers-reduced-motion: reduce) { .corporate-home .hero-float-card, .corporate-home .hero-card-links path { animation: none !important; } }

/* Keep the hero lively without animating every decorative layer at once. */
.corporate-home .hero-aurora-three,
.corporate-home .hero-float-card--ai,
.corporate-home .hero-float-card--n8n,
.corporate-home .hero-float-card--site { animation: none; }

@media (max-width: 560px) {
  .corporate-home .hero-aurora-two,
  .corporate-home .hero-aurora-three,
  .corporate-home .hero-shimmer,
  .corporate-home .hero-shimmer::before,
  .corporate-home .hero-float-card,
  .corporate-home .hero-card-links path { animation: none !important; }

  .corporate-home .hero-float-card { backdrop-filter: blur(8px); }
}