.feature-hero{background:linear-gradient(135deg,#f0fffe 0%,#e8f4fd 100%);padding:80px 0 60px;}
.feature-hero h1{font-size:2.2rem;font-weight:700;color:#1a1a1a;margin-bottom:16px;}
.feature-hero p{font-size:1.1rem;color:#555;line-height:1.8;}
.feature-badge{display:inline-block;background:#0ABAB5;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:16px;}
.feature-badge-lock{background:#888;}
.feature-section{padding:60px 0;}
.feature-section:nth-child(even){background:#f8f9fa;}
.feature-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #eee;height:100%;}
.feature-cta{background:#0ABAB5;color:#fff;padding:60px 0;text-align:center;}
.feature-cta h2{font-size:1.8rem;font-weight:700;margin-bottom:12px;}
.btn-white{background:#fff;color:#0ABAB5;font-weight:600;padding:14px 36px;border-radius:8px;text-decoration:none;display:inline-block;}
.btn-white:hover{background:#f0fffe;color:#0ABAB5;}
.related-link{display:block;padding:12px 16px;background:#f8f9fa;border-radius:8px;text-decoration:none;color:#333;font-size:14px;border:1px solid #eee;transition:all 0.2s;}
.related-link:hover{border-color:#0ABAB5;color:#0ABAB5;background:#f0fffe;}
/* features共通 */
.feature-section-title { font-size:1.4rem; }
.feature-point-title { color:#0ABAB5; }
.feature-point-text { font-size:14px; color:#555; line-height:1.7; }
.feature-target-card { background:#f0fffe; border:1px solid #0ABAB5; border-radius:8px; padding:12px 16px; font-size:14px; color:#0ABAB5; text-align:center; }
.icon-brand { color:#0ABAB5; }
.feature-cta-text { font-size:15px; opacity:0.9; margin-bottom:28px; }
.feature-related-title { font-size:1.3rem; }
/* Hero image */
.feature-hero-img {
    width: 100%;
    max-width: 480px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.10);
}
