/* ========================================
   FONTS
   ======================================== */

/* SF Pro Display - Mobile Titles */
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display'), local('-apple-system'), local('BlinkMacSystemFont'),
       url('../fonts/SFProDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* SF Pro Text - Mobile Body */
@font-face {
  font-family: 'SF Pro Text';
  src: local('SF Pro Text'), local('-apple-system'), local('BlinkMacSystemFont'),
       url('../fonts/SFProText-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Text';
  src: local('SF Pro Text'), local('-apple-system'), local('BlinkMacSystemFont'),
       url('../fonts/SFProText-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* TinkoffSans - Desktop */
@font-face {
  font-family: 'TinkoffSans';
  src: url('../fonts/TinkoffSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TinkoffSans';
  src: url('../fonts/TinkoffSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TinkoffSans';
  src: url('../fonts/TinkoffSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Neue Haas Unica - Buttons and Body */
@font-face {
  font-family: 'NeueHaasUnica';
  src: url('../fonts/NeueHaasUnica-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ========================================
   RESET & BASE STYLES
   ======================================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'TinkoffSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  background-color: #fff;
  color: #333333;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

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

svg {
  display: block;
}

button {
  border: none;
  cursor: pointer;
  font-family: inherit;
}

/* ========================================
   MOBILE VIEW (320px - 843px)
   ======================================== */

.mobile-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 24px 0;
  width: 100%;
}

.desktop-view {
  display: none;
}

/* Mobile Logo */
.mobile-logo {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.mobile-logo svg {
  width: 100%;
  height: 100%;
}

/* Mobile Hero */
.mobile-hero {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

.mobile-hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 0 16px;
  width: 100%;
}

.mobile-hero-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  width: 100%;
}

.mobile-hero-text h1 {
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.36px;
  color: #333333;
}

.mobile-hero-text p {
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: normal;
  letter-spacing: -0.24px;
  color: #333333;
}

.mobile-hero-image {
  height: 348px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.mobile-hero-image img {
  position: absolute;
  /*left: -64.42px;*/
	left: 50%;
  top: 0;
  width: 505px;
  height: 348px;
  object-fit: cover;
  object-position: 50% 50%;
  pointer-events: none;
  max-width: none;
	transform: translateX(-50%);
}

/* Mobile Button */
.mobile-button {
  background-color: #ffdd2d;
  border-radius: 8px;
  min-height: 44px;
  padding: 13px 16px 11px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  /*width: 100%;*/
  flex-shrink: 0;
}

.mobile-button,
.mobile-button * {
  font-family: 'NeueHaasUnica', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  white-space: pre;
}

/* Mobile Features */
.mobile-features {
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding: 0 16px;
  width: 100%;
}

.mobile-feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.mobile-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  position: relative;
}

.mobile-icon svg {
  width: 100%;
  height: 100%;
}

.mobile-icon-transfer {
  background-color: black;
  -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhMNiAxNEw4LjQgMTYuNEwxMS4yIDE0VjI0SDE2VjE0TDE4LjggMTYuNEwyMSAxNEwxNSA4SDE1LjJMMTIgOFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yMCAxOEgyNFYyNEgyMFYxOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=');
  mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhMNiAxNEw4LjQgMTYuNEwxMS4yIDE0VjI0SDE2VjE0TDE4LjggMTYuNEwyMSAxNEwxNSA4SDE1LjJMMTIgOFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yMCAxOEgyNFYyNEgyMFYxOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 0px 1.909px;
  mask-position: 0px 1.909px;
  -webkit-mask-size: 30.092px 30.091px;
  mask-size: 30.092px 30.091px;
}

.mobile-feature h3 {
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: normal;
  letter-spacing: -0.41px;
  color: #333333;
  width: 100%;
}

.mobile-feature p {
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: normal;
  letter-spacing: -0.24px;
  color: #333333;
  width: 100%;
}

/* Mobile Steps */
.mobile-steps {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 60px 16px 0;
  text-align: center;
  width: 100%;
}

.mobile-steps h1 {
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.36px;
  color: #333333;
}

.mobile-steps p {
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: normal;
  letter-spacing: -0.24px;
  color: #333333;
}

/* Form Placeholder */
.mobile-form-placeholder {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-form-placeholder p {
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: normal;
  letter-spacing: -0.24px;
  color: rgba(0, 16, 36, 0.22);
  text-align: center;
}

/* Section Background */
.mobile-section-bg {
  padding: 0 16px;
  width: 100%;
}

.mobile-section-bg img {
  width: 100%;
  height: 300px;
  border-radius: 32px;
  object-fit: cover;
  overflow: hidden;
}

/* Mobile Section */
.mobile-section {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  width: 100%;
}

.mobile-section h1 {
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: normal;
  letter-spacing: 0.36px;
  color: #333333;
  text-align: center;
  padding: 0 16px;
  width: 100%;
}

.mobile-section .section-desc {
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: normal;
  letter-spacing: -0.24px;
  color: #333333;
  text-align: center;
  padding: 0 16px;
  width: 100%;
  margin-top: -24px;
}

/* Mobile Badge */
.mobile-badge {
  background-color: #333333;
  border-radius: 100px;
  min-height: 24px;
  min-width: 24px;
  padding: 1px 4px 0 4px;
  display: flex;
  align-items: center;
  gap: 0;
  margin-top: 60px;
}

.mobile-badge .badge-icon {
  width: 16px;
  height: 16px;
  background-color: white;
  flex-shrink: 0;
  margin: 4px 0;
  -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMkM0LjY5IDIgMiA0LjY5IDIgOEMyIDExLjMxIDQuNjkgMTQgOCAxNEMxMS4zMSAxNCAxNCA xMS4zMSAxNCA4QzE0IDQuNjkgMTEuMzEgMiA4IDJaTTcgMTBMNCA3TDUuNCAxMC42TDcgMTBaTTEyIDdMOSAxMEw3LjYgOC42TDEyIDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
  mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMkM0LjY5IDIgMiA0LjY5IDIgOEMyIDExLjMxIDQuNjkgMTQgOCAxNEMxMS4zMSAxNCAxNCAxMS4zMSAxNCA4QzE0IDQuNjkgMTEuMzEgMiA4IDJaTTcgMTBMNCA3TDUuNCAxMC42TDcgMTBaTTEyIDdMOSAxMEw3LjYgOC42TDEyIDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
}

.mobile-badge span:last-child {
  font-family: 'NeueHaasUnica', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: white;
  text-align: center;
  padding: 3.5px 4px 4.5px;
  white-space: nowrap;
}

/* Mobile Benefits */
.mobile-benefits {
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding: 0 16px;
  width: 100%;
}

.mobile-benefit {
  display: flex;
  flex-direction: column;
  gap: 12px;
  /*text-align: center;*/
}

.mobile-benefit h3 {
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: normal;
  letter-spacing: -0.41px;
  color: #333333;
}

.mobile-benefit p {
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: normal;
  letter-spacing: -0.24px;
  color: #333333;
}

/* Mobile Section Image */
.mobile-section-image {
  height: 300px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.mobile-section-image img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 424.444px;
  height: 300px;
  object-fit: cover;
  object-position: 50% 50%;
  max-width: none;
}

/* Mobile Footer */
.mobile-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  padding: 60px 16px 0;
  width: 100%;
}

.mobile-footer p {
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: normal;
  letter-spacing: -0.24px;
  color: #333333;
  text-align: center;
  width: 100%;
}

.mobile-footer .text-muted {
  color: #9299a2;
}

.mobile-footer .text-link {
  color: #333333;
}

/* ========================================
   DESKTOP VIEW (844px+)
   ======================================== */

@media (min-width: 844px) {
  .mobile-view {
    display: none;
  }

  .desktop-view {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 100vh;
  }

  .desktop-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 0 128px;
    width: 100%;
  }

  /* Desktop Header */
  .desktop-header {
    height: 80px;
    width: 824px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }

  .desktop-header .desktop-logo {
    position: absolute;
    left: 396px;
    top: 24px;
    width: 32px;
    height: 32px;
  }

  .desktop-logo svg {
    width: 100%;
    height: 100%;
  }

  /* Desktop Hero */
  .desktop-hero {
    display: flex;
    flex-direction: column;
    gap: 56px;
    align-items: center;
    width: 824px;
    flex-shrink: 0;
  }

  .desktop-hero-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    width: 100%;
  }

  .desktop-hero-content h1 {
    font-family: 'TinkoffSans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 56px;
    color: #333333;
  }

  .desktop-hero-content p {
    font-family: 'NeueHaasUnica', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #333333;
  }

  .desktop-hero-image {
    height: 340px;
    width: 824px;
    flex-shrink: 0;
  }

  .desktop-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }

  /* Desktop Button */
  .desktop-button {
    background-color: #ffdd2d;
    border-radius: 12px;
    min-height: 56px;
    padding: 17px 20px 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .desktop-button,
  .desktop-button * {
    font-family: 'NeueHaasUnica', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    white-space: pre;
  }

  /* Desktop Features Row */
  .desktop-features-row {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    justify-content: center;
    padding: 20px 0;
    flex-shrink: 0;
  }

  .desktop-feature {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    width: 392px;
    flex-shrink: 0;
  }

  .desktop-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    position: relative;
  }

  .desktop-icon svg {
    width: 100%;
    height: 100%;
  }

  .desktop-icon-transfer {
    background-color: black;
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhMNiAxNEw4LjQgMTYuNEwxMS4yIDE0VjI0SDE2VjE0TDE4LjggMTYuNEwyMSAxNEwxNSA4SDE1LjJMMTIgOFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yMCAxOEgyNFYyNEgyMFYxOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhMNiAxNEw4LjQgMTYuNEwxMS4yIDE0VjI0SDE2VjE0TDE4LjggMTYuNEwyMSAxNEwxNSA4SDE1LjJMMTIgOFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yMCAxOEgyNFYyNEgyMFYxOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 0px 1.908px;
    mask-position: 0px 1.908px;
    -webkit-mask-size: 30.092px 30.092px;
    mask-size: 30.092px 30.092px;
  }

  .desktop-feature h3 {
    font-family: 'TinkoffSans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    text-align: center;
    width: 100%;
  }

  .desktop-feature p {
    font-family: 'NeueHaasUnica', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #333333;
    text-align: center;
    width: 100%;
  }

  /* Desktop Steps */
  .desktop-steps {
    display: flex;
    flex-direction: column;
    gap: 56px;
    align-items: center;
    padding: 60px 0 20px;
    width: 100%;
    flex-shrink: 0;
  }

  .desktop-steps h1 {
    font-family: 'TinkoffSans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 56px;
    color: #333333;
    text-align: center;
    width: 824px;
  }

  .desktop-steps p {
    font-family: 'NeueHaasUnica', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #333333;
    text-align: center;
    margin-top: -36px;
  }

  .desktop-form-placeholder {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .desktop-form-placeholder p {
    font-family: 'NeueHaasUnica', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: rgba(0, 16, 36, 0.22);
    text-align: center;
  }

  /* Desktop Badge */
  .desktop-badge {
    background-color: #333333;
    backdrop-filter: blur(5px);
    border-radius: 16px;
    min-height: 32px;
    min-width: 32px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    gap: 0;
    flex-shrink: 0;
  }

  .desktop-badge .badge-icon {
    width: 16px;
    height: 16px;
    background-color: white;
    flex-shrink: 0;
    margin: 4px 0;
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMkM0LjY5IDIgMiA0LjY5IDIgOEMyIDExLjMxIDQuNjkgMTQgOCAxNEMxMS4zMSAxNCAxNCAxMS4zMSAxNCA4QzE0IDQuNjkgMTEuMzEgMiA4IDJaTTcgMTBMNCA3TDUuNCAxMC42TDcgMTBaTTEyIDdMOSAxMEw3LjYgOC42TDEyIDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMkM0LjY5IDIgMiA0LjY5IDIgOEMyIDExLjMxIDQuNjkgMTQgOCAxNEMxMS4zMSAxNCAxNCAxMS4zMSAxNCA4QzE0IDQuNjkgMTEuMzEgMiA4IDJaTTcgMTBMNCA3TDUuNCAxMC42TDcgMTBaTTEyIDdMOSAxMEw3LjYgOC42TDEyIDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 16px 16px;
    mask-size: 16px 16px;
  }

  .desktop-badge span:last-child {
    font-family: 'NeueHaasUnica', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: white;
    text-align: center;
    padding: 6px 4px;
    white-space: nowrap;
  }

  /* Desktop Section */
  .desktop-section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 56px;
    align-items: flex-start;
    justify-content: center;
    padding: 60px 0 20px;
    width: 824px;
    flex-shrink: 0;
  }

  .desktop-section-header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    width: 824px;
    flex-shrink: 0;
  }

  .desktop-section-header h1 {
    font-family: 'TinkoffSans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 56px;
    color: #333333;
    text-align: center;
    width: 100%;
  }

  .desktop-section-header p {
    font-family: 'NeueHaasUnica', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #333333;
    text-align: center;
    width: 100%;
    margin-top: -4px;
  }

  .desktop-section-content {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    width: 824px;
  }

  /* Desktop Benefits */
  .desktop-benefits {
    display: flex;
    flex-direction: column;
    gap: 56px;
    width: 392px;
    flex-shrink: 0;
	align-items: flex-start;
  }

  .desktop-benefit {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: left;
  }

  .desktop-benefit h3 {
    font-family: 'TinkoffSans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #333333;
  }

  .desktop-benefit p {
    font-family: 'NeueHaasUnica', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #333333;
  }

  /* Desktop Section Image */
  .desktop-section-image {
    height: 606px;
    width: 392px;
    position: relative;
    flex-shrink: 0;
  }

  .desktop-section-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 764px;
    height: 540px;
    object-fit: cover;
    object-position: 50% 50%;
    max-width: none;
  }

  .desktop-section:nth-of-type(4) .desktop-section-image img {
    left: -372px;
  }

  /* Desktop Wide Image */
  .desktop-wide-image {
    height: 496px;
    width: 824px;
    position: relative;
    flex-shrink: 0;
  }

  .desktop-wide-image img {
    position: absolute;
    left: -140px;
    top: 40px;
    width: 1104px;
    height: 456px;
    object-fit: cover;
    object-position: 50% 50%;
    max-width: none;
  }

  /* Desktop Footer */
  .desktop-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 100px 0 20px;
    width: 824px;
    flex-shrink: 0;
  }

  .desktop-footer .desktop-logo {
    width: 32px;
    height: 32px;
    position: static;
  }

  .desktop-footer p {
    font-family: 'NeueHaasUnica', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #9299a2;
    text-align: center;
    width: 100%;
  }

  .desktop-footer .text-link {
    color: #333333;
  }
}

/* ========================================
   BUTTON HOVER STATES
   ======================================== */

.mobile-button:hover,
.desktop-button:hover {
  background-color: #f5d526;
  transition: background-color 0.2s ease;
}

.mobile-button:active,
.desktop-button:active {
  background-color: #e6c61f;
}