.larus-demo-page {
  margin: 0;
  background:
    radial-gradient(circle at 12% 10%, rgba(85, 188, 212, 0.12), transparent 34%),
    radial-gradient(circle at 88% 6%, rgba(34, 77, 109, 0.08), transparent 30%),
    #f4f8fb;
}

.larus-landing {
  --bg: #f4f8fb;
  --surface: rgba(250, 253, 255, 0.94);
  --surface-alt: rgba(240, 246, 250, 0.95);
  --border: rgba(34, 77, 109, 0.12);
  --text: #183247;
  --muted: #607485;
  --primary: #224d6d;
  --primary-strong: #18354b;
  --accent: #55bcd4;
  --brand-soft: #eaf2f7;
  --shadow: 0 24px 48px -32px rgba(23, 50, 71, 0.18);
  --radius-xl: 32px;
  --radius-lg: 24px;
  --radius-md: 18px;
  position: relative;
  color: var(--text);
  font-family: "Inter", system-ui, sans-serif;
}

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

.larus-landing,
.larus-landing div,
.larus-landing section,
.larus-landing article,
.larus-landing aside,
.larus-landing nav,
.larus-landing header,
.larus-landing footer,
.larus-landing main,
.larus-landing a,
.larus-landing span,
.larus-landing p,
.larus-landing h1,
.larus-landing h2,
.larus-landing h3,
.larus-landing ul,
.larus-landing li {
  font-family: "Inter", system-ui, sans-serif;
}

.larus-landing a {
  color: inherit;
  text-decoration: none !important;
}

.larus-landing img {
  display: block;
  max-width: 100%;
}

.larus-landing .container-xxl {
  width: min(1320px, calc(100% - 1.5rem));
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

.larus-landing .row {
  --larus-gutter-x: 1.5rem;
  --larus-gutter-y: 0;
  display: flex !important;
  flex-wrap: wrap !important;
  margin-top: calc(var(--larus-gutter-y) * -1);
  margin-right: calc(var(--larus-gutter-x) * -0.5) !important;
  margin-left: calc(var(--larus-gutter-x) * -0.5) !important;
}

.larus-landing .row > * {
  width: 100%;
  max-width: 100%;
  margin-top: var(--larus-gutter-y);
  padding-right: calc(var(--larus-gutter-x) * 0.5) !important;
  padding-left: calc(var(--larus-gutter-x) * 0.5) !important;
}

.larus-landing .col {
  flex: 1 0 0%;
}

.larus-landing .col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.larus-landing .row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.larus-landing .g-3 {
  --larus-gutter-x: 1rem;
  --larus-gutter-y: 1rem;
}

.larus-landing .g-4 {
  --larus-gutter-x: 1.5rem;
  --larus-gutter-y: 1.5rem;
}

.larus-landing .d-flex {
  display: flex !important;
}

.larus-landing .d-grid {
  display: grid !important;
}

.larus-landing .d-inline-flex {
  display: inline-flex !important;
}

.larus-landing .d-none {
  display: none !important;
}

.larus-landing .flex-column {
  flex-direction: column !important;
}

.larus-landing .flex-wrap {
  flex-wrap: wrap !important;
}

.larus-landing .flex-grow-1 {
  flex-grow: 1 !important;
}

.larus-landing .align-items-center {
  align-items: center !important;
}

.larus-landing .align-items-start {
  align-items: flex-start !important;
}

.larus-landing .align-items-stretch {
  align-items: stretch !important;
}

.larus-landing .justify-content-between {
  justify-content: space-between !important;
}

.larus-landing .justify-content-center {
  justify-content: center !important;
}

.larus-landing .gap-2 {
  gap: 0.5rem !important;
}

.larus-landing .gap-3 {
  gap: 1rem !important;
}

.larus-landing .gap-4 {
  gap: 1.5rem !important;
}

.larus-landing .h-100 {
  height: 100% !important;
}

.larus-landing .text-center {
  text-align: center !important;
}

.larus-landing .mb-0 {
  margin-bottom: 0 !important;
}

.larus-landing .mb-2 {
  margin-bottom: 0.5rem !important;
}

.larus-landing .mt-1 {
  margin-top: 0.25rem !important;
}

.larus-landing .pb-5 {
  padding-bottom: 3rem !important;
}

.larus-landing .py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.larus-landing :focus-visible {
  outline: 2px solid rgba(85, 188, 212, 0.55);
  outline-offset: 4px;
}

.larus-landing .site-header {
  position: sticky;
  top: 0;
  z-index: 1040;
  transition: transform 0.25s ease, padding 0.25s ease;
}

.larus-landing .site-header.is-compact .nav-shell {
  box-shadow: 0 18px 36px -28px rgba(23, 50, 71, 0.22);
}

.larus-landing .nav-shell,
.larus-landing .shell,
.larus-landing .footer-shell {
  border: 1px solid var(--border);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 254, 0.94)),
    var(--surface);
  box-shadow: var(--shadow);
  backdrop-filter: blur(8px);
}

.larus-landing .nav-shell {
  padding: 1rem 1.25rem;
  border-radius: 999px;
}

.larus-landing .brand-copy {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.larus-landing .brand-mark {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(180deg, #55bcd4 0%, #55bcd4 58%, #224d6d 58%, #224d6d 100%);
}

.larus-landing .brand-mark::before {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  top: 24px;
  height: 12px;
  background: #fff;
  border-radius: 999px;
  transform: rotate(-8deg);
}

.larus-landing .brand-mark::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 18px;
  height: 8px;
  border-radius: 999px 999px 999px 4px;
  background: #fff;
  transform: rotate(-24deg);
}

.larus-landing .brand-copy strong,
.larus-landing .footer-brand {
  font-family: "Manrope", "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.larus-landing .brand-copy span {
  color: var(--muted);
  font-size: 0.82rem;
}

.larus-landing .nav-links {
  gap: 1.75rem;
}

.larus-landing .nav-links a {
  position: relative;
  color: var(--muted);
  font-size: 0.96rem;
  font-weight: 500;
  transition: color 0.25s ease;
}

.larus-landing .nav-links a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.45rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent), var(--primary));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

.larus-landing .nav-links a:hover {
  color: var(--primary);
}

.larus-landing .nav-links a:hover::after {
  transform: scaleX(1);
}

.larus-landing .section {
  position: relative;
  padding: 2rem 0;
}

.larus-landing.section {
  position: relative;
  padding: 2rem 0;
}

.larus-landing .section-hero {
  padding-top: 0.75rem;
}

.larus-landing.section-hero {
  padding-top: 0.75rem;
}

.larus-landing .shell {
  border-radius: var(--radius-xl);
  padding: 2rem;
}

.larus-landing .ambient-panel {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(85, 188, 212, 0.12), transparent 30%),
    radial-gradient(circle at left bottom, rgba(34, 77, 109, 0.06), transparent 28%),
    var(--surface);
}

.larus-landing .ambient-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.5;
  pointer-events: none;
  background-image:
    linear-gradient(to right, rgba(85, 188, 212, 0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(34, 77, 109, 0.04) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at center, black 52%, transparent 92%);
}

.larus-landing .eyebrow,
.larus-landing .summary-label,
.larus-landing .mode-label,
.larus-landing .proof-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(34, 77, 109, 0.12);
  background: rgba(237, 248, 252, 0.82);
  color: var(--primary);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.larus-landing .eyebrow::before,
.larus-landing .summary-label::before,
.larus-landing .mode-label::before,
.larus-landing .proof-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), var(--primary));
}

.larus-landing h1,
.larus-landing h2,
.larus-landing h3 {
  margin: 0;
  color: var(--text);
  font-family: "Manrope", "Inter", sans-serif;
  letter-spacing: -0.03em;
}

.larus-landing h1 {
  max-width: 640px;
  margin-top: 1rem;
  font-size: clamp(2.6rem, 4.2vw, 2.4rem);
  line-height: 1.03;
}


.container-uo {
    padding: 20px;
}


.larus-landing h1 span {
  color: var(--primary);
}

.larus-landing .lead,
.larus-landing .section-copy p,
.larus-landing .section-text,
.larus-landing .quote-card p,
.larus-landing .feature-card p,
.larus-landing .benefit-card p,
.larus-landing .course-card p,
.larus-landing .practice-card p,
.larus-landing .journey-step p,
.larus-landing .mode-card p,
.larus-landing .timeline-item p,
.larus-landing .footer-copy,
.larus-landing .cta-shell p,
.larus-landing .hero-proof-item p {
  color: var(--muted);
  line-height: 1.72;
}

.larus-landing .hero-copy-panel {
  position: relative;
  justify-content: center;
}

.larus-landing .hero-copy-panel > * {
  position: relative;
  z-index: 1;
}

.larus-landing .lead {
  max-width: 620px;
  margin-top: 1rem;
  font-size: 1rem;
}

.larus-landing .hero-accreditation span,
.larus-landing .pill-row span,
.larus-landing .mode-tags span {
  display: inline-flex;
  align-items: center;
  padding: 0.55rem 0.8rem;
  border: 1px solid rgba(34, 77, 109, 0.1);
  border-radius: 999px;
  background: rgba(242, 248, 252, 0.86);
  color: var(--primary);
  font-size: 0.7rem;
  font-weight: 700;
}

.larus-landing .hero-actions {
  margin-top: 1.5rem;
}

.larus-landing .button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.7rem 1.25rem;
  border-radius: 1rem;
  border: 1px solid transparent;
  font-size: 0.95rem;
  font-weight: 700;
  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.larus-landing .button:hover {
  transform: translateY(-2px);
}

.larus-landing .button-primary {
  background: linear-gradient(135deg, #2c5e84, var(--primary));
  color: #fff;
  box-shadow: 0 16px 28px -18px rgba(34, 77, 109, 0.7);
}

.larus-landing .button-primary:hover,
.larus-landing .button-primary:focus-visible {
  color: #fff;
  background: var(--primary-strong);
}

.larus-landing .button-secondary,
.larus-landing .button-tertiary {
  border-color: rgba(34, 77, 109, 0.15);
  background: rgba(242, 248, 252, 0.88);
  color: var(--primary);
}

.larus-landing .button-secondary:hover,
.larus-landing .button-tertiary:hover {
  background: var(--brand-soft);
  color: var(--primary);
}

.larus-landing .teacher-wall-panel {
  padding: 1.25rem;
}

.larus-landing .teacher-wall-title {
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  line-height: 1.15;
}

.larus-landing .teacher-wall-link {
  color: var(--primary);
  font-size: 0.92rem;
  font-weight: 700;
  transition: color 0.25s ease, transform 0.25s ease;
}

.larus-landing .teacher-wall-link:hover {
  color: var(--primary-strong);
  transform: translateX(2px);
}

.larus-landing .teacher-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.larus-landing .teacher-card {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1;
  border-radius: 1.4rem;
  background:
    radial-gradient(circle at top, rgba(85, 188, 212, 0.18), transparent 40%),
    linear-gradient(180deg, rgba(216, 229, 238, 0.96), rgba(198, 214, 226, 0.96));
  box-shadow: 0 22px 36px -30px rgba(23, 50, 71, 0.24);
  isolation: isolate;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.larus-landing .teacher-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 42px -30px rgba(23, 50, 71, 0.28);
}

.larus-landing .teacher-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: inherit;
  pointer-events: none;
}

.larus-landing .teacher-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(19, 42, 58, 0.02) 0%,
    rgba(19, 42, 58, 0.08) 42%,
    rgba(19, 42, 58, 0.68) 100%
  );
}

.larus-landing .teacher-card-media {
  position: absolute;
  inset: 0;
}

.larus-landing .teacher-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
  border-radius: 0 !important;
  opacity: 0;
  transform: scale(1.06);
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.larus-landing .teacher-card[data-teacher-id="tetiana-murashchenko"] .teacher-image {
  object-position: center 12%;
}

.larus-landing .teacher-card[data-teacher-id="anna-prokopenko"] .teacher-image {
  object-position: center 16%;
}

.larus-landing .teacher-card[data-teacher-id="olena-pluzhnyk"] .teacher-image {
  object-position: center 18%;
}

.larus-landing .teacher-card[data-teacher-id="svitlana-pravdina"] .teacher-image {
  object-position: center 15%;
}

.larus-landing .teacher-card[data-teacher-id="yuliia-bukina"] .teacher-image {
  object-position: center 18%;
}

.larus-landing .teacher-card[data-teacher-id="viktoriia-samusenko"] .teacher-image {
  object-position: center 14%;
}

.larus-landing .teacher-card[data-teacher-id="inna-frolova"] .teacher-image {
  object-position: center 16%;
}

.larus-landing .teacher-card[data-teacher-id="iryna-usenko"] .teacher-image {
  object-position: center 16%;
}

.larus-landing .teacher-card[data-teacher-id="olena-nezhynska"] .teacher-image {
  object-position: center 28%;
}

.larus-landing .teacher-image.is-visible {
  opacity: 1;
  transform: scale(1);
}

.larus-landing .teacher-card-caption {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 4;
  color: #fff;
}

.larus-landing .teacher-card-caption strong {
  display: block;
  font-family: "Manrope", "Inter", sans-serif;
  font-size: 1rem;
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.32);
}

.larus-landing .hero-proof-item {
  height: 100%;
  padding: 1.5rem;
}

.larus-landing .hero-proof-item .proof-kicker {
  padding-inline: 0;
  border: 0;
  background: transparent;
}

.larus-landing .hero-proof-item .proof-kicker::before {
  display: none;
}

.larus-landing .proof-value {
  display: block;
  margin-top: 0.9rem;
  color: var(--text);
  font-family: "Manrope", "Inter", sans-serif;
  font-size: clamp(2rem, 3vw, 2.7rem);
  font-weight: 800;
  line-height: 1;
}

.larus-landing .section-heading {
  margin-bottom: 1.25rem;
}

.larus-landing .section-heading h2,
.larus-landing .section-copy h2,
.larus-landing .cta-shell h2 {
  max-width: 780px;
  margin-top: 0.5rem;
  font-size: clamp(2rem, 3.3vw, 3rem);
  line-height: 1.14;
}

.larus-landing .section-copy p {
  max-width: 760px;
  margin-top: 1rem;
}

.larus-landing .pill-row {
  margin-top: 1.25rem;
}

.larus-landing .quote-card {
  margin-top: 1.5rem;
  padding: 1.4rem 1.5rem;
  border: 1px solid rgba(34, 77, 109, 0.12);
  border-radius: var(--radius-lg);
  background: rgba(248, 252, 254, 0.84);
}

.larus-landing .quote-card p {
  margin: 0 0 0.8rem;
}

.larus-landing .quote-card footer {
  color: var(--primary);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.larus-landing .feature-card,
.larus-landing .benefit-card,
.larus-landing .course-card,
.larus-landing .practice-card,
.larus-landing .learning-summary,
.larus-landing .journey-step,
.larus-landing .mode-card,
.larus-landing .timeline-item {
  border: 1px solid rgba(34, 77, 109, 0.12);
  border-radius: var(--radius-lg);
  background: rgba(252, 254, 255, 0.9);
  box-shadow: 0 18px 36px -34px rgba(23, 50, 71, 0.18);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.larus-landing .feature-card,
.larus-landing .benefit-card,
.larus-landing .course-card,
.larus-landing .learning-summary,
.larus-landing .mode-card,
.larus-landing .timeline-item {
  padding: 1.4rem;
}

.larus-landing .practice-card {
  padding: 1.5rem;
}

.larus-landing .feature-card:hover,
.larus-landing .benefit-card:hover,
.larus-landing .course-card:hover,
.larus-landing .practice-card:hover,
.larus-landing .journey-step:hover,
.larus-landing .mode-card:hover,
.larus-landing .timeline-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 42px -34px rgba(23, 50, 71, 0.24);
}

.larus-landing .feature-card h3,
.larus-landing .benefit-card h3,
.larus-landing .course-card h3,
.larus-landing .practice-card h3,
.larus-landing .journey-step h3,
.larus-landing .mode-card h3,
.larus-landing .timeline-item strong,
.larus-landing .certificate-paper h3 {
  font-size: 1.14rem;
  line-height: 1.3;
}

.larus-landing .feature-card p,
.larus-landing .benefit-card p,
.larus-landing .course-card p,
.larus-landing .practice-card p,
.larus-landing .journey-step p,
.larus-landing .mode-card p,
.larus-landing .timeline-item p {
  margin: 0.65rem 0 0;
}

.larus-landing .summary-list {
  display: grid;
  gap: 0.85rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.larus-landing .summary-list li {
  position: relative;
  padding-left: 1.25rem;
  color: var(--muted);
  line-height: 1.7;
}

.larus-landing .summary-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68rem;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), var(--primary));
}

.larus-landing .journey-step {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 1rem;
  padding: 1.4rem;
}

.larus-landing .journey-step > span,
.larus-landing .practice-card > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 1rem;
  background: var(--brand-soft);
  color: var(--primary);
  font-size: 0.86rem;
  font-weight: 800;
}

.larus-landing .mode-card-primary {
  background:
    linear-gradient(180deg, rgba(237, 248, 252, 0.94), rgba(252, 254, 255, 0.92)),
    rgba(252, 254, 255, 0.92);
  border-color: rgba(85, 188, 212, 0.18);
}

.larus-landing .mode-card h3 {
  margin-top: 0.9rem;
}

.larus-landing .mode-tags,
.larus-landing .pill-row {
  display: flex;
  flex-wrap: wrap;
}

.larus-landing .mode-tags {
  margin-top: 1rem;
}

.larus-landing .course-card {
  position: relative;
  padding-right: 3.1rem;
}

.larus-landing .course-card::after {
  content: "→";
  position: absolute;
  right: 1.5rem;
  bottom: 1.25rem;
  color: var(--primary);
  font-size: 1.2rem;
}

.larus-landing .section-action {
  margin-top: 1.5rem;
}

.larus-landing .timeline-item strong {
  display: block;
  color: var(--primary);
}

.larus-landing .certificate-card {
  margin-top: 1.5rem;
  padding: 0.9rem;
  border: 1px solid rgba(34, 77, 109, 0.12);
  border-radius: var(--radius-xl);
  background: rgba(242, 248, 252, 0.84);
}

.larus-landing .certificate-paper {
  position: relative;
  min-height: 300px;
  padding: 1.75rem;
  border: 1px solid rgba(34, 77, 109, 0.1);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 252, 0.98)),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 28px,
      rgba(34, 77, 109, 0.03) 29px
    );
}

.larus-landing .certificate-paper > span {
  color: var(--primary);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.larus-landing .certificate-paper h3 {
  margin-top: 2.75rem;
  font-size: clamp(1.7rem, 2.5vw, 2.3rem);
}

.larus-landing .certificate-paper p {
  max-width: 320px;
  margin-top: 0.75rem;
  color: var(--muted);
  line-height: 1.7;
}

.larus-landing .certificate-seal {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: linear-gradient(145deg, #55bcd4, #224d6d);
  color: #fff;
  font-family: "Manrope", "Inter", sans-serif;
  font-size: 1.4rem;
  font-weight: 800;
}

.larus-landing .cta-shell {
  padding: 2.5rem;
  background:
    radial-gradient(circle at top left, rgba(85, 188, 212, 0.14), transparent 28%),
    radial-gradient(circle at bottom right, rgba(34, 77, 109, 0.08), transparent 26%),
    var(--surface);
}

.larus-landing .cta-shell p {
  max-width: 720px;
  margin: 1rem auto 1.5rem;
}

.larus-landing .site-footer {
  padding-top: 0.5rem;
}

.larus-landing .footer-shell {
  padding: 1.5rem 1.75rem;
  border-radius: var(--radius-xl);
}

.larus-landing .footer-copy {
  max-width: 420px;
}

.larus-landing .footer-links a {
  color: var(--muted);
  font-size: 0.95rem;
  font-weight: 600;
}

.larus-landing .footer-links a:hover {
  color: var(--primary);
}

.larus-landing .reveal {
  opacity: 1;
  transform: translateY(0);
}

.larus-landing.is-enhanced .reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.larus-landing.is-enhanced .reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .larus-landing *,
  .larus-landing *::before,
  .larus-landing *::after {
    animation: none !important;
    transition: none !important;
  }

  .larus-landing .reveal,
  .larus-landing.is-enhanced .reveal {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 991.98px) {
  .larus-landing .section {
    padding: 1.5rem 0;
  }

  .larus-landing .nav-shell {
    border-radius: 1.5rem;
  }

  .larus-landing .shell,
  .larus-landing .cta-shell {
    padding: 1.5rem;
  }

  .larus-landing .journey-step {
    grid-template-columns: 1fr;
  }

  .larus-landing .teacher-wall-head {
    align-items: flex-start !important;
  }
}

@media (min-width: 768px) {
  .larus-landing .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .larus-landing .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }

  .larus-landing .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .larus-landing .col-lg-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }

  .larus-landing .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .larus-landing .col-lg-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }

  .larus-landing .flex-lg-row {
    flex-direction: row !important;
  }

  .larus-landing .align-items-lg-center {
    align-items: center !important;
  }
}

@media (min-width: 1200px) {
  .larus-landing .col-xl-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }

  .larus-landing .col-xl-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }

  .larus-landing .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }

  .larus-landing .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .larus-landing .d-xl-flex {
    display: flex !important;
  }
}

@media (max-width: 767.98px) {
  .larus-landing .site-header .container-xxl {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .larus-landing .nav-shell {
    padding: 0.9rem 1rem;
  }

  .larus-landing .brand-mark {
    width: 50px;
    height: 50px;
  }

  .larus-landing .section {
    padding: 1.25rem 0;
  }

  .larus-landing .shell,
  .larus-landing .cta-shell {
    padding: 1.25rem;
    border-radius: 1.6rem;
  }

  .larus-landing .teacher-wall-panel {
    padding: 1rem;
  }

  .larus-landing .teacher-grid {
    gap: 0.75rem;
  }

  .larus-landing .teacher-card {
    border-radius: 1.1rem;
  }

  .larus-landing .teacher-card-caption {
    left: 0.85rem;
    right: 0.85rem;
    bottom: 0.85rem;
  }

  .larus-landing .button {
    width: 100%;
  }

  .larus-landing .hero-actions {
    flex-direction: column;
  }

  .larus-landing .certificate-seal {
    width: 76px;
    height: 76px;
    font-size: 1.15rem;
  }

  .larus-landing .footer-shell {
    padding: 1.25rem;
  }
}


.block_h1 h2 {
    font-size: 40px;
    color: #224d6c;
    text-transform: uppercase;
    margin-bottom: 5px;
 }
 
 .block_h1 {
     text-align: center;
 }
 
 
.block_h1 .lead {
    display: inline-flex;
    align-items: center;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(34, 77, 109, 0.1);
    border-radius: 999px;
    background: rgba(242, 248, 252, 0.86);
    color: var(--primary);
    font-size: 0.84rem;
    font-weight: 700;
 }


.buttonLarus {
	position: relative !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    min-height: 50px !important;
    margin-top: auto !important;
    padding: 14px 22px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #224d6c 0%, #2f668d 100%) !important;
    box-shadow: 0 8px 18px rgba(34, 77, 108, 0.18) !important;
    color: #ffffff !important;
    font-size: 0.94rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background 0.22s ease, color 0.22s ease !important;
}





.larus-demo-page {
  margin: 0;
  background:
    radial-gradient(circle at 12% 10%, rgba(85, 188, 212, 0.09), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(34, 77, 109, 0.06), transparent 24%),
    #f4f8fb;
}

.larus-page-blocks {
  padding: 1.5rem 0;
}

.larus-story-block,
.larus-certificate-block {
  --larus-bg: #f4f8fb;
  --larus-surface: rgba(255, 255, 255, 0.98);
  --larus-surface-soft: rgba(247, 251, 253, 0.96);
  --larus-line: rgba(34, 77, 109, 0.1);
  --larus-text: #183247;
  --larus-muted: #667b8c;
  --larus-primary: #224d6d;
  --larus-accent: #55bcd4;
  --larus-shadow: 0 28px 56px -40px rgba(23, 50, 71, 0.16);
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--larus-text) !important;
  font-family: "Inter", system-ui, sans-serif !important;
  text-align: left !important;
}

.larus-story-block,
.larus-story-block *,
.larus-story-block *::before,
.larus-story-block *::after,
.larus-certificate-block,
.larus-certificate-block *,
.larus-certificate-block *::before,
.larus-certificate-block *::after {
  box-sizing: border-box !important;
}

.larus-story-block :where(h2, p, span, div, section),
.larus-certificate-block :where(h2, p, span, div, section, img) {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
}

.larus-block-container_test {
  width: min(1220px, calc(100% - 1.5rem)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

.larus-block-shell {
  position: relative !important;
  overflow: hidden !important;
  padding: 2.5rem !important;
  border: 1px solid var(--larus-line) !important;
  border-radius: 2rem !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 252, 254, 0.96)),
    var(--larus-surface) !important;
  box-shadow: var(--larus-shadow) !important;
}

.larus-block-shell-story {
  background:
    radial-gradient(circle at top right, rgba(85, 188, 212, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 252, 254, 0.96)),
    var(--larus-surface) !important;
}

.larus-block-shell-certificate {
  margin-top: 1.5rem;
  background:
    radial-gradient(circle at left top, rgba(85, 188, 212, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 252, 254, 0.96)),
    var(--larus-surface) !important;
}

.larus-block-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(to right, rgba(85, 188, 212, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(34, 77, 109, 0.03) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(circle at center, black 60%, transparent 100%);
}

.larus-story-grid,
.larus-certificate-grid {
  position: relative;
  z-index: 1;
  display: grid !important;
  gap: 1.5rem !important;
  align-items: start !important;
}

.larus-story-grid {
  grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.18fr) !important;
}

.larus-certificate-grid {
  grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.18fr) !important;
}

.larus-block-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.95rem !important;
}

.larus-block-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-height: 2.7rem !important;
  padding: 0.55rem 0.95rem !important;
  border: 1px solid rgba(34, 77, 109, 0.1) !important;
  border-radius: 999px !important;
  background: rgba(237, 248, 252, 0.9) !important;
  color: var(--larus-primary) !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.larus-block-label::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--larus-accent), var(--larus-primary));
}

.larus-block-title {
  color: var(--larus-text) !important;
  font-family: "Manrope", "Inter", system-ui, sans-serif !important;
  font-size: clamp(2.6rem, 4.2vw, 2.4rem)!important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
}

.larus-story-copy {
  display: grid !important;
  gap: 0.9rem !important;
  padding: 1.85rem !important;
  border: 1px solid var(--larus-line) !important;
  border-radius: 1.7rem !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 253, 0.94)),
    var(--larus-surface-soft) !important;
}

.larus-story-copy p,
.larus-certificate-text {
  color: var(--larus-text) !important;
  font-size: 1.06rem !important;
  font-weight: 500 !important;
  line-height: 1.72 !important;
}

.larus-certificate-head {
  justify-content: center !important;
}

.larus-certificate-text {
  max-width: 420px !important;
}

.larus-certificate-media {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--larus-line) !important;
  border-radius: 1.75rem !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 253, 0.94)),
    var(--larus-surface-soft) !important;
  box-shadow: 0 20px 42px -34px rgba(23, 50, 71, 0.14) !important;
}

.larus-certificate-image {
    display: inline-block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 48% !important;
}

@media (prefers-reduced-motion: reduce) {
  .larus-story-block *,
  .larus-story-block *::before,
  .larus-story-block *::after,
  .larus-certificate-block *,
  .larus-certificate-block *::before,
  .larus-certificate-block *::after {
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 991.98px) {
  .larus-story-grid,
  .larus-certificate-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 767.98px) {
  .larus-page-blocks {
    padding: 0.75rem 0;
  }

  .larus-block-container {
    width: min(100%, calc(100% - 1rem)) !important;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .larus-block-shell {
    padding: 1.35rem !important;
    border-radius: 1.45rem !important;
  }

  .larus-block-shell-certificate {
    margin-top: 1rem !important;
  }

  .larus-block-title {
    font-size: clamp(1.8rem, 9vw, 2.45rem) !important;
  }

  .larus-story-copy {
    padding: 1.25rem !important;
    border-radius: 1.3rem !important;
  }

  .larus-certificate-media {
    border-radius: 1.35rem !important;
  }

  .larus-story-copy p,
  .larus-certificate-text {
    font-size: 0.98rem !important;
  }
}








.larus-faq-embed {
  --larus-faq-bg: #fcfdfe;
  --larus-faq-surface: rgba(255, 255, 255, 0.99);
  --larus-faq-surface-soft: rgba(247, 251, 253, 0.98);
  --larus-faq-surface-open: rgba(240, 248, 252, 0.98);
  --larus-faq-line: rgba(34, 77, 109, 0.1);
  --larus-faq-line-strong: rgba(34, 77, 109, 0.18);
  --larus-faq-text: #183247;
  --larus-faq-muted: #667b8c;
  --larus-faq-primary: #224d6d;
  --larus-faq-accent: #55bcd4;
  --larus-faq-shadow: 0 28px 56px -40px rgba(23, 50, 71, 0.16);
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0.5rem 0 1.5rem !important;
  color: var(--larus-faq-text) !important;
  font-family: "Inter", system-ui, sans-serif !important;
  line-height: 1.5 !important;
  text-align: left !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(85, 188, 212, 0.08), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(34, 77, 109, 0.05), transparent 24%),
    var(--larus-faq-bg) !important;
}

.larus-faq-embed,
.larus-faq-embed *,
.larus-faq-embed *::before,
.larus-faq-embed *::after {
  box-sizing: border-box !important;
}

.larus-faq-embed :where(section, article, button, div, p, h2, span) {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
}

.larus-faq-embed button {
  appearance: none !important;
  background: transparent !important;
  cursor: pointer !important;
}

.larus-faq-embed [hidden] {
  display: none !important;
}

.larus-faq-embed .larus-faq__inner {
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

.larus-faq-embed .larus-faq__shell {
  position: relative !important;
  overflow: hidden !important;
  padding: 1.6rem !important;
  border-radius: 2rem !important;
}

.larus-faq-embed .larus-faq__shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(to right, rgba(85, 188, 212, 0.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(34, 77, 109, 0.03) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at center, black 58%, transparent 100%);
}

.larus-faq-embed .larus-faq__layout {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 1rem !important;
  align-items: start !important;
}

.larus-faq-embed .larus-faq__intro {
  max-width: 820px !important;
  padding: 0 0 0.2rem !important;
}

.larus-faq-embed .larus-faq__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-height: 2.55rem !important;
  padding: 0.5rem 0.9rem !important;
  border: 1px solid rgba(34, 77, 109, 0.1) !important;
  border-radius: 999px !important;
  background: rgba(237, 248, 252, 0.92) !important;
  color: var(--larus-faq-primary) !important;
  font-size: 0.73rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.larus-faq-embed .larus-faq__badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--larus-faq-accent), var(--larus-faq-primary));
}

.larus-faq-embed .larus-faq__title {
  margin-top: 0.9rem !important;
  color: var(--larus-faq-text) !important;
  font-family: "Manrope", "Inter", system-ui, sans-serif !important;
  font-size: clamp(2.6rem, 4.2vw, 2.4rem) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
}

.larus-faq-embed .larus-faq__subtitle {
  margin-top: 0.9rem !important;
  color: var(--larus-faq-muted) !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

.larus-faq-embed .larus-faq__list {
  display: grid !important;
  gap: 0.9rem !important;
  counter-reset: larus-faq-counter;
}

.larus-faq-embed .larus-faq__item {
  counter-increment: larus-faq-counter;
}

.larus-faq-embed .larus-faq__item-inner {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--larus-faq-line) !important;
  border-radius: 1.55rem !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 253, 0.96)),
    var(--larus-faq-surface-soft) !important;
  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease,
    transform 0.22s ease !important;
}

.larus-faq-embed .larus-faq__item:hover .larus-faq__item-inner {
  transform: translateY(-1px);
  box-shadow: 0 20px 40px -34px rgba(23, 50, 71, 0.16) !important;
}

.larus-faq-embed .larus-faq__item.is-open .larus-faq__item-inner {
  border-color: var(--larus-faq-line-strong) !important;
  background:
    linear-gradient(180deg, rgba(245, 251, 254, 0.98), rgba(238, 248, 252, 0.98)),
    var(--larus-faq-surface-open) !important;
  box-shadow: 0 22px 44px -34px rgba(23, 50, 71, 0.18) !important;
}

.larus-faq-embed .larus-faq__trigger {
  display: grid !important;
  grid-template-columns: 3.2rem minmax(0, 1fr) 2.6rem !important;
  align-items: center !important;
  width: 100% !important;
  gap: 1rem !important;
  padding: 1.2rem 1.25rem !important;
  text-align: left !important;
}

.larus-faq-embed .larus-faq__trigger::before {
  content: counter(larus-faq-counter, decimal-leading-zero);
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3.2rem !important;
  height: 3.2rem !important;
  border-radius: 1rem !important;
  background: rgba(237, 248, 252, 0.96) !important;
  color: var(--larus-faq-primary) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

.larus-faq-embed .larus-faq__item.is-open .larus-faq__trigger::before {
  background: rgba(34, 77, 109, 0.08) !important;
}

.larus-faq-embed .larus-faq__question {
  color: var(--larus-faq-text) !important;
  font-size: 1.03rem !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

.larus-faq-embed .larus-faq__icon {
  position: relative !important;
  width: 2.6rem !important;
  height: 2.6rem !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.74) !important;
  border: 1px solid rgba(34, 77, 109, 0.1) !important;
}

.larus-faq-embed .larus-faq__icon::before,
.larus-faq-embed .larus-faq__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  border-radius: 999px;
  background: var(--larus-faq-primary);
  transform: translate(-50%, -50%);
  transition: transform 0.24s ease, opacity 0.24s ease !important;
}

.larus-faq-embed .larus-faq__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.larus-faq-embed .larus-faq__item.is-open .larus-faq__icon::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
}

.larus-faq-embed .larus-faq__panel {
  display: grid !important;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.28s ease !important;
}

.larus-faq-embed .larus-faq__item.is-open .larus-faq__panel {
  grid-template-rows: 1fr !important;
}

.larus-faq-embed .larus-faq__answer {
  min-height: 0;
  overflow: hidden;
  padding: 0 1.25rem 0 calc(1.25rem + 3.2rem + 1rem);
  color: var(--larus-faq-muted) !important;
  font-size: 0.99rem !important;
  line-height: 1.74 !important;
}

.larus-faq-embed .larus-faq__item.is-open .larus-faq__answer {
  padding-bottom: 1.25rem !important;
}

@media (prefers-reduced-motion: reduce) {
  .larus-faq-embed *,
  .larus-faq-embed *::before,
  .larus-faq-embed *::after {
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 991.98px) {
  .larus-faq-embed .larus-faq__layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 767.98px) {
  .larus-faq-embed {
    padding: 0.25rem 0 1rem !important;
  }

  .larus-faq-embed .larus-faq__inner {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .larus-faq-embed .larus-faq__shell {
    padding: 1.2rem !important;
    border-radius: 1.45rem !important;
  }

  .larus-faq-embed .larus-faq__intro {
    padding: 0 !important;
  }

  .larus-faq-embed .larus-faq__title {
    font-size: clamp(1.8rem, 9vw, 2.35rem) !important;
  }

  .larus-faq-embed .larus-faq__item-inner {
    border-radius: 1.2rem !important;
  }

  .larus-faq-embed .larus-faq__trigger {
    grid-template-columns: minmax(0, 1fr) 2.4rem !important;
    gap: 0.75rem !important;
    padding: 1rem !important;
  }

  .larus-faq-embed .larus-faq__trigger::before {
    display: none !important;
  }

  .larus-faq-embed .larus-faq__question {
    font-size: 0.98rem !important;
  }

  .larus-faq-embed .larus-faq__icon {
    width: 2.4rem !important;
    height: 2.4rem !important;
  }

  .larus-faq-embed .larus-faq__answer {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    font-size: 0.95rem !important;
  }

  .larus-faq-embed .larus-faq__item.is-open .larus-faq__answer {
    padding-bottom: 1rem !important;
  }
}

.larus-faq__trigger:hover {
box-shadow: 0 0px 0px rgba(0, 0, 0, .6);
}







.larus-offers-embed {
  --larus-offers-bg: #eef5fb;
  --larus-offers-surface: rgba(255, 255, 255, 0.98);
  --larus-offers-surface-soft: #f1f6fc;
  --larus-offers-surface-tint: #ddf1f8;
  --larus-offers-line: rgba(38, 74, 104, 0.12);
  --larus-offers-line-strong: rgba(38, 74, 104, 0.16);
  --larus-offers-text: #1d3d58;
  --larus-offers-muted: #5f7b92;
  --larus-offers-primary: #476b8d;
  --larus-offers-primary-hover: #3d5f7f;
  --larus-offers-shadow:
    0 30px 60px -42px rgba(32, 61, 85, 0.24),
    0 18px 36px -28px rgba(90, 155, 207, 0.2);
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1.5rem 0 !important;
  color: var(--larus-offers-text) !important;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  line-height: 1.5 !important;
  text-align: left !important;
  // background:
    radial-gradient(circle at 14% 28%, rgba(94, 183, 219, 0.12), transparent 26%),
    radial-gradient(circle at 86% 20%, rgba(72, 118, 164, 0.08), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(108, 181, 228, 0.06), transparent 30%),
    var(--larus-offers-bg) !important;
}

.larus-offers-embed,
.larus-offers-embed *,
.larus-offers-embed *::before,
.larus-offers-embed *::after {
  box-sizing: border-box !important;
}

.larus-offers-embed :where(section, article, div, p, h2, a) {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  text-decoration: none;
  letter-spacing: normal;
  text-transform: none;
}

.larus-offers-embed .larus-offers__inner {
  width: min(1640px, calc(100% - 2.5rem)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.larus-offers-embed .larus-offers__shell {
  position: relative !important;
  overflow: hidden !important;
  padding: 2rem !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-radius: 2rem !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 252, 255, 0.96)) !important;
  box-shadow: var(--larus-offers-shadow) !important;
}

.larus-offers-embed .larus-offers__shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(55, 103, 144, 0.05);
}

.larus-offers-embed .larus-offers__grid {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(0, 1fr) !important;
  gap: 1.4rem !important;
  align-items: stretch !important;
}

.larus-offers-embed .larus-offers__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-height: 320px !important;
  padding: 2rem 2rem 1.9rem !important;
  border: 1px solid var(--larus-offers-line) !important;
  border-radius: 1.85rem !important;
  background: var(--larus-offers-surface) !important;
  box-shadow: 0 18px 36px -36px rgba(30, 59, 84, 0.18) !important;
}

.larus-offers-embed .larus-offers__card--promo {
  background: linear-gradient(180deg, rgba(221, 241, 248, 0.94), rgba(226, 244, 250, 0.92)) !important;
  border-color: rgba(85, 162, 196, 0.12) !important;
}

.larus-offers-embed .larus-offers__card--gift {
  background: linear-gradient(180deg, rgba(241, 246, 252, 0.98), rgba(236, 242, 249, 0.95)) !important;
  border-color: rgba(38, 74, 104, 0.08) !important;
}

.larus-offers-embed .larus-offers__card--consult {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: var(--larus-offers-line-strong) !important;
}

.larus-offers-embed .larus-offers__eyebrow {
  margin-bottom: 1rem !important;
  color: #2a7390 !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.larus-offers-embed .larus-offers__title {
  max-width: 14ch !important;
  color: var(--larus-offers-text) !important;
  font-family: "Manrope", "Inter", system-ui, sans-serif !important;
  font-size: clamp(2rem, 2.2vw, 2.65rem) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.05em !important;
}

.larus-offers-embed .larus-offers__card--promo .larus-offers__title {
  max-width: 12ch !important;
}

.larus-offers-embed .larus-offers__card--consult .larus-offers__title {
  max-width: 11ch !important;
}

.larus-offers-embed .larus-offers__text {
  max-width: 22ch !important;
  margin-top: 1rem !important;
  color: var(--larus-offers-muted) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.56 !important;
}

.larus-offers-embed .larus-offers__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 4.125rem !important;
  margin-top: auto !important;
  padding: 0.95rem 1.55rem !important;
  border-radius: 1rem !important;
  border: 1px solid transparent !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

.larus-offers-embed .larus-offers__button:hover,
.larus-offers-embed .larus-offers__button:focus-visible {
  transform: translateY(-1px) !important;
  outline: none !important;
}

.larus-offers-embed .larus-offers__button--primary {
  background: var(--larus-offers-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 32px -26px rgba(60, 94, 125, 0.55) !important;
}

.larus-offers-embed .larus-offers__button--primary:hover,
.larus-offers-embed .larus-offers__button--primary:focus-visible {
  background: var(--larus-offers-primary-hover) !important;
}

.larus-offers-embed .larus-offers__button--secondary {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(38, 74, 104, 0.14) !important;
  color: var(--larus-offers-primary) !important;
  box-shadow: 0 14px 28px -28px rgba(35, 69, 98, 0.24) !important;
}

.larus-offers-embed .larus-offers__button--secondary:hover,
.larus-offers-embed .larus-offers__button--secondary:focus-visible {
  border-color: rgba(38, 74, 104, 0.22) !important;
  background: rgba(247, 251, 255, 0.98) !important;
}

@media (max-width: 1180px) {
  .larus-offers-embed .larus-offers__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .larus-offers-embed .larus-offers__card--consult {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
  }

  .larus-offers-embed .larus-offers__card--consult .larus-offers__title,
  .larus-offers-embed .larus-offers__card--consult .larus-offers__text {
    max-width: none !important;
  }
}

@media (max-width: 860px) {
  .larus-offers-embed {
    padding: 1rem 0 !important;
  }

  .larus-offers-embed .larus-offers__inner {
    width: min(100%, calc(100% - 1rem)) !important;
  }

  .larus-offers-embed .larus-offers__shell {
    padding: 1rem !important;
    border-radius: 1.5rem !important;
  }

  .larus-offers-embed .larus-offers__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.9rem !important;
  }

  .larus-offers-embed .larus-offers__card,
  .larus-offers-embed .larus-offers__card--consult {
    min-height: 0 !important;
    padding: 1.35rem 1.25rem 1.25rem !important;
    border-radius: 1.35rem !important;
  }

  .larus-offers-embed .larus-offers__title {
    max-width: none !important;
    font-size: clamp(1.7rem, 7vw, 2.15rem) !important;
  }

  .larus-offers-embed .larus-offers__text {
    max-width: none !important;
    font-size: 0.98rem !important;
  }

  .larus-offers-embed .larus-offers__button {
    min-height: 3.6rem !important;
    width: 100% !important;
    margin-top: 1.35rem !important;
  }
}




#larus-faq {
    border-radius: 2rem !important;
}




.larus-offers-embed {
    border-radius: 2rem !important;
}

.larus-demo-page {
    border-radius: 2rem !important;
}













.larus-reviews-embed {
 // --larus-reviews-bg: #eef5fb;
  --larus-reviews-surface: rgba(255, 255, 255, 0.98);
  --larus-reviews-surface-soft: #f3f8fc;
  --larus-reviews-surface-tint: #e4f2f8;
  --larus-reviews-line: rgba(34, 76, 108, 0.12);
  --larus-reviews-line-strong: rgba(34, 76, 108, 0.18);
  --larus-reviews-text: #1d3c57;
  --larus-reviews-muted: #678198;
  --larus-reviews-accent: #56b9d0;
  --larus-reviews-primary: #3f6586;
  --larus-reviews-primary-hover: #355675;
  --larus-reviews-shadow:
    0 32px 68px -46px rgba(31, 60, 84, 0.26),
    0 18px 42px -30px rgba(88, 162, 203, 0.22);
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1.5rem 0 !important;
  color: var(--larus-reviews-text) !important;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  line-height: 1.5 !important;
  text-align: left !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(86, 185, 208, 0.12), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(63, 101, 134, 0.08), transparent 20%),
    radial-gradient(circle at 50% 100%, rgba(118, 175, 212, 0.08), transparent 34%),
    var(--larus-reviews-bg) !important;
}

.larus-reviews-embed,
.larus-reviews-embed *,
.larus-reviews-embed *::before,
.larus-reviews-embed *::after {
  box-sizing: border-box !important;
}

.larus-reviews-embed :where(section, article, div, p, h2, h3, a, span, strong, video) {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  text-decoration: none;
  letter-spacing: normal;
  text-transform: none;
  background: transparent;
}

.larus-reviews-embed .larus-reviews__inner {
  width: min(1480px, calc(100% - 2rem)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.larus-reviews-embed .larus-reviews__shell {
  position: relative !important;
  overflow: hidden !important;
  padding: 2rem !important;
  border: 1px solid rgba(255, 255, 255, 0.84) !important;
  border-radius: 2rem !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 252, 255, 0.97)) !important;
  box-shadow: var(--larus-reviews-shadow) !important;
}

.larus-reviews-embed .larus-reviews__shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(63, 101, 134, 0.05);
}

.larus-reviews-embed .larus-reviews__intro,
.larus-reviews-embed .larus-reviews__grid {
  position: relative;
  z-index: 1;
}

.larus-reviews-embed .larus-reviews__intro {
  display: grid !important;
  gap: 1.2rem !important;
  align-items: end !important;
  margin-bottom: 2rem !important;
}

.larus-reviews-embed .larus-reviews__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: fit-content !important;
  min-height: 2.5rem !important;
  padding: 0.5rem 0.95rem !important;
  border: 1px solid rgba(34, 76, 108, 0.1) !important;
  border-radius: 999px !important;
  background: rgba(235, 247, 251, 0.94) !important;
  color: var(--larus-reviews-primary) !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.larus-reviews-embed .larus-reviews__eyebrow::before {
  content: "";
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--larus-reviews-accent), var(--larus-reviews-primary));
}

.larus-reviews-embed .larus-reviews__title {
  color: var(--larus-reviews-text) !important;
  font-family: "Manrope", "Inter", system-ui, sans-serif !important;
  font-size: clamp(2.6rem, 4.2vw, 2.4rem);
  font-weight: 700 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.06em !important;
}

.larus-reviews-embed .larus-reviews__proof {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: stretch !important;
}

.larus-reviews-embed .larus-reviews__score,
.larus-reviews-embed .larus-reviews__google-meta {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 1.15rem 1.25rem !important;
  border: 1px solid var(--larus-reviews-line) !important;
  border-radius: 1.35rem !important;
}

.larus-reviews-embed .larus-reviews__score {
  min-width: 170px !important;
  background: linear-gradient(180deg, rgba(228, 242, 248, 0.98), rgba(235, 247, 251, 0.94)) !important;
}

.larus-reviews-embed .larus-reviews__score-value {
  color: var(--larus-reviews-text) !important;
  font-family: "Manrope", "Inter", system-ui, sans-serif !important;
  font-size: 2.35rem !important;
  font-weight: 700 !important;
  line-height: 0.95 !important;
  letter-spacing: -0.05em !important;
}

.larus-reviews-embed .larus-reviews__score-label {
  margin-top: 0.35rem !important;
  color: var(--larus-reviews-muted) !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
}

.larus-reviews-embed .larus-reviews__stars {
  margin-top: 0.5rem !important;
  color: #ffba39 !important;
  font-size: 1rem !important;
  letter-spacing: 0.18em !important;
}

.larus-reviews-embed .larus-reviews__google-meta {
  background: rgba(255, 255, 255, 0.84) !important;
}

.larus-reviews-embed .larus-reviews__google-meta strong {
  color: var(--larus-reviews-text) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.larus-reviews-embed .larus-reviews__google-meta span {
  margin-top: 0.45rem !important;
  color: var(--larus-reviews-muted) !important;
  font-size: 0.98rem !important;
  line-height: 1.55 !important;
}

.larus-reviews-embed .larus-reviews__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 4rem !important;
  padding: 0.95rem 1.45rem !important;
  border: 1px solid transparent !important;
  border-radius: 1rem !important;
  background: var(--larus-reviews-primary) !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: 0 18px 32px -26px rgba(63, 101, 134, 0.48) !important;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

.larus-reviews-embed .larus-reviews__button:hover,
.larus-reviews-embed .larus-reviews__button:focus-visible {
  background: var(--larus-reviews-primary-hover) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

.larus-reviews-embed .larus-reviews__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1.35rem !important;
}

.larus-reviews-embed .larus-reviews__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.larus-reviews-embed .larus-reviews__media {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 360px !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border: 10px solid rgba(255, 255, 255, 0.94) !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, rgba(228, 242, 248, 0.95), rgba(242, 247, 252, 0.95)) !important;
  box-shadow:
    0 26px 48px -34px rgba(31, 60, 84, 0.32),
    inset 0 0 0 1px rgba(34, 76, 108, 0.08) !important;
  transition:
    transform 0.24s ease,
    box-shadow 0.24s ease !important;
}

.larus-reviews-embed .larus-reviews__media:hover,
.larus-reviews-embed .larus-reviews__media:focus-visible {
  transform: translateY(-3px) scale(1.01) !important;
  box-shadow:
    0 30px 54px -32px rgba(31, 60, 84, 0.36),
    inset 0 0 0 1px rgba(34, 76, 108, 0.1) !important;
  outline: none !important;
}

.larus-reviews-embed .larus-reviews__play-badge {
  position: absolute !important;
  top: 1.1rem !important;
  right: 1.1rem !important;
  z-index: 2 !important;
  width: 3.25rem !important;
  height: 3.25rem !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 12px 24px -18px rgba(28, 56, 80, 0.38) !important;
}

.larus-reviews-embed .larus-reviews__play-badge::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 0.52rem solid transparent;
  border-bottom: 0.52rem solid transparent;
  border-left: 0.82rem solid var(--larus-reviews-primary);
  transform: translate(-38%, -50%);
}

.larus-reviews-embed .larus-reviews__video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 50% !important;
  background: #d8e8f2 !important;
}

.larus-reviews-embed .larus-reviews__meta {
  margin-top: 1rem !important;
}

.larus-reviews-embed .larus-reviews__name {
  color: var(--larus-reviews-text) !important;
  font-family: "Manrope", "Inter", system-ui, sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.larus-reviews-embed .larus-reviews__course {
  margin-top: 0.35rem !important;
  color: var(--larus-reviews-muted) !important;
  font-size: 0.98rem !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

@media (max-width: 1160px) {
  .larus-reviews-embed .larus-reviews__proof {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .larus-reviews-embed .larus-reviews__button {
    grid-column: 1 / -1 !important;
    width: fit-content !important;
  }

  .larus-reviews-embed .larus-reviews__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .larus-reviews-embed .larus-reviews__card:last-child {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 780px) {
  .larus-reviews-embed {
    padding: 1rem 0 !important;
  }

  .larus-reviews-embed .larus-reviews__inner {
    width: min(100%, calc(100% - 1rem)) !important;
  }

  .larus-reviews-embed .larus-reviews__shell {
    padding: 1rem !important;
    border-radius: 1.5rem !important;
  }

  .larus-reviews-embed .larus-reviews__intro {
    margin-bottom: 1.35rem !important;
    gap: 0.95rem !important;
  }

  .larus-reviews-embed .larus-reviews__title {
    max-width: none !important;
    font-size: clamp(2rem, 9vw, 2.8rem) !important;
  }

  .larus-reviews-embed .larus-reviews__proof {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .larus-reviews-embed .larus-reviews__score,
  .larus-reviews-embed .larus-reviews__google-meta {
    padding: 1rem !important;
    border-radius: 1.15rem !important;
  }

  .larus-reviews-embed .larus-reviews__button {
    width: 100% !important;
    min-height: 3.6rem !important;
  }

  .larus-reviews-embed .larus-reviews__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.2rem !important;
  }

  .larus-reviews-embed .larus-reviews__card:last-child {
    grid-column: auto !important;
  }

  .larus-reviews-embed .larus-reviews__media {
    max-width: 300px !important;
    border-width: 8px !important;
  }

  .larus-reviews-embed .larus-reviews__play-badge {
    width: 2.8rem !important;
    height: 2.8rem !important;
    top: 0.8rem !important;
    right: 0.8rem !important;
  }

  .larus-reviews-embed .larus-reviews__name {
    font-size: 1.08rem !important;
  }
}



.larus-reviews-embed {
    border-radius: 2rem !important;
}



.block_text_down {
    margin-top: 1.5rem;
    padding: 20px;
    font-style: italic;
    background: #fff9f900;
    border-radius: 8px;
    text-align: left;
    margin-bottom: 0;
}

 
.block_text_down span {
    display: block;
    text-align: right;
    color: #235071;
    font-size: 1rem;
}

.larus-offers-embed {
    margin-top: 50px !important;
}

.larus-page-blocks {
    margin-top: 50px !important;
    padding-bottom: 0;
    padding-top: 0;
}

.larus-faq-embed {
    margin-top: 50px !important;
}

.larus-certificate-block {
    margin-top: 50px !important;
}




.larus-demo-page {
    margin: 0;
    background: #33333300!important;
}







#larus-choice-contact-0230764 .lcc0230764-copy {
    background: #fdfeff!important;
}