/*
  Custom Styles for FP Landing Page
*/

:root {
  --primary-color: #0d6efd; /* Bootstrap Primary Blue */
  --secondary-color: #198754; /* Bootstrap Success Green */
  --light-bg: #f8f9fa; /* Bootstrap Light Gray */
  --dark-text: #212529; /* Bootstrap Dark */
  --light-text: #ffffff;
  --section-padding: 60px 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--dark-text);
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

.section {
  padding: var(--section-padding);
}

.section-light {
  background-color: var(--light-bg);
}

.hero-section {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1554224155-6726b3ff858f?q=80&w=2072&auto=format&fit=crop') no-repeat center center;
  background-size: cover;
  color: var(--light-text);
  padding: 100px 0;
}

/* Comparison Table Styles */
.table-responsive {
    border-radius: .5rem;
    border: 1px solid #dee2e6;
}

/* Button Shine Effect */
.btn {
    position: relative;
    overflow: hidden;
    transition: .3s;
}

.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: .5s;
}

.btn:hover::before {
    left: 100%;
}