.btn-primary-custom {--stroke-0: var(--text-white);--fill-0: var(--text-white);}
.btn-light-custom {--stroke-0: var(--color-primary);--fill-0: var(--color-primary);}
.hero {position: relative;width: 100%;overflow: hidden;}
.hero-container{background-color: var(--color-primary);}
.hero__overlay {position: relative;}
.hero__overlay::after{position: absolute;width: 100%;height: 100%;content: '';background: linear-gradient(119.974deg, rgba(26, 25, 22, 0.53) 7.735%, rgba(26, 25, 22, 0.24) 54.226%, rgba(26, 25, 22, 0.09) 92.265%);pointer-events: none;z-index: 0;top: 0;left: 0;}
.hero__overlay img{width: 100%;height: 100%;object-fit: cover;}
.hero__inner {position: absolute; top:50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;max-width: var(--container-max);margin: 0 auto;padding: 0 var(--container-px);min-height: 892px;display: flex;flex-direction: column;justify-content: center;width: 100%;}
.hero__eyebrow {display: flex;align-items: center;gap: 12px;margin-bottom: 20px;}
.hero__eyebrow-line {width: 40px;height: 1px;background-color: var(--color-accent);flex-shrink: 0;}
.hero__eyebrow-text {font-size: var(--fs-eyebrow);font-weight: 300;line-height: var(--lh-default);letter-spacing: 3.2px;text-transform: uppercase;color: var(--color-accent);}
.hero__title {font-size: 48px;line-height: 1.3;margin-bottom: 12px;}
.hero__title-line {display: block;}
.hero__title-line--thin {font-weight: 200;color: var(--text-white);}
.hero__title-line--accent {font-weight: 400;color: var(--text-white);}
.hero__subtext {font-size: 22px;font-weight: 300;line-height: 1.47;color: var(--text-white);max-width: 682px;margin-bottom: 40px;}
.hero__actions {display: flex;align-items: center;gap: 20px;flex-wrap: wrap;}
.hero__text-link {display: inline-flex;align-items: center;font-size: var(--fs-body);font-weight: 300;line-height: var(--lh-default);color: var(--text-white);border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding-bottom: 4px;transition: var(--transition);}
.hero__text-link:hover {color: var(--color-accent);border-bottom-color: var(--color-accent);transform: translateX(3px);}
.hero .swiper-pagination{bottom: 32px;}
.hero .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;transition: all 0.3s ease-in-out;opacity: 0.8;background-color:#ffffff;}
.hero .swiper-pagination .swiper-pagination-bullet-active{width: 20px;border-radius: 5px;opacity: 1;background-color: var(--color-primary);}
.product-series {background-color: var(--bg-light-gray);padding: 72px 0 102px;}
.product-series__header {display: flex;align-items: flex-end;justify-content: space-between;gap: 24px;margin-bottom: 44px;flex-wrap: wrap;}
.product-series__header-left {flex: 1 1 auto;max-width: 100%;}
.product-series__header-right {flex-shrink: 0;padding-bottom: 8px;}
.product-series__header .eyebrow {margin-bottom: 20px;}
.product-series__header .eyebrow__line {background-color: var(--color-primary);}
.product-series__header .eyebrow__text {color: var(--color-primary);}
.product-series__feature {position: relative;width: 100%;max-width: var(--container-max);height: 754px;border-radius: var(--radius-card);overflow: hidden;background-color: var(--bg-card);}
.product-series__feature::after {content: '';position: absolute;inset: 0;background: linear-gradient(90deg, rgba(26, 25, 22, 0.85) 0%, rgba(26, 25, 22, 0.35) 35.58%, rgba(26, 25, 22, 0.05) 82.69%);pointer-events: none;z-index: 1;}
.product-series__feature-img {width: 100%;height: 100%;object-fit: cover;transition: opacity 260ms ease, transform 600ms ease;}
.product-series__feature:hover .product-series__feature-img {transform: scale(1.02);}
.product-series__feature.is-switching .product-series__feature-img {opacity: 0.7;}
.product-series__feature-overlay {position: absolute;top: 45%;left: 0;padding-left: 116px;max-width: 654px;z-index: 3;transform: translateY(-50%);}
.product-series__feature-eyebrow {font-size: var(--fs-eyebrow);font-weight: 300;line-height: var(--lh-default);letter-spacing: 2.56px;text-transform: uppercase;color: var(--color-accent);margin-bottom: 16px;display: block;}
.product-series__feature-title {font-size: 54px;font-weight: 300;line-height: 1.1;color: var(--text-white);margin-bottom: 20px;}
.product-series__feature-desc {font-size: 17px;font-weight: 300;line-height: 1.8;color: var(--text-white);max-width: 513px;margin-bottom: 32px;}
.product-series__feature-btn {display: inline-flex;align-items: center;gap: 8px;padding: 12px 28px;background-color: var(--text-white);color: var(--text-primary);font-size: var(--fs-body);font-weight: 300;line-height: var(--lh-default);border-radius: var(--radius-btn);transition: var(--transition);}
.product-series__feature-btn:hover {background-color: #333;color: var(--text-white);}
.product-series__feature-btn-icon {width: 16px;height: 16px;flex-shrink: 0;--stroke-0: var(--text-primary);--fill-0: var(--text-primary);}
.product-series__feature-btn:hover .product-series__feature-btn-icon {--stroke-0: var(--text-white);--fill-0: var(--text-white);}
.product-series__categories { position: absolute;left: 0;right: 0;bottom: 0;z-index: 3;}
.product-series__categories .swiper-wrapper {display: grid;grid-template-columns: repeat(8, minmax(0, 1fr));gap: 0;}
.product-series__category {list-style: none;}
.product-series__category-btn {width: 100%;min-height: 102px;padding: 20px 8px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;border: 0;border-top: 2px solid transparent; border-right: 1px solid transparent;background: rgba(26, 25, 22, 0.65);color: var(--text-white);transition: background-color 220ms ease, color 220ms ease, transform 220ms ease;cursor: pointer;}
.product-series__category:last-child .product-series__category-btn {border-right: none;}
.product-series__category-btn:hover,
.product-series__category-btn:focus-visible,
.product-series__category.is-active .product-series__category-btn {background: rgba(255, 255, 255, 0.12);border-top: 2px solid rgba(255, 255, 255, 0.60);border-right: 1px solid rgba(255, 255, 255, 0.60);}
.product-series__category.is-active .product-series__category-icon,
.product-series__category-btn:hover .product-series__category-icon,
.product-series__category-btn:focus-visible .product-series__category-icon {opacity: 1;transform: translateY(-1px);}
.product-series__category-icon {width: 28px;height: 28px;flex-shrink: 0;opacity: 0.8;transition: opacity 220ms ease, transform 220ms ease;}
.product-series__category-label {font-size: var(--fs-body);font-weight: 300;line-height: var(--lh-default);color: inherit;transition: var(--transition);white-space: nowrap;}
@media (min-width: 768px) and (max-width: 1200px) {
  .product-series__categories .swiper-wrapper {grid-template-columns: repeat(4, minmax(0, 1fr));}
  .product-series__category-btn {min-height: 92px;}
}
.scene-app {background-color: var(--bg-light-gray);padding: 72px 0 80px;}
.scene-app__header {display: flex;align-items: flex-end;justify-content: space-between;gap: 24px;margin-bottom: 40px;flex-wrap: wrap;}
.scene-app__header-left {flex: 1 1 auto;max-width: 100%;}
.scene-app__header-left .eyebrow {margin-bottom: 16px;}
.scene-app__header-left .eyebrow__line {background-color: var(--color-primary);}
.scene-app__header-left .eyebrow__text {color: var(--color-primary);}
.scene-app__header-right {flex-shrink: 0;padding-bottom: 8px;}
.scene-app__row {display: flex;gap: var(--gutter);margin-bottom: var(--gutter);}
.scene-app__card--large {flex: 1 1 auto;width: 804px;height: 530px;}
.scene-app__card--small {flex: 0 0 396px;width: 396px;height: 530px;}
.scene-app__row--grid {display: grid;grid-template-columns: repeat(12, 1fr);gap: var(--gutter);}
.scene-app__row--grid .scene-app__card:nth-of-type(-n+3){grid-column: span 4;}
.scene-app__row--grid .scene-app__card:nth-of-type(n+4){grid-column: span 3;}
.scene-app__card--quarter {width: 100%;}
.scene-app__card {display: flex;flex-direction: column;background-color: var(--bg-white);border-radius: var(--radius-card);overflow: hidden;transition: var(--transition);}
.scene-app__card:hover {transform: translateY(-4px);box-shadow: 0 12px 32px rgba(26, 25, 22, 0.08);}
.scene-app__card-img-wrap {width: 100%;overflow: hidden;background-color: var(--bg-card);flex-shrink: 0;}
.scene-app__card--quarter .scene-app__card-img-wrap {aspect-ratio: 1 / 1;overflow: hidden;}
.scene-app__card-img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}
.scene-app__card:hover .scene-app__card-img {transform: scale(1.04);}
.scene-app__card-body {padding: 28px 32px;flex: 1 1 auto;display: flex;flex-direction: column;justify-content: flex-end;}
.scene-app__card-title {font-size: var(--fs-h3);font-weight: 300;line-height: 1.25;color: #000000;margin-bottom: 0;}
.scene-app__card--quarter .scene-app__card-title {font-size: var(--fs-h3-sm);}
.about {padding:57px 0 0;background-color: var(--bg-light-gray);}
.about__inner {display: flex;align-items: stretch;max-width: 1920px;margin: 0 auto;}
.about__media {flex: 0 0 55%;width: 55%;min-height: 620px;background-color: var(--bg-card);overflow: hidden;}
.about__media-img {width: 100%;height: 100%;object-fit: cover;}
.about__content {flex: 1 1 auto;padding: 80px 80px 80px 72px;display: flex;flex-direction: column;justify-content: center;background-color: var(--bg-warm-white);}
.about__content .eyebrow {margin-bottom: 24px;}
.about__content .eyebrow__line {background-color: var(--color-accent-dark);}
.about__content .eyebrow__text {color: var(--color-accent-dark);}
.about__title {font-size: var(--fs-h2-sm);font-weight: 400;line-height: var(--lh-h2-sm);color: var(--text-primary);margin-bottom: 28px;}
.about__desc {font-size: var(--fs-body-lg);font-weight: 300;line-height: 25px;color: var(--text-secondary);max-width: 633px;margin-bottom: 40px;}
.about__desc p{margin-bottom: 0;}
.about__stats {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;border-top: 1px solid var(--border-default);padding-top: 33px;margin-bottom: 40px;}
.about__stat {min-width: 0;}
.about__stat-number {font-size: 26px;font-weight: 400;line-height: 1.5;color: var(--text-primary);margin-bottom: 4px;}
.about__stat-label {font-size: var(--fs-body);font-weight: 300;line-height: var(--lh-default);color: var(--text-secondary);}
.about__btn {padding: 12px 28px;align-self: flex-start;}
.about__btn:hover{transform: translateX(5px);}
.why-us {background-color: var(--bg-white);padding: 96px 0;}
.why-us__header {display: flex;align-items: flex-start;justify-content: space-between;gap: 48px;margin-bottom: 105px;flex-wrap: wrap;}
.why-us__header-left {flex: 0 0 auto;max-width: 758px;}
.why-us__header-left .eyebrow {margin-bottom: 24px;}
.why-us__header-left .heading-2 {font-size: 50px;line-height: 1.1;}
.why-us__header-right {flex: 1 1 auto;max-width: 758px;}
.why-us__header-desc {font-size: var(--fs-body-lg);font-weight: 300;line-height: var(--lh-body-lg);color: var(--text-secondary);}
.why-us__header-desc p {margin-bottom: 0;}
.why-us__grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;}
.why-us__card {display: flex;flex-direction: column;padding: 32px;border-radius: var(--radius-card);transition: var(--transition);min-height: 360px;cursor: pointer;}
.why-us__card:hover {transform: translateY(-4px);}
.why-us__card-top {display: flex;align-items: center;justify-content: space-between;margin-bottom: 32px;}
.why-us__card-number {font-size: var(--fs-h3);font-weight: 400;line-height: 1;}
.why-us__card-icon {width: 35px;height: 35px;flex-shrink: 0;}
.why-us__card-title {font-size: var(--fs-h3);font-weight: 400;line-height: var(--lh-h3);margin-bottom: 16px;}
.why-us__card-body {font-size: var(--fs-body);font-weight: 300;line-height: var(--lh-body);flex: 1 1 auto;}
.why-us__card-line {margin-top: 24px;height: 1px;width: 100%;}
.why-us__card--dark,
.why-us__card:hover{background-color: var(--color-primary);}
.why-us__card--dark .why-us__card-number,
.why-us__card:hover .why-us__card-number{color: rgba(255, 255, 255, 0.4);}
.why-us__card--dark .why-us__card-title,
.why-us__card:hover .why-us__card-title{color: var(--text-white);}
.why-us__card--dark .why-us__card-body,
.why-us__card:hover .why-us__card-body{color: rgba(255, 255, 255, 0.5);}
.why-us__card--dark .why-us__card-line,
.why-us__card:hover .why-us__card-line{background-color: var(--border-white-medium);}
.why-us__card--dark .why-us__card-top img,
.why-us__card:hover .why-us__card-top img{filter: invert(1);}
.why-us__card--light {background-color: var(--bg-warm-white);border: 1px solid var(--border-light);}
.why-us__card--light .why-us__card-number {color: var(--text-secondary);}
.why-us__card--light .why-us__card-title {color: var(--text-primary);}
.why-us__card--light .why-us__card-body {color: var(--text-secondary);}
.why-us__card--light .why-us__card-line {background-color: var(--border-dark);}
.contact {background-color: var(--bg-warm-white);padding: 100px 0;}
.contact__inner {display: grid;grid-template-columns: 1fr 1fr;gap: 80px;max-width: var(--container-max);margin: 0 auto;padding: 0 var(--container-px);align-items: start;}
.contact__info {padding-right: 24px;}
.contact__info .eyebrow__line {background-color: var(--color-accent-dark);}
.contact__info .eyebrow__text {color: var(--color-accent-dark);}
.contact__info .eyebrow {margin-bottom: 28px;}
.contact__title {font-size: 50px;font-weight: 400;line-height: 1.1;color: var(--text-primary);margin-bottom: 28px;}
.contact__desc {font-size: var(--fs-body-lg);font-weight: 300;line-height: 1.85;color: var(--text-secondary);max-width: 430px;margin-bottom: 40px;}
.contact__desc p{margin-bottom: 0px;}
.contact__list {display: flex;flex-direction: column;gap: 20px;}
.contact__item-label {display: block;font-size: var(--fs-body);font-weight: 400;line-height: var(--lh-default);letter-spacing: 1.6px;text-transform: uppercase;color: var(--color-accent-dark);margin-bottom: 8px;}
.contact__item-value {font-size: var(--fs-body);font-weight: 300;line-height: var(--lh-body);color: var(--text-secondary);}
.contact__form {display: flex;flex-direction: column;gap: 16px;}
.contact__row {display: flex;gap: 16px;}
.contact__row--double {grid-template-columns: 1fr 1fr;}
.contact__field {flex: 1 1 0;display: flex;flex-direction: column;}
.contact__label {font-size: var(--fs-body);font-weight: 300;line-height: var(--lh-default);color: var(--text-muted);margin-bottom: 8px;}
.contact__input {width: 100%;height: 54px;padding: 17px;background-color: var(--bg-white);border: 1px solid var(--border-medium);border-radius: var(--radius-input);font-size: var(--fs-body);font-weight: 300;color: var(--text-primary);transition: var(--transition);}
.contact__input::placeholder {color: var(--text-placeholder);}
.contact__input:focus {border-color: var(--color-accent-dark);background-color: var(--bg-white);}
.contact__textarea {width: 100%;height: 150px;padding: 17px;background-color: var(--bg-white);border: 1px solid var(--border-medium);border-radius: var(--radius-input);font-size: var(--fs-body);font-weight: 300;color: var(--text-primary);resize: vertical;transition: var(--transition);font-family: inherit;}
.contact__textarea::placeholder {color: var(--text-placeholder);}
.contact__textarea:focus {border-color: var(--color-accent-dark);background-color: var(--bg-white);}
.contact__submit {width: 100%;display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 16px;background-color: var(--color-primary);color: var(--text-white);font-size: var(--fs-body);font-weight: 300;line-height: var(--lh-default);border-radius: var(--radius-btn);transition: var(--transition);--stroke-0: var(--text-white);--fill-0: var(--text-white);border:0;}
.contact__submit:hover {background-color: #333;color: var(--text-white);}
.contact__submit-icon {width: 16px;height: 16px;flex-shrink: 0;}
@media (max-width: 1200px) {
  .hero__inner {padding: 0 var(--container-px);min-height: 720px;}
  .product-series__feature {height: 600px;}
  .product-series__feature-overlay {top: 120px;padding-left: 60px;max-width: 560px;}
  .product-series__categories {padding-bottom: 1px;}
  .scene-app__card--large {flex: 1 1 60%;}
  .scene-app__card--small {flex: 1 1 calc(40% - 12px);width: auto;}
  .scene-app__row--grid {grid-template-columns: repeat(2, 1fr);}
  .why-us__grid {grid-template-columns: repeat(2, 1fr);}
  .contact__inner {gap: 48px;}
}
@media (max-width: 992px) {
  .hero {min-height: auto;}
  .hero__inner {padding: 0 var(--container-px);min-height: auto;}
  .product-series{padding: 42px 0 62px;}
  .product-series__feature {height: 520px;}
  .product-series__feature-overlay {top: 72px;padding-left: 40px;max-width: 460px;}
  .product-series__category-btn {min-height: 88px;padding: 18px 10px;}
  .about__inner {flex-direction: column;}
  .about__media {flex: 1 1 auto;width: 100%;height: 400px;min-height: 0;}
  .about__content {padding: 48px var(--container-px);}
  .about__stats {gap: 24px 0;}
  .about__stat {flex: 1 1 50%;margin-bottom: 24px;}
  .about__stat:nth-child(3) {border-left: none;padding-left: 0;}
  .contact__inner {grid-template-columns: 1fr;gap: 48px;}
  .contact__info {padding-right: 0;}
  .why-us__header {flex-direction: column;gap: 24px;margin-bottom: 68px;}
  .why-us__header-left {max-width: 100%;}
  .hero__title{font-size: 18px;}
  .product-series__feature-title{font-size: 32px;}
  .hero .btn-light-custom{font-size: 12px;padding:6px 16px;}
  .hero__text-link{font-size: 12px;}  
  .hero .swiper-pagination {bottom: 5px;}
}
@media (max-width: 768px) {
  .hero__inner {padding: 0 var(--container-px);}
  .hero__actions {align-items: center;gap: 20px;}
  .hero__subtext {font-size: 16px;line-height: 26px;margin-bottom: 32px;}
  .product-series__header {flex-direction: column;align-items: flex-start;gap: 16px;}
  .product-series__feature {height: 560px;}
  .product-series__feature-img {position: absolute;inset: 0;z-index: 0;}
  .product-series__feature-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 136px;z-index: 2;max-width: 100%;padding: 32px 24px 24px;display: flex;flex-direction: column;justify-content: center;}
  .product-series__categories {left: 0;right: 0;}
  .product-series__categories .swiper-wrapper {display: flex;padding: 0;}
  .product-series__category {width: auto;}
  .product-series__category-btn {min-width: 136px;min-height: 96px;padding: 16px 14px;border-right: none;}
  .product-series__category:last-child .product-series__category-btn {border-right: none;}
  .scene-app__header {flex-direction: column;align-items: flex-start;gap: 16px;}
  .scene-app__row {flex-direction: column;}
  .scene-app__card--large,
  .scene-app__card--small {width: 100%;flex: 1 1 auto;height: 420px;}
  .scene-app__row--grid {grid-template-columns: 1fr;}
  .about__media {height: 300px;}
  .about__content {padding: 40px var(--container-px);}
  .about__stats {flex-direction: column;gap: 24px;}
  .about__stat {flex: 1 1 auto;padding-left: 0;border-left: none;padding-bottom: 24px;border-bottom: 1px solid var(--border-default);}
  .about__stat:last-child {border-bottom: none;padding-bottom: 0;}
  .why-us {padding: 60px 0;}
  .why-us__grid {grid-template-columns: 1fr;}
  .contact {padding: 60px 0;}
  .contact__row {flex-direction: column;gap: 16px;}
}
@media (max-width: 576px) {
  .hero__eyebrow {margin-bottom: 24px;}
  .hero__eyebrow-text {font-size: 14px;letter-spacing: 2px;}
  .hero__title {margin-bottom: 24px;}
  .product-series__feature {height: 520px;}
  .product-series__feature-overlay {bottom: 128px;padding: 24px 20px 20px;}
  .product-series__feature-desc {margin-bottom: 24px;}
  .product-series__category-btn {min-width: 124px;min-height: 92px;padding: 14px 12px;}
  .scene-app__card-body {padding: 20px;}
  .contact__title {margin-bottom: 16px;}
  .contact__desc {margin-bottom: 32px;}
}