@media (max-width: 767px) {
    html,
    body {
        overflow-x: hidden;
    }

    body {
        min-width: 0;
    }

    .landing-page {
        overflow-x: clip;
    }

    .landing-container {
        width: 100%;
        max-width: 100%;
        padding: 16px 14px 34px;
    }

    .hero-stage,
    .benefits-section,
    .cta-card {
        border-radius: 24px;
    }

    .construction-notice {
        margin-top: 18px;
        padding: 10px 12px;
        border-radius: 14px;
        font-size: 0.8rem;
        line-height: 1.55;
        text-align: left;
    }

    .contact-modal {
        padding: 16px;
    }

    .contact-modal__dialog {
        width: min(100%, 100%);
        border-radius: 24px;
    }

    .contact-modal__content {
        gap: 18px;
        padding: 24px 18px 20px;
    }

    .contact-modal__close {
        top: 12px;
        right: 12px;
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .contact-modal__eyebrow {
        font-size: 0.74rem;
        letter-spacing: 0.18em;
    }

    .contact-modal__content h2 {
        margin: -8px 0 0;
        font-size: clamp(1.72rem, 7.3vw, 2.1rem);
        line-height: 1.08;
    }

    .contact-modal__description {
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.65;
    }

    .contact-modal__info-grid,
    .contact-modal__actions {
        grid-template-columns: 1fr;
    }

    .contact-modal__info-grid {
        display: grid;
        gap: 12px;
    }

    .contact-modal__info-item {
        gap: 8px;
        padding: 14px 14px 16px;
        border-radius: 18px;
    }

    .contact-modal__label {
        font-size: 0.72rem;
        letter-spacing: 0.14em;
    }

    .contact-modal__value {
        font-size: 1rem;
        line-height: 1.55;
    }

    .contact-modal__actions {
        display: grid;
        gap: 12px;
    }

    .contact-modal__action {
        gap: 10px;
        width: 100%;
        min-height: 52px;
        padding: 14px 16px;
        border-radius: 16px;
        font-size: 0.92rem;
        letter-spacing: 0.05em;
    }

    .contact-modal__legal-link {
        justify-self: center;
        text-align: center;
        font-size: 0.88rem;
    }

    .hero-stage {
        min-height: auto;
        padding: 24px 16px 22px;
    }

    .hero-stage__ornament--left {
        top: -78px;
        left: -82px;
        width: 180px;
        height: 180px;
    }

    .hero-stage__ornament--right {
        right: -96px;
        bottom: -48px;
        width: 190px;
        height: 190px;
    }

    .hero-brand-row,
    .brand-lockup,
    .hero-layout {
        display: grid;
        gap: 12px;
    }

    .hero-brand-row {
        justify-content: center;
    }

    .brand-lockup {
        grid-template-columns: 72px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
    }

    .crest-frame,
    .crest-image,
    .asset-fallback--crest {
        width: 72px;
        height: 72px;
    }

    .crest-frame {
        padding: 8px;
        border-radius: 18px;
    }

    .logo-frame,
    .logo-image,
    .asset-fallback--logo {
        width: 100%;
        height: 64px;
    }

    .logo-frame {
        justify-content: flex-start;
        padding: 10px 12px;
        border-radius: 18px;
    }

    .logo-image {
        max-width: 176px;
        max-height: 38px;
    }

    .brand-copy {
        gap: 8px;
        min-width: 0;
    }

    .hero-claim {
        font-size: 0.72rem;
        letter-spacing: 0.16em;
        line-height: 1.45;
    }

    .brand-header--landing {
        gap: 16px;
        justify-items: center;
        text-align: center;
        padding-block: 2px 10px;
    }

    .brand-header--landing .brand-header__lockup {
        grid-template-columns: 1fr;
        justify-items: center;
        align-items: center;
        gap: 12px;
        width: min(100%, 340px);
        margin-inline: auto;
    }

    .brand-header--landing .brand-crest,
    .brand-header--landing .brand-crest .crest-image,
    .brand-header--landing .brand-crest .asset-fallback--crest {
        width: clamp(96px, 30vw, 132px);
        height: clamp(96px, 30vw, 132px);
    }

    .brand-header--landing .brand-crest {
        padding: clamp(9px, 2.5vw, 12px);
        border-radius: 22px;
    }

    .brand-header--landing .brand-wordmark,
    .brand-header--landing .brand-wordmark .logo-image,
    .brand-header--landing .brand-wordmark .asset-fallback--logo {
        width: min(100%, 320px);
        height: clamp(82px, 23vw, 108px);
    }

    .brand-header--landing .brand-wordmark {
        justify-content: center;
        padding: 12px 16px;
        border-radius: 22px;
    }

    .brand-header--landing .brand-wordmark .logo-image {
        max-width: clamp(230px, 68vw, 306px);
        max-height: clamp(52px, 15vw, 72px);
    }

    .brand-header--landing .brand-header__copy {
        align-items: center;
        gap: 10px;
        text-align: center;
    }

    .brand-header--landing .brand-header__claim {
        max-width: min(100%, 320px);
        font-size: clamp(0.82rem, 2.95vw, 0.98rem);
        letter-spacing: clamp(0.1em, 0.42vw, 0.15em);
        line-height: 1.5;
        text-align: center;
        margin-inline: auto;
    }

    .hero-layout {
        grid-template-columns: 1fr;
        align-items: start;
        margin-top: 18px;
        gap: 16px;
    }

    .hero-copy-panel,
    .hero-visual-panel {
        min-width: 0;
    }

    .hero-title {
        max-width: none;
        font-size: clamp(2rem, 10.2vw, 2.75rem);
        line-height: 1;
        text-wrap: balance;
    }

    .hero-subheadline {
        margin-top: 12px;
        font-size: 0.9rem;
        line-height: 1.4;
        letter-spacing: 0.06em;
    }

    .hero-divider {
        width: 104px;
        margin: 18px 0 14px;
    }

    .hero-text-group {
        gap: 10px;
    }

    .hero-text-group p,
    .section-subtitle,
    .benefit-item p {
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .visual-card {
        min-height: auto;
        padding: 16px 15px;
        border-radius: 22px;
    }

    .visual-card__headline {
        font-size: 0.94rem;
        line-height: 1.46;
        letter-spacing: 0.04em;
    }

    .visual-card__line {
        margin: 14px 0 16px;
    }

    .visual-card__stack {
        margin-top: 0;
        gap: 10px;
    }

    .visual-badge {
        padding: 12px 13px 13px;
        border-radius: 18px;
    }

    .visual-badge__label {
        font-size: 0.68rem;
        letter-spacing: 0.14em;
    }

    .visual-badge strong {
        margin-top: 8px;
        font-size: 0.9rem;
        line-height: 1.48;
    }

    .category-section {
        padding-top: 28px;
    }

    .section-kicker {
        font-size: 0.72rem;
        letter-spacing: 0.14em;
    }

    .section-heading h2 {
        margin: 12px 0 10px;
        font-size: 1.8rem;
        line-height: 1.16;
        text-wrap: balance;
    }

    .category-grid {
        margin-top: 24px;
        row-gap: 14px;
    }

    .category-card {
        border-radius: 24px;
        padding: 16px;
    }

    .category-card__header {
        gap: 12px;
    }

    .vehicle-card {
        --vehicle-card-index-size: clamp(46px, 11vw, 54px);
        --vehicle-card-icon-size: clamp(58px, 16vw, 74px);
        --vehicle-card-header-balance: clamp(10px, 3vw, 16px);
    }

    .vehicle-card-header {
        grid-template-columns: var(--vehicle-card-index-size) minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        padding-right: var(--vehicle-card-header-balance);
    }

    .category-number {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 1.25rem;
    }

    .vehicle-card-index {
        width: var(--vehicle-card-index-size);
        height: var(--vehicle-card-index-size);
        border-radius: 15px;
        font-size: clamp(1.16rem, 4vw, 1.3rem);
    }

    .category-icon-frame,
    .category-icon,
    .asset-fallback--icon {
        width: 42px;
        height: 42px;
    }

    .vehicle-card-icon-frame,
    .vehicle-card-icon-frame .vehicle-card-icon,
    .vehicle-card-icon-frame .asset-fallback--icon {
        width: var(--vehicle-card-icon-size);
        height: var(--vehicle-card-icon-size);
    }

    .vehicle-card-icon-frame {
        justify-self: center;
    }

    .category-image-frame,
    .category-image,
    .asset-fallback--image {
        height: 164px;
        border-radius: 20px;
    }

    .category-image-frame {
        margin-top: 14px;
        padding: 14px;
    }

    .category-body {
        gap: 8px;
        padding-top: 16px;
    }

    .category-title {
        min-height: 0;
        font-size: 1.28rem;
        line-height: 1.25;
    }

    .category-highlight {
        font-size: 0.82rem;
        letter-spacing: 0.12em;
    }

    .category-button {
        min-height: 46px;
        margin-top: 18px;
        padding: 13px 18px;
        border-radius: 16px;
        font-size: 0.88rem;
        letter-spacing: 0.09em;
    }

    .benefits-section {
        margin-top: 28px;
        padding: 10px;
    }

    .benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .benefit-item {
        padding: 16px 14px 18px;
        border-right: 0;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.02);
    }

    .benefit-icon-frame,
    .benefit-icon,
    .asset-fallback--benefit {
        width: 40px;
        height: 40px;
    }

    .benefit-item h3 {
        margin: 14px 0 10px;
        font-size: 0.88rem;
        line-height: 1.42;
        letter-spacing: 0.08em;
    }

    .cta-section {
        padding-top: 24px;
    }

    .cta-card {
        width: 100%;
        min-width: 0;
        justify-content: flex-start;
        gap: 14px;
        padding: 18px 16px;
        border-radius: 22px;
    }

    .cta-icon-frame,
    .cta-icon,
    .asset-fallback--cta {
        width: 46px;
        height: 46px;
    }

    .cta-copy {
        align-items: flex-start;
        gap: 4px;
        min-width: 0;
    }

    .cta-headline {
        font-size: 0.9rem;
        letter-spacing: 0.11em;
    }

    .cta-subline {
        font-size: 1.08rem;
        line-height: 1.32;
        letter-spacing: 0.03em;
    }

    .pkw-package-section {
        padding-top: 8px;
    }

    .package-stage,
    .package-benefits-section,
    .package-footer,
    .package-card {
        border-radius: 24px;
    }

    .package-stage {
        padding: 20px 16px 22px;
    }

    .package-stage__ornament--left {
        top: -72px;
        left: -84px;
        width: 170px;
        height: 170px;
    }

    .package-stage__ornament--right {
        right: -88px;
        top: auto;
        bottom: -42px;
        width: 180px;
        height: 180px;
    }

    .package-brand-row {
        display: grid;
        gap: 12px;
    }

    .package-badge {
        min-width: 0;
        width: min(100%, 214px);
        gap: 2px;
        padding: 12px 14px;
        border-radius: 18px;
    }

    .package-badge span {
        font-size: 0.74rem;
        line-height: 1.3;
        letter-spacing: 0.08em;
    }

    .package-hero-grid {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 16px;
        margin-top: 18px;
    }

    .package-hero-copy {
        min-width: 0;
    }

    .package-hero-title {
        gap: 2px;
    }

    .package-hero-title span {
        font-size: clamp(2rem, 10.3vw, 2.8rem);
        line-height: 1;
        text-wrap: balance;
    }

    .hero-contact-chip--back {
        width: 100%;
        justify-content: center;
        padding: 13px 16px;
        border-radius: 16px;
        font-size: 0.82rem;
        letter-spacing: 0.08em;
    }

    .package-cards-section {
        padding-top: 18px;
    }

    .package-card-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .package-card {
        min-height: 0;
        padding: 16px 14px 18px;
    }

    .package-card__header {
        gap: 8px;
        margin-top: 0;
    }

    .package-card__badge {
        min-width: 78px;
        min-height: 34px;
        padding: 6px 10px;
        border-radius: 10px;
        font-size: 0.74rem;
        letter-spacing: 0.06em;
    }

    .package-card__icon-frame,
    .package-card__icon,
    .asset-fallback--package-icon {
        width: 58px;
        height: 58px;
    }

    .package-card__icon-frame {
        margin-top: 2px;
    }

    .package-card__title {
        min-height: 0;
        margin: 6px 0 7px;
        font-size: 1rem;
        line-height: 1.08;
    }

    .package-card__description {
        font-size: 0.9rem;
        line-height: 1.45;
    }

    .package-card__notice {
        grid-template-columns: 22px minmax(0, 1fr);
        column-gap: 8px;
        row-gap: 2px;
        margin-top: 10px;
        padding: 8px 9px 8px 8px;
        border-radius: 12px;
    }

    .package-card__notice::before {
        width: 22px;
        height: 22px;
        background-size: 17px 17px;
    }

    .package-card__notice strong {
        font-size: 0.68rem;
        line-height: 1.08;
        letter-spacing: 0.06em;
    }

    .package-card__notice span {
        font-size: 0.81rem;
        line-height: 1.24;
    }

    .package-card__price-box {
        margin-top: 10px;
        padding-top: 9px;
    }

    .package-card__price {
        font-size: 2rem;
        line-height: 0.96;
    }

    .package-card__price-box p {
        margin-top: 5px;
        font-size: 0.75rem;
        line-height: 1.28;
        letter-spacing: 0.04em;
    }

    .package-benefits-section {
        margin-top: 18px;
        padding: 10px;
    }

    .package-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .package-benefit-item {
        padding: 16px 14px 18px;
        border-right: 0;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.02);
    }

    .package-benefit-icon-frame,
    .package-benefit-icon,
    .asset-fallback--package-benefit {
        width: 40px;
        height: 40px;
    }

    .package-benefit-item h3 {
        margin: 12px 0 6px;
        font-size: 0.84rem;
        line-height: 1.4;
        letter-spacing: 0.07em;
    }

    .package-benefit-item p {
        font-size: 0.8rem;
        line-height: 1.36;
    }

    .package-footer {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 18px;
        padding: 14px;
    }

    .package-footer-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .package-footer-nav__item {
        min-height: 44px;
        padding: 12px 10px;
        border-radius: 16px;
        font-size: 0.82rem;
        letter-spacing: 0.07em;
    }

    .cta-card--package {
        width: 100%;
        min-width: 0;
        justify-content: flex-start;
    }

    .stage-detail-page .landing-container {
        padding-top: 16px;
        padding-bottom: 34px;
    }

    .stage-detail-shell {
        gap: 16px;
    }

    .stage-detail-hero,
    .stage-detail-info-card,
    .stage-detail-price-panel,
    .stage-detail-benefits,
    .stage-detail-actions {
        border-radius: 24px;
    }

    .stage-detail-hero {
        min-height: auto;
    }

    .stage-detail-hero__background {
        background-position: center 18%;
        filter: saturate(1.02) brightness(0.7);
    }

    .stage-detail-hero__background::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
                linear-gradient(180deg, rgba(5, 7, 10, 0.52) 0%, rgba(5, 7, 10, 0.66) 32%, rgba(5, 7, 10, 0.9) 100%),
                linear-gradient(90deg, rgba(5, 7, 10, 0.88) 0%, rgba(5, 7, 10, 0.56) 50%, rgba(5, 7, 10, 0.74) 100%);
    }

    .stage-detail-hero__content {
        min-height: auto;
        padding: 18px 16px 22px;
        gap: 18px;
        justify-content: flex-start;
    }

    .stage-detail-brand-row {
        display: grid;
        gap: 12px;
    }

    .stage-detail-hero__copy {
        max-width: none;
        padding-top: 6px;
    }

    .stage-detail-hero__title {
        margin: 14px 0 8px;
        max-width: none;
        font-size: clamp(2rem, 10vw, 2.8rem);
        line-height: 1;
        text-wrap: balance;
        text-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
    }

    .stage-detail-hero__subtitle {
        font-size: 0.98rem;
        line-height: 1.5;
        text-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
    }

    .stage-detail-info-grid {
        gap: 12px;
    }

    .stage-detail-info-card {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 18px 16px;
        border-radius: 22px;
    }

    .stage-detail-info-card__icon-frame,
    .stage-detail-info-card__icon,
    .asset-fallback--stage-detail-icon {
        width: 62px;
        height: 62px;
    }

    .stage-detail-info-card__content {
        gap: 8px;
        padding-left: 0;
        padding-top: 12px;
        border-left: 0;
        border-top: 1px solid rgba(217, 154, 38, 0.24);
    }

    .stage-detail-info-card__content h2 {
        font-size: 1.08rem;
        line-height: 1.26;
        letter-spacing: 0.02em;
    }

    .stage-detail-info-card__content p {
        font-size: 0.94rem;
        line-height: 1.56;
    }

    .stage-detail-price-panel {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px 16px;
    }

    .stage-detail-price-panel__left {
        padding-right: 0;
        padding-bottom: 14px;
        border-right: 0;
        border-bottom: 1px solid rgba(217, 154, 38, 0.24);
    }

    .stage-detail-price-panel__text {
        margin-top: 10px;
        font-size: 0.88rem;
        line-height: 1.46;
        letter-spacing: 0.04em;
    }

    .stage-detail-price-panel__right {
        gap: 12px;
    }

    .stage-detail-price-panel__coordination {
        font-size: 0.98rem;
        line-height: 1.58;
    }

    .stage-detail-price-panel__note {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    .stage-detail-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 10px;
    }

    .stage-detail-benefit {
        border-right: 0;
        border-radius: 18px;
        padding: 16px 14px 18px;
        background: rgba(255, 255, 255, 0.02);
    }

    .stage-detail-benefit h3 {
        margin: 12px 0 8px;
        font-size: 0.84rem;
        line-height: 1.38;
        letter-spacing: 0.07em;
    }

    .stage-detail-benefit p {
        font-size: 0.88rem;
        line-height: 1.5;
    }

    .stage-detail-actions {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px;
    }

    .stage-detail-actions__nav {
        display: grid;
        gap: 12px;
    }

    .stage-detail-actions__back,
    .stage-detail-actions__home,
    .cta-card--detail {
        width: 100%;
        min-height: 50px;
        border-radius: 18px;
    }

    .stage-detail-actions__back,
    .stage-detail-actions__home {
        justify-content: center;
        padding: 14px 16px;
        font-size: 0.9rem;
        letter-spacing: 0.08em;
    }

    .stage-detail-actions__home .button-icon-frame {
        transform: none;
    }

    .cta-card--detail {
        justify-content: flex-start;
        padding: 16px 15px;
    }

    .stage-three-section {
        padding-top: 8px;
    }

    .stage-three-shell {
        gap: 16px;
    }

    .stage-three-hero,
    .stage-three-info-card,
    .stage-three-price-panel,
    .stage-three-benefits,
    .stage-three-actions {
        border-radius: 24px;
    }

    .stage-three-hero {
        min-height: auto;
    }

    .stage-three-hero__background {
        background:
                radial-gradient(circle at 78% 18%, rgba(217, 154, 38, 0.14), transparent 22%),
                linear-gradient(180deg, rgba(10, 14, 20, 0.92) 0%, rgba(5, 7, 10, 0.98) 100%);
    }

    .stage-three-hero__media {
        object-position: center 14%;
    }

    .stage-three-hero__overlay {
        background:
                linear-gradient(180deg, rgba(5, 7, 10, 0.52) 0%, rgba(5, 7, 10, 0.68) 34%, rgba(5, 7, 10, 0.92) 100%),
                linear-gradient(90deg, rgba(5, 7, 10, 0.9) 0%, rgba(5, 7, 10, 0.58) 48%, rgba(5, 7, 10, 0.8) 100%);
    }

    .stage-three-hero__content {
        min-height: auto;
        padding: 18px 16px 22px;
        gap: 18px;
        justify-content: flex-start;
    }

    .stage-three-hero .package-brand-row {
        display: grid;
        gap: 12px;
    }

    .stage-three-hero__copy {
        max-width: none;
        padding-top: 6px;
    }

    .stage-three-hero__title {
        gap: 2px;
        margin-top: 14px;
    }

    .stage-three-hero__title span {
        font-size: clamp(2rem, 10vw, 2.8rem);
        line-height: 1;
        text-wrap: balance;
        text-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
    }

    .stage-three-hero__subtitle {
        margin-top: 10px;
        font-size: 0.98rem;
        line-height: 1.5;
        text-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
    }

    .stage-three-info-grid {
        gap: 12px;
    }

    .stage-three-info-card {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 18px 16px;
        border-radius: 22px;
    }

    .stage-three-info-card__icon-frame,
    .stage-three-info-card__icon {
        width: 62px;
        height: 62px;
    }

    .stage-three-info-card__content {
        gap: 8px;
        padding-left: 0;
        padding-top: 12px;
        border-left: 0;
        border-top: 1px solid rgba(217, 154, 38, 0.24);
    }

    .stage-three-info-card__content h2 {
        font-size: 1.06rem;
        line-height: 1.24;
        letter-spacing: 0.02em;
    }

    .stage-three-info-card__content p {
        font-size: 0.94rem;
        line-height: 1.56;
    }

    .stage-three-price-panel {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px 16px;
    }

    .stage-three-price-panel__left {
        padding-right: 0;
        padding-bottom: 14px;
        border-right: 0;
        border-bottom: 1px solid rgba(217, 154, 38, 0.24);
    }

    .stage-three-price-panel__line {
        margin-top: 10px;
        font-size: 0.88rem;
        line-height: 1.46;
        letter-spacing: 0.04em;
    }

    .stage-three-price-panel__right {
        gap: 10px;
    }

    .stage-three-price-panel__right .stage-three-price-panel__line {
        margin-top: 0;
        font-size: 0.98rem;
        line-height: 1.58;
    }

    .stage-three-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 10px;
    }

    .stage-three-benefits .stage-detail-benefit {
        border-right: 0;
        border-radius: 18px;
        padding: 16px 14px 18px;
        background: rgba(255, 255, 255, 0.02);
    }

    .stage-three-actions {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px;
    }

    .stage-four-section {
        padding-top: 8px;
    }

    .stage-four-shell {
        gap: 16px;
    }

    .stage-four-hero,
    .stage-four-info-card,
    .stage-four-price-panel,
    .stage-four-benefits,
    .stage-four-actions {
        border-radius: 24px;
    }

    .stage-four-hero {
        min-height: auto;
    }

    .stage-four-hero .stage-three-hero__background {
        background:
                radial-gradient(circle at 80% 18%, rgba(129, 91, 224, 0.16), transparent 20%),
                radial-gradient(circle at 74% 20%, rgba(217, 154, 38, 0.12), transparent 24%),
                linear-gradient(180deg, rgba(10, 14, 20, 0.92) 0%, rgba(5, 7, 10, 0.98) 100%);
    }

    .stage-four-hero .stage-three-hero__media {
        object-position: center 14%;
    }

    .stage-four-hero .stage-three-hero__overlay {
        background:
                linear-gradient(180deg, rgba(5, 7, 10, 0.54) 0%, rgba(5, 7, 10, 0.68) 34%, rgba(5, 7, 10, 0.92) 100%),
                linear-gradient(90deg, rgba(5, 7, 10, 0.9) 0%, rgba(5, 7, 10, 0.58) 48%, rgba(5, 7, 10, 0.8) 100%);
    }

    .stage-four-hero .stage-three-hero__content {
        min-height: auto;
        padding: 18px 16px 22px;
        gap: 18px;
        justify-content: flex-start;
    }

    .stage-four-hero .package-brand-row {
        display: grid;
        gap: 12px;
    }

    .stage-four-hero__copy {
        max-width: none;
        padding-top: 6px;
    }

    .stage-four-hero__title {
        gap: 2px;
        margin-top: 14px;
    }

    .stage-four-hero__title span {
        font-size: clamp(2rem, 10vw, 2.8rem);
        line-height: 1;
        text-wrap: balance;
        text-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
    }

    .stage-four-hero .stage-three-hero__subtitle {
        margin-top: 10px;
        font-size: 0.98rem;
        line-height: 1.5;
        text-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
    }

    .stage-four-info-grid {
        gap: 12px;
    }

    .stage-four-info-card {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 18px 16px;
        border-radius: 22px;
    }

    .stage-four-info-card .stage-three-info-card__icon-frame,
    .stage-four-info-card .stage-three-info-card__icon {
        width: 62px;
        height: 62px;
    }

    .stage-four-info-card__content {
        gap: 8px;
        padding-left: 0;
        padding-top: 12px;
        border-left: 0;
        border-top: 1px solid rgba(217, 154, 38, 0.24);
    }

    .stage-four-info-card__content h2 {
        font-size: 1.04rem;
        line-height: 1.24;
        letter-spacing: 0.02em;
    }

    .stage-four-info-card__content p {
        font-size: 0.94rem;
        line-height: 1.56;
    }

    .stage-four-info-card__warning {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    .stage-four-info-card--violet {
        border-color: rgba(129, 91, 224, 0.8);
        box-shadow: 0 16px 30px rgba(0, 0, 0, 0.26), 0 0 22px rgba(129, 91, 224, 0.16);
    }

    .stage-four-info-card--violet .stage-four-info-card__content {
        border-top-color: rgba(129, 91, 224, 0.36);
    }

    .stage-four-checklist {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 4px;
    }

    .stage-four-checklist__item {
        align-items: flex-start;
        gap: 9px;
        font-size: 0.88rem;
        line-height: 1.5;
        letter-spacing: 0.03em;
    }

    .stage-four-checklist__dot {
        width: 14px;
        height: 14px;
        margin-top: 0.18rem;
        flex: 0 0 auto;
    }

    .stage-four-price-panel {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px 16px;
    }

    .stage-four-price-panel .stage-three-price-panel__left {
        padding-right: 0;
        padding-bottom: 14px;
        border-right: 0;
        border-bottom: 1px solid rgba(217, 154, 38, 0.24);
    }

    .stage-four-price-panel .stage-three-price-panel__line {
        margin-top: 10px;
        font-size: 0.88rem;
        line-height: 1.46;
        letter-spacing: 0.04em;
    }

    .stage-four-price-panel .stage-three-price-panel__right {
        gap: 10px;
    }

    .stage-four-price-panel .stage-three-price-panel__right .stage-three-price-panel__line {
        margin-top: 0;
        font-size: 0.98rem;
        line-height: 1.58;
    }

    .stage-four-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 10px;
    }

    .stage-four-benefits .stage-detail-benefit {
        border-right: 0;
        border-radius: 18px;
        padding: 16px 14px 18px;
        background: rgba(255, 255, 255, 0.02);
    }

    .stage-four-actions {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px;
    }

    .camper-build-section {
        padding-top: 8px;
    }

    .camper-build-shell {
        gap: 16px;
    }

    .camper-hero,
    .camper-build-catalog,
    .camper-benefits,
    .camper-price-card,
    .camper-contact-card,
    .camper-footer-bar {
        border-radius: 24px;
    }

    .camper-hero {
        min-height: auto;
    }

    .camper-hero__media {
        object-position: center 48%;
    }

    .camper-hero__overlay {
        background:
                linear-gradient(180deg, rgba(5, 7, 10, 0.52) 0%, rgba(5, 7, 10, 0.68) 36%, rgba(5, 7, 10, 0.92) 100%),
                linear-gradient(90deg, rgba(5, 7, 10, 0.92) 0%, rgba(5, 7, 10, 0.66) 48%, rgba(5, 7, 10, 0.82) 100%);
    }

    .camper-hero__content {
        min-height: auto;
        padding: 18px 16px 22px;
        gap: 16px;
        justify-content: flex-start;
    }

    .camper-hero .package-brand-row {
        display: grid;
        gap: 12px;
        justify-items: stretch;
    }

    .camper-hero .hero-contact-chip--back {
        order: 3;
        width: 100%;
        justify-content: center;
    }

    .camper-hero__copy {
        max-width: none;
        padding-top: 4px;
    }

    .camper-hero__copy h1 {
        gap: 2px;
        margin-bottom: 12px;
    }

    .camper-hero__copy h1 span {
        font-size: clamp(1.98rem, 10.4vw, 2.84rem);
        line-height: 1;
        text-wrap: balance;
        text-shadow: 0 10px 22px rgba(0, 0, 0, 0.34);
    }

    .camper-hero__copy h2 {
        max-width: none;
        font-size: 1.02rem;
        line-height: 1.5;
    }

    .camper-hero__copy p {
        max-width: none;
        margin-top: 10px;
        font-size: 0.94rem;
        line-height: 1.58;
    }

    .camper-hero-badge {
        position: static;
        width: 112px;
        height: 112px;
        margin-top: 4px;
        justify-self: start;
        box-shadow: 0 0 0 4px rgba(217, 154, 38, 0.08), 0 0 18px rgba(217, 154, 38, 0.14);
    }

    .camper-hero-badge::before,
    .camper-hero-badge::after {
        font-size: 0.58rem;
    }

    .camper-hero-badge span,
    .camper-hero-badge strong {
        font-size: 0.95rem;
    }

    .camper-hero .asset-fallback--stage-hero {
        padding: 14px;
        font-size: 1rem;
        letter-spacing: 0.2em;
        opacity: 0.18;
    }

    .camper-build-catalog {
        padding: 14px 12px;
    }

    .camper-build-catalog__heading {
        padding: 2px 6px 14px;
    }

    .camper-build-catalog__heading h2 {
        font-size: 1.16rem;
        line-height: 1.34;
        letter-spacing: 0.03em;
    }

    .camper-build-catalog__heading p {
        margin-top: 6px;
        font-size: 0.92rem;
        line-height: 1.52;
    }

    .camper-build-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .camper-build-card {
        grid-template-rows: minmax(0, 1fr) 156px;
        min-height: 0;
        border-radius: 22px;
    }

    .camper-build-card__body {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 12px;
        padding: 16px 14px 14px;
    }

    .camper-build-card__icon-frame,
    .camper-build-card__icon {
        width: 44px;
        height: 44px;
    }

    .camper-build-card h3 {
        margin: 2px 0 8px;
        font-size: 0.94rem;
        line-height: 1.28;
    }

    .camper-build-card p {
        font-size: 0.9rem;
        line-height: 1.52;
    }

    .camper-build-card__image-frame,
    .camper-build-card__image,
    .camper-build-card__image-fallback {
        height: 156px;
    }

    .camper-build-card__image {
        object-fit: cover;
        object-position: center;
    }

    .camper-benefits {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 10px;
    }

    .camper-benefits .stage-detail-benefit {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 12px;
        border-right: 0;
        border-radius: 18px;
        padding: 16px 14px;
        background: rgba(255, 255, 255, 0.02);
    }

    .camper-benefits .stage-detail-benefit h3 {
        margin: 2px 0 6px;
        font-size: 0.9rem;
        line-height: 1.34;
        letter-spacing: 0.05em;
    }

    .camper-benefits .stage-detail-benefit p {
        font-size: 0.86rem;
        line-height: 1.48;
    }

    .camper-conversion-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .camper-price-card,
    .camper-contact-card {
        grid-template-columns: 1fr;
        gap: 14px;
        min-height: 0;
        border-radius: 22px;
        padding: 18px 16px;
    }

    .camper-conversion-icon-frame,
    .camper-conversion-icon {
        width: 62px;
        height: 62px;
    }

    .camper-price-card > div:last-child,
    .camper-contact-card > div:last-child {
        padding-left: 0;
        padding-top: 12px;
        border-left: 0;
        border-top: 1px solid rgba(217, 154, 38, 0.24);
    }

    .camper-price-card span {
        font-size: 1rem;
        letter-spacing: 0.06em;
    }

    .camper-price-card strong,
    .camper-contact-card h2 {
        margin: 4px 0 8px;
        font-size: 2.06rem;
    }

    .camper-price-card p,
    .camper-contact-card p {
        margin-top: 6px;
        font-size: 0.92rem;
        line-height: 1.5;
    }

    .camper-contact-card h3 {
        margin-bottom: 10px;
        font-size: 0.98rem;
        line-height: 1.42;
        letter-spacing: 0.05em;
    }

    .camper-footer-bar {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 10px;
    }

    .camper-footer-item {
        justify-content: flex-start;
        min-height: 48px;
        padding: 12px 14px;
        border-right: 0;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.02);
        font-size: 0.84rem;
        line-height: 1.4;
    }

    .large-vehicles-section {
        padding-top: 8px;
    }

    .large-vehicles-shell {
        gap: 16px;
    }

    .large-vehicles-hero,
    .large-vehicles-info-panel,
    .large-vehicles-benefits,
    .large-vehicles-price-card,
    .large-vehicles-contact-card,
    .large-vehicles-footer,
    .large-vehicles-final-cta {
        border-radius: 24px;
    }

    .large-vehicles-hero {
        min-height: auto;
    }

    .large-vehicles-hero__media {
        object-position: center 46%;
    }

    .large-vehicles-hero__overlay {
        background:
                linear-gradient(180deg, rgba(5, 7, 10, 0.52) 0%, rgba(5, 7, 10, 0.68) 36%, rgba(5, 7, 10, 0.92) 100%),
                linear-gradient(90deg, rgba(5, 7, 10, 0.92) 0%, rgba(5, 7, 10, 0.66) 48%, rgba(5, 7, 10, 0.82) 100%);
    }

    .large-vehicles-hero__content {
        min-height: auto;
        padding: 18px 16px 22px;
        gap: 16px;
        justify-content: flex-start;
    }

    .large-vehicles-hero .package-brand-row {
        display: grid;
        gap: 12px;
        justify-items: stretch;
    }

    .large-vehicles-hero .hero-contact-chip--back {
        order: 3;
        width: 100%;
        justify-content: center;
    }

    .large-vehicles-hero__copy {
        max-width: none;
        padding-top: 4px;
    }

    .large-vehicles-hero__copy h1 {
        gap: 2px;
        margin-bottom: 12px;
    }

    .large-vehicles-hero__copy h1 span {
        font-size: clamp(1.92rem, 10.1vw, 2.64rem);
        line-height: 1;
        text-wrap: balance;
        text-shadow: 0 10px 22px rgba(0, 0, 0, 0.34);
    }

    .large-vehicles-hero__copy h1 .large-vehicles-hero__accent {
        font-size: clamp(1.58rem, 8.6vw, 2.22rem);
    }

    .large-vehicles-hero__copy p {
        max-width: none;
        margin-top: 8px;
        font-size: 0.94rem;
        line-height: 1.56;
    }

    .large-vehicles-badge {
        position: static;
        width: 118px;
        height: 118px;
        margin-top: 4px;
        justify-self: start;
        box-shadow: 0 0 0 4px rgba(217, 154, 38, 0.08), 0 0 18px rgba(217, 154, 38, 0.14);
    }

    .large-vehicles-badge::before,
    .large-vehicles-badge::after {
        font-size: 0.56rem;
    }

    .large-vehicles-badge strong,
    .large-vehicles-badge span {
        font-size: 0.84rem;
    }

    .large-vehicles-hero .asset-fallback--stage-hero {
        padding: 14px;
        font-size: 1rem;
        letter-spacing: 0.18em;
        opacity: 0.18;
    }

    .large-vehicles-info-panel {
        padding: 16px 14px 18px;
    }

    .large-vehicles-info-panel > header h2 {
        font-size: 1.16rem;
        line-height: 1.34;
        letter-spacing: 0.03em;
    }

    .large-vehicles-info-panel > header p {
        font-size: 0.92rem;
        line-height: 1.5;
    }

    .large-vehicles-info-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 14px;
    }

    .large-vehicles-info-item {
        justify-items: start;
        min-height: 0;
        padding: 16px 14px;
        border-right: 0;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.02);
        text-align: left;
    }

    .large-vehicles-info-icon-frame,
    .large-vehicles-info-icon {
        width: 58px;
        height: 58px;
    }

    .large-vehicles-info-item h3 {
        margin: 10px 0 6px;
        font-size: 0.92rem;
        line-height: 1.32;
    }

    .large-vehicles-info-item p {
        font-size: 0.86rem;
        line-height: 1.48;
    }

    .large-vehicles-equipment-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .large-vehicles-equipment-card {
        min-height: 0;
        grid-template-rows: minmax(0, 1fr) 156px;
    }

    .large-vehicles-benefits {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 10px;
    }

    .large-vehicles-benefits .stage-detail-benefit {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 12px;
        border-right: 0;
        border-radius: 18px;
        padding: 16px 14px;
        background: rgba(255, 255, 255, 0.02);
    }

    .large-vehicles-benefits .stage-detail-benefit h3 {
        margin: 2px 0 6px;
        font-size: 0.9rem;
        line-height: 1.34;
        letter-spacing: 0.05em;
    }

    .large-vehicles-benefits .stage-detail-benefit p {
        font-size: 0.86rem;
        line-height: 1.48;
    }

    .large-vehicles-footer {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 10px;
    }

    .large-vehicles-footer .camper-footer-item {
        justify-content: flex-start;
        min-height: 48px;
        padding: 12px 14px;
        border-right: 0;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.02);
        font-size: 0.84rem;
        line-height: 1.4;
    }

    .large-vehicles-final-cta {
        width: 100%;
        min-height: 0;
        justify-self: stretch;
        justify-content: flex-start;
        padding: 16px 15px;
        border-radius: 20px;
    }

    .stage-one-section {
        padding-top: 8px;
    }

    .stage-one-shell {
        gap: 16px;
    }

    .stage-one-hero,
    .stage-one-info-card,
    .stage-one-price-panel,
    .stage-one-process,
    .stage-one-benefits,
    .stage-one-actions {
        border-radius: 24px;
    }

    .stage-one-hero {
        min-height: auto;
    }

    .stage-one-hero .asset-fallback--stage-hero {
        align-items: flex-end;
        justify-content: flex-end;
        padding: 18px;
        font-size: 1.3rem;
        letter-spacing: 0.03em;
        opacity: 0.14;
    }

    .stage-one-hero .stage-three-hero__content {
        min-height: auto;
        padding: 18px 16px 22px;
        gap: 18px;
    }

    .stage-one-hero .package-brand-row {
        gap: 12px;
    }

    .stage-one-master-badge {
        min-width: 0;
        width: min(100%, 235px);
        justify-self: start;
        gap: 2px;
        padding: 11px 14px;
        border-radius: 16px;
    }

    .stage-one-master-badge strong {
        font-size: 1.75rem;
    }

    .stage-one-master-badge span {
        font-size: 0.73rem;
        letter-spacing: 0.05em;
        line-height: 1.35;
    }

    .stage-one-master-badge small,
    .stage-one-master-badge__stars {
        font-size: 0.62rem;
        letter-spacing: 0.07em;
    }

    .stage-one-hero__copy {
        max-width: none;
        padding-top: 0;
    }

    .stage-detail-hero__badge {
        padding: 10px 16px;
        border-radius: 14px;
        font-size: 0.84rem;
        letter-spacing: 0.08em;
        box-shadow: 0 10px 24px rgba(201, 135, 26, 0.2);
    }

    .stage-one-hero__copy h1 {
        margin: 14px 0 10px;
        font-size: clamp(2rem, 10vw, 2.7rem);
        line-height: 1;
        text-wrap: balance;
    }

    .stage-one-hero__copy p {
        max-width: none;
        font-size: 0.97rem;
        line-height: 1.62;
    }

    .stage-one-info-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .stage-one-info-card,
    .stage-one-info-card:nth-child(-n + 3),
    .stage-one-info-card:nth-child(n + 4) {
        grid-column: auto;
        min-height: 0;
    }

    .stage-one-info-card {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 18px 16px;
        border-radius: 22px;
    }

    .stage-one-icon-frame,
    .stage-one-icon {
        width: 56px;
        height: 56px;
    }

    .stage-one-info-card__content {
        gap: 8px;
        padding-left: 0;
        padding-top: 12px;
        border-left: 0;
        border-top: 1px solid rgba(217, 154, 38, 0.24);
    }

    .stage-one-info-card__content h2 {
        font-size: 1.08rem;
        line-height: 1.28;
    }

    .stage-one-info-card__content p {
        font-size: 0.93rem;
        line-height: 1.56;
    }

    .stage-one-info-card__content strong {
        font-size: 0.94rem;
        line-height: 1.42;
    }

    .stage-one-price-panel {
        grid-template-columns: 1fr;
        padding: 18px 16px;
        gap: 14px;
    }

    .stage-one-price-panel__column,
    .stage-one-price-panel__column + .stage-one-price-panel__column {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 14px;
        padding: 0;
    }

    .stage-one-price-panel__column + .stage-one-price-panel__column {
        padding-top: 14px;
        border-left: 0;
        border-top: 1px solid rgba(217, 154, 38, 0.26);
    }

    .stage-one-price-icon-frame,
    .stage-one-price-icon {
        width: 54px;
        height: 54px;
    }

    .stage-detail-price-panel__label {
        font-size: 0.84rem;
        letter-spacing: 0.08em;
    }

    .stage-detail-price-panel__price {
        margin-top: 8px;
        font-size: clamp(2.5rem, 14vw, 3.3rem);
        line-height: 0.96;
    }

    .stage-one-price-panel__column p {
        margin-top: 8px;
        font-size: 0.93rem;
        line-height: 1.56;
    }

    .stage-one-process {
        padding: 18px 16px 20px;
    }

    .stage-one-process > h2 {
        margin-bottom: 16px;
        font-size: 1.15rem;
        letter-spacing: 0.06em;
    }

    .stage-one-process__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .stage-one-process-step {
        position: relative;
        display: grid;
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 14px;
        align-items: start;
        padding: 14px;
        border: 1px solid rgba(217, 154, 38, 0.22);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.02);
        text-align: left;
    }

    .stage-one-process-step__top {
        grid-row: 1 / span 2;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .stage-one-process-icon-frame,
    .stage-one-process-icon {
        width: 54px;
        height: 54px;
    }

    .stage-one-process-icon-frame {
        padding: 10px;
    }

    .stage-one-process-arrow {
        display: none;
    }

    .stage-one-process-step h3 {
        grid-column: 2;
        min-height: 0;
        margin: 2px 0 6px;
        font-size: 0.96rem;
        line-height: 1.32;
    }

    .stage-one-process-step p {
        grid-column: 2;
        font-size: 0.9rem;
        line-height: 1.56;
    }

    .stage-one-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 10px;
    }

    .stage-one-benefits .stage-detail-benefit {
        border-right: 0;
        border-radius: 18px;
        padding: 16px 14px 18px;
        background: rgba(255, 255, 255, 0.02);
    }

    .stage-one-benefits .stage-detail-benefit h3 {
        margin: 12px 0 0;
        font-size: 0.82rem;
        line-height: 1.4;
        letter-spacing: 0.07em;
    }

    .stage-one-actions {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px;
    }

    .stage-detail-actions__back,
    .stage-detail-actions__home,
    .cta-card--detail {
        width: 100%;
        min-height: 50px;
        border-radius: 18px;
    }

    .stage-detail-actions__back,
    .stage-detail-actions__home {
        justify-content: center;
        padding: 14px 16px;
        font-size: 0.9rem;
        letter-spacing: 0.08em;
    }

    .cta-card--detail {
        justify-content: flex-start;
        padding: 16px 15px;
    }
}

@media (max-width: 389px) {
    .landing-container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .stage-three-hero__content {
        padding: 16px 14px 18px;
    }

    .stage-three-hero__title span {
        font-size: clamp(1.84rem, 10.8vw, 2.34rem);
    }

    .stage-three-hero__subtitle,
    .stage-three-info-card__content p,
    .stage-three-price-panel__right .stage-three-price-panel__line,
    .stage-three-benefits .stage-detail-benefit p {
        font-size: 0.88rem;
    }

    .stage-three-price-panel__line {
        font-size: 0.82rem;
    }

    .stage-three-benefits {
        grid-template-columns: 1fr;
    }

    .stage-four-hero .stage-three-hero__content {
        padding: 16px 14px 18px;
    }

    .stage-four-hero__title span {
        font-size: clamp(1.84rem, 10.8vw, 2.34rem);
    }

    .stage-four-hero .stage-three-hero__subtitle,
    .stage-four-info-card__content p,
    .stage-four-info-card__warning,
    .stage-four-price-panel .stage-three-price-panel__right .stage-three-price-panel__line,
    .stage-four-benefits .stage-detail-benefit p,
    .stage-four-checklist__item {
        font-size: 0.88rem;
    }

    .stage-four-price-panel .stage-three-price-panel__line {
        font-size: 0.82rem;
    }

    .stage-four-benefits {
        grid-template-columns: 1fr;
    }

    .camper-hero__content {
        padding: 16px 14px 18px;
    }

    .camper-hero__copy h1 span {
        font-size: clamp(1.76rem, 10.8vw, 2.24rem);
    }

    .camper-hero__copy h2,
    .camper-hero__copy p,
    .camper-build-card p,
    .camper-price-card p,
    .camper-contact-card p,
    .camper-benefits .stage-detail-benefit p,
    .camper-footer-item {
        font-size: 0.86rem;
    }

    .camper-build-card__body {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .camper-build-card__icon-frame {
        margin-bottom: 2px;
    }

    .camper-build-card__image-frame,
    .camper-build-card__image,
    .camper-build-card__image-fallback {
        height: 144px;
    }

    .camper-hero-badge {
        width: 102px;
        height: 102px;
    }

    .large-vehicles-hero__content {
        padding: 16px 14px 18px;
    }

    .large-vehicles-hero__copy h1 span {
        font-size: clamp(1.68rem, 10.4vw, 2.16rem);
    }

    .large-vehicles-hero__copy h1 .large-vehicles-hero__accent {
        font-size: clamp(1.38rem, 8vw, 1.88rem);
    }

    .large-vehicles-hero__copy p,
    .large-vehicles-info-panel > header p,
    .large-vehicles-info-item p,
    .large-vehicles-benefits .stage-detail-benefit p,
    .large-vehicles-footer .camper-footer-item {
        font-size: 0.86rem;
    }

    .large-vehicles-badge {
        width: 104px;
        height: 104px;
    }

    .large-vehicles-equipment-card {
        grid-template-rows: minmax(0, 1fr) 144px;
    }

    .brand-header--landing .brand-header__lockup {
        grid-template-columns: 1fr;
        width: min(100%, 300px);
        gap: 10px;
    }

    .brand-header--landing .brand-crest,
    .brand-header--landing .brand-crest .crest-image,
    .brand-header--landing .brand-crest .asset-fallback--crest {
        width: 88px;
        height: 88px;
    }

    .brand-header--landing .brand-wordmark,
    .brand-header--landing .brand-wordmark .logo-image,
    .brand-header--landing .brand-wordmark .asset-fallback--logo {
        width: min(100%, 286px);
        height: 78px;
    }

    .brand-header--landing .brand-wordmark .logo-image {
        max-width: 236px;
        max-height: 54px;
    }

    .brand-header--landing .brand-header__claim {
        font-size: 0.78rem;
        letter-spacing: 0.1em;
    }

    .vehicle-card {
        --vehicle-card-index-size: 44px;
        --vehicle-card-icon-size: 56px;
        --vehicle-card-header-balance: 8px;
    }

    .vehicle-card-header {
        gap: 10px;
    }

    .brand-lockup {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .crest-frame,
    .crest-image,
    .asset-fallback--crest {
        width: 72px;
        height: 72px;
    }

    .logo-frame,
    .logo-image,
    .asset-fallback--logo {
        height: 64px;
    }

    .logo-image {
        max-width: 166px;
        max-height: 34px;
    }

    .hero-title {
        font-size: clamp(1.84rem, 11.2vw, 2.3rem);
    }

    .hero-subheadline {
        font-size: 0.82rem;
        letter-spacing: 0.05em;
    }

    .hero-text-group p,
    .section-subtitle,
    .benefit-item p {
        font-size: 0.9rem;
        line-height: 1.58;
    }

    .section-heading h2 {
        font-size: 1.58rem;
    }

    .category-card {
        padding: 14px;
    }

    .category-image-frame,
    .category-image,
    .asset-fallback--image {
        height: 148px;
    }

    .category-title {
        font-size: 1.16rem;
    }

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

    .cta-card {
        padding: 16px 14px;
    }

    .cta-subline {
        font-size: 1rem;
    }

    .package-stage {
        padding: 18px 14px 20px;
    }

    .package-badge {
        max-width: 196px;
        padding: 11px 12px;
    }

    .package-badge span {
        font-size: 0.68rem;
        letter-spacing: 0.06em;
    }

    .stage-detail-hero__content {
        padding: 16px 14px 18px;
    }

    .stage-detail-hero__title {
        font-size: clamp(1.84rem, 10.8vw, 2.34rem);
    }

    .stage-detail-hero__subtitle,
    .stage-detail-info-card__content p,
    .stage-detail-price-panel__coordination,
    .stage-detail-price-panel__note,
    .stage-detail-benefit p {
        font-size: 0.88rem;
    }

    .stage-detail-price-panel__text {
        font-size: 0.82rem;
    }

    .stage-detail-benefits {
        grid-template-columns: 1fr;
    }

    .package-hero-title span {
        font-size: clamp(1.82rem, 10.9vw, 2.34rem);
    }

    .hero-contact-chip--back {
        font-size: 0.76rem;
    }

    .package-card {
        padding: 14px 13px 16px;
    }

    .package-card__title {
        font-size: 0.92rem;
    }

    .package-card__description {
        font-size: 0.86rem;
    }

    .package-card__notice span {
        font-size: 0.78rem;
    }

    .package-card__price {
        font-size: 1.82rem;
    }

    .package-benefits-grid,
    .package-footer-nav {
        grid-template-columns: 1fr;
    }

    .stage-one-hero .stage-three-hero__content {
        padding: 16px 14px 18px;
    }

    .stage-one-hero .asset-fallback--stage-hero {
        padding: 14px;
        font-size: 1rem;
    }

    .stage-one-master-badge {
        width: 100%;
        max-width: 216px;
        padding: 10px 12px;
    }

    .stage-one-master-badge strong {
        font-size: 1.5rem;
    }

    .stage-one-master-badge span {
        font-size: 0.68rem;
    }

    .stage-detail-hero__badge {
        font-size: 0.78rem;
        letter-spacing: 0.06em;
    }

    .stage-one-hero__copy h1 {
        font-size: clamp(1.74rem, 10.6vw, 2.18rem);
    }

    .stage-one-hero__copy p,
    .stage-one-info-card__content p,
    .stage-one-price-panel__column p,
    .stage-one-process-step p {
        font-size: 0.88rem;
    }

    .stage-one-benefits {
        grid-template-columns: 1fr;
    }

    .stage-detail-actions__back {
        font-size: 0.82rem;
    }

    .contact-imprint-section {
        gap: 18px;
        margin-top: 18px;
        padding: 20px 16px;
        border-radius: 24px;
    }

    .contact-imprint-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px;
    }

    .contact-imprint-card {
        gap: 14px;
        padding: 18px 16px;
        border-radius: 20px;
    }

    .contact-imprint-card h3 {
        font-size: clamp(1.16rem, 6vw, 1.42rem);
        line-height: 1.22;
    }

    .contact-imprint-card__eyebrow,
    .contact-imprint-item__label,
    .contact-imprint-list dt {
        letter-spacing: 0.1em;
    }

    .contact-imprint-item {
        gap: 4px;
        padding: 12px 14px;
        border-radius: 16px;
    }

    .contact-imprint-item strong,
    .contact-imprint-list dd {
        font-size: 0.94rem;
        line-height: 1.45;
        word-break: break-word;
    }

    .contact-imprint-list {
        gap: 12px;
    }

    .contact-imprint-list__row {
        gap: 4px;
        padding-top: 12px;
    }
}

@media (min-width: 390px) and (max-width: 767px) {
    .contact-imprint-section {
        gap: 18px;
        margin-top: 18px;
        padding: 20px 16px;
        border-radius: 24px;
    }

    .contact-imprint-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .contact-imprint-card {
        gap: 14px;
        padding: 18px 16px;
        border-radius: 20px;
    }

    .contact-imprint-card h3 {
        font-size: clamp(1.16rem, 6vw, 1.42rem);
        line-height: 1.22;
    }

    .contact-imprint-card__eyebrow,
    .contact-imprint-item__label,
    .contact-imprint-list dt {
        letter-spacing: 0.1em;
    }

    .contact-imprint-item {
        gap: 4px;
        padding: 12px 14px;
        border-radius: 16px;
    }

    .contact-imprint-item strong,
    .contact-imprint-list dd {
        font-size: 0.94rem;
        line-height: 1.45;
        word-break: break-word;
    }

    .contact-imprint-list {
        gap: 12px;
    }

    .contact-imprint-list__row {
        gap: 4px;
        padding-top: 12px;
    }
}