/*
Theme Name: Prolinkslab
Theme URI: https://prolinkslab.local/
Author: Konstantin Rozkovskyi
Author URI: https://prolinkslab.local/
Description: Custom WordPress theme for Prolinkslab.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: prolinkslab
*/

:root {
  --prolinkslab-bg: #f5efe4;
  --prolinkslab-surface: #fffaf2;
  --prolinkslab-card: #fffdf8;
  --prolinkslab-text: #1f1a17;
  --prolinkslab-muted: #6c6159;
  --prolinkslab-accent: #c8ee33;
  --prolinkslab-accent-dark: #8cc31a;
  --prolinkslab-brand: #a8d52f;
  --prolinkslab-brand-dark: #6d9d1d;
  --prolinkslab-brand-deep: #23471d;
  --prolinkslab-brand-glow: rgba(168, 213, 47, 0.32);
  --prolinkslab-light-top: #eef4f8;
  --prolinkslab-light-bottom: #f5f1ea;
  --prolinkslab-light-surface: linear-gradient(180deg, var(--prolinkslab-light-top) 0%, var(--prolinkslab-light-bottom) 100%);
  --prolinkslab-header-bg: #0b1120;
  --prolinkslab-header-muted: #d1d5db;
  --prolinkslab-header-surface: #1e293b;
  --prolinkslab-border: rgba(31, 26, 23, 0.1);
  --prolinkslab-shadow: 0 20px 60px rgba(72, 40, 17, 0.12);
  --prolinkslab-radius: 24px;
  --prolinkslab-content: 1120px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: var(--prolinkslab-text);
  background:
    radial-gradient(circle at top left, rgba(141, 164, 197, 0.12), transparent 26%),
    linear-gradient(180deg, #f2f5f8 0%, #f3efe9 100%);
  line-height: 1.6;
  overflow-x: clip;
}

.brand-accent {
  color: var(--prolinkslab-brand);
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-shell {
  width: min(calc(100% - 32px), var(--prolinkslab-content));
  margin: 0 auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  padding: 0;
  background: var(--prolinkslab-header-bg);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.admin-bar .site-header {
  top: 32px;
}

.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 78px;
  padding: 14px 0;
}

.site-header__start {
  display: flex;
  align-items: center;
  gap: 30px;
  flex: 1 1 auto;
  min-width: 0;
}

.site-branding {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.site-logo-link {
  display: inline-flex;
  align-items: center;
}

.site-logo-image {
  width: auto;
  height: 54px;
  max-width: min(360px, 44vw);
}

.site-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-nav__mega-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-nav {
  flex: 0 1 auto;
  position: relative;
}

.site-nav a {
  color: var(--prolinkslab-header-muted);
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.site-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  gap: 12px;
}

.site-language-switcher {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: -12px;
}

.site-language-switcher::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  height: 14px;
}

.site-language-switcher__current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 40px;
  min-width: 74px;
  padding: 0 16px;
  border: 1px solid rgba(168, 213, 47, 0.16);
  border-radius: 12px;
  background: rgba(168, 213, 47, 0.12);
  color: #ffffff;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: default;
}

.site-language-switcher__arrow {
  width: 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transition: transform 0.2s ease;
}

.site-language-switcher__list {
  position: absolute;
  top: calc(100% + 2px);
  right: 0;
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 4px;
  list-style: none;
  border-radius: 12px;
  background: rgba(12, 17, 32, 0.96);
  border: 1px solid rgba(168, 213, 47, 0.16);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  z-index: 30;
}

.site-language-switcher:hover .site-language-switcher__list,
.site-language-switcher:focus-within .site-language-switcher__list {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.site-language-switcher:hover .site-language-switcher__arrow,
.site-language-switcher:focus-within .site-language-switcher__arrow {
  transform: rotate(225deg) translateY(-1px);
}

.site-language-switcher__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  min-height: 40px;
  padding: 0 14px;
  border: 0;
  border-radius: 9px;
  color: #ffffff;
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.site-language-switcher__link:hover,
.site-language-switcher__link:focus {
  background: rgba(168, 213, 47, 0.16);
  color: #ffffff;
  transform: translateY(-1px);
}

.site-language-switcher__link[disabled] {
  opacity: 0.72;
  cursor: not-allowed;
}

.site-header__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 8px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  transition: background 0.2s ease, transform 0.2s ease;
}

.site-header__button--secondary {
  background: rgba(168, 213, 47, 0.14);
  color: #ffffff;
  border: 1px solid rgba(168, 213, 47, 0.2);
}

.site-header__button--secondary:hover,
.site-header__button--secondary:focus {
  background: rgba(168, 213, 47, 0.22);
}

.site-header__button:hover,
.site-header__button:focus {
  background: linear-gradient(180deg, #b7e53b 0%, #7aac22 100%);
  transform: translateY(-1px);
}

.site-nav a:hover,
.site-nav a:focus {
  color: var(--prolinkslab-accent);
}

.site-nav__list {
  position: relative;
}

.site-nav .menu-item {
  position: relative;
}

.site-nav .menu-item--mega {
  position: static;
}

.site-nav .menu-item > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
}

.site-nav__arrow {
  width: 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transition: transform 0.22s ease;
}

.site-nav .current-menu-item > a,
.site-nav .current-menu-ancestor > a,
.site-nav .current_page_item > a,
.site-nav .menu-item--mega:hover > a,
.site-nav .menu-item--mega:focus-within > a,
.site-nav .menu-item--mega.is-open > a {
  color: var(--prolinkslab-accent);
}

.site-nav .menu-item--mega:hover .site-nav__arrow,
.site-nav .menu-item--mega:focus-within .site-nav__arrow,
.site-nav .menu-item--mega.is-open .site-nav__arrow {
  transform: rotate(225deg) translateY(-1px);
}

.site-nav__mega {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 30;
  width: min(920px, calc(100vw - 56px));
  padding: 22px;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 251, 255, 0.98) 100%);
  border: 1px solid rgba(16, 16, 24, 0.08);
  box-shadow:
    0 28px 60px rgba(5, 12, 24, 0.22),
    0 12px 24px rgba(168, 213, 47, 0.06);
  transform: translateY(14px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.site-nav .menu-item--mega:hover > .site-nav__mega,
.site-nav .menu-item--mega:focus-within > .site-nav__mega,
.site-nav .menu-item--mega.is-open > .site-nav__mega {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.site-nav__mega-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.site-nav__mega-column {
  min-width: 0;
  padding: 2px 14px 0 0;
}

.site-nav__mega-column:not(:last-child) {
  border-right: 1px solid rgba(111, 136, 164, 0.24);
}

.site-nav__mega-title {
  margin: 0 0 10px;
  color: #0f172a;
  font-size: 1.06rem;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.site-nav__mega-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-nav .site-nav__mega-link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 6px 8px;
  border-radius: 16px;
  color: #364152;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.14;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.site-nav .site-nav__mega-link:hover,
.site-nav .site-nav__mega-link:focus {
  background: rgba(255, 255, 255, 0.88);
  color: #0b1220;
  transform: translateX(4px);
  box-shadow:
    inset 0 0 0 1px rgba(168, 213, 47, 0.16),
    0 10px 20px rgba(15, 23, 42, 0.05);
}

.site-nav__mega-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 14px;
  background: linear-gradient(180deg, #f1f5fb 0%, #e8eef8 100%);
  color: #16213b;
  font-size: 1rem;
  box-shadow:
    inset 0 0 0 1px rgba(22, 33, 59, 0.06),
    0 8px 16px rgba(15, 23, 42, 0.04);
}

.site-nav .site-nav__mega-link span:last-child {
  color: inherit;
}

.site-nav__mega-column--segments .site-nav__mega-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.site-nav__mega-column--segments .site-nav__mega-list > li {
  width: 100%;
}

.site-nav__mega-promo {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(16, 27, 52, 0.98) 0%, rgba(27, 39, 69, 0.98) 100%);
  color: #ffffff;
  overflow: hidden;
  position: relative;
}

.site-nav__mega-promo::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0, rgba(255, 255, 255, 0.04) 1px, transparent 1px, transparent 25%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 100%);
  background-size: 120px 100%, 100% 100%;
  pointer-events: none;
}

.site-nav__mega-promo > * {
  position: relative;
  z-index: 1;
}

.site-nav__mega-eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--prolinkslab-accent);
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.12;
}

.site-nav__mega-note {
  margin: 0;
  max-width: 36ch;
  color: rgba(255, 255, 255, 0.84);
  font-size: 0.92rem;
  line-height: 1.48;
}

.site-nav__mega-benefits {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-nav__mega-benefits li {
  position: relative;
  padding-left: 16px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.88rem;
  line-height: 1.35;
}

.site-nav__mega-benefits li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--prolinkslab-accent);
  box-shadow: 0 0 0 6px rgba(200, 238, 51, 0.08);
}

.site-nav__mega-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 126px;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 14px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  font-size: 0.92rem;
  font-weight: 700;
  box-shadow: 0 18px 34px rgba(168, 213, 47, 0.28);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.site-nav__mega-button:hover,
.site-nav__mega-button:focus {
  color: #ffffff;
  background: linear-gradient(180deg, #b7e53b 0%, #7aac22 100%);
  transform: translateY(-2px);
  box-shadow: 0 22px 38px rgba(168, 213, 47, 0.34);
}

.hero {
  padding: 52px 0 28px;
}

.hero--lab {
  padding: 0;
}

.hero-lab {
  position: relative;
  background:
    radial-gradient(circle at 14% 14%, rgba(255, 255, 255, 0.55), transparent 20%),
    radial-gradient(circle at 86% 24%, rgba(255, 255, 255, 0.38), transparent 18%),
    var(--prolinkslab-light-surface);
  padding: 8px 0 0;
}

.hero-lab--full {
  width: 100%;
}

.hero-lab__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: 28px;
  align-items: center;
  min-height: 640px;
  padding-top: 24px;
  padding-bottom: 32px;
}

.hero-lab__content,
.hero-lab__visual {
  position: relative;
  z-index: 1;
}

.eyebrow,
.hero-lab__eyebrow,
.services-section__eyebrow,
.final-lead__eyebrow,
.crowd-hero__eyebrow,
.crowd-pricing__eyebrow,
.crowd-benefits__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  justify-self: start;
  align-self: start;
  min-height: 44px;
  padding: 0 22px 0 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(168, 213, 47, 0.3);
  color: var(--prolinkslab-brand-deep);
  font-size: clamp(0.92rem, 1.2vw, 1.02rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.05);
}

.eyebrow::before,
.hero-lab__eyebrow::before,
.services-section__eyebrow::before,
.final-lead__eyebrow::before,
.crowd-hero__eyebrow::before,
.crowd-pricing__eyebrow::before,
.crowd-benefits__eyebrow::before {
  content: "";
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  box-shadow: 0 0 0 10px rgba(168, 213, 47, 0.12);
}

.hero-lab__title {
  display: grid;
  gap: 8px;
  margin: 16px 0 16px;
  max-width: 15ch;
  color: #101018;
  font-size: clamp(2.2rem, 4vw, 4.2rem);
  font-weight: 800;
  line-height: 0.96;
  letter-spacing: -0.06em;
}

.hero-lab__title-main {
  display: block;
}

.hero-lab__title-tail {
  display: block;
  max-width: 24ch;
  font-size: clamp(1.1rem, 1.6vw, 1.6rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.hero-lab__lead {
  max-width: 58ch;
  margin: 0 0 14px;
  color: #232834;
  font-size: clamp(0.96rem, 1.05vw, 1.08rem);
  line-height: 1.24;
}

.hero-lab__lead--secondary {
  color: #3a4253;
}

.hero-lab__highlight {
  margin-top: 18px;
  color: #101018;
  font-size: clamp(1.1rem, 1.6vw, 1.6rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.05;
  max-width: 24ch;
}

.hero-lab__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.hero-lab__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 24px;
  border-radius: 10px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  font-size: 0.96rem;
  font-weight: 700;
  box-shadow: 0 18px 34px var(--prolinkslab-brand-glow);
  transition: transform 0.2s ease, background 0.2s ease;
}

.hero-lab__button:hover,
.hero-lab__button:focus {
  background: linear-gradient(180deg, #b7e53b 0%, #7aac22 100%);
  transform: translateY(-2px);
}

.hero-lab__button--ghost {
  background: rgba(255, 255, 255, 0.72);
  color: #101018;
  box-shadow: none;
  border: 1px solid rgba(16, 16, 24, 0.08);
}

.hero-lab__button--ghost:hover,
.hero-lab__button--ghost:focus {
  background: #ffffff;
}

.hero-lab__visual {
  display: grid;
  place-items: center;
  min-height: 420px;
}

.hero-lab__flask {
  position: relative;
  width: min(100%, 420px);
  aspect-ratio: 1 / 1.1;
  display: grid;
  place-items: center;
  filter: drop-shadow(0 24px 42px rgba(15, 22, 32, 0.16));
}

.hero-lab__flask-neck {
  position: absolute;
  top: 6%;
  left: 50%;
  width: 22%;
  height: 18%;
  transform: translateX(-50%);
  border-radius: 18px 18px 10px 10px;
  background: linear-gradient(180deg, #f6f8fb 0%, #c7ced9 22%, #111114 58%, #eef2f7 82%, #0d0d0f 100%);
  border: 6px solid #e6ef5a;
  border-bottom: 0;
}

.hero-lab__flask-body {
  position: absolute;
  inset: 18% 10% 2% 10%;
  border-radius: 18% 18% 42% 42% / 16% 16% 52% 52%;
  background:
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.95), rgba(192, 199, 211, 0.94) 20%, rgba(15, 15, 18, 0.98) 58%, rgba(241, 244, 249, 0.9) 82%, rgba(15, 15, 18, 0.98) 100%);
  border: 8px solid #d8ef56;
  overflow: hidden;
}

.hero-lab__flask-body::before {
  content: "";
  position: absolute;
  inset: 5% 8% auto auto;
  width: 28%;
  height: 38%;
  border-radius: 40%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0));
  transform: rotate(-18deg);
}

.hero-lab__globe {
  position: absolute;
  inset: 18%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 35%, rgba(211, 240, 93, 0.98), rgba(125, 171, 32, 0.98) 34%, rgba(23, 71, 31, 0.96) 74%, rgba(10, 26, 15, 0.98) 100%);
  box-shadow:
    inset 0 0 0 5px rgba(231, 246, 112, 0.2),
    0 0 0 1px rgba(255, 255, 255, 0.08);
}

.hero-lab__globe::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, transparent 56%, rgba(233, 246, 110, 0.55) 57%, transparent 58%),
    linear-gradient(90deg, transparent 49%, rgba(232, 246, 109, 0.18) 50%, transparent 51%),
    linear-gradient(0deg, transparent 49%, rgba(232, 246, 109, 0.18) 50%, transparent 51%);
}

.hero-lab__globe-line {
  position: absolute;
  background: rgba(233, 246, 110, 0.26);
}

.hero-lab__globe-line--h1,
.hero-lab__globe-line--h2 {
  left: 14%;
  right: 14%;
  height: 2px;
  border-radius: 999px;
}

.hero-lab__globe-line--h1 {
  top: 34%;
}

.hero-lab__globe-line--h2 {
  top: 64%;
}

.hero-lab__globe-line--v1,
.hero-lab__globe-line--v2 {
  top: 14%;
  bottom: 14%;
  width: 2px;
  border-radius: 999px;
}

.hero-lab__globe-line--v1 {
  left: 34%;
}

.hero-lab__globe-line--v2 {
  left: 64%;
}

.hero-lab__link-icon {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 48%;
  height: 22%;
  transform: translate(-50%, -50%) rotate(-18deg);
}

.hero-lab__link-part {
  position: absolute;
  top: 50%;
  width: 44%;
  height: 100%;
  border: 10px solid #f6f6ef;
  border-radius: 999px;
  background: transparent;
  transform: translateY(-50%);
  box-shadow: 0 8px 18px rgba(15, 22, 32, 0.18);
}

.hero-lab__link-part--left {
  left: 0;
}

.hero-lab__link-part--right {
  right: 0;
}

.hero-lab__link-bridge {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 34%;
  height: 10px;
  background: #f6f6ef;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  box-shadow: 0 8px 18px rgba(15, 22, 32, 0.16);
}

.hero-lab__bubble {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle, #d9f454 0%, #9dca30 65%, #557c17 100%);
  box-shadow: 0 10px 18px rgba(146, 188, 34, 0.28);
}

.hero-lab__bubble--one {
  width: 24px;
  height: 24px;
  top: 3%;
  left: 36%;
}

.hero-lab__bubble--two {
  width: 16px;
  height: 16px;
  top: -2%;
  left: 49%;
}

.hero-lab__bubble--three {
  width: 14px;
  height: 14px;
  top: 10%;
  left: 45%;
}

.services-section {
  position: relative;
  overflow: hidden;
  margin: 0 -20px;
  padding: clamp(54px, 7vw, 88px) 20px clamp(42px, 6vw, 72px);
  background: linear-gradient(180deg, #eef4f8 0%, #f5f1ea 100%);
}

.services-section .site-shell {
  position: relative;
  z-index: 1;
}

.services-section__head {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

.services-section__eyebrow {
  margin-bottom: 0;
}

.services-section__title {
  margin: 20px auto 0;
  max-width: 880px;
  color: #101018;
  font-size: clamp(2rem, 4.4vw, 4.2rem);
  font-weight: 800;
  line-height: 0.94;
  letter-spacing: -0.065em;
}

.services-section__subtitle {
  margin: 18px auto 0;
  max-width: 46rem;
  color: #5b6370;
  font-size: 1.04rem;
  line-height: 1.62;
}

.services-carousel {
  --services-carousel-gap: clamp(18px, 2vw, 28px);
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: var(--services-carousel-gap);
  width: 100%;
  margin-top: clamp(26px, 3.6vw, 42px);
  overflow-x: auto;
  padding: 18px 0 22px;
  scroll-snap-type: x proximity;
  scrollbar-width: auto;
  scrollbar-color: rgba(168, 213, 47, 0.88) rgba(255, 255, 255, 0.08);
}

.services-carousel::-webkit-scrollbar {
  height: 12px;
}

.services-carousel::-webkit-scrollbar-track {
  background: rgba(16, 16, 24, 0.08);
  border-radius: 999px;
}

.services-carousel::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  border-radius: 999px;
}

.service-card {
  position: relative;
  overflow: hidden;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  flex: 0 0 calc((100% - (var(--services-carousel-gap) * 2)) / 3);
  width: calc((100% - (var(--services-carousel-gap) * 2)) / 3);
  min-width: 0;
  max-width: none;
  min-height: 220px;
  padding: 24px 24px 26px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(246, 251, 255, 0.98) 100%);
  border: 1px solid rgba(16, 16, 24, 0.08);
  box-shadow:
    0 28px 70px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.74);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.service-card:nth-child(3n + 1) {
  margin-top: 32px;
  background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
}

.service-card:nth-child(3n + 2) {
  margin-top: 0;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

.service-card:nth-child(3n) {
  margin-top: 64px;
  background: linear-gradient(180deg, #fcfffd 0%, #f2f8fb 100%);
}

.service-card:hover,
.service-card:focus-within {
  transform: translateY(-6px);
  border-color: rgba(168, 213, 47, 0.24);
  box-shadow:
    0 34px 84px rgba(15, 23, 42, 0.14),
    0 0 0 1px rgba(168, 213, 47, 0.12);
}

.service-card__glow {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(231, 240, 248, 0.16) 0%, rgba(168, 213, 47, 0.08) 100%);
  pointer-events: none;
}

.service-card__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(168, 213, 47, 0.12) 0%, rgba(201, 216, 238, 0.18) 100%);
  color: var(--prolinkslab-brand);
  font-size: 1.36rem;
  box-shadow:
    inset 0 0 0 1px rgba(168, 213, 47, 0.18),
    0 0 24px rgba(168, 213, 47, 0.08);
}

.service-card__title {
  position: relative;
  z-index: 1;
  margin: 16px 0 12px;
  color: #101018;
  font-size: clamp(1.55rem, 2vw, 2.15rem);
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.02;
}

.service-card__description {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 30ch;
  color: #566070;
  font-size: 0.98rem;
  line-height: 1.48;
}

.service-card__footer {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding-top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  min-width: 180px;
  padding: 0 28px;
  border-radius: 999px;
  background: linear-gradient(180deg, #a8d52f 0%, #88b612 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 18px 34px rgba(168, 213, 47, 0.24);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.service-card__button:hover,
.service-card__button:focus {
  transform: translateY(-2px);
  background: linear-gradient(180deg, #b2df34 0%, #8fbe16 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 22px 38px rgba(168, 213, 47, 0.3);
}

.reviews-section {
  margin: 0 -20px;
  padding: 48px 20px 58px;
  background: linear-gradient(180deg, #eef4f8 0%, #f6f2ea 100%);
}

.reviews-section__head {
  margin-bottom: 28px;
  text-align: center;
}

.reviews-section__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  padding: 0 22px 0 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(168, 213, 47, 0.3);
  color: var(--prolinkslab-brand-deep);
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.05);
}

.reviews-section__eyebrow::before {
  content: "";
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  box-shadow: 0 0 0 10px rgba(168, 213, 47, 0.12);
}

.reviews-section__title {
  margin: 16px 0 0;
  color: #101018;
  font-size: clamp(1.85rem, 3.2vw, 3.4rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 0.96;
}

.reviews-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(26px, 3vw, 48px);
  align-items: start;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 255, 0.98) 100%);
  border: 1px solid rgba(16, 16, 24, 0.08);
  box-shadow: 0 24px 50px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.reviews-stage {
  display: grid;
  gap: 26px;
  align-content: start;
}

.reviews-sidebar {
  display: grid;
  grid-template-columns: repeat(5, minmax(76px, 1fr));
  gap: 16px 18px;
  max-width: 660px;
}

.review-company {
  display: grid;
  justify-items: center;
  gap: 10px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #101018;
  text-align: center;
  cursor: pointer;
}

.review-company__avatar-wrap {
  display: grid;
  justify-items: center;
  gap: 0;
}

.review-company__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.92);
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.92), transparent 24%),
    linear-gradient(145deg, var(--review-avatar-a, #dfe4f3) 0%, var(--review-avatar-b, #cfd5e8) 100%);
  color: #1b2132;
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: -0.06em;
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.review-company__logo-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.review-company:hover .review-company__logo,
.review-company:focus .review-company__logo,
.review-company.is-active .review-company__logo {
  transform: translateY(-5px) scale(1.03);
  border-color: rgba(79, 121, 255, 0.92);
  box-shadow:
    0 18px 34px rgba(79, 121, 255, 0.16),
    0 10px 22px rgba(168, 213, 47, 0.12);
}

.review-card {
  display: none;
  width: 100%;
  max-width: none;
  padding: 26px 26px 28px;
}

.review-card.is-active {
  display: block;
}

.review-card__title {
  margin: 0 0 18px;
  color: #101018;
  font-size: clamp(1.65rem, 2.5vw, 2.7rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1;
  max-width: 10ch;
}

.review-card__rating {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
  color: var(--prolinkslab-brand);
  font-size: 1.8rem;
  text-shadow: 0 6px 18px rgba(168, 213, 47, 0.18);
}

.review-card__quote {
  margin: 0 0 22px;
  color: #202633;
  font-size: clamp(0.96rem, 1vw, 1.05rem);
  line-height: 1.52;
  max-width: 46ch;
}

.review-card__person {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  align-items: center;
  column-gap: 16px;
  row-gap: 6px;
  margin-bottom: 22px;
  padding-left: 18px;
  border-left: 4px solid rgba(168, 213, 47, 0.92);
}

.review-card__person-photo {
  grid-row: 1 / span 2;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.1);
}

.review-card__author {
  margin: 0;
  color: #101018;
  font-size: 1rem;
  font-weight: 800;
}

.review-card__meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
}

.review-card__role,
.review-card__date {
  color: #5b6370;
  font-size: 0.92rem;
}

.reviews-visual {
  position: relative;
  display: grid;
  align-items: stretch;
  justify-items: stretch;
}

.reviews-visual-card {
  width: 100%;
  max-width: none;
  min-height: 560px;
  border-radius: 26px;
  overflow: hidden;
}

.reviews-visual-card__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
}

.reviews-visual-card__placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 560px;
  padding: 24px;
  color: #5b6370;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.hero__panel,
.content-card,
.post-card {
  background: linear-gradient(180deg, rgba(255, 253, 248, 0.96) 0%, rgba(255, 248, 240, 0.98) 100%);
  border: 1px solid var(--prolinkslab-border);
  border-radius: var(--prolinkslab-radius);
  box-shadow: var(--prolinkslab-shadow);
}

.hero__panel {
  position: relative;
  overflow: hidden;
  padding: clamp(32px, 6vw, 72px);
}

.hero__panel::after {
  content: "";
  position: absolute;
  inset: auto -80px -80px auto;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(189, 79, 45, 0.22), transparent 68%);
}

.hero h1,
.entry-title {
  margin: 18px 0 16px;
  font-size: clamp(2.6rem, 6vw, 5.4rem);
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.hero p {
  max-width: 60ch;
  margin: 0 0 24px;
  font-size: 1.1rem;
  color: var(--prolinkslab-muted);
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.button-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #fff;
  font-weight: 700;
  transition: transform 0.2s ease, background 0.2s ease;
}

.button-link:hover,
.button-link:focus {
  background: linear-gradient(180deg, #b7e53b 0%, #7aac22 100%);
  transform: translateY(-1px);
}

.button-link--ghost {
  background: transparent;
  color: var(--prolinkslab-text);
  border: 1px solid var(--prolinkslab-border);
}

.content-grid {
  display: grid;
  gap: 24px;
  padding: 16px 0 72px;
}

.posts-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.post-card,
.content-card {
  padding: 28px;
}

.post-card h2,
.content-card h2 {
  margin: 0 0 12px;
  font-size: 1.6rem;
}

.post-card p,
.content-card p,
.entry-content,
.entry-summary {
  color: var(--prolinkslab-muted);
}

.post-meta {
  margin-bottom: 12px;
  color: var(--prolinkslab-muted);
  font-size: 0.9rem;
}

.entry-content > *:first-child {
  margin-top: 0;
}

.entry-content > *:last-child {
  margin-bottom: 0;
}

.site-main {
  padding-bottom: 72px;
}

.site-main--builder {
  padding-bottom: 0;
}

.builder-page-content {
  display: block;
}

.builder-page-content > :first-child {
  margin-top: 0;
}

.site-main--blog {
  padding-top: 36px;
}

.blog-page__shell {
  display: grid;
  gap: 34px;
}

.blog-breadcrumbs {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  color: #45434f;
  font-size: 1rem;
  font-weight: 700;
}

.blog-breadcrumbs a {
  transition: color 0.2s ease;
}

.blog-breadcrumbs a:hover,
.blog-breadcrumbs a:focus {
  color: var(--prolinkslab-brand-dark);
}

.blog-breadcrumbs span[aria-hidden="true"] {
  font-size: 1.6rem;
  line-height: 1;
}

.blog-hero {
  display: grid;
  grid-template-columns: minmax(320px, 0.88fr) minmax(0, 1.12fr);
  gap: 32px;
  align-items: center;
}

.blog-hero__media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  min-height: 320px;
  border-radius: 28px;
  background: linear-gradient(180deg, #111827 0%, #202f4d 100%);
  box-shadow: 0 28px 50px rgba(15, 23, 42, 0.16);
}

.blog-hero__image,
.blog-hero__placeholder {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
}

.blog-hero__placeholder {
  display: block;
  background:
    radial-gradient(circle at 30% 30%, rgba(198, 238, 74, 0.5), transparent 16%),
    linear-gradient(135deg, #111827 0%, #1f3357 52%, #0f172a 100%);
}

.blog-hero__content {
  display: grid;
  gap: 14px;
}

.blog-hero__meta,
.blog-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  color: #5f6470;
  font-size: 0.95rem;
  font-weight: 600;
}

.blog-hero__meta span:first-child,
.blog-card__meta span:first-child {
  color: #111827;
  font-weight: 800;
}

.blog-hero__title {
  margin: 0;
  color: #111118;
  max-width: none;
  font-size: clamp(2rem, 3.4vw, 3.4rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.06em;
}

.blog-hero__excerpt {
  margin: 0;
  max-width: none;
  color: #303644;
  font-size: clamp(0.95rem, 1.15vw, 1.12rem);
  line-height: 1.28;
}

.blog-hero__link,
.blog-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  align-self: flex-start;
  margin-top: auto;
  min-height: 54px;
  padding: 0 24px;
  border-radius: 16px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  box-shadow: 0 16px 30px var(--prolinkslab-brand-glow);
  transition: color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  max-width: 100%;
}

.blog-hero__link:hover,
.blog-hero__link:focus,
.blog-card__link:hover,
.blog-card__link:focus {
  background: linear-gradient(180deg, #b7e53b 0%, #7aac22 100%);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 20px 34px rgba(168, 213, 47, 0.34);
}

.blog-hero__link span,
.blog-card__link span {
  font-size: 2rem;
  line-height: 1;
}

.blog-tags {
  display: grid;
  gap: 14px;
}

.blog-tags__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 18px;
  align-items: start;
  min-width: 0;
}

.blog-tags__filters {
  display: grid;
  gap: 0;
}

.blog-tags__line {
  height: 1px;
  background: rgba(115, 129, 158, 0.24);
}

.blog-tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.blog-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 18px;
  background: rgba(168, 213, 47, 0.14);
  color: var(--prolinkslab-brand-deep);
  font-size: 0.88rem;
  font-weight: 700;
  border: 1px solid rgba(168, 213, 47, 0.24);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.blog-tag.is-active,
.blog-tag:hover,
.blog-tag:focus {
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  border-color: rgba(109, 157, 29, 0.42);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(168, 213, 47, 0.24);
}

.blog-subscribe {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  padding: 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(115, 129, 158, 0.12);
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
  min-width: 0;
}

.blog-subscribe__label {
  grid-column: 1 / -1;
  margin: 0;
  color: #1b2433;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.35;
}

.blog-subscribe__notice {
  grid-column: 1 / -1;
  margin: 0;
  padding: 10px 14px;
  border-radius: 14px;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.4;
}

.blog-subscribe__notice.is-success {
  background: rgba(168, 213, 47, 0.16);
  color: #2e4b15;
  border: 1px solid rgba(168, 213, 47, 0.28);
}

.blog-subscribe__notice.is-error {
  background: rgba(239, 68, 68, 0.12);
  color: #8b1d1d;
  border: 1px solid rgba(239, 68, 68, 0.2);
}

.blog-subscribe__field {
  display: flex;
  min-width: 0;
}

.blog-subscribe__field input {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid rgba(115, 129, 158, 0.18);
  border-radius: 14px;
  background: #ffffff;
  color: #141722;
  font: inherit;
}

.blog-subscribe__button {
  min-height: 48px;
  padding: 0 18px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 16px 30px var(--prolinkslab-brand-glow);
  max-width: 100%;
}

.blog-subscribe__button:hover,
.blog-subscribe__button:focus {
  transform: translateY(-2px);
  box-shadow: 0 20px 34px rgba(168, 213, 47, 0.34);
}

.blog-feed {
  display: grid;
  gap: 24px;
  padding-bottom: 56px;
}

.blog-feed__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.blog-feed__title {
  margin: 0;
  color: #111118;
  font-size: clamp(2rem, 3vw, 3.1rem);
  font-weight: 800;
  letter-spacing: -0.05em;
}

.blog-feed__subtitle {
  margin: 0;
  color: #586173;
  font-size: 0.98rem;
  font-weight: 600;
}

.blog-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.blog-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.blog-card__image-link {
  display: block;
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(180deg, #dde6f5 0%, #f3f5fa 100%);
}

.blog-card__image {
  width: 100%;
  aspect-ratio: 1.18 / 1;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.blog-card__image--placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 1.18 / 1;
  background:
    radial-gradient(circle at 24% 18%, rgba(198, 238, 74, 0.46), transparent 16%),
    linear-gradient(135deg, #dfe6f7 0%, #b8c6ea 48%, #eff3fb 100%);
}

.blog-card:hover .blog-card__image,
.blog-card:focus-within .blog-card__image {
  transform: scale(1.03);
}

.blog-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding-top: 18px;
  min-width: 0;
}

.blog-card__title {
  margin: 0;
  color: #111118;
  font-size: clamp(1.65rem, 2vw, 2.3rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1.05;
}

.blog-card__title a:hover,
.blog-card__title a:focus {
  color: var(--prolinkslab-brand-dark);
}

.blog-card__excerpt {
  color: #2f3542;
  font-size: 1rem;
  line-height: 1.22;
}

.blog-card__excerpt p {
  margin: 0;
}

.trusted-strip--blog {
  margin: 0 calc(50% - 50vw) 0;
}

.demo-single__shell {
  display: grid;
  gap: 28px;
}

.article-page {
  position: relative;
  display: grid;
  gap: 44px;
  isolation: isolate;
}

.article-page::before {
  content: "";
  position: absolute;
  top: 520px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 22%, rgba(88, 148, 255, 0.18), transparent 20%),
    radial-gradient(circle at 82% 68%, rgba(255, 207, 102, 0.2), transparent 18%),
    linear-gradient(180deg, #f2f5f8 0%, #f3efe9 100%);
}

.article-page__shell {
  display: grid;
  gap: 52px;
}

.article-hero__frame {
  position: relative;
  overflow: hidden;
  min-height: 760px;
  border-radius: 32px;
  background: #0f1320;
  box-shadow: 0 28px 54px rgba(15, 23, 42, 0.16);
}

.article-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 760px;
  object-fit: cover;
}

.article-hero__image--placeholder {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 22% 24%, rgba(168, 213, 47, 0.08), transparent 24%),
    radial-gradient(circle at 84% 72%, rgba(255, 255, 255, 0.04), transparent 16%),
    linear-gradient(135deg, #0c111c 0%, #0f1320 48%, #0c111c 100%);
}

.article-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(9, 12, 22, 0.86) 0%, rgba(9, 12, 22, 0.54) 42%, rgba(9, 12, 22, 0.22) 100%),
    linear-gradient(180deg, rgba(9, 12, 22, 0.42) 0%, rgba(9, 12, 22, 0.72) 100%);
}

.article-hero__content {
  position: absolute;
  left: 42px;
  right: 42px;
  top: 42px;
  z-index: 1;
  display: grid;
  gap: 24px;
  align-content: start;
  color: #ffffff;
}

.article-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 1rem;
  font-weight: 500;
}

.article-hero__title {
  margin: 0;
  max-width: 14ch;
  font-size: clamp(2.5rem, 4.2vw, 4.8rem);
  font-weight: 800;
  line-height: 0.96;
  letter-spacing: -0.06em;
}

.article-hero__lead {
  margin: 0;
  max-width: 34ch;
  font-size: clamp(1.05rem, 1.3vw, 1.4rem);
  line-height: 1.22;
}

.article-layout {
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.article-intro {
  display: grid;
  gap: 18px;
  margin: 12px 0 34px;
}

.article-intro__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  color: #676d79;
  font-size: 0.98rem;
  font-weight: 600;
}

.article-intro__title {
  margin: 0;
  color: #111118;
  font-size: clamp(2.4rem, 5vw, 4.5rem);
  font-weight: 500;
  letter-spacing: -0.06em;
  line-height: 0.94;
}

.article-intro__lead {
  max-width: 880px;
  margin: 0;
  color: #545a65;
  font-size: clamp(1.08rem, 1.55vw, 1.32rem);
  line-height: 1.72;
}

.article-toc {
  position: sticky;
  top: 32px;
}

.article-toc__card {
  padding: 22px 18px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(16, 16, 24, 0.06);
  box-shadow: 0 22px 42px rgba(15, 23, 42, 0.08);
}

.article-toc__title {
  margin: 0 0 18px;
  color: #111118;
  font-size: clamp(1.2rem, 1.7vw, 1.8rem);
  font-weight: 500;
  letter-spacing: -0.03em;
}

.article-toc__nav {
  display: grid;
  gap: 14px;
}

.article-toc__link {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  color: #7d818c;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.42;
  transition: color 0.2s ease, transform 0.2s ease;
}

.article-toc__link:hover,
.article-toc__link:focus {
  color: var(--prolinkslab-brand-deep);
  transform: translateX(4px);
}

.article-toc__icon {
  color: #ea3450;
  font-weight: 800;
}

.article-content {
  display: grid;
  gap: 40px;
}

.article-body-block {
  position: relative;
}

.article-body-block__content {
  display: grid;
  gap: 40px;
}

.entry-content h1 {
  margin: 0 0 18px;
  color: #111118;
  font-size: clamp(2rem, 3.4vw, 3.2rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1.02;
}

.article-content h1,
.article-body-block__content h1 {
  margin: 0;
  color: #111118;
  font-size: clamp(2.3rem, 4.4vw, 4.2rem);
  font-weight: 800;
  letter-spacing: -0.06em;
  line-height: 0.96;
}

.entry-content h2 {
  margin: 28px 0 14px;
  color: #111118;
  font-size: clamp(1.7rem, 2.5vw, 2.4rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.12;
}

.article-content h2,
.article-body-block__content h2 {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin: 0;
  color: #111118;
  font-size: clamp(2rem, 3vw, 3.3rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.08;
  scroll-margin-top: 120px;
}

.article-content h2::before,
.article-body-block__content h2::before {
  content: "!";
  color: #d61f48;
  font-weight: 800;
}

.entry-content h3 {
  margin: 24px 0 12px;
  color: #111118;
  font-size: clamp(1.4rem, 2vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.14;
}

.article-content h3,
.article-body-block__content h3 {
  margin: 0;
  color: #111118;
  font-size: clamp(1.45rem, 2.2vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.12;
}

.entry-content h4 {
  margin: 20px 0 10px;
  color: #111118;
  font-size: clamp(1.2rem, 1.65vw, 1.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.18;
}

.article-content h4,
.article-body-block__content h4 {
  margin: 0;
  color: #111118;
  font-size: clamp(1.22rem, 1.75vw, 1.62rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.18;
}

.entry-content h5 {
  margin: 18px 0 10px;
  color: #18202e;
  font-size: clamp(1.06rem, 1.24vw, 1.24rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.22;
}

.article-content h5,
.article-body-block__content h5 {
  margin: 0;
  color: #18202e;
  font-size: clamp(1.08rem, 1.35vw, 1.32rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.24;
}

.entry-content h6 {
  margin: 16px 0 8px;
  color: #475267;
  font-size: clamp(0.92rem, 1vw, 1rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.26;
  text-transform: uppercase;
}

.article-content h6,
.article-body-block__content h6 {
  margin: 0;
  color: #334055;
  font-size: clamp(0.96rem, 1.08vw, 1.08rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-transform: uppercase;
}

.article-section {
  display: grid;
  gap: 20px;
}

.article-section__title {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin: 0;
  color: #111118;
  font-size: clamp(2rem, 3vw, 3.3rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.08;
}

.article-section__mark {
  color: #d61f48;
  font-weight: 800;
}

.entry-content p,
.article-content p,
.article-body-block__content p {
  margin: 0;
  color: #181b22;
  font-size: clamp(1.08rem, 1.35vw, 1.3rem);
  line-height: 1.74;
}

.entry-content ul,
.entry-content ol,
.article-content ul,
.article-content ol,
.article-body-block__content ul,
.article-body-block__content ol {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 24px;
  color: #181b22;
  font-size: clamp(1.02rem, 1.22vw, 1.2rem);
  line-height: 1.72;
}

.entry-content li,
.article-content li,
.article-body-block__content li {
  margin: 0;
}

.article-cta {
  margin: 0;
}

.article-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(180px, 0.6fr) auto;
  gap: 28px;
  align-items: center;
  padding: 42px 34px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 18% 28%, rgba(168, 213, 47, 0.08), transparent 24%),
    radial-gradient(circle at 86% 74%, rgba(255, 255, 255, 0.05), transparent 16%),
    linear-gradient(135deg, #121622 0%, #171928 52%, #121521 100%);
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.16);
}

.article-cta__content {
  display: grid;
  gap: 16px;
}

.article-cta__title {
  margin: 0;
  max-width: 9ch;
  color: #ffffff;
  font-size: clamp(2.6rem, 4.8vw, 5rem);
  font-weight: 800;
  line-height: 0.94;
  letter-spacing: -0.07em;
}

.article-cta__text {
  margin: 0;
  max-width: 30ch;
  color: rgba(255, 255, 255, 0.76);
  font-size: clamp(1rem, 1.25vw, 1.28rem);
  line-height: 1.28;
}

.article-cta__arc {
  position: relative;
  min-height: 190px;
}

.article-cta__arc-line {
  position: absolute;
  right: 0;
  width: 320px;
  height: 128px;
  border: 6px solid rgba(255, 255, 255, 0.9);
}

.article-cta__arc-line--top {
  top: 2px;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0 190px 0 0;
}

.article-cta__arc-line--bottom {
  bottom: 2px;
  border-top: 0;
  border-left: 0;
  border-radius: 0 0 190px 0;
}

.article-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 104px;
  min-width: 490px;
  padding: 0 34px;
  border: 3px solid var(--prolinkslab-brand);
  border-radius: 0;
  background: transparent;
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.article-cta__button:hover,
.article-cta__button:focus {
  background: rgba(168, 213, 47, 0.12);
  transform: translateY(-2px);
  box-shadow: 0 18px 32px rgba(15, 23, 42, 0.18);
}

.article-cta__button i {
  font-size: 1.85rem;
  line-height: 1;
}

.article-faq {
  position: relative;
  display: grid;
  gap: 24px;
  padding: 38px 34px;
  border-radius: 34px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.08);
}

.article-faq::before {
  content: "";
  position: absolute;
  inset: -56px -64px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 22%, rgba(128, 173, 255, 0.32), transparent 24%),
    radial-gradient(circle at 84% 84%, rgba(255, 208, 96, 0.34), transparent 24%),
    linear-gradient(180deg, rgba(242, 246, 252, 0.98) 0%, rgba(247, 241, 232, 0.98) 100%);
  filter: blur(8px);
}

.article-related {
  position: relative;
  padding: 34px 26px 38px;
  border-radius: 32px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.06);
}

.article-related::before {
  content: "";
  position: absolute;
  inset: -56px -64px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 22%, rgba(128, 173, 255, 0.3), transparent 24%),
    radial-gradient(circle at 18% 84%, rgba(255, 208, 96, 0.34), transparent 24%),
    linear-gradient(180deg, rgba(242, 246, 252, 0.98) 0%, rgba(247, 241, 232, 0.98) 100%);
  filter: blur(8px);
}

.article-faq > *,
.article-related > * {
  position: relative;
  z-index: 1;
}

.article-related .insight-card__image-link {
  border-radius: 28px;
  overflow: hidden;
}

.demo-article {
  display: grid;
  gap: 28px;
}

.demo-article__header {
  display: grid;
  gap: 18px;
}

.demo-article__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  color: #5f6470;
  font-size: 0.95rem;
  font-weight: 700;
}

.demo-article__meta span:first-child {
  color: #1777f2;
}

.demo-article__title {
  margin: 0;
  color: #111118;
  font-size: clamp(2.4rem, 5vw, 4.6rem);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.demo-article__lead {
  margin: 0;
  max-width: 52rem;
  color: #303644;
  font-size: clamp(1.05rem, 1.35vw, 1.34rem);
  line-height: 1.28;
}

.demo-article__cover {
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(180deg, #111827 0%, #202f4d 100%);
  box-shadow: 0 28px 50px rgba(15, 23, 42, 0.16);
}

.demo-article__image {
  display: block;
  width: 100%;
  aspect-ratio: 1.5 / 1;
  object-fit: cover;
}

.demo-article__content {
  max-width: 880px;
  display: grid;
  gap: 18px;
}

.demo-article__content p {
  margin: 0;
  color: #2f3542;
  font-size: 1.06rem;
  line-height: 1.72;
}

.site-footer {
  font-family: "Inter", sans-serif;
  background-color: #030f26;
  color: #a6b2c2;
  padding: 0 20px 22px;
  font-size: 14px;
}

.trusted-strip {
  background:
    radial-gradient(circle at 18% 24%, rgba(168, 213, 47, 0.08), transparent 20%),
    radial-gradient(circle at 84% 24%, rgba(168, 213, 47, 0.06), transparent 18%),
    linear-gradient(135deg, #0f121b 0%, #171c28 100%);
  color: #ffffff;
  margin: 0 -20px 0;
  padding: 38px 0 34px;
  overflow: hidden;
}

.trusted-strip__title {
  margin: 0 0 32px;
  text-align: center;
  color: #ffffff;
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.trusted-strip__viewport {
  overflow: hidden;
}

.trusted-strip__track {
  display: flex;
  width: max-content;
  animation: trusted-strip-scroll 34s linear infinite;
}

.trusted-strip__group {
  display: flex;
  align-items: center;
  gap: 28px;
  padding-right: 28px;
}

.trusted-strip__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: 248px;
  min-height: 88px;
  padding: 0 24px;
  border: 1px solid rgba(168, 213, 47, 0.28);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
  box-shadow: inset 0 0 0 1px rgba(168, 213, 47, 0.06);
  color: #eff6e5;
  white-space: nowrap;
}

.trusted-strip__item-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 62px;
  height: 62px;
  padding: 0 10px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(168, 213, 47, 0.18) 0%, rgba(209, 225, 246, 0.14) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(168, 213, 47, 0.16),
    0 10px 22px rgba(15, 23, 42, 0.12);
  color: #ffffff;
  font-size: clamp(1.12rem, 1.4vw, 1.3rem);
  line-height: 1;
}

.trusted-strip__item-mark i {
  font-size: 1em;
  line-height: 1;
}

.trusted-strip__item-label {
  display: inline-block;
  color: #eff6e5;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  opacity: 0.98;
  white-space: normal;
}

@keyframes trusted-strip-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-33.3333%);
  }
}

.faq-section {
  background: linear-gradient(180deg, #f4f9ff 0%, #fdfdf6 100%);
  color: #101018;
  margin: 0 -20px 48px;
  padding: 42px 20px 54px;
}

.faq-section__inner {
  max-width: 1240px;
  padding: 0 8px;
}

.faq-section__title {
  margin: 0 0 28px;
  text-align: center;
  color: #101018;
  font-size: clamp(1.95rem, 3.4vw, 3.1rem);
  font-weight: 800;
  letter-spacing: -0.04em;
}

.faq-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}

.faq-item {
  position: relative;
  border: 1px solid rgba(168, 213, 47, 0.16);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 250, 255, 0.96) 58%, rgba(250, 251, 241, 0.96) 100%);
  box-shadow:
    0 22px 44px rgba(16, 16, 24, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.faq-item:nth-child(4n) {
  background:
    linear-gradient(135deg, rgba(242, 249, 255, 0.98) 0%, rgba(236, 245, 255, 0.96) 52%, rgba(245, 251, 240, 0.96) 100%);
}

.faq-item:hover,
.faq-item:focus-within {
  border-color: rgba(168, 213, 47, 0.28);
  box-shadow:
    0 26px 48px rgba(16, 16, 24, 0.08),
    0 10px 24px rgba(168, 213, 47, 0.1);
  transform: translateY(-3px);
}

.faq-item[open] {
  border-color: rgba(168, 213, 47, 0.3);
  box-shadow:
    0 28px 52px rgba(16, 16, 24, 0.08),
    0 12px 26px rgba(168, 213, 47, 0.12);
}

.faq-item__summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 140px;
  padding: 28px 28px;
  cursor: pointer;
  color: #101018;
  font-size: clamp(1.15rem, 1.65vw, 1.65rem);
  font-weight: 700;
  line-height: 1.18;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.faq-item__summary::-webkit-details-marker {
  display: none;
}

.faq-item:hover .faq-item__summary,
.faq-item:focus-within .faq-item__summary {
  color: var(--prolinkslab-brand-deep);
  background: rgba(168, 213, 47, 0.03);
}

.faq-item__summary > span:first-child {
  max-width: min(100%, 580px);
}

.faq-item__icon {
  position: relative;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border: 2px solid rgba(20, 29, 38, 0.12);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.faq-item__icon::before,
.faq-item__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--prolinkslab-brand);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.faq-item__icon::before {
  width: 18px;
  height: 2px;
  border-radius: 999px;
  transform: translate(-50%, -50%);
}

.faq-item__icon::after {
  width: 2px;
  height: 18px;
  border-radius: 999px;
  transform: translate(-50%, -50%);
}

.faq-item[open] .faq-item__icon::before {
  transform: translate(-50%, -50%);
}

.faq-item[open] .faq-item__icon::after {
  opacity: 0;
}

.faq-item__content {
  padding: 0 28px 26px;
  max-width: 720px;
}

.faq-item__content p {
  margin: 0;
  color: #55606f;
  font-size: 0.98rem;
  line-height: 1.66;
}

@media (max-width: 980px) {
  .faq-list {
    grid-template-columns: 1fr;
  }

  .faq-item__summary {
    min-height: 0;
  }
}

@media (max-width: 768px) {
  .faq-section {
    padding: 22px 0 34px;
  }

  .faq-section__inner {
    padding: 0 20px;
  }

  .faq-section__title {
    margin-bottom: 22px;
  }

  .faq-item {
    border-radius: 24px;
  }

  .faq-item__summary {
    gap: 16px;
    padding: 20px 20px;
    font-size: 1.08rem;
  }

  .faq-item__icon {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
  }

  .faq-item__icon::before {
    width: 18px;
  }

  .faq-item__icon::after {
    width: 2px;
    height: 18px;
  }

  .faq-item__content {
    padding: 0 20px 22px;
  }
}

.contact-cta {
  margin: 24px -20px 0;
  padding: 0;
}

.contact-cta > .site-shell {
  width: 100%;
  max-width: none;
}

.contact-cta__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);
  gap: 44px;
  align-items: center;
  padding: 40px max(20px, calc((100vw - var(--prolinkslab-content)) / 2)) 44px;
  border-radius: 0;
  background:
    radial-gradient(circle at 18% 28%, rgba(111, 255, 154, 0.11), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(255, 58, 49, 0.1), transparent 24%),
    linear-gradient(135deg, #0c111c 0%, #141926 100%);
  color: #ffffff;
  overflow: hidden;
  box-shadow: none;
}

.contact-cta__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 26px 26px;
  opacity: 0.18;
  pointer-events: none;
}

.contact-cta__badge,
.contact-cta__content {
  position: relative;
  z-index: 1;
}

.contact-cta__badge {
  display: grid;
  place-items: center;
  min-height: 250px;
}

.contact-cta__ring {
  position: absolute;
  width: 216px;
  height: 216px;
  border-radius: 50%;
  border: 1px solid rgba(138, 147, 179, 0.18);
}

.contact-cta__ring-text {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(146, 154, 180, 0.55);
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  transform: rotate(-82deg);
}

.contact-cta__flask {
  position: relative;
  width: 154px;
  height: 184px;
}

.contact-cta__flask-neck {
  position: absolute;
  top: 8px;
  left: 50%;
  width: 48px;
  height: 34px;
  border: 6px solid #d5f548;
  border-bottom: 0;
  border-radius: 16px 16px 0 0;
  transform: translateX(-50%);
}

.contact-cta__flask-body {
  position: absolute;
  left: 50%;
  bottom: 6px;
  width: 148px;
  height: 132px;
  border: 6px solid #d5f548;
  border-radius: 34px 34px 44px 44px;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 32% 32%, rgba(221, 255, 145, 0.42), transparent 22%),
    linear-gradient(180deg, rgba(113, 176, 48, 0.96) 0%, rgba(15, 56, 45, 0.98) 100%);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06), 0 22px 34px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

.contact-cta__flask-body::before {
  content: "";
  position: absolute;
  top: -18px;
  left: 50%;
  width: 78px;
  height: 32px;
  border-left: 6px solid #d5f548;
  border-right: 6px solid #d5f548;
  transform: translateX(-50%);
}

.contact-cta__globe {
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background:
    linear-gradient(90deg, transparent 27%, rgba(214, 246, 111, 0.42) 27%, rgba(214, 246, 111, 0.42) 29%, transparent 29%, transparent 49%, rgba(214, 246, 111, 0.32) 49%, rgba(214, 246, 111, 0.32) 51%, transparent 51%, transparent 71%, rgba(214, 246, 111, 0.24) 71%, rgba(214, 246, 111, 0.24) 73%, transparent 73%),
    linear-gradient(transparent 31%, rgba(214, 246, 111, 0.3) 31%, rgba(214, 246, 111, 0.3) 33%, transparent 33%, transparent 53%, rgba(214, 246, 111, 0.24) 53%, rgba(214, 246, 111, 0.24) 55%, transparent 55%, transparent 74%, rgba(214, 246, 111, 0.2) 74%, rgba(214, 246, 111, 0.2) 76%, transparent 76%),
    radial-gradient(circle at 50% 50%, rgba(223, 255, 152, 0.1), rgba(223, 255, 152, 0) 70%);
  opacity: 0.95;
}

.contact-cta__link-mark {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  color: #142430;
  font-size: 1.7rem;
  transform: translate(-50%, -50%) rotate(-12deg);
  box-shadow: 0 10px 24px rgba(7, 14, 26, 0.24);
}

.contact-cta__bubble {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(180deg, #ecff8f 0%, #8bbf2e 100%);
  box-shadow: 0 0 14px rgba(200, 235, 73, 0.18);
}

.contact-cta__bubble--one {
  top: -6px;
  left: 46px;
  width: 12px;
  height: 12px;
}

.contact-cta__bubble--two {
  top: 12px;
  left: 86px;
  width: 10px;
  height: 10px;
}

.contact-cta__bubble--three {
  top: -18px;
  right: 34px;
  width: 16px;
  height: 16px;
}

.contact-cta__content {
  display: grid;
  gap: 16px;
}

.contact-cta__title {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.8rem, 2.8vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 0.98;
}

.contact-cta__title span {
  color: var(--prolinkslab-brand);
}

.contact-cta__text {
  max-width: 760px;
  margin: 0;
  color: rgba(221, 226, 236, 0.8);
  font-size: 1rem;
  line-height: 1.65;
}

.contact-cta__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 26px;
  align-items: end;
  margin-top: 8px;
}

.contact-cta__field {
  display: grid;
  gap: 12px;
}

.contact-cta__field--wide {
  grid-column: 1;
}

.contact-cta__field span {
  color: rgba(214, 219, 233, 0.82);
  font-size: 0.95rem;
  font-weight: 500;
}

.contact-cta__field input {
  width: 100%;
  padding: 14px 0 16px;
  border: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.34);
  background: transparent;
  color: #ffffff;
  font: inherit;
  outline: none;
  transition: border-color 0.2s ease;
}

.contact-cta__field input::placeholder {
  color: rgba(214, 219, 233, 0.34);
}

.contact-cta__field input:focus {
  border-color: var(--prolinkslab-brand);
}

.contact-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  grid-column: 2;
  min-width: 260px;
  padding: 20px 30px;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  font: inherit;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 18px 34px var(--prolinkslab-brand-glow);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.contact-cta__button:hover,
.contact-cta__button:focus {
  transform: translateY(-2px);
  box-shadow: 0 22px 40px rgba(168, 213, 47, 0.38);
}

.contact-cta__button i {
  font-size: 1.3rem;
}

.article-contact-cta {
  margin-top: 0;
}

.article-contact-cta .contact-cta__form {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto;
}

.article-contact-cta .contact-cta__text {
  max-width: 840px;
}

.why-section {
  position: relative;
  overflow: hidden;
  margin: 0 -20px;
  padding: 46px 20px 68px;
  background: linear-gradient(180deg, #eef4f8 0%, #f7f2ea 100%);
}

.why-section__head {
  margin-bottom: 30px;
  text-align: center;
}

.why-section__title {
  margin-top: 16px;
  color: #101018;
  font-size: clamp(1.95rem, 3.8vw, 3.5rem);
  font-weight: 800;
  letter-spacing: -0.06em;
  line-height: 0.96;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}

.why-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 22px 22px 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 251, 255, 0.98) 100%);
  border: 1px solid rgba(16, 16, 24, 0.08);
  box-shadow:
    0 24px 48px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.78);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.why-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  right: 22px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(168, 213, 47, 0.92) 0%, rgba(198, 214, 236, 0.9) 100%);
  opacity: 0.92;
}

.why-card:nth-child(3n + 2) {
  transform: translateY(20px);
}

.why-card:nth-child(3n) {
  transform: translateY(40px);
}

.why-card:hover,
.why-card:focus-within {
  transform: translateY(-8px);
  border-color: rgba(168, 213, 47, 0.24);
  box-shadow:
    0 30px 56px rgba(15, 23, 42, 0.12),
    0 12px 24px rgba(168, 213, 47, 0.08);
}

.why-card:nth-child(3n + 2):hover {
  transform: translateY(12px);
}

.why-card:nth-child(3n):hover {
  transform: translateY(32px);
}

.why-card__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(168, 213, 47, 0.16) 0%, rgba(201, 216, 238, 0.22) 100%);
  color: var(--prolinkslab-brand-deep);
  font-size: 1.24rem;
  font-weight: 800;
  box-shadow:
    inset 0 0 0 1px rgba(168, 213, 47, 0.16),
    0 12px 24px rgba(15, 23, 42, 0.06);
}

.why-card__title {
  margin: 16px 0 10px;
  color: #101018;
  font-size: clamp(1.2rem, 1.6vw, 1.7rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1.02;
}

.why-card__description {
  margin: 0;
  max-width: 32ch;
  color: #5a6471;
  font-size: 0.95rem;
  line-height: 1.5;
}

.insights-section {
  margin: 0 -20px;
  padding: 36px 20px 56px;
  background: var(--prolinkslab-light-surface);
}

.faq-cta {
  margin: 24px -20px 0;
  padding: 0;
}

.faq-cta > .site-shell {
  width: 100%;
  max-width: none;
}

.faq-cta__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  padding: 42px max(20px, calc((100vw - var(--prolinkslab-content)) / 2)) 46px;
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.05), transparent 22%),
    radial-gradient(circle at 82% 78%, rgba(255, 255, 255, 0.04), transparent 18%),
    linear-gradient(135deg, #111119 0%, #171821 100%);
  color: #ffffff;
  overflow: hidden;
}

.faq-cta__content {
  max-width: 760px;
}

.faq-cta__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: clamp(2.2rem, 4vw, 4.4rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 0.95;
}

.faq-cta__text {
  margin: 0;
  color: rgba(233, 236, 242, 0.84);
  font-size: clamp(1rem, 1.15vw, 1.18rem);
  line-height: 1.35;
}

.faq-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-width: 260px;
  min-height: 58px;
  padding: 0 28px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  box-shadow: 0 18px 34px var(--prolinkslab-brand-glow);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.faq-cta__button:hover,
.faq-cta__button:focus {
  transform: translateY(-2px);
  box-shadow: 0 22px 40px rgba(168, 213, 47, 0.38);
}

.faq-cta__button i {
  font-size: 1.3rem;
}

.insights-section__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.insights-section__title {
  margin: 0;
  color: #101018;
  font-size: clamp(1.95rem, 3.4vw, 3.1rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.96;
}

.insights-section__more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 50px;
  padding: 0 24px;
  border-radius: 10px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  font-size: 0.96rem;
  font-weight: 700;
  box-shadow: 0 18px 34px var(--prolinkslab-brand-glow);
  white-space: nowrap;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.insights-section__more:hover,
.insights-section__more:focus {
  transform: translateY(-2px);
  box-shadow: 0 20px 34px rgba(168, 213, 47, 0.4);
}

.insights-section__more span {
  font-size: 1.5rem;
  line-height: 1;
}

.insights-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.insight-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  border: 1px solid rgba(16, 16, 24, 0.06);
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.07);
}

.insight-card__image-link {
  display: block;
  border-radius: 18px;
  overflow: hidden;
  background: #0c1120;
  aspect-ratio: 1 / 1.08;
}

.insight-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.insight-card:hover .insight-card__image,
.insight-card:focus-within .insight-card__image {
  transform: scale(1.03);
}

.insight-card__image--placeholder {
  display: block;
  background:
    radial-gradient(circle at 75% 22%, rgba(88, 148, 255, 0.44), transparent 18%),
    radial-gradient(circle at 22% 76%, rgba(255, 207, 102, 0.22), transparent 18%),
    linear-gradient(135deg, #12182d 0%, #17203a 52%, #22315d 100%);
}

.insight-card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 6px;
  padding-top: 12px;
}

.insight-card__meta {
  color: #101018;
  font-size: 0.88rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.insight-card__title {
  margin: 0;
  color: #101018;
  font-size: clamp(1.15rem, 1.35vw, 1.42rem);
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.08;
}

.insight-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: auto;
  align-self: flex-start;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 12px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 700;
  box-shadow: 0 16px 30px var(--prolinkslab-brand-glow);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.insight-card__link:hover,
.insight-card__link:focus {
  transform: translateY(-2px);
  box-shadow: 0 20px 34px rgba(168, 213, 47, 0.4);
}

.final-lead {
  margin: 24px -20px 0;
  padding: 34px 20px 0;
  background: var(--prolinkslab-light-surface);
}

.final-lead__shell {
  display: grid;
  gap: 28px;
  padding-bottom: 56px;
}

.final-lead__top {
  display: grid;
  gap: 14px;
  max-width: 980px;
}

.final-lead__layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.88fr) minmax(0, 0.92fr);
  gap: 40px;
  align-items: start;
}

.final-lead__visual-side,
.final-lead__form-side {
  min-width: 0;
}

.final-lead__visual-side {
  display: grid;
  gap: 26px;
  align-content: start;
}

.final-lead__headline {
  margin: 0;
  color: #101018;
  font-size: clamp(2.2rem, 4vw, 4rem);
  font-weight: 800;
  letter-spacing: -0.06em;
  line-height: 0.96;
}

.final-lead__lead {
  max-width: 54ch;
  margin: 0;
  color: #232834;
  font-size: clamp(0.96rem, 1.05vw, 1.08rem);
  line-height: 1.28;
}

.final-lead__flask {
  position: relative;
  width: min(100%, 360px);
  aspect-ratio: 1 / 1.08;
  display: grid;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
}

.final-lead__flask-neck {
  position: absolute;
  top: 14%;
  width: 18%;
  height: 18%;
  border: 9px solid #d6ff42;
  border-bottom: none;
  border-radius: 18px 18px 0 0;
  box-shadow: 0 0 26px rgba(214, 255, 66, 0.22);
}

.final-lead__flask-body {
  position: relative;
  width: 78%;
  aspect-ratio: 1 / 1;
  border: 10px solid #d6ff42;
  border-radius: 26% 26% 34% 34%;
  background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.4), transparent 20%), linear-gradient(180deg, rgba(152, 211, 55, 0.94) 0%, rgba(22, 63, 44, 0.98) 100%);
  box-shadow: 0 26px 42px rgba(56, 78, 14, 0.2);
  overflow: hidden;
}

.final-lead__globe {
  position: absolute;
  inset: 11%;
  border-radius: 50%;
  background:
    linear-gradient(90deg, transparent 18%, rgba(214, 246, 111, 0.34) 18%, rgba(214, 246, 111, 0.34) 20%, transparent 20%, transparent 38%, rgba(214, 246, 111, 0.28) 38%, rgba(214, 246, 111, 0.28) 40%, transparent 40%, transparent 58%, rgba(214, 246, 111, 0.24) 58%, rgba(214, 246, 111, 0.24) 60%, transparent 60%, transparent 78%, rgba(214, 246, 111, 0.18) 78%, rgba(214, 246, 111, 0.18) 80%, transparent 80%),
    linear-gradient(transparent 22%, rgba(214, 246, 111, 0.3) 22%, rgba(214, 246, 111, 0.3) 24%, transparent 24%, transparent 44%, rgba(214, 246, 111, 0.24) 44%, rgba(214, 246, 111, 0.24) 46%, transparent 46%, transparent 66%, rgba(214, 246, 111, 0.18) 66%, rgba(214, 246, 111, 0.18) 68%, transparent 68%);
}

.final-lead__link-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34%;
  height: 20%;
  transform: translate(-50%, -50%) rotate(-12deg);
}

.final-lead__link-part {
  position: absolute;
  top: 50%;
  width: 40%;
  height: 70%;
  border: 10px solid #f5f7fb;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.05);
}

.final-lead__link-part--left {
  left: 0;
  transform: translateY(-50%) rotate(-8deg);
}

.final-lead__link-part--right {
  right: 0;
  transform: translateY(-50%) rotate(12deg);
}

.final-lead__link-bridge {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28%;
  height: 10px;
  background: #f5f7fb;
  transform: translate(-50%, -50%);
}

.final-lead__bubble {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(180deg, #d8ff4c 0%, #91cf2d 100%);
  box-shadow: 0 0 18px rgba(145, 220, 46, 0.22);
}

.final-lead__bubble--one {
  top: 6%;
  left: 43%;
  width: 14px;
  height: 14px;
}

.final-lead__bubble--two {
  top: 1%;
  left: 54%;
  width: 22px;
  height: 22px;
}

.final-lead__bubble--three {
  top: 10%;
  left: 59%;
  width: 10px;
  height: 10px;
}

.final-lead__form-note {
  margin: 0 0 22px;
  max-width: 40ch;
  color: #4c5565;
  font-size: 0.98rem;
  line-height: 1.4;
}

.final-lead__form {
  display: grid;
  gap: 20px;
  max-width: 720px;
}

.final-lead__field {
  display: grid;
  gap: 10px;
}

.final-lead__field span {
  color: #b0b7cb;
  font-size: 0.95rem;
  font-weight: 500;
}

.final-lead__field input {
  width: 100%;
  padding: 6px 0 12px;
  border: 0;
  border-bottom: 2px solid rgba(176, 183, 203, 0.9);
  background: transparent;
  color: #101018;
  font: inherit;
  outline: none;
  transition: border-color 0.2s ease;
}

.final-lead__field input::placeholder {
  color: rgba(176, 183, 203, 0.74);
}

.final-lead__field input:focus {
  border-bottom-color: var(--prolinkslab-brand);
}

.final-lead__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 68px;
  min-width: 280px;
  margin-top: 4px;
  padding: 0 28px;
  border: 0;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  font: inherit;
  font-size: 1.08rem;
  font-weight: 700;
  box-shadow: 0 20px 38px var(--prolinkslab-brand-glow);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.final-lead__button:hover,
.final-lead__button:focus {
  transform: translateY(-2px);
  box-shadow: 0 24px 42px rgba(168, 213, 47, 0.42);
}

.insight-card__link span {
  font-size: 1.9rem;
  line-height: 1;
}

.footer-panel {
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
  padding: 42px 0 22px;
}

.footer-panel__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(180px, 0.72fr) minmax(180px, 0.72fr) minmax(220px, 0.95fr);
  gap: 36px;
  align-items: start;
}

.footer-panel__brand,
.footer-panel__column {
  min-width: 0;
}

.footer-logo-link {
  display: inline-flex;
  align-items: center;
}

.footer-logo-image {
  width: auto;
  height: 54px;
  max-width: min(100%, 300px);
}

.footer-panel__intro {
  max-width: 26ch;
  margin: 28px 0 32px;
  color: rgba(230, 237, 246, 0.76);
  font-size: 1rem;
  line-height: 1.72;
}

.footer-panel__cta {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 62px;
  padding: 0 28px;
  border-radius: 999px;
  background: #ffffff;
  color: #182232;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24);
}

.footer-panel__cta-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  box-shadow: 0 0 0 10px rgba(168, 213, 47, 0.14);
}

.footer-panel__title {
  margin: 8px 0 28px;
  color: #ffffff;
  font-size: clamp(1.6rem, 2vw, 2.05rem);
  font-weight: 800;
  letter-spacing: -0.04em;
}

.footer-panel__list,
.footer-contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 22px;
}

.footer-panel__list a,
.footer-bottom-links a {
  color: rgba(230, 237, 246, 0.78);
  font-size: 1rem;
  transition: color 0.2s ease, transform 0.2s ease;
}

.footer-panel__list a:hover,
.footer-panel__list a:focus,
.footer-bottom-links a:hover,
.footer-bottom-links a:focus {
  color: #ffffff;
}

.footer-contact {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  color: rgba(230, 237, 246, 0.82);
}

.footer-contact__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #0c1324;
  font-size: 1.2rem;
  box-shadow: 0 14px 28px rgba(168, 213, 47, 0.22);
}

.footer-contact__value {
  color: rgba(245, 249, 255, 0.84);
  font-size: 1.02rem;
  line-height: 1.35;
}

.footer-bottom {
  position: relative;
  margin: 54px 0 0;
  padding-top: 24px;
  padding-right: 92px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  color: rgba(230, 237, 246, 0.72);
  font-size: 0.95rem;
}

.footer-bottom__copy {
  color: rgba(230, 237, 246, 0.76);
}

.footer-panel__socials {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.footer-panel__social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
  font-size: 1.05rem;
  transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.footer-panel__social:hover,
.footer-panel__social:focus {
  transform: translateY(-2px);
  color: var(--prolinkslab-brand);
  border-color: rgba(168, 213, 47, 0.6);
  background: rgba(168, 213, 47, 0.06);
}

.footer-bottom-links {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 18px;
}

.scroll-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 22px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  text-decoration: none;
  font-size: 28px;
  box-shadow: 0 18px 36px rgba(53, 84, 14, 0.34);
  transform: translateY(18px) scale(0.92);
  opacity: 0;
  pointer-events: none;
  z-index: 999;
  transition: transform 0.22s ease, opacity 0.22s ease, box-shadow 0.22s ease;
}

.scroll-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.scroll-top:hover,
.scroll-top:focus {
  box-shadow: 0 22px 42px rgba(53, 84, 14, 0.42);
  transform: translateY(-3px) scale(1.02);
}

.scroll-top__rocket {
  position: relative;
  z-index: 2;
  transform: rotate(-45deg);
}

.scroll-top__flame {
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 18px;
  height: 0;
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 18%, #fff4b8 0%, #fff4b8 18%, #ffb32c 38%, #ff6b0f 72%, rgba(255, 107, 15, 0) 100%);
  transform: translateX(-50%);
  opacity: 0;
  filter: blur(0.2px);
  transition: width 0.18s ease, height 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}

.scroll-top.is-visible .scroll-top__flame {
  height: 18px;
  opacity: 0.88;
}

.scroll-top.is-launching {
  animation: rocket-launch 2.35s ease-in forwards;
}

.scroll-top.is-launching .scroll-top__flame {
  width: 24px;
  height: 40px;
  opacity: 1;
  transform: translateX(-50%) scaleY(1.32);
}

@keyframes rocket-launch {
  0% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }

  18% {
    transform: translateY(-16px) scale(1.05);
    opacity: 1;
  }

  38% {
    transform: translateY(calc(-50vh + 78px)) scale(1.02);
    opacity: 1;
  }

  92% {
    transform: translateY(calc(-103vh + 42px)) scale(0.92);
    opacity: 1;
  }

  100% {
    transform: translateY(calc(-112vh + 18px)) scale(0.82);
    opacity: 0;
  }
}

.empty-state {
  text-align: center;
  padding: 48px 24px;
}

@media (max-width: 720px) {
  .admin-bar .site-header {
    top: 46px;
  }

  .site-header__inner {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 12px;
    padding: 12px 0 14px;
  }

  .site-header__start {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }

  .hero h1,
  .entry-title {
    line-height: 1;
  }

  .hero-lab {
    padding: 0;
  }

  .hero-lab__inner {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 18px;
    padding-bottom: 24px;
  }

  .hero-lab__title {
    max-width: none;
  }

  .hero-lab__title-tail {
    max-width: none;
  }

  .hero-lab__highlight {
    max-width: none;
  }

  .hero-lab__visual {
    min-height: 260px;
  }

  .hero-lab__flask {
    width: min(100%, 280px);
  }

  .services-carousel {
    margin-top: 20px;
    gap: 18px;
    padding: 12px 6px 18px;
  }

  .service-card {
    flex: 0 0 min(84vw, 360px);
    width: min(84vw, 360px);
    min-width: min(84vw, 360px);
    max-width: min(84vw, 360px);
    min-height: 200px;
    margin-top: 0;
    padding: 24px 20px;
    border-radius: 24px;
  }

  .service-card:nth-child(3n + 1),
  .service-card:nth-child(3n + 2),
  .service-card:nth-child(3n) {
    flex: 0 0 min(84vw, 360px);
    width: min(84vw, 360px);
    min-width: min(84vw, 360px);
    max-width: min(84vw, 360px);
    margin-top: 0;
  }

  .services-section {
    padding: 46px 0 38px;
  }

  .services-section__title {
    font-size: clamp(2rem, 8vw, 3.4rem);
  }

  .service-card__footer {
    justify-content: center;
  }

  .service-card__icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    font-size: 1.25rem;
  }

  .service-card__title {
    font-size: clamp(1.45rem, 6vw, 2rem);
  }

  .service-card__description {
    max-width: none;
    font-size: 0.98rem;
  }

  .reviews-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .reviews-sidebar {
    grid-template-columns: repeat(3, minmax(72px, 1fr));
    gap: 16px 14px;
    max-width: none;
    order: 2;
  }

  .review-company__logo {
    width: 74px;
    height: 74px;
    font-size: 1.4rem;
  }

  .reviews-stage {
    order: 2;
  }

  .reviews-visual {
    order: 1;
  }

  .reviews-visual-card__image,
  .reviews-visual-card__placeholder,
  .reviews-visual-card,
  .review-card {
    min-height: 360px;
  }

  .review-card {
    padding: 24px 20px 24px;
    border-radius: 24px;
  }

  .review-card__person {
    grid-template-columns: 52px minmax(0, 1fr);
    column-gap: 14px;
  }

  .review-card__person-photo {
    width: 52px;
    height: 52px;
  }

  .review-card__title {
    max-width: none;
  }

  .review-card__quote {
    max-width: none;
  }

  .review-card__rating {
    font-size: 1.5rem;
  }

  .site-logo-image {
    height: 36px;
    max-width: 190px;
  }

  .site-nav ul {
    gap: 0;
    width: auto;
  }

  .site-nav__list {
    flex-direction: row;
    align-items: center;
  }

  .site-nav .menu-item > a {
    min-height: 40px;
    font-size: 14px;
    white-space: nowrap;
  }

  .site-nav .menu-item--mobile-hidden {
    display: none;
  }

  .site-nav .menu-item--mega {
    position: static;
    display: flex;
    flex-wrap: wrap;
  }

  .site-nav__mega {
    position: static;
    order: 10;
    flex-basis: 100%;
    width: 100%;
    margin-top: 8px;
    padding: 18px;
    border-radius: 22px;
    transform: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: none;
    box-shadow: 0 18px 36px rgba(5, 12, 24, 0.14);
  }

  .site-nav .menu-item--mega.is-open > .site-nav__mega,
  .site-nav .menu-item--mega:focus-within > .site-nav__mega {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    display: block;
  }

  .site-nav__mega-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .site-nav__mega-link {
    min-height: 40px;
    font-size: 0.96rem;
  }

  .site-nav__mega-icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    font-size: 0.95rem;
  }

  .site-nav__mega-column {
    padding: 0 0 14px;
  }

  .site-nav__mega-column:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid rgba(111, 136, 164, 0.18);
  }

  .site-nav__mega-promo {
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
  }

  .site-nav__mega-button {
    width: 100%;
    min-width: 0;
  }

  .site-header__actions {
    width: auto;
    flex: 0 0 auto;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 8px;
    margin-left: auto;
  }

  .site-language-switcher__current {
    min-width: 60px;
    min-height: 36px;
    padding: 0 12px;
    font-size: 13px;
  }

  .site-header__button {
    min-height: 36px;
    padding: 0 12px;
    font-size: 13px;
  }

  .site-language-switcher__list {
    width: max-content;
    left: 0;
    right: auto;
  }

  .contact-cta {
    margin-bottom: 40px;
  }

  .contact-cta__inner {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 28px 20px 32px;
  }

  .contact-cta__badge {
    min-height: 210px;
  }

  .contact-cta__ring {
    width: 190px;
    height: 190px;
  }

  .contact-cta__form {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .contact-cta__field--wide,
  .contact-cta__button {
    grid-column: auto;
  }

  .contact-cta__button {
    width: 100%;
    min-width: 0;
  }

  .why-section {
    padding: 34px 0 46px;
  }

  .why-section__head {
    margin-bottom: 22px;
  }

  .why-grid {
    grid-template-columns: 1fr;
  }

  .why-card {
    min-height: 0;
    transform: none;
    padding: 22px 20px 24px;
    border-radius: 24px;
  }

  .why-card:nth-child(3n + 2),
  .why-card:nth-child(3n) {
    transform: none;
  }

  .why-card__icon {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    font-size: 1.2rem;
  }

  .why-card__title {
    font-size: clamp(1.35rem, 6vw, 1.8rem);
  }

  .faq-cta__inner {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 30px 20px 34px;
  }

  .faq-cta__line {
    min-height: 88px;
    order: 3;
  }

  .faq-cta__line-stroke--one {
    width: 140px;
    height: 72px;
  }

  .faq-cta__line-stroke--two {
    width: 104px;
    height: 56px;
    right: auto;
    left: 96px;
  }

  .faq-cta__button {
    min-width: 0;
    width: 100%;
    min-height: 66px;
  }

  .final-lead__layout {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .final-lead {
    padding: 24px 20px 0;
  }

  .final-lead__shell {
    gap: 22px;
    padding-bottom: 34px;
  }

  .final-lead__headline {
    max-width: none;
    font-size: clamp(2.2rem, 10vw, 3.4rem);
  }

  .final-lead__lead {
    max-width: none;
  }

  .final-lead__flask {
    width: min(100%, 220px);
  }

  .final-lead__form-note {
    margin-bottom: 24px;
  }

  .final-lead__form {
    max-width: none;
  }

  .final-lead__button {
    width: 100%;
    min-width: 0;
    min-height: 64px;
  }

  .scroll-top {
    right: 16px;
    bottom: 16px;
    width: 60px;
    height: 60px;
    border-radius: 18px;
  }

  .insights-section {
    padding: 0 0 44px;
  }

  .insights-section__head {
    flex-direction: column;
    margin-bottom: 22px;
  }

  .insights-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

@media (max-width: 1024px) {
  .article-cta__inner {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .article-cta__title,
  .article-cta__text {
    max-width: none;
  }

  .article-cta__arc {
    min-height: 132px;
  }

  .article-cta__button {
    min-width: 0;
    width: 100%;
  }

  .article-layout {
    grid-template-columns: 1fr;
  }

  .article-toc {
    position: static;
  }

  .blog-tags__header {
    grid-template-columns: 1fr;
  }

  .blog-subscribe {
    max-width: 560px;
  }

  .blog-hero {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .blog-hero__excerpt {
    max-width: none;
  }

  .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .insights-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (max-width: 1024px) {
  .footer-panel__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-bottom {
    grid-template-columns: 1fr;
    justify-items: flex-start;
    padding-right: 0;
  }

  .footer-panel__socials,
  .footer-bottom-links {
    justify-content: flex-start;
  }

  .trusted-strip__group {
    gap: 22px;
    padding-right: 22px;
  }

  .trusted-strip__item {
    min-width: 220px;
  }
}

@media (max-width: 720px) {
  .article-cta__inner {
    padding: 28px 20px;
    border-radius: 24px;
  }

  .article-cta__title {
    font-size: clamp(2.2rem, 10vw, 3.6rem);
  }

  .article-cta__arc {
    min-height: 86px;
  }

  .article-cta__arc-line {
    width: 160px;
    height: 72px;
    border-width: 4px;
  }

  .article-cta__button {
    min-height: 72px;
    padding: 0 22px;
  }

  .article-page {
    gap: 28px;
  }

  .article-hero__frame,
  .article-hero__image {
    min-height: 520px;
    border-radius: 24px;
  }

  .article-hero__content {
    left: 22px;
    right: 22px;
    top: 24px;
    gap: 18px;
  }

  .article-hero__title {
    max-width: none;
    font-size: clamp(2.4rem, 11vw, 3.8rem);
  }

  .article-hero__lead {
    max-width: none;
  }

  .article-intro {
    gap: 16px;
    margin: 6px 0 28px;
  }

  .article-intro__title {
    font-size: clamp(2.4rem, 11vw, 3.8rem);
  }

  .article-intro__lead {
    max-width: none;
  }

  .article-section__title {
    gap: 12px;
    font-size: clamp(1.8rem, 8vw, 2.4rem);
  }

  .article-content h2 {
    gap: 12px;
    font-size: clamp(1.8rem, 8vw, 2.4rem);
  }

  .article-content p {
    font-size: 1rem;
    line-height: 1.68;
  }

  .site-main--blog {
    padding-top: 24px;
  }

  .blog-page__shell {
    gap: 26px;
  }

  .blog-breadcrumbs {
    gap: 10px;
    font-size: 0.95rem;
  }

  .blog-hero__media,
  .blog-hero__image,
  .blog-hero__placeholder {
    min-height: 260px;
  }

  .blog-tag {
    min-height: 42px;
    padding: 0 16px;
    font-size: 0.84rem;
  }

  .blog-subscribe {
    grid-template-columns: 1fr;
  }

  .blog-subscribe__button {
    width: 100%;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .demo-article__content p {
    font-size: 1rem;
    line-height: 1.66;
  }

  .footer-panel {
    padding-top: 34px;
  }

  .footer-panel__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .footer-panel__title {
    margin-bottom: 18px;
  }

  .footer-contact {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .footer-contact__icon {
    width: 52px;
    height: 52px;
  }

  .scroll-top {
    right: 16px;
    bottom: 16px;
  }

  .trusted-strip {
    margin-bottom: 36px;
    padding: 32px 0 28px;
  }

  .trusted-strip__title {
    margin-bottom: 24px;
  }

  .trusted-strip__item {
    min-width: 182px;
    min-height: 72px;
    padding: 0 16px;
    gap: 10px;
  }

  .trusted-strip__item-mark {
    min-width: 48px;
    height: 48px;
    border-radius: 14px;
    font-size: 0.95rem;
  }

  .trusted-strip__item-label {
    font-size: 0.88rem;
  }

  .faq-section {
    margin-bottom: 34px;
    padding: 4px 0 36px;
  }

  .faq-section__title {
    margin-bottom: 22px;
  }

  .faq-item__summary {
    padding: 18px 18px;
    font-size: 1.05rem;
  }

  .faq-item__content {
    padding: 0 18px 18px;
  }

  .faq-item__icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
}

@media (max-width: 576px) {
  .footer-panel__cta {
    width: 100%;
    justify-content: center;
  }

  .footer-bottom-links {
    gap: 14px;
  }

  .footer-panel__socials {
    gap: 10px;
  }
}

body.has-modal-open {
  overflow: hidden;
}

.site-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.24s ease, visibility 0.24s ease;
}

.site-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.site-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(9, 12, 24, 0.62);
  backdrop-filter: blur(8px);
}

.site-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 860px);
  max-height: min(88vh, 760px);
  padding: 24px 22px 22px;
  border-radius: 24px;
  background: linear-gradient(180deg, #eef4f8 0%, #f4f7fb 100%);
  box-shadow: 0 32px 90px rgba(8, 14, 28, 0.28);
  overflow: auto;
}

.site-modal__close {
  position: absolute;
  top: 14px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: #101018;
  font-size: 2.25rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.site-modal__close:hover,
.site-modal__close:focus {
  opacity: 1;
  transform: scale(1.04);
}

.site-modal__title {
  margin: 0 0 22px;
  padding-right: 40px;
  color: #101018;
  font-size: clamp(1.85rem, 2.3vw, 2.9rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.05;
  text-align: center;
}

.site-modal__form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 18px;
}

.site-modal__field {
  display: grid;
}

.site-modal__field--full {
  grid-column: 1 / -1;
}

.site-modal__field input,
.site-modal__field textarea,
.site-modal__field select {
  width: 100%;
  min-height: 72px;
  padding: 0 20px;
  border: 0;
  border-radius: 12px;
  background: #ffffff;
  color: #101018;
  font: inherit;
  font-size: 1rem;
  box-shadow: inset 0 0 0 1px rgba(16, 16, 24, 0.04);
  outline: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.site-modal__field textarea {
  min-height: 160px;
  padding-top: 18px;
  padding-bottom: 18px;
  resize: vertical;
}

.site-modal__field select {
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #666d7c 50%),
    linear-gradient(135deg, #666d7c 50%, transparent 50%);
  background-position:
    calc(100% - 28px) calc(50% - 4px),
    calc(100% - 18px) calc(50% - 4px);
  background-size: 10px 10px, 10px 10px;
  background-repeat: no-repeat;
  color: #6c7381;
}

.site-modal__field input::placeholder,
.site-modal__field textarea::placeholder {
  color: #b4b8c0;
}

.site-modal__field input:focus,
.site-modal__field textarea:focus,
.site-modal__field select:focus {
  box-shadow: inset 0 0 0 2px rgba(168, 213, 47, 0.68);
}

.site-modal__note {
  grid-column: 1 / -1;
  margin: 2px 0 -2px;
  color: #101018;
  font-size: clamp(0.96rem, 1.2vw, 1.08rem);
  line-height: 1.4;
}

.site-modal__actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  padding-top: 2px;
}

.site-modal__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 260px;
  min-height: 64px;
  padding: 0 28px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  font: inherit;
  font-size: clamp(1rem, 1.3vw, 1.18rem);
  font-weight: 700;
  box-shadow: 0 22px 42px rgba(168, 213, 47, 0.34);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.site-modal__submit:hover,
.site-modal__submit:focus {
  transform: translateY(-2px);
  box-shadow: 0 26px 46px rgba(168, 213, 47, 0.42);
}

.site-form-notice {
  position: fixed;
  top: 22px;
  right: 22px;
  z-index: 120;
  max-width: min(420px, calc(100vw - 32px));
  padding: 14px 18px;
  border-radius: 16px;
  border: 1px solid rgba(18, 24, 38, 0.08);
  background: rgba(18, 24, 38, 0.94);
  color: #ffffff;
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.4;
  box-shadow: 0 18px 38px rgba(8, 15, 28, 0.22);
}

.site-form-notice.is-success {
  background: linear-gradient(180deg, #9fd11f 0%, #79a817 100%);
  color: #ffffff;
}

.site-form-notice.is-error {
  background: linear-gradient(180deg, #171d2a 0%, #0f1624 100%);
  color: #ffffff;
}

@media (max-width: 960px) {
  .site-modal__dialog {
    width: min(100%, 720px);
    padding: 20px 16px 18px;
  }

  .site-modal__form {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .site-modal__field--full,
  .site-modal__note,
  .site-modal__actions {
    grid-column: auto;
  }

  .site-modal__field input,
  .site-modal__field textarea,
  .site-modal__field select {
    min-height: 68px;
  }

  .site-modal__field textarea {
    min-height: 150px;
  }

  .site-modal__submit {
    width: 100%;
    min-width: 0;
    min-height: 72px;
  }

  .site-form-notice {
    top: 14px;
    right: 14px;
    left: 14px;
    max-width: none;
  }
}

.crowd-page {
  padding-bottom: 0;
}

.crowd-hero {
  position: relative;
  overflow: clip;
  padding: clamp(48px, 6vw, 84px) 0 clamp(54px, 7vw, 96px);
  background:
    radial-gradient(circle at 14% 14%, rgba(255, 255, 255, 0.55), transparent 20%),
    radial-gradient(circle at 86% 24%, rgba(255, 255, 255, 0.38), transparent 18%),
    var(--prolinkslab-light-surface);
  color: #101018;
}

.crowd-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
  gap: clamp(34px, 5vw, 72px);
  align-items: center;
}

.crowd-hero__eyebrow,
.crowd-pricing__eyebrow,
.crowd-benefits__eyebrow {
  margin-bottom: 18px;
}

.crowd-hero__title {
  display: grid;
  gap: 2px;
  margin: 0;
  font-size: clamp(2.4rem, 5.2vw, 4.2rem);
  line-height: 0.92;
  letter-spacing: -0.06em;
}

.crowd-hero__title-accent {
  color: var(--prolinkslab-brand);
}

.crowd-hero__lead,
.crowd-hero__sublead {
  max-width: 560px;
  margin: 0;
  color: #232834;
  font-size: clamp(1rem, 1.2vw, 1.12rem);
  line-height: 1.5;
}

.crowd-hero__sublead {
  margin-top: 18px;
  color: #3a4253;
  font-size: clamp(0.98rem, 1.3vw, 1.16rem);
}

.crowd-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 26px;
}

.crowd-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 62px;
  padding: 0 28px;
  border-radius: 16px;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  box-shadow: 0 22px 48px var(--prolinkslab-brand-glow);
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.crowd-hero__button:hover,
.crowd-hero__button:focus {
  transform: translateY(-2px);
  background: linear-gradient(180deg, #b7e53b 0%, #7aac22 100%);
  box-shadow: 0 28px 52px rgba(168, 213, 47, 0.34);
}

.crowd-hero__list {
  display: grid;
  gap: 14px;
  margin: 42px 0 0;
  padding: 0;
  list-style: none;
}

.crowd-hero__list li {
  position: relative;
  padding-left: 34px;
  color: #232834;
  font-size: clamp(1rem, 1.2vw, 1.12rem);
}

.crowd-hero__list li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: linear-gradient(180deg, #a8d52f 0%, #8cc31a 100%);
  box-shadow: 0 0 0 5px rgba(168, 213, 47, 0.12);
}

.crowd-hero__visual {
  position: relative;
}

.crowd-hero__canvas {
  position: relative;
  min-height: 620px;
  border-radius: 34px;
  background:
    linear-gradient(rgba(91, 108, 138, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(91, 108, 138, 0.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(236, 241, 246, 0.88) 100%);
  background-size: 48px 48px, 48px 48px, cover;
  border: 1px solid rgba(31, 26, 23, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38), 0 34px 90px rgba(72, 40, 17, 0.12);
}

.crowd-hero__image-uploaded {
  width: 100%;
  height: 100%;
  min-height: 620px;
  display: block;
  object-fit: cover;
  border-radius: 34px;
}

.crowd-hero__note {
  position: absolute;
  z-index: 2;
  padding: 14px 18px;
  border-radius: 18px;
  background: rgba(48, 54, 70, 0.9);
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: 0 18px 32px rgba(72, 40, 17, 0.16);
}

.crowd-hero__note--fresh {
  top: 112px;
  left: 12px;
}

.crowd-hero__note--domains {
  top: 18px;
  right: 12px;
}

.crowd-hero__note--price {
  top: 356px;
  left: 38px;
}

.crowd-hero__note--warranty {
  right: 0;
  bottom: 42px;
}

.crowd-hero__forum {
  position: absolute;
  background: #ffffff;
  border-radius: 22px;
  box-shadow: 0 26px 60px rgba(4, 8, 20, 0.28);
}

.crowd-hero__forum--main {
  top: 220px;
  right: 24px;
  width: 340px;
  padding: 18px 18px 20px;
}

.crowd-hero__forum--side {
  top: 86px;
  right: 88px;
  width: 220px;
  padding: 14px;
  transform: rotate(-6deg);
}

.crowd-hero__forum-top {
  height: 26px;
  border-radius: 12px;
  background: linear-gradient(180deg, #f7f8fb 0%, #e7ebf4 100%);
}

.crowd-hero__forum-thread {
  height: 10px;
  margin-top: 14px;
  border-radius: 999px;
  background: #d8e0eb;
}

.crowd-hero__forum-thread--long {
  width: 78%;
}

.crowd-hero__forum-reply {
  width: 58%;
  height: 38px;
  margin-top: 18px;
  margin-left: auto;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(168, 213, 47, 0.22) 0%, rgba(35, 71, 29, 0.12) 100%);
  box-shadow: inset 0 0 0 1px rgba(35, 71, 29, 0.08);
}

.crowd-hero__lab {
  position: absolute;
  left: 56px;
  bottom: 56px;
  width: 250px;
  height: 360px;
}

.crowd-hero__lab-neck {
  position: absolute;
  top: 0;
  left: 50%;
  width: 70px;
  height: 80px;
  transform: translateX(-50%);
  border-radius: 20px 20px 10px 10px;
  background: linear-gradient(180deg, #f9fbfe 0%, #c8d1df 24%, #2b3644 60%, #eef2f7 100%);
  border: 5px solid var(--prolinkslab-brand);
  border-bottom: 0;
}

.crowd-hero__lab-flask {
  position: absolute;
  inset: 60px 0 0;
  border-radius: 20% 20% 42% 42% / 14% 14% 52% 52%;
  background:
    radial-gradient(circle at 35% 16%, rgba(255, 255, 255, 0.92), rgba(234, 239, 247, 0.78) 28%, rgba(196, 208, 224, 0.9) 42%, rgba(252, 253, 255, 0.96) 100%);
  border: 7px solid var(--prolinkslab-brand);
  overflow: hidden;
  box-shadow: 0 30px 54px rgba(72, 40, 17, 0.14);
}

.crowd-hero__lab-liquid {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: 9%;
  height: 46%;
  border-radius: 38% 38% 28% 28% / 24% 24% 20% 20%;
  background:
    radial-gradient(circle at 32% 28%, rgba(227, 247, 145, 0.95), rgba(168, 213, 47, 0.96) 38%, rgba(35, 71, 29, 0.92) 100%);
}

.crowd-hero__lab-bubble {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle, #d9f454 0%, #9dca30 65%, #557c17 100%);
  box-shadow: 0 10px 18px rgba(146, 188, 34, 0.22);
}

.crowd-hero__lab-bubble--one {
  width: 18px;
  height: 18px;
  top: 28%;
  left: 30%;
}

.crowd-hero__lab-bubble--two {
  width: 12px;
  height: 12px;
  top: 20%;
  left: 54%;
}

.crowd-hero__lab-link {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 118px;
  height: 52px;
  transform: translate(-50%, -34%) rotate(-16deg);
}

.crowd-hero__lab-link-part {
  position: absolute;
  top: 50%;
  width: 42%;
  height: 100%;
  border: 8px solid #f7faf4;
  border-radius: 999px;
  transform: translateY(-50%);
}

.crowd-hero__lab-link-part--left {
  left: 0;
}

.crowd-hero__lab-link-part--right {
  right: 0;
}

.crowd-hero__lab-link-bridge {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30%;
  height: 8px;
  background: #f7faf4;
  border-radius: 999px;
  transform: translate(-50%, -50%);
}

.crowd-hero__connector {
  position: absolute;
  border: 3px solid transparent;
  border-top-color: rgba(35, 71, 29, 0.28);
  border-right-color: rgba(35, 71, 29, 0.28);
  border-radius: 0 120px 0 0;
}

.crowd-hero__connector--one {
  top: 182px;
  left: 248px;
  width: 122px;
  height: 98px;
  transform: rotate(12deg);
}

.crowd-hero__connector--two {
  top: 160px;
  right: 266px;
  width: 110px;
  height: 88px;
  transform: rotate(102deg);
}

.crowd-hero__pulse {
  position: absolute;
  top: 186px;
  left: 274px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--prolinkslab-brand);
  box-shadow: 0 0 0 12px rgba(168, 213, 47, 0.14);
}

.crowd-pricing {
  padding: clamp(42px, 5vw, 68px) 0;
}

.crowd-pricing__head,
.crowd-benefits__head {
  max-width: 860px;
  margin: 0 auto 22px;
  text-align: center;
}

.crowd-pricing__title,
.crowd-benefits__title {
  margin: 0;
  font-size: clamp(1.75rem, 3.1vw, 2.5rem);
  line-height: 1.08;
  letter-spacing: -0.05em;
}

.crowd-pricing__subtitle {
  margin: 12px auto 0;
  max-width: 640px;
  color: var(--prolinkslab-muted);
  font-size: clamp(0.9rem, 1.05vw, 1rem);
  line-height: 1.45;
}

.crowd-pricing__tabs {
  display: grid;
  gap: 12px;
}

.crowd-pricing__badge {
  width: fit-content;
  margin: 0 auto 6px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(168, 213, 47, 0.12);
  color: var(--prolinkslab-brand-deep);
  font-size: 0.8rem;
  font-weight: 700;
}

.crowd-pricing__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.crowd-package {
  --package-bg: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  --package-shadow: rgba(16, 24, 39, 0.1);
  --package-accent: var(--prolinkslab-brand);
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 100%;
  padding: 18px 18px 18px;
  border: 1px solid rgba(168, 213, 47, 0.18);
  border-radius: 24px;
  background: var(--package-bg);
  box-shadow:
    0 24px 46px var(--package-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  color: #152134;
  position: relative;
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.crowd-package::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(168, 213, 47, 0.94) 0%, rgba(197, 216, 238, 0.94) 100%);
}

.crowd-package::after {
  content: "";
  position: absolute;
  right: -18px;
  top: -18px;
  width: 88px;
  height: 88px;
  border-radius: 28px;
  background: radial-gradient(circle, rgba(168, 213, 47, 0.12) 0%, rgba(168, 213, 47, 0) 72%);
  pointer-events: none;
}

.crowd-package--tone-1 {
  --package-bg: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  --package-shadow: rgba(16, 24, 39, 0.1);
  --package-accent: var(--prolinkslab-brand);
}

.crowd-package--tone-2 {
  --package-bg: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  --package-shadow: rgba(16, 24, 39, 0.1);
  --package-accent: var(--prolinkslab-brand);
}

.crowd-package--tone-3 {
  --package-bg: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  --package-shadow: rgba(16, 24, 39, 0.1);
  --package-accent: var(--prolinkslab-brand);
}

.crowd-package--tone-4 {
  --package-bg: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  --package-shadow: rgba(16, 24, 39, 0.1);
  --package-accent: var(--prolinkslab-brand);
}

.crowd-package__top {
  display: grid;
  grid-template-rows: 54px 88px;
  justify-items: center;
  align-content: start;
  gap: 0;
  margin: 0 4px;
  min-height: 154px;
  padding: 16px 16px 12px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 250, 255, 0.98) 100%);
  box-shadow:
    0 14px 28px rgba(11, 17, 32, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.crowd-package__title {
  margin: 0;
  color: #16181d;
  font-size: clamp(1.12rem, 1.3vw, 1.45rem);
  font-weight: 800;
  line-height: 1.05;
  text-align: center;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.crowd-package__price {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  color: var(--package-accent);
  width: 100%;
  min-height: 0;
  align-self: center;
  margin-top: -14px;
  padding: 8px 14px 6px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(168, 213, 47, 0.08) 0%, rgba(197, 216, 238, 0.14) 100%);
  box-shadow: inset 0 0 0 1px rgba(168, 213, 47, 0.14);
}

.crowd-package__currency {
  font-size: 1.18rem;
  line-height: 1;
  font-weight: 700;
  transform: translateY(-2px);
}

.crowd-package__value {
  font-size: clamp(2.5rem, 3.4vw, 3.8rem);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.07em;
  text-shadow: 0 8px 24px rgba(168, 213, 47, 0.14);
}

.crowd-package__body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-content: start;
  gap: 14px;
  padding: 18px 10px 0;
}

.crowd-package__meta {
  display: grid;
  justify-items: center;
  gap: 8px;
  min-height: 84px;
  padding: 0 8px 14px;
  border-bottom: 1px solid rgba(168, 213, 47, 0.18);
}

.crowd-package__meta p {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  color: #27401d;
  font-size: 0.96rem;
  font-weight: 700;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 0 0 1px rgba(168, 213, 47, 0.1);
}

.crowd-package__meta p + p {
  margin-top: 0;
}

.crowd-package__features {
  display: grid;
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #334055;
  font-size: 1rem;
}

.crowd-package__features li {
  position: relative;
  padding-left: 22px;
  line-height: 1.48;
}

.crowd-package__features li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--prolinkslab-brand);
  box-shadow: 0 0 0 6px rgba(168, 213, 47, 0.08);
}

.crowd-package__button {
  width: 100%;
  margin-top: 10px;
  align-self: end;
  min-height: 56px;
  padding: 0 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  background: linear-gradient(180deg, var(--prolinkslab-brand) 0%, var(--prolinkslab-brand-dark) 100%);
  color: #ffffff;
  box-shadow: 0 18px 30px var(--prolinkslab-brand-glow);
  font-size: 1rem;
  font-weight: 800;
}

.crowd-package__button:hover,
.crowd-package__button:focus {
  transform: translateY(-2px);
  box-shadow: 0 22px 34px rgba(168, 213, 47, 0.36);
}

.crowd-package:hover,
.crowd-package:focus-within {
  transform: translateY(-8px);
  border-color: rgba(168, 213, 47, 0.34);
  box-shadow:
    0 34px 58px rgba(16, 24, 39, 0.14),
    0 0 0 1px rgba(168, 213, 47, 0.18),
    0 0 26px rgba(168, 213, 47, 0.18);
}

.crowd-benefits {
  position: relative;
  overflow: hidden;
  padding: clamp(54px, 7vw, 88px) 0 clamp(42px, 6vw, 72px);
  background: linear-gradient(180deg, #eef4f8 0%, #f5f1ea 100%);
  color: #101018;
}

.crowd-benefits .site-shell {
  position: relative;
  z-index: 1;
}

.crowd-benefits .crowd-benefits__head {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

.crowd-benefits .crowd-benefits__title {
  margin: 20px auto 0;
  max-width: 880px;
  color: #101018;
  font-size: clamp(2.25rem, 4.9vw, 4.8rem);
  line-height: 0.94;
  letter-spacing: -0.065em;
}

.crowd-benefits__carousel {
  position: relative;
  z-index: 1;
  align-items: flex-start;
  gap: clamp(18px, 2vw, 28px);
  margin-top: clamp(26px, 3.6vw, 42px);
  padding: 18px 10px 22px;
  scrollbar-color: rgba(168, 213, 47, 0.88) rgba(255, 255, 255, 0.08);
}

.crowd-benefit-card {
  position: relative;
  overflow: hidden;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  flex: 0 0 380px;
  width: 380px;
  min-width: 380px;
  max-width: 380px;
  min-height: 220px;
  padding: 28px 28px 30px;
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(246, 251, 255, 0.98) 100%);
  border: 1px solid rgba(16, 16, 24, 0.08);
  box-shadow:
    0 28px 70px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.crowd-benefit-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(231, 240, 248, 0.16) 0%, rgba(168, 213, 47, 0.08) 100%);
  pointer-events: none;
}

.crowd-benefit-card:nth-child(3n + 1) {
  margin-top: 42px;
  background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
}

.crowd-benefit-card:nth-child(3n + 2) {
  margin-top: 0;
  width: 430px;
  min-width: 430px;
  max-width: 430px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

.crowd-benefit-card:nth-child(3n) {
  margin-top: 84px;
  background: linear-gradient(180deg, #fcfffd 0%, #f2f8fb 100%);
}

.crowd-benefit-card:hover,
.crowd-benefit-card:focus-within {
  transform: translateY(-6px);
  border-color: rgba(168, 213, 47, 0.24);
  box-shadow:
    0 34px 84px rgba(15, 23, 42, 0.14),
    0 0 0 1px rgba(168, 213, 47, 0.12);
}

.crowd-benefit-card__top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 16px;
}

.crowd-benefit-card__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(168, 213, 47, 0.12) 0%, rgba(201, 216, 238, 0.18) 100%);
  color: var(--prolinkslab-brand);
  font-size: 1.48rem;
  box-shadow:
    inset 0 0 0 1px rgba(168, 213, 47, 0.18),
    0 0 24px rgba(168, 213, 47, 0.08);
}

.crowd-benefit-card__title {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #101018;
  font-size: clamp(1.8rem, 2.3vw, 2.5rem);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.crowd-benefit-card__description {
  position: relative;
  z-index: 1;
  margin: 18px 0 0;
  max-width: 30ch;
  color: #566070;
  font-size: 1.05rem;
  line-height: 1.52;
}

.crowd-motion {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: clamp(36px, 4vw, 52px) 0 clamp(38px, 4vw, 52px);
  background:
    radial-gradient(circle at 82% 18%, rgba(241, 224, 196, 0.22), transparent 24%),
    radial-gradient(circle at 18% 18%, rgba(201, 216, 238, 0.2), transparent 28%),
    linear-gradient(180deg, #eef4f8 0%, #f5f1ea 100%);
}

.crowd-motion__head {
  max-width: 860px;
  margin: 0 auto 12px;
  text-align: center;
}

.crowd-motion__lane-wrap + .crowd-motion__lane-wrap {
  margin-top: 10px;
}

.crowd-motion__viewport {
  overflow: hidden;
  width: 100%;
  padding: 4px 0 6px;
}

.crowd-motion__track {
  display: flex;
  width: max-content;
  gap: 18px;
}

.crowd-motion__track--right {
  animation: crowd-motion-right 34s linear infinite;
}

.crowd-motion__track--left {
  animation: crowd-motion-left 34s linear infinite;
}

.crowd-motion__group {
  display: flex;
  gap: 18px;
}

.crowd-motion__card {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 14px;
  width: 196px;
  min-width: 196px;
  min-height: 164px;
  padding: 18px 16px;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  border: 1px solid rgba(16, 16, 24, 0.06);
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.07);
  text-align: center;
}

.crowd-motion__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(168, 213, 47, 0.16) 0%, rgba(35, 71, 29, 0.12) 100%);
  color: var(--prolinkslab-brand-deep);
  font-size: 1.45rem;
  box-shadow: inset 0 0 0 1px rgba(35, 71, 29, 0.06);
}

.crowd-motion__icon--flag {
  font-size: 1.9rem;
  line-height: 1;
}

.crowd-motion__label {
  color: #3b4048;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.2;
}

.crowd-stats {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: clamp(36px, 5vw, 64px) 0;
  background:
    radial-gradient(circle at 14% 18%, rgba(167, 204, 255, 0.18), transparent 0 24%),
    radial-gradient(circle at 82% 16%, rgba(168, 213, 47, 0.12), transparent 0 20%),
    linear-gradient(180deg, #f7fbff 0%, #fbfcf7 100%);
}

.crowd-stats__shell {
  width: min(calc(100% - 32px), 1520px);
}

.crowd-stats__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  gap: 20px;
}

.crowd-stats__item {
  position: relative;
  display: grid;
  gap: 12px;
  align-content: start;
  min-height: 230px;
  padding: 28px 26px 30px;
  border: 1px solid rgba(168, 213, 47, 0.12);
  border-radius: 32px;
  background:
    radial-gradient(circle at 86% 14%, rgba(168, 213, 47, 0.1), transparent 0 18%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(247, 251, 255, 0.98) 100%);
  box-shadow:
    0 20px 44px rgba(19, 31, 54, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.crowd-stats__item::before {
  content: "";
  position: absolute;
  inset: auto auto 18px 18px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(168, 213, 47, 0.12) 0%, rgba(168, 213, 47, 0) 72%);
  pointer-events: none;
}

.crowd-stats__item:hover {
  transform: translateY(-4px);
  border-color: rgba(168, 213, 47, 0.2);
  box-shadow:
    0 26px 52px rgba(19, 31, 54, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.crowd-stats__item.is-featured {
  border-color: rgba(168, 213, 47, 0.28);
  background:
    radial-gradient(circle at 78% 16%, rgba(168, 213, 47, 0.14), transparent 0 22%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 249, 255, 0.98) 100%);
  box-shadow:
    0 28px 56px rgba(19, 31, 54, 0.11),
    0 0 0 1px rgba(168, 213, 47, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.crowd-stats__value {
  display: inline-flex;
  align-items: flex-start;
  gap: 2px;
  color: var(--prolinkslab-brand);
  line-height: 0.9;
  letter-spacing: -0.06em;
  text-shadow: 0 0 18px rgba(168, 213, 47, 0.06);
}

.crowd-stats__number {
  font-size: clamp(4rem, 6vw, 5.8rem);
  font-weight: 800;
}

.crowd-stats__suffix {
  padding-top: 10px;
  font-size: clamp(1.3rem, 2vw, 1.95rem);
  font-weight: 800;
  letter-spacing: -0.04em;
}

.crowd-stats__description {
  margin: 0;
  color: #222e43;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
  max-width: 12ch;
}

.service-results {
  padding: clamp(42px, 5vw, 72px) 0;
  background:
    radial-gradient(circle at 16% 18%, rgba(201, 216, 238, 0.2), transparent 0 28%),
    radial-gradient(circle at 82% 14%, rgba(241, 224, 196, 0.22), transparent 0 24%),
    linear-gradient(180deg, #eef4f8 0%, #f5f1ea 100%);
}

.service-results__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(28px, 4vw, 52px);
  align-items: center;
}

.service-results__visual {
  position: relative;
}

.service-results__image,
.service-results__canvas {
  display: block;
  width: 100%;
  min-height: 520px;
  border-radius: 34px;
}

.service-results__image {
  object-fit: cover;
  border: 1px solid rgba(91, 137, 240, 0.12);
  box-shadow: 0 30px 64px rgba(19, 31, 54, 0.12);
}

.service-results__canvas {
  position: relative;
  padding: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(246, 250, 255, 0.98) 100%);
  border: 1px solid rgba(91, 137, 240, 0.12);
  box-shadow: 0 30px 64px rgba(19, 31, 54, 0.12);
}

.service-results__window {
  position: relative;
  overflow: hidden;
  min-height: 460px;
  border-radius: 28px;
  background: linear-gradient(180deg, #ffffff 0%, #eef4fb 100%);
  border: 1px solid rgba(91, 137, 240, 0.11);
}

.service-results__window-top {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  background: linear-gradient(180deg, #5d8cf1 0%, #4676de 100%);
}

.service-results__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.88);
}

.service-results__search {
  flex: 1 1 auto;
  height: 28px;
  margin-left: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(41, 81, 29, 0.08);
}

.service-results__window-nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding: 18px 18px 16px;
  background: rgba(92, 126, 186, 0.08);
}

.service-results__window-nav span,
.service-results__hero-line,
.service-results__side-line,
.service-results__footer-line {
  display: block;
  border-radius: 999px;
  background: rgba(91, 137, 240, 0.16);
}

.service-results__window-nav span {
  height: 14px;
}

.service-results__window-body {
  padding: 18px;
}

.service-results__hero-line {
  width: 64%;
  height: 56px;
  margin-bottom: 18px;
  border-radius: 18px;
}

.service-results__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) 168px;
  gap: 18px;
  align-items: end;
}

.service-results__chart {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  align-items: end;
  gap: 14px;
  min-height: 220px;
  padding: 12px 10px 0;
}

.service-results__chart span,
.service-results__mini-chart span {
  display: block;
  width: 100%;
  border-radius: 999px 999px 4px 4px;
}

.service-results__chart span {
  height: var(--result-bar);
  background: linear-gradient(180deg, rgba(91, 137, 240, 0.28) 0%, rgba(91, 137, 240, 0.14) 100%);
}

.service-results__chart span:nth-child(2),
.service-results__chart span:nth-child(5),
.service-results__chart span:nth-child(7),
.service-results__chart span:nth-child(9) {
  background: linear-gradient(180deg, #5f8ff0 0%, #4676de 100%);
}

.service-results__side {
  display: grid;
  gap: 14px;
}

.service-results__side-line {
  height: 18px;
}

.service-results__side-line--large {
  height: 22px;
  width: 82%;
}

.service-results__mini-chart {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 12px;
  min-height: 116px;
  padding-top: 16px;
}

.service-results__mini-chart span {
  height: var(--mini-bar);
  background: linear-gradient(180deg, rgba(159, 209, 31, 0.9) 0%, rgba(91, 137, 240, 0.95) 100%);
}

.service-results__footer-line {
  width: 86%;
  height: 16px;
  margin-top: 18px;
}

.service-results__badge {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(21, 33, 52, 0.88);
  color: #ffffff;
  font-size: 0.92rem;
  font-weight: 700;
  box-shadow: 0 20px 34px rgba(19, 31, 54, 0.18);
}

.service-results__badge i {
  font-size: 1rem;
}

.service-results__badge--green {
  left: 16px;
  bottom: 26px;
}

.service-results__badge--blue {
  right: 16px;
  top: 20px;
}

.service-results__content {
  display: grid;
  gap: 16px;
}

.service-results__eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(168, 213, 47, 0.12);
  color: var(--prolinkslab-brand-deep);
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.service-results__title {
  margin: 0;
  color: #101018;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 1.04;
  letter-spacing: -0.05em;
}

.service-results__text {
  margin: 0;
  max-width: 690px;
  color: var(--prolinkslab-muted);
  font-size: clamp(1rem, 1.2vw, 1.14rem);
  line-height: 1.58;
}

.service-results__list {
  display: grid;
  gap: 18px;
  margin-top: 6px;
}

.service-results__item {
  display: grid;
  gap: 10px;
}

.service-results__item-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.service-results__label,
.service-results__value {
  color: #232834;
  font-weight: 700;
}

.service-results__label {
  font-size: clamp(1rem, 1.15vw, 1.18rem);
}

.service-results__value {
  font-size: clamp(1.1rem, 1.35vw, 1.32rem);
}

.service-results__track {
  height: 10px;
  border-radius: 999px;
  background: rgba(163, 177, 198, 0.24);
  overflow: hidden;
}

.service-results__bar {
  display: block;
  width: var(--service-result-progress);
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--service-result-color) 0%, var(--service-result-color) 100%);
  box-shadow: 0 8px 18px rgba(91, 137, 240, 0.16);
}

.service-info {
  padding: clamp(42px, 5vw, 72px) 0;
  background:
    radial-gradient(circle at 18% 20%, rgba(201, 216, 238, 0.16), transparent 0 28%),
    radial-gradient(circle at 82% 14%, rgba(241, 224, 196, 0.18), transparent 0 24%),
    linear-gradient(180deg, #f6fafc 0%, #f5f1ea 100%);
}

.service-info__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(28px, 4vw, 52px);
  align-items: center;
}

.service-info__visual {
  position: relative;
}

.service-info__image,
.service-info__canvas {
  display: block;
  width: 100%;
  min-height: 480px;
  border-radius: 34px;
}

.service-info__image {
  object-fit: cover;
  border: 1px solid rgba(91, 137, 240, 0.12);
  box-shadow: 0 30px 64px rgba(19, 31, 54, 0.12);
}

.service-info__canvas {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(91, 137, 240, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 247, 253, 0.98) 100%);
  box-shadow: 0 30px 64px rgba(19, 31, 54, 0.12);
}

.service-info__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(10px);
  opacity: 0.9;
}

.service-info__glow--one {
  top: 34px;
  left: 28px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(159, 209, 31, 0.28) 0%, rgba(159, 209, 31, 0) 72%);
}

.service-info__glow--two {
  right: 24px;
  bottom: 36px;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(91, 137, 240, 0.22) 0%, rgba(91, 137, 240, 0) 72%);
}

.service-info__panel {
  position: absolute;
  inset: 56px 48px;
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #eef4fb 100%);
  border: 1px solid rgba(91, 137, 240, 0.12);
  box-shadow: 0 18px 32px rgba(19, 31, 54, 0.1);
}

.service-info__panel-top {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 18px;
  background: linear-gradient(180deg, #5d8cf1 0%, #4676de 100%);
}

.service-info__panel-top span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.88);
}

.service-info__panel-body {
  display: grid;
  gap: 14px;
  padding: 28px 24px;
}

.service-info__line {
  height: 16px;
  border-radius: 999px;
  background: rgba(91, 137, 240, 0.14);
}

.service-info__line--short {
  width: 38%;
}

.service-info__line--long {
  width: 82%;
  height: 22px;
}

.service-info__badge {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(21, 33, 52, 0.88);
  color: #ffffff;
  font-size: 0.92rem;
  font-weight: 700;
  box-shadow: 0 20px 34px rgba(19, 31, 54, 0.18);
}

.service-info__badge i {
  font-size: 1rem;
}

.service-info__badge--primary {
  left: 24px;
  bottom: 28px;
}

.service-info__badge--secondary {
  right: 24px;
  top: 26px;
}

.service-info__content {
  display: grid;
  gap: 16px;
}

.service-info__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid rgba(168, 213, 47, 0.3);
  background: rgba(255, 255, 255, 0.78);
  color: var(--prolinkslab-brand-deep);
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1;
}

.service-info__eyebrow::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: linear-gradient(180deg, #b7e11e 0%, #91bf14 100%);
  box-shadow: 0 0 0 8px rgba(168, 213, 47, 0.12);
  flex: 0 0 16px;
}

.service-info__title {
  margin: 0;
  color: #101018;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.06;
  letter-spacing: -0.05em;
}

.service-info__text {
  color: var(--prolinkslab-muted);
  font-size: clamp(1rem, 1.2vw, 1.14rem);
  line-height: 1.68;
}

.service-info__text p {
  margin: 0 0 1em;
}

.service-info__text p:last-child {
  margin-bottom: 0;
}

@keyframes crowd-motion-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-50% - 9px));
  }
}

@keyframes crowd-motion-right {
  from {
    transform: translateX(calc(-50% - 9px));
  }

  to {
    transform: translateX(0);
  }
}

@media (max-width: 1180px) {
  .crowd-hero__inner,
  .crowd-pricing__grid,
  .service-results__grid,
  .service-info__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .crowd-stats__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .crowd-hero__visual {
    grid-column: 1 / -1;
  }

  .crowd-hero__canvas {
    min-height: 560px;
  }
}

@media (max-width: 820px) {
  .crowd-hero__inner,
  .crowd-pricing__grid,
  .service-results__grid,
  .service-info__grid {
    grid-template-columns: 1fr;
  }

  .service-results__visual {
    order: -1;
  }

  .service-info__visual {
    order: -1;
  }

  .service-results__image,
  .service-results__canvas {
    min-height: 460px;
  }

  .service-info__image,
  .service-info__canvas {
    min-height: 420px;
  }

  .service-results__layout {
    grid-template-columns: 1fr 148px;
  }

  .crowd-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .crowd-stats__item {
    min-height: 180px;
    padding: 22px 18px;
  }

  .crowd-stats__description {
    font-size: 0.94rem;
  }

  .crowd-hero__actions {
    flex-direction: column;
  }

  .crowd-hero__button,
  .crowd-hero__button--ghost {
    width: 100%;
  }

  .crowd-hero__canvas {
    min-height: 500px;
  }

  .crowd-motion__card {
    width: 170px;
    min-width: 170px;
    min-height: 148px;
  }

  .crowd-hero__note {
    max-width: 180px;
    font-size: 0.9rem;
  }

  .crowd-hero__screen {
    right: 110px;
  }

  .crowd-hero__browser {
    right: 12px;
    left: 12px;
    width: auto;
  }

  .crowd-hero__search,
  .crowd-hero__shield,
  .crowd-hero__card--doc,
  .crowd-hero__card--sync {
    transform: scale(0.86);
    transform-origin: center;
  }
}

@media (max-width: 640px) {
  .crowd-hero {
    padding-top: 34px;
  }

  .crowd-stats__grid {
    grid-template-columns: 1fr;
  }

  .service-results__image,
  .service-results__canvas {
    min-height: 400px;
  }

  .service-info__image,
  .service-info__canvas {
    min-height: 340px;
  }

  .service-results__canvas {
    padding: 18px;
    border-radius: 26px;
  }

  .service-info__panel {
    inset: 40px 24px;
    border-radius: 24px;
  }

  .service-info__badge {
    display: none;
  }

  .service-info__title {
    font-size: clamp(1.7rem, 8vw, 2.4rem);
  }

  .service-results__window {
    min-height: 352px;
    border-radius: 22px;
  }

  .service-results__layout {
    grid-template-columns: 1fr;
  }

  .service-results__side {
    grid-template-columns: 1fr 1fr;
    align-items: end;
  }

  .service-results__badge {
    display: none;
  }

  .service-results__title {
    font-size: clamp(1.7rem, 8vw, 2.45rem);
  }

  .service-results__item-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .crowd-stats__item {
    min-height: auto;
    padding: 20px 18px 22px;
    border-radius: 24px;
  }

  .crowd-hero__canvas {
    min-height: 440px;
  }

  .crowd-hero__note--fresh {
    top: 18px;
    left: 12px;
  }

  .crowd-hero__note--domains {
    top: 96px;
    right: 12px;
  }

  .crowd-hero__note--price {
    top: 158px;
    left: 16px;
  }

  .crowd-hero__note--warranty {
    right: 12px;
    bottom: 16px;
  }

  .crowd-hero__screen,
  .crowd-hero__search,
  .crowd-hero__shield,
  .crowd-hero__card--doc,
  .crowd-hero__card--sync {
    display: none;
  }

  .crowd-hero__browser {
    top: 210px;
    height: 180px;
  }

  .crowd-package,
  .crowd-benefit-card {
    padding: 24px 20px;
    border-radius: 24px;
  }

  .crowd-package__top {
    grid-template-rows: auto auto;
    min-height: 0;
    padding: 16px 14px 14px;
  }

  .crowd-package__price {
    margin-top: 6px;
  }

  .crowd-package__currency {
    font-size: 1.05rem;
  }

  .crowd-package__value {
    font-size: clamp(2.4rem, 10vw, 3.4rem);
  }

  .crowd-package__meta p {
    font-size: 0.9rem;
  }

  .crowd-benefits {
    padding: 46px 0 38px;
  }

  .crowd-benefits .crowd-benefits__title {
    font-size: clamp(2rem, 8vw, 3.4rem);
  }

  .crowd-benefits .crowd-benefits__carousel {
    margin-top: 20px;
    padding: 12px 6px 18px;
  }

  .crowd-benefit-card,
  .crowd-benefit-card:nth-child(3n + 1),
  .crowd-benefit-card:nth-child(3n + 2),
  .crowd-benefit-card:nth-child(3n) {
    width: min(84vw, 360px);
    min-width: min(84vw, 360px);
    max-width: min(84vw, 360px);
    min-height: 200px;
    margin-top: 0;
  }

  .crowd-benefit-card__top {
    gap: 14px;
  }

  .crowd-benefit-card__icon {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
    border-radius: 16px;
    font-size: 1.25rem;
  }

  .crowd-benefit-card__title {
    font-size: clamp(1.45rem, 6vw, 2rem);
  }

  .crowd-benefit-card__description {
    margin-top: 14px;
    font-size: 0.98rem;
    max-width: none;
  }

  .crowd-benefits__frame {
    padding: 20px 16px 18px;
    border-radius: 24px;
  }

  .crowd-motion__card {
    width: 148px;
    min-width: 148px;
    min-height: 132px;
    gap: 12px;
    padding: 18px 14px;
  }

  .crowd-motion__icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    font-size: 1.2rem;
  }

  .crowd-motion__label {
    font-size: 0.9rem;
  }
}

.about-team {
  position: relative;
  padding: 48px 0 88px;
  background:
    radial-gradient(circle at 18% 18%, rgba(180, 232, 74, 0.1), transparent 0 28%),
    radial-gradient(circle at 82% 18%, rgba(159, 211, 255, 0.14), transparent 0 26%),
    linear-gradient(180deg, #f7fbff 0%, #fbfcf7 100%);
}

.about-team::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 18%, rgba(255, 255, 255, 0.72) 82%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

.about-team .site-shell {
  position: relative;
  z-index: 1;
}

.about-team__head {
  display: grid;
  gap: 18px;
  justify-items: center;
  max-width: 940px;
  margin: 0 auto 42px;
  text-align: center;
}

.about-team__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  padding: 10px 20px 10px 12px;
  border: 1px solid rgba(168, 213, 47, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  color: #24462c;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}

.about-team__eyebrow::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #dfff84 0%, #a8d52f 60%, #7fab1a 100%);
  box-shadow: 0 0 0 10px rgba(168, 213, 47, 0.12);
}

.about-team__title {
  margin: 0;
  max-width: 15ch;
  color: #10141f;
  font-size: clamp(2.2rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.06em;
}

.about-team__subtitle {
  margin: 0;
  max-width: 760px;
  color: #5a6474;
  font-size: 1.05rem;
  line-height: 1.65;
}

.about-team__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  padding: 6px 0 0;
}

.team-card {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 100%;
  padding: 18px;
  border: 1px solid rgba(168, 213, 47, 0.16);
  border-radius: 34px;
  background:
    radial-gradient(circle at 88% 12%, rgba(168, 213, 47, 0.1), transparent 0 22%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 250, 255, 0.98) 100%);
  box-shadow:
    0 22px 48px rgba(19, 31, 54, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.team-card:hover,
.team-card:focus-within {
  transform: translateY(-6px);
  border-color: rgba(168, 213, 47, 0.3);
  box-shadow:
    0 30px 56px rgba(19, 31, 54, 0.12),
    0 0 0 1px rgba(168, 213, 47, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.team-card::before {
  content: "";
  position: absolute;
  inset: auto auto -50px -50px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(168, 213, 47, 0.15) 0%, rgba(168, 213, 47, 0) 72%);
  pointer-events: none;
}

.team-card__linkedin {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #111a2f;
  color: #a8d52f;
  text-decoration: none;
  box-shadow: 0 18px 32px rgba(17, 26, 47, 0.18);
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.team-card__linkedin:hover,
.team-card__linkedin:focus-visible {
  transform: translateY(-2px);
  background: #16233f;
  box-shadow: 0 20px 36px rgba(17, 26, 47, 0.22);
}

.team-card__media {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 0.8;
  min-height: 380px;
  margin-bottom: 18px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 26% 18%, rgba(255, 255, 255, 0.92), transparent 0 20%),
    radial-gradient(circle at 74% 80%, color-mix(in srgb, var(--team-accent-b) 28%, white), transparent 0 24%),
    linear-gradient(180deg, color-mix(in srgb, var(--team-accent-a) 48%, white) 0%, rgba(255, 255, 255, 0.98) 100%);
  overflow: hidden;
}

.team-card__photo {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.team-card__media::before,
.team-card__media::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  opacity: 0.55;
}

.team-card__media::before {
  inset: 18px 18px auto auto;
  width: 112px;
  height: 112px;
  background: radial-gradient(circle, color-mix(in srgb, var(--team-accent-b) 64%, white), transparent 72%);
}

.team-card__media::after {
  inset: auto auto 24px 20px;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle, color-mix(in srgb, var(--team-accent-a) 82%, white), transparent 72%);
}

.team-card__portrait {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: clamp(180px, 20vw, 232px);
  aspect-ratio: 0.84;
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, color-mix(in srgb, var(--team-accent-a) 48%, #eef4ff) 100%);
  box-shadow:
    0 24px 46px rgba(17, 26, 47, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.team-card__portrait::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 26px;
}

.team-card__portrait::after {
  content: "";
  position: absolute;
  inset: auto 18px 18px;
  height: 46%;
  border-radius: 26px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.48), transparent 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--team-accent-b) 18%, transparent) 0%, rgba(16, 20, 31, 0.06) 100%);
}

.team-card__initials {
  position: relative;
  z-index: 1;
  color: #16233f;
  font-size: clamp(3rem, 6vw, 4.5rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.08em;
}

.team-card__body {
  display: grid;
  grid-template-rows: minmax(54px, auto) minmax(34px, auto) 1fr;
  gap: 10px;
  padding: 10px 10px 12px;
}

.team-card__name {
  margin: 0;
  color: #10141f;
  font-size: clamp(1.35rem, 1.8vw, 1.64rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.04em;
  align-self: end;
}

.team-card__role {
  margin: 0;
  color: #355127;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  align-self: start;
}

.team-card__statement {
  margin: 4px 0 0;
  color: #5a6474;
  font-size: 0.98rem;
  line-height: 1.62;
  align-self: start;
}

@media (max-width: 820px) {
  .about-team {
    padding: 38px 0 72px;
  }

  .about-team__head {
    justify-items: start;
    margin-bottom: 30px;
    text-align: left;
  }

  .about-team__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }

  .team-card__media {
    aspect-ratio: 0.82;
    min-height: 300px;
  }
}

@media (max-width: 640px) {
  .about-team {
    padding: 28px 0 58px;
  }

  .about-team__eyebrow {
    font-size: 0.86rem;
  }

  .about-team__grid {
    grid-template-columns: 1fr;
    padding-bottom: 14px;
  }

  .team-card {
    padding: 14px;
    border-radius: 28px;
  }

  .team-card__linkedin {
    top: 14px;
    right: 14px;
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .team-card__media {
    aspect-ratio: 0.84;
    min-height: 260px;
    border-radius: 24px;
  }

  .team-card__portrait {
    width: min(74vw, 210px);
    border-radius: 28px;
  }

  .team-card__body {
    padding: 6px 4px 8px;
  }
}

.site-main--about {
  min-height: 40vh;
}

.about-blank {
  padding: 40px 0 120px;
  background:
    radial-gradient(circle at 18% 16%, rgba(168, 213, 47, 0.08), transparent 0 24%),
    radial-gradient(circle at 84% 12%, rgba(159, 211, 255, 0.12), transparent 0 22%),
    linear-gradient(180deg, #f7fbff 0%, #fbfcf7 100%);
}

.about-blank__inner {
  min-height: 220px;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.58);
}

.about-blank__title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 640px) {
  .about-blank {
    padding: 28px 0 88px;
  }

  .about-blank__inner {
    min-height: 140px;
    border-radius: 24px;
  }
}

.brand-accentu {
  color: #a8d52f;
}