body.intro-page{background:#f4f8f7;color:#31564a}.intro-wrap{margin:100px 16px 30px}.intro-hero{padding:38px;border-radius:18px;background:linear-gradient(110deg,#e2f8f1,#f8fcfa);border:1px solid #d5eee5}.intro-hero small{color:#119c82}.intro-hero h1{font-size:34px;margin:10px 0;color:#24483e}.intro-hero p{color:#6b867a;max-width:none}.intro-hero .btn{margin-top:18px}.intro-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.intro-feature,.intro-ranking{background:white;border:1px solid #e1ebe5;border-radius:14px;padding:24px}.intro-feature h2{font-size:18px;color:#24876f}.intro-feature p{font-size:14px;color:#7b9085}.intro-boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.intro-ranking h2{font-size:17px}.intro-rank{padding:11px 0;border-bottom:1px solid #edf2ef;display:flex;gap:14px}.intro-rank b{color:#bd842e}.intro-rank span{overflow-wrap:anywhere}.intro-ranking .empty{color:#8b9e93;font-size:13px}.intro-note{color:#8b9e93;font-size:12px;margin:12px 0}@media(max-width:768px){.intro-wrap{margin:82px 10px 20px}.intro-hero{padding:24px}.intro-hero h1{font-size:27px}.intro-features,.intro-boards{grid-template-columns:1fr}.intro-feature,.intro-ranking{padding:20px}}