/* Hero Section - Desktop Styles */
.hero {
    min-height: 100vh;
    padding-top: 15.3125rem; /* Account for fixed header 91px + content padding */
}

/* Background Light C - Desktop */
.hero-bg-light {
    width: 58.688rem; /* 939px */
    height: 30rem; /* 480px */
    position: absolute;
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    flex-shrink: 0;
    border-radius: 58.688rem; /* 939px */
    background: #FFF;
    filter: blur(200px);
    mix-blend-mode: normal;
}

/* Hero Content Container - Desktop */
.hero-content {
    width: 89.813rem; /* 1437px container */
    max-width: 95%;
    padding: 0; /* No padding on desktop */
    flex-direction: row; /* Horizontal on desktop */
    align-items: center;
    gap: 4.25rem; /* 68px gap between content and video */
    justify-content: space-between;
}

/* Section A - Text Content - Desktop */
.hero-text {
    flex: 1;
    align-items: flex-start; /* Left align on desktop */
}

/* X - Hero Title - Desktop */
.hero-title {
    text-align: left;
    font-size: 3.75rem; /* 60px */
    line-height: 1.3; /* 60px - 100% */
}

/* Y - Hero Description - Desktop */
.hero-description {
    text-align: left;
    font-size: 1.5rem; /* 28px */
    max-width: 40rem;
}

/* Z - Hero Buttons - Desktop */
.hero-buttons {
    flex-direction: row; /* Horizontal on desktop */
    gap: 1.688rem; /* 27px gap same as mobile */
    width: auto;
}

.btn-primary,
.btn-secondary {
    align-self: auto;
    width: auto;
}

/* Section B - Video - Desktop */
.hero-media {
    flex: 1;
    max-width: 43.731rem; /* 699.695px */
    text-align: left;
}

/* Video Placeholder - Desktop */
.video-placeholder {
    width: 43.731rem; /* 699.695px */
    height: 24.599rem; /* 393.579px */
    padding: 10.601rem 15.475rem; /* 169.623px 247.595px */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.855rem; /* 13.679px */
    background: url('../../../../assets/img/product/hero/hero-bg.png') lightgray 0px -109.796px / 100% 130.769% no-repeat;
}

/* Video Logo - Desktop */
.video-logo {
    width: 12.713rem; /* 203.404px */
    height: 3.420rem; /* 54.717px */
    position: relative;
}

/* Play Button - Desktop positioning */
.play-button {
    position: absolute;
    bottom: 0.906rem; /* 14.5px */
    right: 0.906rem; /* 14.5px */
    width: 4rem;
    height: 4rem;
}