:root {
        --primary: #4cb0b5;
        --primary-soft: #8fe9ee;
        --text: #323439;
        --muted: #95a5a6;
        --bg-soft: rgba(149, 165, 166, 0.12);
        --bg-softer: rgba(149, 165, 166, 0.16);
        --max-width: 1776px;
        font-family: "Arimo", -apple-system, BlinkMacSystemFont, "Segoe UI",
          Roboto, sans-serif;
        color: var(--text);
      }

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

      body {
        margin: 0;
        background-color: #fff;
        color: var(--text);
      }

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

      header {
        background: #fff;
        padding: 24px 24px 0;
      }

      .header-card {
        border: 1px solid rgba(149, 165, 166, 0.48);
        padding: 24px 48px;
        display: flex;
        align-items: center;
        gap: 48px;
      }

      .header-logo {
        display: inline-block;
        text-decoration: none;
        line-height: 0;
      }

      .header-logo img {
        display: block;
      }

      .container {
        max-width: var(--max-width);
        margin: 0 auto;
        padding: 0 72px;
      }

      header .container {
        padding: 0;
      }

      .nav-band {
        flex: 1;
        max-width: 992px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 48px;
      }

      .nav-links {
        display: flex;
        gap: 48px;
        align-items: center;
        font-size: 16px;
      }

      .nav-links a {
        text-decoration: none;
        color: var(--text);
      }

      .nav-dropdown {
        position: relative;
      }

      .nav-dropdown-toggle {
        display: flex;
        align-items: center;
        gap: 8px;
        position: relative;
      }

      .nav-dropdown-toggle::after {
        content: '';
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 5px solid var(--text);
        margin-left: 4px;
        transition: transform 0.2s;
      }

      .nav-dropdown:hover .nav-dropdown-toggle::after {
        transform: rotate(180deg);
      }

      .nav-dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 8px;
        background: #fff;
        border: 1px solid rgba(149, 165, 166, 0.48);
        min-width: 320px;
        padding: 16px 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
        z-index: 1000;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      }

      .nav-dropdown:hover .nav-dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }

      .nav-dropdown-menu a {
        display: block;
        padding: 12px 24px;
        text-decoration: none;
        color: var(--text);
        transition: background-color 0.2s;
      }

      .nav-dropdown-menu a:hover {
        background-color: var(--bg-soft);
      }

      .nav-phone {
        text-decoration: none;
        color: var(--primary);
        font-weight: 700;
        font-size: 18px;
      }

      .nav-toggle {
        display: none;
        background: none;
        border: none;
        padding: 0;
        line-height: 0;
        cursor: pointer;
      }

      .nav-toggle svg {
        width: 32px;
        height: 32px;
      }

      .hero {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        padding: 80px 0 40px;
        align-items: center;
      }

      .hero-media {
        flex: 0 0 679px;
      }

      .hero-media img {
        width: 100%;
        height: auto;
      }

      .hero-copy {
        flex: 1;
        max-width: 992px;
        display: flex;
        flex-direction: column;
        gap: 136px;
      }

      .hero-headline {
        display: flex;
        flex-direction: column;
        gap: 80px;
      }

      .hero h1 {
        font-size: clamp(48px, 6vw, 70px);
        line-height: 1.1;
        margin: 0;
        text-transform: uppercase;
      }

      .hero-actions {
        display: flex;
        gap: 16px;
      }

      .cta-primary,
      .cta-secondary {
        display: inline-flex;
        align-items: center;
        gap: 16px;
        padding: 16px 24px;
        font-weight: 700;
        border: 2px solid var(--primary-soft);
        text-decoration: none;
        color: var(--text);
      }

      .cta-primary {
        background: var(--primary-soft);
        border: 2px solid var(--primary-soft);
      }

      .hero-note {
        color: var(--muted);
        font-weight: 700;
        max-width: 390px;
        width: 100%;
      }

      .story {
        background: var(--bg-soft);
        padding: 120px 72px 80px;
      }

      .story-inner {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 80px;
      }

      .story-grid {
        display: flex;
        gap: 80px;
        align-items: flex-start;
      }

      .story-media {
        position: relative;
        width: 444px;
        height: 230px;
        flex-shrink: 0;
      }

      .story-media::before {
        /* content: "";
        position: absolute;
        inset: 0;
        background: #d9d9d9; */
      }

      .story-media img {
        position: absolute;
      }

      .story-media img:nth-child(1) {
        width: 528px;
        height: 352px;
        left: -12px;
        top: -53px;
      }

      .story-media img:nth-child(2) {
        width: 459px;
        height: 306px;
        left: -8px;
        top: -37px;
      }

      .story-copy {
        display: flex;
        flex-direction: column;
        gap: 80px;
        max-width: 992px;
      }

      .story h2 {
        font-size: clamp(32px, 4vw, 48px);
        line-height: 1.2;
        margin: 0;
        max-width: 793px;
      }

      .story-columns {
        display: flex;
        gap: 64px;
        flex-wrap: wrap;
      }

      .story-columns p {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
      }

      .divider {
        width: 100%;
        height: 1px;
        background: rgba(149, 165, 166, 0.32);
        margin: 80px 0;
      }

      .section-label {
        font-size: 18px;
        color: var(--primary);
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 24px;
      }

      .services-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 16px;
      }

      .card {
        background: #fff;
        padding: 24px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        border: 1px solid rgba(149, 165, 166, 0.16);
        min-height: 192px;
      }

      .card svg {
        width: 24px;
        height: 24px;
      }

      .band {
        background: var(--primary);
        color: #fff;
      }

      .band-inner {
        max-width: var(--max-width);
        margin: 0 auto;
        padding: 40px 72px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 32px;
      }

      .band svg {
        flex-shrink: 0;
      }

      .band p {
        max-width: 725px;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
      }

      .categories-section {
        padding: 80px 72px;
      }

      .categories-shell {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 48px;
      }

      .categories-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 40px;
        flex-wrap: wrap;
      }

      .categories-heading {
        flex: 1 1 520px;
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      .categories-title {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
        margin: 0;
      }

      .categories-summary {
        flex: 1 1 420px;
        color: var(--muted);
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.4px;
        margin: 0;
      }

      .categories-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
        gap: 16px;
      }

      .category-card {
        /* background: rgba(149, 165, 166, 0.12); */
        padding: 8px 8px 8px 32px;
      }

      .category-card-inner {
        display: flex;
        align-items: center;
        gap: 32px;
      }

      .category-content {
        display: flex;
        flex-direction: column;
        gap: 24px;
        min-height: 244px;
        flex: 1 1 auto;
      }

      .category-content h3 {
        margin: 0;
        color: var(--muted);
        font-size: 32px;
        font-weight: 700;
        letter-spacing: -0.64px;
      }

      .category-content p {
        margin: 0;
        color: var(--text);
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
      }

      .category-thumb {
        width: 292px;
        height: 292px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 46px;
        flex-shrink: 0;
      }

      .category-thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .category-card--wide {
        grid-column: span 2;
      }

      .industries-section {
        padding: 80px 72px;
        background: #fff;
      }

      .industries-shell {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 40px;
      }

      .industries-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 24px;
        flex-wrap: wrap;
      }

      .industries-nav {
        display: flex;
        gap: 1px;
      }

      .industries-button {
        width: 48px;
        height: 40px;
        border: 1px solid #8fe9ee;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .industries-button--next {
        background: #8fe9ee;
      }

      .industries-slider {
        width: 100%;
        overflow: hidden;
      }

      .industries-grid {
        display: flex;
        gap: 0;
        transition: transform 0.4s ease;
      }

      .industry-card {
        background: #f2f4f4;
        padding: 40px 32px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        min-height: 438px;
        flex: 0 0 100%;
      }

      .industry-index {
        color: rgba(149, 165, 166, 0.32);
        font-size: 32px;
        font-weight: 700;
      }

      .industry-mask {
        width: 100%;
        max-width: 216px;
        height: 250px;
        align-self: center;
      }

      .industry-mask img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .industry-card h3 {
        margin: 0;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.48px;
        color: var(--text);
      }

      .industry-card--muted {
        opacity: 0.5;
      }

      .spotlight {
        position: relative;
        height: 600px;
        overflow: hidden;
      }

      .spotlight img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .sustainability-section {
        position: relative;
        padding: 80px 72px 0;
        overflow: hidden;
        background: #fff;
      }

      .pattern-mask {
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: 0.8;
      }

      .pattern-mask svg {
        width: 100%;
        height: 100%;
      }

      .sustainability-shell {
        position: relative;
        z-index: 1;
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 48px;
        flex-wrap: wrap;
      }

      .sustainability-copy {
        display: flex;
        flex-direction: column;
        gap: 120px;
        flex: 1 1 560px;
        min-width: 320px;
      }

      .sustainability-text {
        max-width: 936px;
        display: flex;
        flex-direction: column;
        gap: 80px;
      }

      .sustainability-text p {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
        margin: 0;
      }

      .guarantee-block {
        max-width: 992px;
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      .sustainability-label {
        color: var(--muted);
        letter-spacing: -0.36px;
      }

      .guarantee-grid {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }

      .guarantee-card {
        flex: 1 1 0;
        min-width: 230px;
        border: 1px solid rgba(76, 176, 181, 0.2);
        background: rgba(76, 176, 181, 0.1);
        backdrop-filter: blur(36px);
        padding: 24px;
        display: flex;
        gap: 16px;
        align-items: center;
      }

      .guarantee-card svg {
        width: 48px;
        height: 48px;
        flex-shrink: 0;
      }

      .guarantee-card p {
        margin: 0;
        font-weight: 700;
        color: var(--text);
      }

      .sustainability-media {
        width: 653px;
        max-width: 100%;
        position: relative;
      }

      .sustainability-media::before {
        /* content: "";
        position: absolute;
        inset: 0;
        background: #d9d9d9; */
      }

      .sustainability-media img {
        position: relative;
        width: 739px;
        max-width: none;
        height: auto;
        display: block;
        left: -67px;
        top: -10px;
      }

      .contact-section {
        background: var(--bg-softer);
        padding: 80px 72px;
      }

      .contact-shell {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 48px;
        flex-wrap: wrap;
      }

      .contact-info {
        flex: 1 1 360px;
        min-width: 320px;
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      .contact-info h2 {
        max-width: 787px;
      }

      .contact-info p {
        max-width: 616px;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
      }

      .contact-form-card {
        background: #fff;
        padding: 80px;
        flex: 0 0 880px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 48px;
      }

      form input{    border: 0;
        outline: 0;}


      form textarea{    border: 0;
        outline: 0;}

      .contact-fields {
        display: flex;
        flex-direction: column;
        gap: 48px;
      }

      .contact-field {
        display: flex;
        flex-direction: column;
        gap: 18px;
      }

      .contact-field label {
        color: var(--muted);
        font-size: 18px;
      }

      .contact-field input,
      .contact-field textarea {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--text);
        font-size: 18px;
        font-family: inherit;
        padding: 0;
      }

      .contact-field input::placeholder,
      .contact-field textarea::placeholder {
        color: var(--muted);
      }

      .contact-field textarea {
        resize: vertical;
        min-height: 100px;
      }

      .phone-field input::placeholder {
        color: var(--muted);
      }

      .field-line {
        height: 1px;
        background: rgba(149, 165, 166, 0.32);
      }

      .phone-field {
        display: flex;
        align-items: center;
        gap: 16px;
        color: var(--text);
        font-size: 18px;
      }

      .phone-field input {
        flex: 1;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--text);
        font-size: 18px;
        font-family: inherit;
        padding: 0;
      }

      .phone-select {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--text);
      }

      .phone-flag {
        width: 32px;
        height: 24px;
        border: 1px solid rgba(149, 165, 166, 0.24);
        border-radius: 4px;
        overflow: hidden;
        display: flex;
      }

      .phone-flag svg {
        width: 100%;
        height: 100%;
      }

      .contact-extra {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap;
      }

      .privacy-note {
        display: flex;
        align-items: center;
        gap: 16px;
        font-size: 16px;
        color: var(--muted);
      }

      .checkbox {
        width: 20px;
        height: 20px;
        border: 1px solid var(--muted);
        border-radius: 4px;
        flex-shrink: 0;
      }

      .contact-button {
        display: inline-flex;
        gap: 24px;
        align-items: center;
        padding: 16px 24px;
        background: var(--primary-soft);
        border: none;
        font-weight: 700;
        color: var(--text);
        cursor: pointer;
      }

      footer {
        padding: 80px 72px;
        background: #fff;
      }

      .footer-shell {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 80px;
      }

      .footer-top {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        flex-wrap: wrap;
      }

      .footer-nav-block {
        display: flex;
        flex-direction: column;
        gap: 40px;
      }

      .footer-nav {
        display: flex;
        gap: 32px;
        flex-wrap: wrap;
      }

      .footer-nav a {
        font-size: 24px;
        color: var(--text);
        text-decoration: none;
      }

      .footer-info {
        display: flex;
        width: 880px;
        gap: 16px;
        justify-content: space-between;
        flex-wrap: wrap;
      }

      .footer-info-block {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }

      .footer-info-block p {
        margin: 0;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.64px;
        color: var(--text);
      }

      .footer-address p {
        max-width: 401px;
      }

      .footer-questions {
        gap: 40px;
      }

      .footer-divider {
        width: 100%;
        height: 1px;
        background: rgba(149, 165, 166, 0.24);
        margin: 0;
      }

      .footer-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 24px;
      }

      .footer-logo {
        display: inline-block;
        text-decoration: none;
        line-height: 0;
      }

      .footer-logo img {
        display: block;
      }

      .footer-bottom span,
      .footer-bottom a {
        color: var(--muted);
        font-size: 15px;
        text-decoration: none;
      }

      .footer-bottom-meta {
        display: flex;
        width: 880px;
        justify-content: space-between;
        align-items: center;
        gap: 32px;
        flex-wrap: wrap;
      }

      @media (max-width: 1024px) {
        .hero {
          flex-direction: column;
        }

        .hero-media {
          flex: 0 0 auto;
          width: 100%;
        }

        .hero-copy {
          max-width: 100%;
          gap: 64px;
        }

        .hero-headline {
          gap: 40px;
        }

        .hero-actions {
          flex-wrap: wrap;
        }

        .story {
          padding: 80px 24px;
        }

        .story-grid {
          flex-direction: column;
        }

        .story-media {
          width: 100%;
          height: 320px;
        }

        .story-media img {
          position: static;
        }

        .story-columns {
          flex-direction: column;
          gap: 32px;
        }

        .band-inner {
          flex-direction: column;
        }

        .sustainability-shell {
          flex-direction: column;
        }

        .sustainability-media img {
          position: static;
          width: 100%;
          left: 0;
          top: 0;
        }

        .category-card {
          flex-direction: column;
        }

        .category-card--wide {
          grid-column: span 1;
        }

        .footer-info,
        .footer-bottom-meta {
          width: 100%;
        }

        .contact-form-card {
          padding: 48px;
          flex: 1 1 100%;
        }

        nav {
          flex-direction: column;
        }

        .nav-links {
          flex-wrap: wrap;
          justify-content: center;
        }

        .nav-dropdown-menu {
          min-width: 280px;
        }
      }

      @media (max-width: 640px) {
        header {
          padding: 16px;
        }

        header .container {
          padding: 0;
        }

        .header-card {
          padding: 15px;
          flex-direction: row;
          justify-content: space-between; 
        }

        .nav-band {
          display: none;
          position: fixed;
          top: 88px;
          left: 0;
          right: 0;
          background: white;
          padding: 24px 16px;
          flex-direction: column;
          gap: 24px;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          z-index: 1000;
        }

        .header-card.menu-open .nav-band {
          display: flex;
        }

        .header-card.menu-open .nav-links {
          flex-direction: column;
          gap: 16px;
          width: 100%;
        }

        .header-card.menu-open .nav-links a {
          font-size: 18px;
          padding: 12px 0;
          border-bottom: 1px solid rgba(149, 165, 166, 0.2);
        }

        .header-card.menu-open .nav-phone {
          display: block;
          text-align: center;
          padding-top: 16px;
          border-top: 1px solid rgba(149, 165, 166, 0.2);
        }

        .header-card.menu-open .nav-links a:last-child {
          border-bottom: none;
        }

        .header-card.menu-open .nav-dropdown {
          width: 100%;
        }

        .header-card.menu-open .nav-dropdown-menu {
          position: static;
          opacity: 1;
          visibility: visible;
          transform: none;
          border: none;
          box-shadow: none;
          padding: 0;
          margin: 8px 0 0 0;
          min-width: auto;
          background: transparent;
        }

        .header-card.menu-open .nav-dropdown-menu a {
          padding: 8px 0 8px 16px;
          font-size: 16px;
          border-bottom: 1px solid rgba(149, 165, 166, 0.2);
        }

        .header-card.menu-open .nav-dropdown-toggle {
          border-bottom: 1px solid rgba(149, 165, 166, 0.2);
        }

        .header-card.menu-open .nav-dropdown-toggle::after {
          display: none;
        }

        .nav-phone {
          display: none;
        }

        .nav-toggle {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
        }

        .container {
          padding: 0 16px;
        }

        .hero {
          flex-direction: column-reverse;
          align-items: flex-start;
          gap: 32px;
          padding: 32px 20px;
        }

        .hero h1 {
          font-size: 32px;
          line-height: 40px;
          letter-spacing: -0.64px;
          margin: 0;
        }

        .hero-actions {
          width: 100%;
          flex-wrap: wrap;
          gap: 8px;
        }

        .hero-actions a {
          flex: 1 1 calc(50% - 8px);
          padding: 12px 20px;
          font-size: 14px;
          gap: 8px;
        }

        .hero-actions svg {
          width: 16px;
          height: 16px;
        }

        .hero-note {
          font-size: 16px;
          line-height: 22px;
          max-width: 100%;
        }

        .hero-media img {
          width: 100%;
          max-width: 328px;
          margin: 0 auto;
        }

        .story {
          padding: 24px 16px;
        }

        .story-inner {
          gap: 32px;
        }

        .story-grid {
          flex-direction: column;
          gap: 24px;
        }

        .story-media {
          width: 100%;
          height: 230px;
          overflow: hidden;
        }

        .story-media img {
          position: static;
          width: 100%;
          height: auto;
        }

        .story h2 {
          font-size: 28px;
          letter-spacing: -0.56px;
        }

        .story-columns {
          flex-direction: column;
          gap: 24px;
        }

        .story-columns p {
          font-size: 16px;
          line-height: 22px;
        }

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

        .card {
          padding: 16px;
        }

        .band {
          padding: 24px 16px;
        }

        .band-inner {
          flex-direction: column;
          gap: 24px;
        }

        .band p {
          font-size: 16px;
          line-height: 22px;
        }

        .categories-section {
          padding: 24px 16px;
        }

        .categories-shell {
          gap: 32px;
        }

        .categories-header {
          flex-direction: column;
          align-items: flex-start;
          gap: 24px;
        }


        .categories-heading {
flex:1;
        }

        .categories-title {
          font-size: 28px;
          letter-spacing: -0.56px;
        }

        .categories-summary {
          font-size: 16px;
          line-height: 22px;
          flex:1;
        }

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

        .category-card {
          padding: 24px 8px 8px 8px;
        }

        .category-card-inner {
          flex-direction: column;
          gap: 24px;
        }

        .category-content h3 {
          font-size: 20px;
          letter-spacing: -0.4px;
        }

        .category-content p {
          font-size: 16px;
          line-height: 22px;
        }

        .category-thumb {
          width: 100%;
          min-height: 312px;
          padding: 32px;
        }

        .category-thumb img {
          max-width: 200px;
        }

        .industries-section {
          padding: 24px 16px;
        }

        .industries-shell {
          gap: 32px;
        }

        .industries-header {
          flex-direction: column;
          align-items: flex-start;
          gap: 8px;
        }

        .industries-nav {
          display: none;
        }

        .industries-slider {
          overflow: visible;
        }

        .industries-grid {
          flex-direction: column;
          gap: 8px;
          transform: none !important;
        }

        .industry-card {
          padding: 24px 16px;
          align-items: center;
          text-align: left;
          flex: 1 1 auto;
        }

        .industry-index {
          font-size: 28px;
        }

        .industry-mask {
          width: 170px;
          height: 196px;
        }

        .spotlight {
          height: 260px;
        }

        .sustainability-section {
          padding: 24px 16px 0;
        }

        .sustainability-shell {
          flex-direction: column;
          gap: 32px;
        }

        .sustainability-copy {
          gap: 48px;
        }

        .sustainability-text h2 {
          font-size: 28px;
          letter-spacing: -0.56px;
        }

        .sustainability-text p {
          font-size: 16px;
          line-height: 22px;
        }

        .guarantee-grid {
          flex-direction: column;
        }

        .guarantee-card {
          padding: 16px;
        }

        .guarantee-card svg {
          width: 32px;
          height: 32px;
        }

        .sustainability-media {
          width: 100%;
        }

        .sustainability-media::before,
        .sustainability-media img {
          width: 100%;
          left: 0;
        }

        .contact-section {
          padding: 24px 16px;
        }

        .contact-shell {
          flex-direction: column;
          gap: 32px;
        }

        .contact-info h2 {
          font-size: 28px;
          letter-spacing: -0.56px;
        }

        .contact-info p {
          font-size: 16px;
          line-height: 22px;
        }

        .contact-form-card {
          padding: 24px 16px;
          gap: 32px;
        }

        .contact-fields {
          gap: 32px;
        }

        .contact-field label {
          font-size: 16px;
        }

        .phone-field {
          flex-wrap: wrap;
        }

        .contact-extra {
          flex-direction: column;
          align-items: flex-start;
        }

        .privacy-note {
          align-items: flex-start;
        }

        .contact-button {
          width: 100%;
          justify-content: center;
          height: 48px;
        }

        footer {
          padding: 24px 16px;
        }

        .footer-shell {
          gap: 32px;
        }

        .footer-top {
          flex-direction: column;
          gap: 32px;
        }

        .footer-nav-block {
          gap: 24px;
        }

        .footer-nav {
          gap: 24px;
        }

        .footer-nav a {
          font-size: 16px;
        }

        .footer-info {
          width: 100%;
          flex-direction: column;
          gap: 24px;
        }

        .footer-info-block p {
          font-size: 20px;
          line-height: 28px;
        }

        .footer-bottom {
          flex-direction: column;
          align-items: flex-start;
        }

        .footer-bottom img {
          width: 198px;
          height: auto;
        }

        .footer-bottom-meta {
          width: 100%;
          flex-direction: column;
          align-items: flex-start;
          gap: 12px;
        }
      }

      /* Who We Are page styles */
      .who-hero {
        padding: 120px 72px 40px;
        max-width: var(--max-width);
        margin: 0 auto;
      }

      .who-hero h1 {
        font-size: 80px;
        line-height: 88px;
        letter-spacing: -1.6px;
        text-transform: uppercase;
        color: var(--primary);
        font-weight: 700;
        margin: 0;
      }

      .who-intro {
        background: var(--bg-soft);
        padding: 120px 72px;
      }

      .who-intro-inner {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 48px;
        flex-wrap: wrap;
      }

      .who-intro-media {
        width: 674px;
        height: 600px;
        position: relative;
        flex-shrink: 0;
        overflow: hidden;
      }

      .who-intro-media img {
        position: absolute;
      }

      .who-intro-media img:nth-child(1) {
        width: 910px;
        height: 607px;
        top: 0;
      }

      .who-intro-media img:nth-child(2) {
        width: 900px;
        height: 600px;
        left: -197px;
        top: 0;
      }

      .who-intro-copy {
        display: flex;
        flex-direction: column;
        gap: 80px;
        width: 992px;
        max-width: 100%;
      }

      .who-intro-copy h2 {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
        font-weight: 700;
        margin: 0;
        max-width: 793px;
      }

      .who-intro-subtitle {
        color: var(--muted);
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        font-weight: 700;
      }

      .who-intro-text {
        display: flex;
        justify-content: space-between;
        gap: 64px;
        flex-wrap: wrap;
      }

      .who-intro-text p {
        width: 460px;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
        margin: 0;
      }

      .who-purpose {
        background: var(--primary);
        color: #fff;
        padding: 80px 72px;
        position: relative;
        overflow: hidden;
      }

      .who-purpose-inner {
        max-width: 1112px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 80px;
        position: relative;
        z-index: 1;
      }

      .who-purpose-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 80px;
        width: 100%;
      }

      .who-purpose-label {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        width: 100%;
      }

      .who-purpose-title {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
        font-weight: 700;
        text-align: center;
        margin: 0;
        width: 100%;
      }

      .who-purpose-card {
        width: 809px;
        max-width: 100%;
        padding: 24px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(36px);
      }

      .who-purpose-card p {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-align: center;
        margin: 0;
      }

      .who-purpose-decor {
        position: absolute;
        width: 645px;
        height: 311px;
        background: var(--primary);
        pointer-events: none;
      }

      .who-purpose-decor--left {
        left: -256px;
        bottom: 0;
      }

      .who-purpose-decor--right {
        right: -171.943px;
        bottom: 0;
      }

      .who-purpose-decor svg {
        position: absolute;
        width: 574px;
        height: 663px;
        stroke: rgba(255, 255, 255, 0.32);
      }

      .who-purpose-decor--left svg {
        left: 61px;
        top: -393px;
      }

      .who-purpose-decor--right svg {
        left: 61px;
        top: 41px;
      }

      .who-values {
        background: var(--bg-soft);
        padding: 120px 72px 140px;
      }

      .who-values-inner {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 40px;
        position: relative;
      }

      .who-values-label {
        font-size: 18px;
        line-height: 26px;
        text-transform: uppercase;
        font-weight: 700;
        color: var(--primary);
        text-align: center;
      }

      .who-values-grid {
        display: flex;
        flex-direction: column;
        gap: 8px;
      }

      .who-values-row {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }

      .who-value-card {
        flex: 1 0 0;
        min-width: 0;
        background: #fff;
        padding: 24px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
      }

      .who-value-card svg {
        width: 24px;
        height: 28px;
        flex-shrink: 0;
      }

      .who-value-card h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.48px;
        font-weight: 700;
        margin: 0;
        text-align: center;
        width: 100%;
      }

      .who-value-card p {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
        margin: 0;
        text-align: center;
        width: 100%;
      }

      .who-values-row:first-child .who-value-card {
        flex: 1 1 0;
      }

      .who-values-row:last-child .who-value-card {
        width: 586.667px;
        max-width: 100%;
      }

      .who-values-image {
        position: absolute;
        width: 491px;
        height: 491px;
        right: 0;
        bottom: -147.137px;
      }

      .who-values-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .who-cta {
        padding: 120px 72px 0;
        max-width: var(--max-width);
        margin: 0 auto;
      }

      .who-cta-inner {
        max-width: 787px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 80px;
      }

      .who-cta-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        width: 100%;
      }

      .who-cta-header h2 {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
        font-weight: 700;
        text-align: center;
        margin: 0;
        width: 100%;
      }

      .who-cta-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
      }

      .who-cta-content p {
        max-width: 607px;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-align: center;
        margin: 0;
      }

      .who-cta-actions {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
      }

      .who-cta-actions .cta-primary {
        width: 258px;
        justify-content: center;
      }

      .who-cta-divider {
        width: 100%;
        max-width: var(--max-width);
        height: 1px;
        background: rgba(149, 165, 166, 0.32);
        margin: 120px auto 0;
      }

      @media (max-width: 1024px) {
        .who-intro-inner {
          flex-direction: column;
        }

        .who-intro-media {
          width: 100%;
          max-width: 674px;
        }

        .who-intro-copy {
          width: 100%;
        }

        .who-intro-text {
          flex-direction: column;
          gap: 32px;
        }

        .who-intro-text p {
          width: 100%;
        }

        .who-values-row {
          flex-direction: column;
        }

        .who-values-row:last-child .who-value-card {
          width: 100%;
        }

        .who-values-image {
          position: static;
          margin-top: 40px;
        }
      }

      @media (max-width: 640px) {
        .who-hero {
          padding: 24px 16px;
        }

        .who-hero h1 {
          font-size: 32px;
          line-height: 40px;
          letter-spacing: -0.64px;
        }

        .who-intro {
          padding: 24px 16px;
        }

        .who-intro-media {
          height: 300px;
        }

        .who-intro-media img {
          position: static;
          width: 100%;
          height: auto;
        }

        .who-intro-copy {
          gap: 32px;
        }

        .who-intro-copy h2 {
          font-size: 28px;
          line-height: 36px;
          letter-spacing: -0.56px;
        }

        .who-intro-subtitle {
          font-size: 16px;
          line-height: 22px;
        }

        .who-intro-text p {
          font-size: 16px;
          line-height: 22px;
        }

        .who-purpose {
          padding: 24px 16px;
        }

        .who-purpose-inner {
          gap: 32px;
        }

        .who-purpose-title {
          font-size: 28px;
          line-height: 36px;
          letter-spacing: -0.56px;
        }

        .who-purpose-card {
          padding: 16px;
        }

        .who-purpose-card p {
          font-size: 16px;
          line-height: 22px;
        }

        .who-values {
          padding: 24px 16px;
        }

        .who-values-inner {
          gap: 24px;
        }

        .who-value-card {
          padding: 16px;
        }

        .who-value-card h3 {
          font-size: 20px;
          line-height: 28px;
        }

        .who-value-card p {
          font-size: 16px;
          line-height: 22px;
        }

        .who-cta {
          padding: 24px 16px 0;
        }

        .who-cta-inner {
          gap: 32px;
        }

        .who-cta-header h2 {
          font-size: 28px;
          line-height: 36px;
          letter-spacing: -0.56px;
        }

        .who-cta-content p {
          font-size: 16px;
          line-height: 22px;
        }

        .who-cta-actions {
          flex-direction: column;
          width: 100%;
        }

        .who-cta-actions .cta-primary,
        .who-cta-actions .cta-secondary {
          width: 100%;
        }
      }

      /* What We Do page styles */
      .what-hero {
        padding: 120px 72px 40px;
        max-width: var(--max-width);
        margin: 0 auto;
      }

      .what-hero h1 {
        font-size: 80px;
        line-height: 88px;
        letter-spacing: -1.6px;
        text-transform: uppercase;
        color: var(--primary);
        font-weight: 700;
        margin: 0;
      }

      .what-intro {
        background: var(--bg-soft);
        padding: 80px 72px;
      }

      .what-intro-inner {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 48px;
        flex-wrap: wrap;
      }

      .what-intro-subtitle {
        width: 593px;
        max-width: 100%;
        color: var(--muted);
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        font-weight: 700;
      }

      .what-intro-title {
        width: 992px;
        max-width: 100%;
        display: flex;
        align-items: center;
      }

      .what-intro-title h2 {
        width: 892px;
        max-width: 100%;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
        font-weight: 700;
        margin: 0;
      }

      .what-services {
        padding: 120px 72px;
        max-width: var(--max-width);
        margin: 0 auto;
      }

      .what-services-list {
        display: flex;
        flex-direction: column;
        gap: 40px;
      }

      .what-service-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 48px;
        flex-wrap: wrap;
      }

      .what-service-media {
        width: 672px;
        height: 420px;
        position: relative;
        flex-shrink: 0;
        overflow: hidden;
      }

      .what-service-media::before {
        content: "";
        position: absolute;
        inset: 0;
        background: var(--bg-soft);
      }

      .what-service-media img {
        position: absolute;
        width: auto;
        height: auto;
        max-width: none;
      }

      .what-service-content {
        width: 992px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 80px;
      }

      .what-service-header {
        display: flex;
        flex-direction: column;
        gap: 40px;
      }

      .what-service-title-row {
        display: flex;
        align-items: flex-start;
        gap: 16px;
      }

      .what-service-number {
        color: var(--muted);
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
        font-weight: 700;
      }

      .what-service-title {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.64px;
        font-weight: 700;
        margin: 0;
      }

      .what-service-description {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        margin: 0;
      }

      .what-service-includes {
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      .what-service-includes-label {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        font-weight: 700;
        color: var(--primary);
      }

      .what-service-includes-grid {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }

      .what-include-card {
        flex: 1 0 0;
        min-width: 0;
        padding: 24px;
        border: 1px solid rgba(76, 176, 181, 0.2);
        background: rgba(76, 176, 181, 0.1);
        backdrop-filter: blur(36px);
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      .what-include-card svg {
        width: 24px;
        height: 28px;
        flex-shrink: 0;
      }

      .what-include-card > div {
        display: flex;
        flex-direction: column;
        gap: 0;
        font-family: "Arimo", sans-serif;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
        color: var(--text);
      }

      .what-service-divider {
        width: 100%;
        height: 1px;
        background: rgba(149, 165, 166, 0.24);
        margin: 0;
      }

      .what-why {
        background: var(--primary);
        padding: 80px 72px;
        position: relative;
        overflow: hidden;
      }

      .what-why-pattern {
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: 1;
      }

      .what-why-inner {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 48px;
        position: relative;
        z-index: 1;
        /* flex-wrap: wrap; */
      }

      .what-why-left {
        width: 707px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 40px;
      }

      .what-why-title {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
        font-weight: 700;
        color: #fff;
        margin: 0;
      }

      .what-why-description {
        width: 532px;
        max-width: 100%;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
        font-weight: 700;
        color: #fff;
        margin: 0;
      }

      .what-why-right {
        width: 996px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }

      .what-why-card {
        padding: 24px 32px;
        border: 1px solid rgba(255, 255, 255, 0.24);
        background: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(15.2px);
      }

      .what-why-card svg {
        width: 100%;
        height: auto;
      }

      .what-why-image {
        position: absolute;
        width: 565px;
        /* height: 847px; */
        /* left: 143px; */
        bottom: 0;
        z-index: 2;
      }

      .what-why-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .what-cta {
        padding: 120px 72px 0;
        max-width: var(--max-width);
        margin: 0 auto;
      }

      .what-cta-inner {
        max-width: 787px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 80px;
      }

      .what-cta-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        width: 100%;
      }

      .what-cta-header h2 {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
        font-weight: 700;
        text-align: center;
        margin: 0;
        width: 100%;
      }

      .what-cta-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
      }

      .what-cta-actions {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
      }

      .what-cta-actions .cta-primary {
        justify-content: center;
      }

      .what-cta-email {
        max-width: 607px;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-align: center;
        margin: 0;
      }

      .what-cta-email a {
        color: var(--text);
        font-weight: 700;
        text-decoration: underline;
      }

      .what-cta-divider {
        width: 100%;
        max-width: var(--max-width);
        height: 1px;
        background: rgba(149, 165, 166, 0.32);
        margin: 120px auto 0;
      }

      @media (max-width: 1024px) {
        .what-intro-inner {
          flex-direction: column;
        }

        .what-intro-subtitle {
          width: 100%;
        }

        .what-intro-title {
          width: 100%;
        }

        .what-service-item {
          flex-direction: column;
        }

        .what-service-media {
          width: 100%;
          max-width: 672px;
        }

        .what-service-content {
          width: 100%;
        }

        .what-why-inner {
          flex-direction: column;
        }

        .what-why-left {
          width: 100%;
        }

        .what-why-right {
          width: 100%;
        }

        .what-why-image {
          position: static;
          margin-top: 40px;
          width: 100%;
          max-width: 565px;
          height: auto;
          display: none;
        }
      }

      @media (max-width: 640px) {
        .what-hero {
          padding: 24px 16px;
        }

        .what-hero h1 {
          font-size: 32px;
          line-height: 40px;
          letter-spacing: -0.64px;
        }

        .what-intro {
          padding: 24px 16px;
        }

        .what-intro-subtitle {
          font-size: 16px;
          line-height: 22px;
        }

        .what-intro-title h2 {
          font-size: 28px;
          line-height: 36px;
          letter-spacing: -0.56px;
        }

        .what-services {
          padding: 24px 16px;
        }

        .what-services-list {
          gap: 24px;
        }

        .what-service-media {
          height: 300px;
        }

        .what-service-media img {
          position: static;
          width: 100%;
          height: auto;
        }

        .what-service-content {
          gap: 32px;
        }

        .what-service-header {
          gap: 24px;
        }

        .what-service-title {
          font-size: 24px;
          line-height: 32px;
          letter-spacing: -0.48px;
        }

        .what-service-description {
          font-size: 16px;
          line-height: 22px;
        }

        .what-service-includes {
          gap: 16px;
        }

        .what-service-includes-label {
          font-size: 16px;
          line-height: 22px;
        }

        .what-include-card {
          padding: 16px;
          min-width: calc(50% - 4px);
        }

        .what-why {
          padding: 24px 16px;
        }

        .what-why-left {
          gap: 24px;
        }

        .what-why-title {
          font-size: 28px;
          line-height: 36px;
          letter-spacing: -0.56px;
        }

        .what-why-description {
          font-size: 16px;
          line-height: 22px;
        }

        .what-why-card {
          padding: 16px;
        }

        .what-cta {
          padding: 24px 16px 0;
        }

        .what-cta-inner {
          gap: 32px;
        }

        .what-cta-header h2 {
          font-size: 28px;
          line-height: 36px;
          letter-spacing: -0.56px;
        }

        .what-cta-email {
          font-size: 16px;
          line-height: 22px;
        }

        .what-cta-actions {
          flex-direction: column;
          width: 100%;
        }

        .what-cta-actions .cta-primary,
        .what-cta-actions .cta-secondary {
          width: 100%;
        }
      }

      /* Product Catalog page styles */
      .catalog-hero {
        padding: 120px 72px 40px;
        max-width: var(--max-width);
        margin: 0 auto;
      }

      .catalog-hero h1 {
        font-size: 80px;
        line-height: 88px;
        letter-spacing: -1.6px;
        text-transform: uppercase;
        color: var(--primary);
        font-weight: 700;
        margin: 0;
      }

      .catalog-intro {
        background: var(--bg-soft);
        padding: 80px 72px;
      }

      .catalog-intro-inner {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 48px;
        flex-wrap: wrap;
      }

      .catalog-intro-text {
        color: var(--muted);
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0;
      }

      .catalog-intro-text:first-child {
        width: 611px;
        max-width: 100%;
      }

      .catalog-intro-text:last-child {
        width: 880px;
        max-width: 100%;
      }

      .catalog-categories {
        padding: 120px 72px;
        max-width: var(--max-width);
        margin: 0 auto;
      }

      .catalog-categories-list {
        display: flex;
        flex-direction: column;
        gap: 0;
      }

      .catalog-category {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        padding: 80px 0;
      }

      .catalog-category-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 40px;
        flex: 1 0 0;
        min-height: 500px;
      }

      .catalog-category-header {
        display: flex;
        flex-direction: column;
        gap: 40px;
      }

      .catalog-category-title-row {
        display: flex;
        align-items: flex-start;
        gap: 16px;
      }

      .catalog-category-number {
        color: var(--muted);
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
        font-weight: 700;
      }

      .catalog-category-title {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.64px;
        font-weight: 700;
        margin: 0;
      }

      .catalog-category-description {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        margin: 0;
      }

      .catalog-category-details {
        display: flex;
        flex-direction: column;
        gap: 40px;
      }

      .catalog-includes-section {
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      .catalog-includes-divider {
        width: 880px;
        max-width: 100%;
        height: 1px;
        background: rgba(76, 176, 181, 0.32);
      }

      .catalog-includes-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
      }

      .catalog-includes-label {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        font-weight: 700;
        color: var(--primary);
      }

      .catalog-includes-toggle {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        transition: transform 0.3s ease;
      }

      .catalog-includes-toggle--open {
        transform: rotate(180deg);
      }

      .catalog-includes-list {
        display: none;
        flex-direction: column;
        gap: 6px;
      }

      .catalog-includes-list--open {
        display: flex;
      }

      .catalog-include-item {
        padding: 16px;
        border: 1px solid rgba(76, 176, 181, 0.2);
        background: rgba(76, 176, 181, 0.1);
        backdrop-filter: blur(36px);
      }

      .catalog-include-item-text {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
        margin: 0;
      }

      .catalog-include-item-text strong {
        font-weight: 700;
      }

      .catalog-category-button {
        display: inline-flex;
        align-items: center;
        gap: 24px;
        padding: 16px 24px;
        border: 2px solid var(--primary-soft);
        background: transparent;
        color: var(--text);
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-decoration: none;
        cursor: pointer;
        width: fit-content;
      }

      .catalog-category-media {
        flex: 1 0 0;
        height: 500px;
        padding: 32px;
        background: var(--bg-soft);
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .catalog-category-media img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
      }

      .catalog-category-divider {
        width: 100%;
        height: 1px;
        background: rgba(149, 165, 166, 0.24);
        margin: 0;
      }

      .catalog-cta {
        background: var(--primary);
        color: #fff;
        padding: 120px 72px;
        position: relative;
        overflow: hidden;
      }

      .catalog-cta-decor {
        position: absolute;
        width: 645px;
        height: 311px;
        background: var(--primary);
        pointer-events: none;
      }

      .catalog-cta-decor--left {
        left: -256px;
        bottom: 0;
      }

      .catalog-cta-decor--right {
        right: -171.943px;
        bottom: 0;
      }

      .catalog-cta-decor svg {
        position: absolute;
        width: 574px;
        height: 663px;
        stroke: rgba(255, 255, 255, 0.32);
      }

      .catalog-cta-decor--left svg {
        left: 61px;
        top: -393px;
      }

      .catalog-cta-decor--right svg {
        left: 61px;
        top: 41px;
      }

      .catalog-cta-inner {
        max-width: 787px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 80px;
        position: relative;
        z-index: 1;
      }

      .catalog-cta-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        width: 100%;
      }

      .catalog-cta-header h2 {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
        font-weight: 700;
        text-align: center;
        margin: 0;
        width: 100%;
      }

      .catalog-cta-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 80px;
      }

      .catalog-cta-content p {
        max-width: 607px;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-align: center;
        margin: 0;
      }

      .catalog-cta-actions {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
      }

      .catalog-cta-button {
        display: inline-flex;
        align-items: center;
        gap: 24px;
        padding: 16px 24px;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-decoration: none;
        cursor: pointer;
      }

      .catalog-cta-button--primary {
        background: #fff;
        color: var(--text);
        width: 298px;
        justify-content: center;
      }

      .catalog-cta-button--secondary {
        border: 2px solid #fff;
        color: #fff;
        background: transparent;
      }

      @media (max-width: 1024px) {
        .catalog-intro-inner {
          flex-direction: column;
        }

        .catalog-intro-text {
          width: 100% !important;
        }

        .catalog-category {
          flex-direction: column;
        }

        .catalog-category-content {
          min-height: auto;
        }

        .catalog-category-media {
          width: 100%;
        }
      }

      @media (max-width: 640px) {
        .catalog-hero {
          padding: 24px 16px;
        }

        .catalog-hero h1 {
          font-size: 32px;
          line-height: 40px;
          letter-spacing: -0.64px;
        }

        .catalog-intro {
          padding: 24px 16px;
        }

        .catalog-intro-text {
          font-size: 16px;
          line-height: 22px;
        }

        .catalog-categories {
          padding: 24px 16px;
        }

        .catalog-category {
          padding: 32px 0;
        }

        .catalog-category-title {
          font-size: 24px;
          line-height: 32px;
          letter-spacing: -0.48px;
        }

        .catalog-category-description {
          font-size: 16px;
          line-height: 22px;
        }

        .catalog-includes-divider {
          width: 100%;
        }

        .catalog-include-item-text {
          font-size: 16px;
          line-height: 22px;
        }

        .catalog-category-media {
          height: 300px;
          padding: 16px;
        }

        .catalog-cta {
          padding: 24px 16px;
        }

        .catalog-cta-inner {
          gap: 32px;
        }

        .catalog-cta-header h2 {
          font-size: 28px;
          line-height: 36px;
          letter-spacing: -0.56px;
        }

        .catalog-cta-content {
          gap: 32px;
        }

        .catalog-cta-content p {
          font-size: 16px;
          line-height: 22px;
        }

        .catalog-cta-actions {
          flex-direction: column;
          width: 100%;
        }

        .catalog-cta-button {
          width: 100%;
          justify-content: center;
        }
      }

      /* Product detail page styles (shared for all 5 product pages) */
      .product-hero {
        padding: 120px 72px 40px;
        max-width: var(--max-width);
        margin: 0 auto;
      }

      .product-hero h1 {
        font-size: 80px;
        line-height: 88px;
        letter-spacing: -1.6px;
        text-transform: uppercase;
        color: var(--primary);
        font-weight: 700;
        margin: 0;
      }

      .product-intro {
        background: var(--bg-soft);
        padding: 80px 72px;
      }

      .product-intro-inner {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 16px;
      }

      .product-intro-text {
        width: 880px;
        max-width: 100%;
        color: var(--muted);
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0;
      }

      .product-items {
        padding: 120px 72px;
        max-width: var(--max-width);
        margin: 0 auto;
      }

      .product-items-list {
        display: flex;
        flex-direction: column;
        gap: 0;
      }

      .product-item {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        padding: 80px 0;
      }

      .product-item-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 24px;
        flex: 1 0 0;
        min-height: 500px;
      }

      .product-item-header {
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      .product-item-title {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.64px;
        font-weight: 700;
        margin: 0;
      }

      .product-item-description {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        margin: 0;
      }

      .product-item-list {
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      .product-item-list--wide-gap {
        gap: 40px;
      }

      .product-item-list-item {
        display: flex;
        align-items: flex-start;
        gap: 12px;
      }

      .product-item-list-item--center {
        align-items: center;
      }

      .product-item-list-item--baseline {
        align-items: baseline;
      }

      .product-item-icon {
        width: 12px;
        height: 14px;
        flex-shrink: 0;
      }

      .product-item-text {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.36px;
        font-weight: 400;
        margin: 0;
        flex: 1 0 0;
      }

      .product-item-text strong {
        font-weight: 700;
      }

      .product-item-media {
        flex: 1 0 0;
        height: 500px;
        padding: 32px;
        background: var(--bg-soft);
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .product-item-media img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
      }

      .product-item-divider {
        width: 100%;
        height: 1px;
        background: rgba(149, 165, 166, 0.24);
        margin: 0;
      }

      .product-cta {
        background: var(--primary);
        color: #fff;
        padding: 120px 72px;
        position: relative;
        overflow: hidden;
      }

      .product-cta-decor {
        position: absolute;
        width: 645px;
        height: 311px;
        background: var(--primary);
        pointer-events: none;
      }

      .product-cta-decor--left {
        left: -256px;
        bottom: 0;
      }

      .product-cta-decor--right {
        right: -171.943px;
        bottom: 0;
      }

      .product-cta-decor svg {
        position: absolute;
        width: 574px;
        height: 663px;
        stroke: rgba(255, 255, 255, 0.32);
      }

      .product-cta-decor--left svg {
        left: 61px;
        top: -393px;
      }

      .product-cta-decor--right svg {
        left: 61px;
        top: 41px;
      }

      .product-cta-inner {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 80px;
        position: relative;
        z-index: 1;
      }

      .product-cta-text {
        width: 814px;
        max-width: 100%;
        font-size: 18px;
        line-height: 26px;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        margin: 0;
      }

      @media (max-width: 1024px) {
        .product-intro-inner {
          align-items: flex-start;
        }

        .product-intro-text {
          width: 100%;
        }

        .product-item {
          flex-direction: column;
        }

        .product-item-content {
          min-height: auto;
          width: 100%;
        }

        .product-item-media {
          width: 100%;
        }
      }

      @media (max-width: 640px) {
        .product-hero {
          padding: 24px 16px;
        }

        .product-hero h1 {
          font-size: 32px;
          line-height: 40px;
          letter-spacing: -0.64px;
        }

        .product-intro {
          padding: 24px 16px;
        }

        .product-intro-text {
          font-size: 16px;
          line-height: 22px;
        }

        .product-items {
          padding: 24px 16px;
        }

        .product-item {
          padding: 32px 0;
        }

        .product-item-title {
          font-size: 24px;
          line-height: 32px;
          letter-spacing: -0.48px;
        }

        .product-item-description {
          font-size: 16px;
          line-height: 22px;
        }

        .product-item-text {
          font-size: 16px;
          line-height: 22px;
        }

        .product-item-media {
          height: 300px;
          padding: 16px;
        }

        .product-cta {
          padding: 24px 16px;
        }

        .product-cta-inner {
          gap: 32px;
        }

        .product-cta-text {
          font-size: 16px;
          line-height: 22px;
        }
      }

      /* Contact Page Styles */
      .contact-page-hero {
        padding: 120px 72px 40px;
        min-height: 248px;
        display: flex;
        align-items: flex-end;
      }

      .contact-page-hero h1 {
        font-size: 80px;
        line-height: 88px;
        letter-spacing: -1.6px;
        text-transform: uppercase;
        color: var(--primary);
        font-weight: 700;
        margin: 0;
      }

      .contact-page-content {
        padding: 80px 72px 120px;
        background: var(--bg-soft);
        display: flex;
        align-items: flex-start;
        gap: 80px;
      }

      .contact-page-info {
        flex: 1 0 0;
        display: flex;
        flex-direction: column;
        gap: 80px;
      }

      .contact-page-intro {
        width: 628px;
        max-width: 100%;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        color: var(--muted);
        font-weight: 700;
        margin: 0;
      }

      .contact-page-details h2 {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
        color: var(--text);
        font-weight: 700;
        margin: 0 0 40px;
      }

      .contact-page-details-list {
        display: flex;
        flex-direction: column;
        gap: 40px;
      }

      .contact-page-detail-item {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }

      .contact-page-detail-label {
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--muted);
      }

      .contact-page-detail-values {
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
      }

      .contact-page-detail-values a,
      .contact-page-detail-value a {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.48px;
        color: var(--text);
        text-decoration: underline;
        text-underline-offset: 6px;
      }

      .contact-page-detail-value {
        width: 406px;
        max-width: 100%;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.48px;
        color: var(--text);
      }

      .contact-page-form {
        width: 992px;
        max-width: 100%;
        background: #fff;
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 48px;
      }

      .contact-page-form-row {
        display: flex;
        gap: 24px;
      }

      .contact-page-field {
        flex: 1 0 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
      }

      .contact-page-field label {
        font-size: 18px;
        font-weight: 700;
        color: var(--text);
      }

      .contact-page-input-wrapper {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }

      .contact-page-input-wrapper > input,
      .contact-page-input-wrapper > div {
        padding: 18px 0;
        font-size: 16px;
        color: var(--muted);
        border: none;
        background: transparent;
        font-family: inherit;
      }

      .contact-page-input-wrapper input::placeholder {
        color: var(--muted);
      }

      .contact-page-field-line {
        height: 1px;
        background: rgba(149, 165, 166, 0.32);
      }

      .contact-page-phone-input {
        display: flex;
        align-items: center;
        gap: 16px;
      }

      .contact-page-phone-select {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .contact-page-phone-select span {
        font-size: 16px;
        font-weight: 700;
        color: var(--text);
      }

      .contact-page-phone-flag {
        width: 32px;
        height: 24px;
        flex-shrink: 0;
      }

      .contact-page-phone-flag svg {
        width: 100%;
        height: 100%;
      }

      .contact-page-phone-input input {
        flex: 1;
        border: none;
        background: transparent;
        font-size: 16px;
        color: var(--muted);
        font-family: inherit;
      }

      .contact-page-phone-input input::placeholder {
        color: var(--muted);
      }

      .contact-page-select {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 18px 0;
        cursor: pointer;
      }

      .contact-page-select span {
        font-size: 16px;
        color: var(--text);
      }

      .contact-page-select-arrow {
        transition: transform 0.3s ease;
      }

      .contact-page-select.open .contact-page-select-arrow {
        transform: rotate(180deg);
      }

      .contact-page-select-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.3s ease, opacity 0.3s ease;
        z-index: 10;
        margin-top: 4px;
      }

      .contact-page-select.open .contact-page-select-dropdown {
        max-height: 300px;
        opacity: 1;
      }

      .contact-page-select-option {
        padding: 12px 18px;
        font-size: 16px;
        color: var(--text);
        cursor: pointer;
        transition: background-color 0.2s ease;
      }

      .contact-page-select-option:hover {
        background-color: #f5f5f5;
      }

      .contact-page-select-option:first-child {
        border-radius: 8px 8px 0 0;
      }

      .contact-page-select-option:last-child {
        border-radius: 0 0 8px 8px;
      }

      .contact-page-textarea-wrapper {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }

      .contact-page-textarea-wrapper textarea {
        min-height: 129px;
        padding: 18px 0;
        font-size: 16px;
        color: var(--muted);
        border: none;
        background: transparent;
        font-family: "Libre Franklin", sans-serif;
        font-weight: 500;
        resize: vertical;
      }

      .contact-page-textarea-wrapper textarea::placeholder {
        color: var(--muted);
      }

      .contact-page-file-upload {
        height: 56px;
        padding: 16px 24px;
        border: 1px dashed var(--text);
        border-radius: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
      }

      .contact-page-file-upload > div:first-child {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .contact-page-file-upload svg {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
      }

      .contact-page-file-upload span:first-of-type {
        font-size: 16px;
        color: var(--text);
      }

      .contact-page-file-hint {
        font-size: 14px;
        color: var(--text);
        opacity: 0.5;
      }

      .contact-page-file-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 8px;
      }

      .contact-page-radio-group {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
      }

      .contact-page-radio {
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        width: 200px;
      }

      .contact-page-radio input {
        display: none;
      }

      .contact-page-radio-custom {
        width: 28px;
        height: 28px;
        flex-shrink: 0;
        position: relative;
        border-radius: 9999px;
      }

      .contact-page-radio-custom::before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        border: 2px solid var(--muted);
        border-radius: 9999px;
        left: 4px;
        top: 4px;
      }

      .contact-page-radio input:checked + .contact-page-radio-custom::before {
        border-color: var(--primary);
      }

      .contact-page-radio input:checked + .contact-page-radio-custom::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        background: var(--primary);
        border: 1px solid var(--primary);
        border-radius: 9999px;
        left: 9px;
        top: 9px;
      }

      .contact-page-radio span:last-child {
        font-size: 16px;
        color: var(--text);
      }

      .contact-page-form-footer {
        display: flex;
        align-items: center;
        gap: 32px;
        flex-wrap: wrap;
      }

      .contact-page-checkbox-label {
        display: flex;
        align-items: center;
        gap: 16px;
        flex: 1 0 0;
        cursor: pointer;
      }

      .contact-page-checkbox-label input {
        display: none;
      }

      .contact-page-checkbox-custom {
        width: 20px;
        height: 20px;
        border: 1px solid var(--muted);
        border-radius: 4px;
        flex-shrink: 0;
        position: relative;
      }

      .contact-page-checkbox-label input:checked + .contact-page-checkbox-custom {
        background: var(--primary);
        border-color: var(--primary);
      }

      .contact-page-checkbox-label input:checked + .contact-page-checkbox-custom::after {
        content: "";
        position: absolute;
        left: 4px;
        top: 1px;
        width: 6px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
      }

      .contact-page-checkbox-label span:last-child {
        font-size: 16px;
        color: var(--muted);
      }

      .contact-page-checkbox-label a {
        text-decoration: underline;
        color: var(--muted);
      }

      .contact-page-submit {
        width: 183px;
        height: 56px;
        padding: 16px 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        background: var(--primary-soft);
        border: none;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: var(--text);
        cursor: pointer;
        font-family: inherit;
      }

      .contact-page-submit svg {
        flex-shrink: 0;
      }

      @media (max-width: 1024px) {
        .contact-page-content {
          flex-direction: column;
          gap: 48px;
        }

        .contact-page-form {
          width: 100%;
        }
      }

      @media (max-width: 640px) {
        .contact-page-hero {
          padding: 80px 16px 24px;
          min-height: auto;
        }

        .contact-page-hero h1 {
          font-size: 40px;
          line-height: 44px;
          letter-spacing: -0.8px;
        }

        .contact-page-content {
          padding: 24px 16px;
          gap: 32px;
        }

        .contact-page-info {
          gap: 48px;
        }

        .contact-page-intro {
          width: 100%;
          font-size: 16px;
          line-height: 22px;
        }

        .contact-page-details h2 {
          font-size: 32px;
          line-height: 40px;
          letter-spacing: -0.64px;
        }

        .contact-page-details-list {
          gap: 32px;
        }

        .contact-page-detail-values {
          flex-direction: column;
          gap: 16px;
        }

        .contact-page-detail-values a,
        .contact-page-detail-value,
        .contact-page-detail-value a {
          font-size: 18px;
          line-height: 24px;
        }

        .contact-page-form {
          padding: 24px 16px;
          gap: 32px;
        }

        .contact-page-form-row {
          flex-direction: column;
          gap: 32px;
        }

        .contact-page-form-footer {
          flex-direction: column;
          align-items: stretch;
          gap: 24px;
        }

        .contact-page-submit {
          width: 100%;
        }
      }

      /* FAQ Page Styles */
      .faq-hero {
        padding: 120px 72px 40px;
        min-height: 248px;
        display: flex;
        align-items: flex-end;
      }

      .faq-hero h1 {
        font-size: 80px;
        line-height: 88px;
        letter-spacing: -1.6px;
        text-transform: uppercase;
        color: var(--primary);
        font-weight: 700;
        margin: 0;
      }

      .faq-content {
        padding: 80px 72px 120px;
        background: var(--bg-soft);
      }

      .faq-container {
        max-width: var(--max-width);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 80px;
      }

      .faq-layout {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 80px;
      }

      .faq-intro {
        width: 477px;
        max-width: 100%;
      }

      .faq-intro h2 {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
        color: var(--text);
        font-weight: 700;
        margin: 0;
      }

      .faq-list {
        width: 992px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }

      .faq-item {
        background: #fff;
        padding: 32px;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }

      .faq-header {
        display: flex;
        align-items: center;
        gap: 32px;
      }

      .faq-header h3 {
        flex: 1 0 0;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.48px;
        color: var(--text);
        font-weight: 700;
        margin: 0;
      }

      .faq-toggle {
        width: 40px;
        padding: 8px 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--primary-soft);
        border: none;
        cursor: pointer;
        flex-shrink: 0;
      }

      .faq-toggle svg {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
      }

      .faq-content-wrapper {
        display: flex;
        flex-direction: column;
        gap: 32px;
      }

      .faq-answer {
        width: 883px;
        max-width: 100%;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        color: var(--text);
        font-weight: 400;
      }

      .faq-divider {
        width: 100%;
        height: 1px;
        background: rgba(149, 165, 166, 0.48);
      }

      .faq-cta-section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 80px;
      }

      .faq-cta-content {
        width: 725px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 357px;
      }

      .faq-cta-text {
        display: flex;
        flex-direction: column;
        gap: 32px;
      }

      .faq-cta-text h2 {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
        color: var(--text);
        font-weight: 700;
        margin: 0;
      }

      .faq-cta-text p {
        width: 482px;
        max-width: 100%;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        color: var(--text);
        font-weight: 400;
        margin: 0;
      }

      .faq-cta-links {
        width: 524px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 24px;
      }

      .faq-cta-link-primary {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        color: var(--primary);
        font-weight: 700;
        margin: 0;
      }

      .faq-cta-link-secondary {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        color: var(--muted);
        font-weight: 700;
        margin: 0;
      }

      .faq-cta-link-secondary a {
        text-decoration: underline;
        color: var(--muted);
      }

      .faq-form {
        width: 992px;
        max-width: 100%;
        background: #fff;
        padding: 80px;
        display: flex;
        flex-direction: column;
        gap: 48px;
      }

      .faq-form-field {
        display: flex;
        flex-direction: column;
        gap: 18px;
      }

      .faq-form-field input,
      .faq-form-field textarea {
        font-size: 18px;
        color: var(--muted);
        border: none;
        background: transparent;
        font-family: inherit;
        padding: 0;
      }

      .faq-form-field input::placeholder,
      .faq-form-field textarea::placeholder {
        color: var(--muted);
      }

      .faq-form-field textarea {
        min-height: 134px;
        resize: vertical;
      }

      .faq-form-line {
        height: 1px;
        background: rgba(149, 165, 166, 0.32);
      }

      .faq-phone-field {
        display: flex;
        align-items: center;
        gap: 16px;
      }

      .faq-phone-select {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .faq-phone-select span {
        font-size: 18px;
        color: var(--text);
      }

      .faq-phone-flag {
        width: 32px;
        height: 24px;
        flex-shrink: 0;
      }

      .faq-phone-flag svg {
        width: 100%;
        height: 100%;
      }

      .faq-phone-field input {
        flex: 1;
        border: none;
        background: transparent;
        font-size: 18px;
        color: var(--muted);
        font-family: inherit;
      }

      .faq-phone-field input::placeholder {
        color: var(--muted);
      }

      .faq-form-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap;
      }

      .faq-checkbox-label {
        display: flex;
        align-items: center;
        gap: 16px;
        width: 411px;
        max-width: 100%;
        cursor: pointer;
      }

      .faq-checkbox-label input {
        display: none;
      }

      .faq-checkbox-custom {
        width: 20px;
        height: 20px;
        border: 1px solid var(--muted);
        border-radius: 4px;
        flex-shrink: 0;
        position: relative;
      }

      .faq-checkbox-label input:checked + .faq-checkbox-custom {
        background: var(--primary);
        border-color: var(--primary);
      }

      .faq-checkbox-label input:checked + .faq-checkbox-custom::after {
        content: "";
        position: absolute;
        left: 4px;
        top: 1px;
        width: 6px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
      }

      .faq-checkbox-label span:last-child {
        font-size: 16px;
        color: var(--muted);
      }

      .faq-checkbox-label a {
        text-decoration: underline;
        color: var(--muted);
      }

      .faq-submit {
        display: flex;
        align-items: center;
        gap: 24px;
        padding: 16px 24px;
        background: var(--primary-soft);
        border: none;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: var(--text);
        cursor: pointer;
        font-family: inherit;
      }

      .faq-submit svg {
        flex-shrink: 0;
      }

      @media (max-width: 1024px) {
        .faq-layout {
          flex-direction: column;
          gap: 48px;
        }

        .faq-intro {
          width: 100%;
        }

        .faq-list {
          width: 100%;
        }

        .faq-cta-section {
          flex-direction: column;
          gap: 48px;
        }

        .faq-cta-content {
          width: 100%;
          gap: 48px;
        }

        .faq-form {
          width: 100%;
        }
      }

      @media (max-width: 640px) {
        .faq-hero {
          padding: 80px 16px 24px;
          min-height: auto;
        }

        .faq-hero h1 {
          font-size: 40px;
          line-height: 44px;
          letter-spacing: -0.8px;
        }

        .faq-content {
          padding: 24px 16px;
        }

        .faq-container {
          gap: 48px;
        }

        .faq-intro h2 {
          font-size: 32px;
          line-height: 40px;
          letter-spacing: -0.64px;
        }

        .faq-item {
          padding: 24px 16px;
        }

        .faq-header h3 {
          font-size: 20px;
          line-height: 28px;
        }

        .faq-answer {
          font-size: 16px;
          line-height: 22px;
        }

        .faq-cta-content {
          gap: 32px;
        }

        .faq-cta-text h2 {
          font-size: 32px;
          line-height: 40px;
          letter-spacing: -0.64px;
        }

        .faq-cta-text p {
          font-size: 16px;
          line-height: 22px;
        }

        .faq-cta-link-primary,
        .faq-cta-link-secondary {
          font-size: 16px;
          line-height: 22px;
        }

        .faq-form {
          padding: 24px 16px;
          gap: 32px;
        }

        .faq-form-footer {
          flex-direction: column;
          align-items: stretch;
          gap: 24px;
        }

        .faq-checkbox-label {
          width: 100%;
        }

        .faq-submit {
          width: 100%;
        }
      }