/* Complete Mobile-First Responsive Design for L採用Plus */

/* ===== MOBILE BREAKPOINT: 768px and below ===== */
@media screen and (max-width: 768px) {

    /* ===== BODY PADDING FOR FIXED HEADER ===== */
    body {
        padding-top: 70px; /* ヘッダーの高さ分の余白を確保 */
    }

    /* ===== HEADER SECTION ===== */
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        border-bottom: 6px solid #11B981; /* Thinner on mobile */
        z-index: 1000;
    }

    .header-content {
        padding: 12px 0;
        gap: 16px;
    }

    .logo-text {
        font-size: 20px;
        margin-left: 0;
    }

    .logo-text::after {
        top: -6px;
        right: -8px;
        font-size: 0.75em;
    }

    /* Hide navigation menu on mobile */
    .header-nav {
        display: none;
    }

    /* Mobile Hamburger Menu (if needed) */
    .mobile-menu-toggle {
        display: flex;
        flex-direction: column;
        width: 28px;
        height: 20px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
    }

    .mobile-menu-toggle span {
        display: block;
        height: 3px;
        width: 100%;
        background-color: #11B981;
        margin-bottom: 3px;
        transition: all 0.3s;
    }

    /* CTA Button - Show text on mobile */
    .cta-button {
        padding: 10px 16px;
        border-radius: 9999px;
        min-width: auto;
        font-size: 14px;
        height: auto;
        width: auto;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cta-button .cta-text {
        display: block;
    }

    .cta-button::before {
        display: none;
    }

    /* ===== HERO SECTION ===== */
    .hero {
        min-height: 60vh;
        padding: 16px 0;
        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    }

    .content-container-1st {
        padding: 8px 16px;
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        gap: 32px;
        text-align: center;
        align-items: center;
    }

    .hero-text {
        order: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 16px;
    }
	

    .hero-image {
        order: 2;
        width: 80%;
        transform: none;
		padding-top: -20px;
        margin-top: 0px;
        position: relative;
    }

    /* Hero Badge - Mobile optimized */
    .hero-badge {
        font-size: 37px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-top: 0px;
		padding-bottom: -10px;
		margin-top: -8px;
        margin-bottom: -10px;
        flex-wrap: wrap;
        line-height: 0.7;
    }
	.badge-highlight {
		font-size: 37px;
	}
	.badge-zero {
		font-size: 37px;
	}
	.badge-normal {
		font-size: 33px;
	}

    .hero-subtitle {
        font-size: 16px;
        width: 100%;
        text-align: center;
        margin: 0;
		margin-bottom: -10px;
        font-weight: 700;
    }

    .hero-title {
        font-size: 78px;
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
        margin-bottom: 0;
    }

    .hero-title .kanji-small {
        font-size: 0.9em;
    }

    .hero-title::after {
        right: 15vw;
        top: -12px;
        font-size: 0.6em;
    }

    /* Mobile CTA Text - Positioned above button */
    .hero-cta-text-above {
        position: static;
        font-size: 14px;
        color: #212121;
        margin: 22px 0 8px 0;
        font-weight: 600;
        order: 3;
        text-align: center;
        width: 100%;
    }

    /* Order for the link wrapper containing the hero CTA button */
    .hero-text .GTM_cv_click {
        order: 4;
    }

    /* Show desktop hero CTA on mobile, adjusted for mobile */
    .hero-cta {
        display: inline-flex;
        margin-top: 0px;
        padding: 14px 36px;
        font-size: 18px;
        min-width: 280px;
        border-radius: 30px;
        align-self: center;
    }

    .hero-main-image {
		dispaley: none;
        max-width: 100%;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Hide side images on mobile */
    .hero-side-image {
        display: none;
    }

    /* ===== WHAT SECTION ===== */
    .what-section {
        padding: 48px 0;
    }

    .what-container {
        border-radius: 15px;
        margin: 0 16px;
    }

    .what-header {
        padding: 16px 0;
    }

    .what-title {
        font-size: 24px;
    }

    .what-content {
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: 32px 20px;
        text-align: center;
    }

    .what-image {
        order: 2;
        width: 100%;
    }

    .what-text {
        order: 1;
        gap: 24px;
    }

    .subtitle-line1 {
        font-size: 24px;
    }

    .subtitle-line2 {
        font-size: 28px;
    }

    .what-description p {
        font-size: 16px;
        line-height: 1.7;
    }

    /* ===== NAYAMI SECTION ===== */
    .nayami-section {
        padding: 48px 0;
    }

    .nayami-header {
        display: flex;
        flex-direction: column;
    }

    .nayami-title {
        font-size: 28px;
        margin-bottom: 24px;
        transform: none;
        text-align: center;
        order: 2;
    }

    .nayami-image {
        position: static;
        width: 70px;
        margin: 0 auto 16px auto;
        display: block;
        order: 1;
    }

    .nayami-divider {
        order: 3;
    }

    .nayami-vertical-line {
        order: 4;
        top: calc(50% + 86px);
    }

    .nayami-content {
        gap: 16px;
        padding: 0 16px;
    }

    .nayami-item {
        padding: 20px 24px;
        width: 100%;
        max-width: 100%;
        border-radius: 25px;
    }

    .nayami-item::before,
    .nayami-item::after {
        display: none; /* Hide decorative circles on mobile */
    }

    .nayami-item p {
        font-size: 16px;
        text-align: center;
        margin-left: 0;
        line-height: 1.6;
    }

    .highlight-text {
        font-size: 1.1em;
        font-weight: 700;
    }

    /* ===== KAIKETSU SECTION ===== */
    .kaiketsu-section {
        padding: 48px 0 80px 0;
    }

    .kaiketsu-header {
        display: flex;
        flex-direction: column;
    }

    .kaiketsu-title {
        font-size: 28px;
        margin-bottom: 24px;
        transform: none;
        text-align: center;
        order: 2;
    }

    .kaiketsu-image {
        position: static;
        width: 70px;
        margin: 0 auto 16px auto;
        display: block;
        order: 1;
    }

    .kaiketsu-divider {
        order: 3;
    }

    .kaiketsu-vertical-line {
        order: 4;
        top: calc(50% + 88px);
    }

    .kaiketsu-content {
        gap: 48px;
        padding: 0 16px;
    }

    .kaiketsu-item {
        display: flex;
        flex-direction: column;
        gap: 24px;
        text-align: center;
    }

    .kaiketsu-item.reverse {
        flex-direction: column;
        direction: ltr;
    }

    .kaiketsu-text {
        order: 1;
        gap: 16px;
    }

    .kaiketsu-img {
        order: 2;
        width: 100%;
        justify-content: center;
    }

    .kaiketsu-subtitle {
        font-size: 22px;
        line-height: 1.3;
        text-align: center;
    }

    .kaiketsu-description {
        font-size: 16px;
        text-align: left;
        line-height: 1.7;
    }

    /* ===== WHY LINE SECTION ===== */
    .why-line-section {
        padding: 48px 0;
        background-size: cover;
        background-position: center;
    }

    .why-line-header {
        margin-bottom: 80px;
        margin-top: -40px;
    }

    .why-line-title {
        font-size: 20px;
    }

    .why-line-subtitle-container {
        flex-direction: column-reverse;
        gap: 16px;
        text-align: center;
    }

    .why-line-subtitle {
        font-size: 24px;
        text-align: center;
        padding: 0;
    }

    .why-line-subtitle-marker {
        bottom: -5px;
        left: -20px;
        right: -20px;
        height: 15px;
    }

    .why-line-subtitle-image {
        transform: none;
        align-self: center;
    }

    .why-line-description {
        text-align: center;
        padding: 0 16px;
    }

    .why-line-description p {
        font-size: 16px;
    }

    .why-line-images {
        flex-direction: column;
        gap: 16px;
        padding: 0 16px;
    }

    .why-line-image-placeholder {
        width: 100%;
        height: 240px;
    }

    /* ===== SERVICE CONTENT SECTION ===== */
    .service-content-section {
        padding: 48px 0;
    }

    .service-content-header {
        display: flex;
        flex-direction: column;
    }

    .service-content-title {
        font-size: 28px;
        transform: none;
        text-align: center;
        order: 2;
    }

    .service-content-image {
        position: static;
        width: 70px;
        margin: 0 auto 16px auto;
        display: block;
        order: 1;
    }

    .service-content-divider {
        order: 3;
    }

    .service-content-vertical-line {
        order: 4;
        top: calc(50% + 85px);
    }

    .service-content-grid {
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: 0 16px;
    }

    .service-content-item {
        margin-top: 40px;
    }

    .service-content-number {
        top: -45px;
        left: 16px;
        font-size: 40px;
    }

    .service-content-subtitle {
        font-size: 18px;
        padding: 16px;
        height: auto;
        min-height: 80px;
        border-radius: 15px 15px 0 0;
    }

    .service-content-body {
        padding: 32px 16px;
        gap: 20px;
    }

    .service-content-description {
        font-size: 14px;
        line-height: 1.6;
    }

    /* ===== PRICING SECTION ===== */
    .pricing-section {
        padding: 48px 0 80px 0;
        background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('img/price_04.png');
    }

    .pricing-header {
        display: flex;
        flex-direction: column;
    }

    .pricing-title {
        font-size: 28px;
        transform: none;
        text-align: center;
        order: 2;
    }

    .pricing-image {
        position: static;
        width: 70px;
        margin: 0 auto 16px auto;
        display: block;
        order: 1;
    }

    .pricing-divider {
        order: 3;
    }

    .pricing-vertical-line {
        order: 4;
        top: calc(50% + 75px);
    }

    .pricing-content {
        padding: 0 10px;
        max-width: 100%;
        margin: 0;
    }

    .pricing-unified-column {
        flex-direction: row;
        gap: 0;
        padding: 24px 0;
        min-width: auto;
        width: 100%;
        border-radius: 15px;
        position: relative;
    }

    .pricing-unified-column::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 1px;
        height: 60%;
        background-color: #11B981;
        opacity: 0.3;
        z-index: 1;
    }

    .pricing-item {
        text-align: center;
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 12px;
        position: relative;
        padding: 0 12px;
    }

    .pricing-amount {
        font-size: 36px;
        order: 2;
    }

    .pricing-amount.monthly {
        font-size: 28px;
        order: 2;
    }

    .pricing-label {
        font-size: 18px;
        margin-bottom: 0;
        order: 1;
    }

    .pricing-sparkle-left {
        position: absolute;
        top: 8px;
        left: 8px;
        width: 30px;
        height: auto;
        z-index: 20;
    }

    .pricing-sparkle-right {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 30px;
        height: auto;
        z-index: 20;
    }

    /* Comparison Table - Mobile Scroll */
    .sp-br {
        display: inline;
    }

    .comparison-table-container {
        margin: 32px 0;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        padding: 0;
    }

    .comparison-table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: auto !important;
        font-size: 11px;
    }

    .comparison-table th {
        font-size: 12px;
        padding: 10px 4px;
    }

    .comparison-table th:first-child {
        font-size: 13px;
        padding-left: 4px !important;
        text-align: left !important;
    }

    /* 1列目: 120px */
    .comparison-table th:nth-child(1),
    .comparison-table td:nth-child(1) {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
    }

    /* 2列目: 55px */
    .comparison-table th:nth-child(2),
    .comparison-table td:nth-child(2) {
        width: 55px !important;
        min-width: 55px !important;
        max-width: 55px !important;
    }

    /* 3列目: 55px */
    .comparison-table th:nth-child(3),
    .comparison-table td:nth-child(3) {
        width: 55px !important;
        min-width: 55px !important;
        max-width: 55px !important;
    }

    /* 4列目: 55px */
    .comparison-table th:nth-child(4),
    .comparison-table td:nth-child(4) {
        width: 55px !important;
        min-width: 55px !important;
        max-width: 55px !important;
    }

    /* 5列目: 55px */
    .comparison-table th:nth-child(5),
    .comparison-table td:nth-child(5) {
        width: 55px !important;
        min-width: 55px !important;
        max-width: 55px !important;
    }

    .comparison-table td {
        padding: 10px 4px;
        font-size: 11px;
    }

    .comparison-table td:first-child {
        font-size: 12px;
        padding-left: 4px !important;
        text-align: left !important;
    }

    /* ===== CTA SECTION ===== */
    .cta-section {
        padding: 48px 0 60px 0;
    }

    .cta-section::before {
        width: 432px;
        height: 432px;
        top: -325px;
    }

    .cta-title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 24px;
    }

    .cta-main-button {
        font-size: 20px;
        min-width: 280px;
        padding: 16px 32px;
        border-radius: 30px;
    }

    /* ===== SUPPORT SECTION ===== */
    .support-section {
        padding: 48px 0;
    }

    .support-header {
        display: flex;
        flex-direction: column;
    }

    .support-title {
        font-size: 28px;
        text-align: center;
        order: 2;
    }

    .support-image-left {
        display: none;
    }

    .support-image-right {
        position: static;
        width: 70px;
        margin: 0 auto 16px auto;
        display: block;
        order: 1;
    }

    .support-divider {
        order: 3;
    }

    .support-vertical-line {
        order: 4;
        top: calc(50% + 83px);
    }

    .support-content {
        gap: 24px;
        padding: 0 16px;
    }

    .support-item {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 24px 20px;
        text-align: center;
        transform: none;
    }

    .support-item.fade-in {
        transform: none;
    }

    .support-text {
        order: 1;
        gap: 16px;
    }

    .support-img {
        order: 2;
        width: 100%;
    }

    .support-subtitle {
        font-size: 20px;
        flex-direction: column;
        gap: 8px;
        text-align: center;
        line-height: 1.4;
    }

    .support-number {
        font-size: 32px;
        align-self: center;
    }

    .support-description {
        font-size: 15px;
        text-align: left;
        line-height: 1.6;
    }

    /* ===== CASE STUDY SECTION ===== */
    .case-study-section {
        padding: 48px 0;
    }

    .case-study-header {
        display: flex;
        flex-direction: column;
    }

    .case-study-title {
        font-size: 28px;
        transform: none;
        text-align: center;
        order: 2;
    }

    .case-study-image {
        position: static;
        width: 70px;
        margin: 0 auto 16px auto;
        display: block;
        order: 1;
    }

    .case-study-divider {
        order: 3;
    }

    .case-study-vertical-line {
        order: 4;
        top: calc(50% + 103px);
    }

    .case-study-content {
        overflow: hidden !important;
        width: 100%;
    }

    .case-study-slider-container {
        flex-direction: column;
        gap: 20px;
        padding: 0 16px;
    }

    .case-study-controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-top: 20px;
    }

    .case-study-nav-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        padding: 0;
    }

    .case-study-nav-button svg {
        width: 20px;
        height: 20px;
    }

    .case-study-indicators {
        gap: 8px;
    }

    .case-study-slider {
        width: 300% !important;
        display: flex !important;
    }

    .case-study-card {
        width: 33.333% !important;
        padding: 16px 16px;
        border-radius: 15px;
        flex-shrink: 0 !important;
    }

    .case-study-columns {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .case-study-left-column {
        order: 2;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        align-items: center;
    }

    .case-study-right-column {
        order: 3;
        gap: 12px;
        text-align: left;
        margin-top: 0px;
    }

    .company-name {
        font-size: 20px;
        text-align: center;
        order: 1;
        width: 100%;
        margin-bottom: -8px;
    }

    .company-info {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .company-detail {
        font-size: 16px;
    }

    .case-study-subtitle {
        font-size: 18px;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 12px;
    }

    .case-study-section-title {
        font-size: 16px;
    }

    .case-study-list li {
        font-size: 14px;
        line-height: 1.5;
    }

    /* ===== DONYU SECTION ===== */
    .donyu-section {
        padding: 48px 0;
    }

    .donyu-title {
        font-size: 28px;
        transform: none;
        text-align: center;
    }

    .donyu-image {
        position: absolute;
        top: -15px;
        right: 20px;
        width: 60px;
    }

    .donyu-content {
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: 0 16px;
    }

    .donyu-item {
        padding: 0;
        border-radius: 15px;
        text-align: left;
        display: flex;
        flex-direction: column;
    }

    .donyu-number {
        top: -40px;
        left: 16px;
        font-size: 36px;
    }

    .donyu-subtitle {
        font-size: 18px;
        padding: 12px 16px;
        margin: 0;
        border-radius: 15px 15px 0 0;
        text-align: center;
    }

    .donyu-item-content {
        display: grid;
        grid-template-columns: 1fr 3fr;
        gap: 12px;
        padding: 16px;
        align-items: flex-start;
    }

    .donyu-icon {
        width: 100%;
        height: auto;
        margin: 0;
        display: flex;
        align-items: flex-start;
    }

    .donyu-icon img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .donyu-description {
        font-size: 14px;
        padding: 0;
        text-align: left;
        line-height: 1.6;
        margin: 0;
    }

    .donyu-arrow {
        display: none; /* Hide arrows on mobile */
    }

    /* ===== MEDIA CASES SECTION ===== */
    .media-cases-section {
        padding: 48px 0;
    }

    .media-cases-title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 32px;
    }

    .media-cases-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 16px;
        padding: 0 16px;
        flex-direction: initial !important;
    }

    .media-case-item {
        max-width: none;
        width: 100%;
    }

    .media-case-label {
        padding: 10px 8px;
        height: auto;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .media-case-label p {
        font-size: 12px;
        line-height: 1.3;
    }

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

    /* ===== FAQ SECTION ===== */
    .faq-section {
        padding: 48px 0 120px 0;
    }

    .faq-title {
        font-size: 28px;
        transform: none;
        text-align: center;
    }

    .faq-image {
        position: absolute;
        top: -60px;
        right: 20px;
        width: 80px;
    }

    .faq-content {
        gap: 16px;
        padding: 0 16px;
    }

    .faq-question {
        padding: 16px 20px;
    }

    .faq-q {
        font-size: 18px;
    }

    .faq-question-text {
        font-size: 16px;
        line-height: 1.4;
    }

    .faq-toggle {
        font-size: 20px;
        width: 24px;
        height: 24px;
    }

    .faq-answer-content {
        padding: 20px;
    }

    .faq-a {
        font-size: 18px;
    }

    .faq-answer-text {
        font-size: 15px;
        line-height: 1.6;
    }

    /* ===== FAQ CTA SECTION ===== */
    .faq-cta-section {
        padding: 48px 0 60px 0;
    }

    .faq-cta-section::before {
        width: 432px;
        height: 432px;
        top: -325px;
    }

    .faq-cta-title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 32px;
    }
	.faq-cta-content {
		width: 100%;
	}

    .content-container-form {
        width: 100%;
        padding: 0 16px;
		font-size: 50%;
    }

    /* ===== FOOTER ===== */
    .footer {
        padding: 24px 0 16px 0;
    }

    .footer-columns {
        display: flex;
        flex-direction: column;
        gap: 20px;
        text-align: left;
    }

    .footer-column p {
        font-size: 13px;
        line-height: 1.4;
    }

    .footer-copyright p {
        font-size: 11px;
    }
	.monthly-label {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.monthl {
		padding-top: 0px;
		margin-top: 0px;
	}
	.pricing-item:last-child {
    gap:20px;
	}
}

/* ===== SMALL MOBILE: 480px and below ===== */
@media screen and (max-width: 480px) {
	.sp-none {
		display:none;
	}
    .hero-main-image {
		dispaley: none;
    }
    .hero-main-image-sp {
		dispaley: none;
    }
    .hero-title {
        font-size: 66px;
		font-size: 54px;
    }
	.hero-text {
		padding-top: 10px;
	}

    .hero-subtitle {
        font-size: 25px;
		margin-bottom: -20px;
    }

    .hero-badge {
        font-size: 48px;
		padding-bottom: 10px;
    }

    .nayami-title,
    .kaiketsu-title,
    .service-content-title,
    .pricing-title,
    .support-title,
    .case-study-title,
    .donyu-title,
    .faq-title {
        font-size: 24px;
    }
	.nayami-content p {
		font-size: 14px
	}
	.kaiketsu-title .large-char {
		font-size: 24px;
	}
    .what-container {
        border-radius: 15px;
        margin: 0 10px;
    }
	
	.what-subtitle {
		margin-top: 0px;
	}

    .what-description p {
        font-size: 14.5px;
        line-height: 1.4;
    }
    .what-image {
		text-align: center;
        order: 2;
		margin-right: auto;
		margin-left: auto;
        width: 80%;
    }
	.kaiketsu-header {
		padding-bottom: 0;
		margin-bottom: 30px;
	}
	.service-content-header {
		padding-bottom: 0;
		margin-bottom: 30px;
	}
	.pricing-header {
		padding-bottom: 0;
		margin-bottom: 30px;
	}
	.support-header {
		padding-bottom: 0;
		margin-bottom: 30px;
	}
	.donyu-header {
		padding-bottom: 0;
		margin-bottom: 50px;		
	}
	.faq-header {
		padding-bottom: 0;
		margin-bottom: 30px;
	}
	.donyu-vertical-line {
		position: absolute;
		top: 60px;
	}
	.faq-vertical-line {
		position: absolute;
		top: 60px;
	}

    .cta-title,
    .faq-cta-title {
        font-size: 17px;
		margin-bottom: 0px;
		padding-bottom: 0px;
    }

    .hero-cta,
    .cta-main-button {
        min-width: 290px;
        font-size: 19px;
        padding: 14px 28px;
		margin-top: -10px;
    }

    .media-cases-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
	.company-image {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		grid-column: 2;
		grid-row: 1;
	}

	.company-image img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}
    .donyu-icon {
        width: 70px;
        height: 70px;
        margin: 0px auto;
    }
	.content-container-form {
		width: 100vw;
		padding: 0;
		margin: 0 10px 0;
	}
	.support-img {
        width: 50%;
	}
}

/* ===== DESKTOP: 769px and above ===== */
@media screen and (min-width: 769px) {
    /* Hide mobile-specific elements */
    .mobile-menu-toggle {
        display: none;
    }

    /* Show desktop navigation */
    .header-nav {
        display: flex;
    }

    /* Show desktop hero CTA */
    .hero-cta {
        display: inline-flex;
    }
}