/**
 * ブルームチャット カスタムCSS
 */

/* 全体のスムーススクロール */
html {
    scroll-behavior: smooth;
}

/* ヒーローセクションの調整 */
.bloom-hero {
    min-height: 80vh !important; /* 100vhから変更 */
}

/* セクション間の余白調整 */
section {
    position: relative;
    z-index: 1;
}

/* アニメーション定義 */
@keyframes float {
    0%, 100% { 
        transform: translate(0, 0) rotate(0deg); 
    }
    33% { 
        transform: translate(30px, -30px) rotate(120deg); 
    }
    66% { 
        transform: translate(-20px, 20px) rotate(240deg); 
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { 
        transform: translateX(-50%) translateY(0); 
    }
    40% { 
        transform: translateX(-50%) translateY(-10px); 
    }
    60% { 
        transform: translateX(-50%) translateY(-5px); 
    }
}

@keyframes rotate {
    from { 
        transform: rotate(0deg); 
    }
    to { 
        transform: rotate(360deg); 
    }
}

/* カードのトランジション */
.feature-card,
.plan-card,
.number-card,
.blog-card {
    transition: all 0.3s ease;
}

/* 固定CTAボタン */
#fixed-line-cta {
    transition: transform 0.3s ease;
}

/* レスポンシブ調整 */
@media (max-width: 768px) {
    .bloom-hero {
        min-height: 70vh !important;
    }
    
    .container > div[style*="grid"] {
        grid-template-columns: 1fr !important;
    }
}