/* ==========================================
   PicTrans Landing Page — デスクトップ / 展示モニター版
   対象: min-width: 1400px
   ========================================== */

.landing-content {
    max-width: 1800px;
    padding: clamp(16px, 2.2vh, 24px) 60px 0;
}

/* 上段: 左右均等 */
.landing-main {
    flex: 2;
    gap: 0;
}

.landing-left {
    flex: 1;
}

.landing-right {
    flex: 1;
}

/* デモ: 右カラム, 縦並び */
.demo-placeholder {
    flex-direction: column;
    gap: 12px;
}

.demo-before,
.demo-after {
    flex: 1;
    min-height: 0;
    width: 100%;
}

.demo-arrow-right {
    display: none;
}

.demo-arrow-down {
    display: block;
}

.demo-arrow svg {
    width: 40px;
    height: 40px;
}

.demo-label {
    font-size: 0.85rem;
    margin-bottom: 8px;
    margin-left: 15%;
}

.demo-image-slot {
    border-radius: 14px;
}

.demo-img {
    width: 70%;
}

/* タイトル・テキスト */
.landing-badge {
    padding: 8px 24px;
    font-size: 1.05rem;
    margin-bottom: 20px;
}

.landing-title {
    font-size: clamp(4.5rem, 5.5vh, 6rem);
    margin-bottom: 8px;
}

.landing-company {
    font-size: 1.2rem;
}

.catch-main {
    font-size: clamp(1.6rem, 2.2vh, 2.2rem);
    margin-bottom: 10px;
}

.catch-sub {
    font-size: 1.2rem;
    max-width: 600px;
}

.landing-catch {
    margin-top: clamp(16px, 2.2vh, 28px);
    margin-bottom: clamp(18px, 2.8vh, 32px);
}

.landing-cta {
    padding: clamp(16px, 1.8vh, 20px) 64px;
    font-size: clamp(1.3rem, 1.5vh, 1.5rem);
}

.privacy-note {
    font-size: 0.85rem;
    margin-top: 8px;
}

.landing-credit {
    font-size: 0.8rem;
}

/* 下段: 特徴カード */
.landing-features {
    flex: 1;
    gap: 28px;
}

.feature-card {
    padding: clamp(20px, 2.8vh, 32px) 34px;
    gap: 18px;
    border-radius: 16px;
}

.feature-title {
    font-size: 1.35rem;
    margin-bottom: 6px;
}

.feature-desc {
    font-size: 1.1rem;
}

.feature-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
}

.feature-icon svg {
    width: 32px;
    height: 32px;
}