:root{--primary-fandom-color: #f55b79}.feature-online-page{background:#f8f8f8;color:#333}.feature-online-page__inner{max-width:1120px;margin:0 auto;padding:0 24px}.feature-online-page__hero{padding:32px 0 72px}.feature-online-page__hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:32px;align-items:stretch;margin-top:28px}.feature-online-page__eyebrow,.feature-online-page__section-label,.feature-online-page__cta-label{color:#ff8053;font-size:1.2rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.feature-online-page__hero-copy h1{color:#333;font-size:3.8rem;font-weight:700;letter-spacing:.18em;line-height:1.5263157895;margin:12px 0 20px}.feature-online-page__cta-box h2{color:#333;font-size:2.8rem;font-weight:700;letter-spacing:.04em;line-height:1.5714285714;margin:12px 0 20px}.feature-online-page__lead,.feature-online-page__cta-box p{font-size:1.6rem;line-height:1.875}.feature-online-page__hero-panel{display:flex}.feature-online-page__hero-card,.feature-online-page__benefit,.feature-online-page__use-cases article,.feature-online-page__plan,.feature-online-page__faq-list article,.feature-online-page__cta-box,.feature-online-page__related-links a{background:#fff;border:1px solid #eee;border-radius:10px}.feature-online-page__hero-card{padding:40px;width:100%;align-self:center}.feature-online-page__hero-card h2{font-size:2.2rem;font-weight:700;letter-spacing:.02em;line-height:1.5833333333;margin-bottom:18px}.feature-online-page__hero-card ul{margin:0;padding:0;list-style:none}.feature-online-page__hero-card li{position:relative;padding-left:22px;font-size:1.4rem;line-height:2;margin-top:12px}.feature-online-page__hero-card li:before{content:"";position:absolute;left:0;top:11px;width:10px;height:10px;border-radius:999px;background:#ff8053}.feature-online-page__hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.feature-online-page__hero-actions--center{justify-content:center}.feature-online-page__button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;min-width:200px;padding:20px 24px;border-radius:80px;font-size:1.4rem;font-weight:700;letter-spacing:.08em;text-decoration:none;transition:opacity .2s ease}.feature-online-page__button:hover{opacity:.7;text-decoration:none}.feature-online-page__button--primary{background:#ff8053}.feature-online-page__button--primary,.feature-online-page__button--primary:link,.feature-online-page__button--primary:visited,.feature-online-page__button--primary:hover,.feature-online-page__button--primary:active{color:#fff}.feature-online-page__button--secondary{background:#fff;color:#333;border:1px solid #ddd}.feature-online-page__section{padding:72px 0}.feature-online-page__section--benefits,.feature-online-page__section--muted,.feature-online-page__section--faq{background:#f8f8f8}.feature-online-page__cta{padding:24px 0 88px}.feature-online-page__section-header{margin-bottom:28px;text-align:center}.feature-online-page__benefits,.feature-online-page__use-cases,.feature-online-page__plan-grid,.feature-online-page__faq-list,.feature-online-page__related-links{display:grid;gap:20px}.feature-online-page__use-cases,.feature-online-page__plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-online-page__benefits{grid-template-columns:1fr;gap:32px}.feature-online-page__benefit,.feature-online-page__use-cases article,.feature-online-page__plan,.feature-online-page__faq-list article,.feature-online-page__cta-box,.feature-online-page__related-links a{padding:32px}.feature-online-page__benefit .cmn-h3,.feature-online-page__use-cases .cmn-h3,.feature-online-page__plan .cmn-h3,.feature-online-page__faq-list h3{margin-bottom:14px}.feature-online-page__benefit p,.feature-online-page__use-cases p,.feature-online-page__plan p,.feature-online-page__faq-list p{font-size:1.6rem;line-height:1.875}.feature-online-page__benefit{background:transparent;border:0;border-radius:0;padding:0}.feature-online-page__benefit-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:40px;align-items:center}.feature-online-page__benefit--reverse .feature-online-page__benefit-inner{grid-template-columns:minmax(320px,480px) minmax(0,1fr)}.feature-online-page__benefit--reverse .feature-online-page__benefit-text{order:2}.feature-online-page__benefit--reverse .feature-online-page__benefit-visual{order:1}.feature-online-page__benefit-panel{display:flex;flex-direction:column;justify-content:center;min-height:240px;padding:32px;border:1px solid #eee;border-radius:16px;background:radial-gradient(circle at top right,rgba(255,128,83,.16),transparent 35%),linear-gradient(180deg,#fff9f6,#fff)}.feature-online-page__benefit-kicker{margin-bottom:12px;color:#ff8053;font-size:1.2rem;font-weight:700;letter-spacing:.08em}.feature-online-page__benefit-panel strong{display:block;font-size:2rem;line-height:1.8}.feature-online-page__benefit-panel span{display:block;margin-top:12px;font-size:1.5rem;line-height:1.8666666667;color:#666}.feature-online-page__benefit-visual img{display:block;width:100%;height:auto;border-radius:16px}.feature-online-page__benefit .cmn-h3.icon-link{padding-left:48px}.feature-online-page__benefit .cmn-h3.icon-link:before{width:34px;height:34px;background:#ff8053;mask:url(/_assets/images/common/icon/forbiz_icon_link.svg) center/contain no-repeat;-webkit-mask:url(/_assets/images/common/icon/forbiz_icon_link.svg) center/contain no-repeat;border-radius:0}.feature-online-page__benefit .cmn-h3.icon-smartphone{padding-left:46px}.feature-online-page__benefit .cmn-h3.icon-smartphone:before{width:30px;height:30px;background:#ff8053;mask:url(/_assets/images/common/icon/forbiz_icon_pc.svg) center/contain no-repeat;-webkit-mask:url(/_assets/images/common/icon/forbiz_icon_pc.svg) center/contain no-repeat;border-radius:0}.feature-online-page__benefit .cmn-h3.icon-books,.feature-online-page__plan .cmn-h3.icon-book{padding-left:48px}.feature-online-page__benefit .cmn-h3.icon-books:before,.feature-online-page__plan .cmn-h3.icon-book:before{width:34px;height:34px;background:#ff8053;mask:url(/_assets/images/common/icon/forbiz_icon_books.svg) center/contain no-repeat;-webkit-mask:url(/_assets/images/common/icon/forbiz_icon_books.svg) center/contain no-repeat;border-radius:0}.feature-online-page__plan .cmn-h3.icon-pdf:before{width:30px;height:30px;background:#ff8053;mask:url(/_assets/images/common/icon/forbiz_icon_calendar.svg) center/contain no-repeat;-webkit-mask:url(/_assets/images/common/icon/forbiz_icon_calendar.svg) center/contain no-repeat;border-radius:0}.feature-online-page__use-cases .cmn-h3{border-left:0}.feature-online-page__use-cases .cmn-h3.icon-team{padding-left:46px}.feature-online-page__use-cases .cmn-h3.icon-team:before{width:30px;height:30px;background:#ff8053;mask:url(/_assets/images/common/icon/fandom_applicants.svg) center/contain no-repeat;-webkit-mask:url(/_assets/images/common/icon/fandom_applicants.svg) center/contain no-repeat;border-radius:0}.feature-online-page__use-cases .cmn-h3.icon-user{padding-left:44px}.feature-online-page__use-cases .cmn-h3.icon-user:before{width:28px;height:28px;background:#ff8053;mask:url(/_assets/images/common/icon/forbiz_icon_user.svg) center/contain no-repeat;-webkit-mask:url(/_assets/images/common/icon/forbiz_icon_user.svg) center/contain no-repeat;border-radius:0}.feature-online-page__use-cases .cmn-h3.icon-gift{padding-left:46px}.feature-online-page__use-cases .cmn-h3.icon-gift:before{width:30px;height:30px;background:#ff8053;mask:url(/_assets/images/common/icon/forbiz_icon_book.svg) center/contain no-repeat;-webkit-mask:url(/_assets/images/common/icon/forbiz_icon_book.svg) center/contain no-repeat;border-radius:0}.feature-online-page__plan .cmn-h3{border-left:0}.feature-online-page__plan .cmn-h3.icon-web{padding-left:46px}.feature-online-page__plan .cmn-h3.icon-web:before{width:30px;height:30px;background:#ff8053;mask:url(/_assets/images/common/icon/forbiz_icon_pc.svg) center/contain no-repeat;-webkit-mask:url(/_assets/images/common/icon/forbiz_icon_pc.svg) center/contain no-repeat;border-radius:0}.feature-online-page__plan .cmn-h3.icon-pdf{padding-left:46px}.feature-online-page__plan a,.feature-online-page__related-links a{text-decoration:none}.feature-online-page__plan a{display:inline-block;margin-top:18px;color:#ff8053;font-size:1.6rem;font-weight:700;line-height:1.875}.feature-online-page__related-links{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-online-page__related-links a{display:block;color:#333}.feature-online-page__related-links strong{display:block;font-size:2rem;line-height:1.8;margin-bottom:10px}.feature-online-page__related-links span{display:block;font-size:1.5rem;line-height:1.8666666667;color:#666}.feature-online-page__faq-list{grid-template-columns:1fr}.feature-online-page__cta-box{text-align:center;background:#fff}.feature-online-page .cmn-breadcrumbs{margin-bottom:18px}@media screen and (max-width: 960px){.feature-online-page__hero-copy h1{font-size:2.8rem;letter-spacing:.02em;line-height:1.3571428571}.feature-online-page__cta-box h2{font-size:2.2rem;letter-spacing:.03em;line-height:1.3636363636}.feature-online-page__hero-grid,.feature-online-page__benefits,.feature-online-page__use-cases,.feature-online-page__plan-grid,.feature-online-page__related-links{grid-template-columns:1fr}.feature-online-page__benefit-inner,.feature-online-page__benefit--reverse .feature-online-page__benefit-inner{grid-template-columns:1fr;gap:24px}.feature-online-page__benefit--reverse .feature-online-page__benefit-text,.feature-online-page__benefit--reverse .feature-online-page__benefit-visual{order:initial}}@media screen and (max-width: 768px){.feature-online-page__hero{padding:24px 0 48px}.feature-online-page__section{padding:52px 0}.feature-online-page__inner{padding:0 16px}.feature-online-page__lead,.feature-online-page__cta-box p{font-size:1.2rem;letter-spacing:.02em;line-height:2}.feature-online-page__benefit .cmn-h3,.feature-online-page__use-cases .cmn-h3,.feature-online-page__plan .cmn-h3,.feature-online-page__faq-list h3{font-size:1.8rem;letter-spacing:.04em;line-height:1.3333333333;padding-left:12px}.feature-online-page__benefit .cmn-h3.icon-link{padding-left:30px}.feature-online-page__benefit .cmn-h3.icon-link:before{width:20px;height:20px}.feature-online-page__benefit .cmn-h3.icon-smartphone,.feature-online-page__plan .cmn-h3.icon-web,.feature-online-page__plan .cmn-h3.icon-pdf,.feature-online-page__plan .cmn-h3.icon-book,.feature-online-page__use-cases .cmn-h3.icon-gift{padding-left:30px}.feature-online-page__benefit .cmn-h3.icon-smartphone:before,.feature-online-page__plan .cmn-h3.icon-web:before,.feature-online-page__plan .cmn-h3.icon-pdf:before,.feature-online-page__plan .cmn-h3.icon-book:before,.feature-online-page__use-cases .cmn-h3.icon-gift:before{width:20px;height:20px}.feature-online-page__benefit .cmn-h3.icon-books{padding-left:32px}.feature-online-page__benefit .cmn-h3.icon-books:before{width:22px;height:22px}.feature-online-page__use-cases .cmn-h3.icon-team{padding-left:30px}.feature-online-page__use-cases .cmn-h3.icon-team:before{width:20px;height:20px}.feature-online-page__use-cases .cmn-h3.icon-user{padding-left:28px}.feature-online-page__use-cases .cmn-h3.icon-user:before{width:18px;height:18px}.feature-online-page__benefit p,.feature-online-page__use-cases p,.feature-online-page__plan p,.feature-online-page__faq-list p,.feature-online-page__benefit-panel span,.feature-online-page__related-links span{font-size:1.2rem;letter-spacing:.02em;line-height:2}.feature-online-page__benefit-panel{min-height:auto;padding:24px}.feature-online-page__benefit-panel strong,.feature-online-page__related-links strong{font-size:1.8rem;letter-spacing:.04em;line-height:1.3333333333}.feature-online-page__hero-card,.feature-online-page__benefit,.feature-online-page__use-cases article,.feature-online-page__plan,.feature-online-page__faq-list article,.feature-online-page__cta-box,.feature-online-page__related-links a{padding:24px}.feature-online-page__button{width:100%}.feature-online-page__hero-actions{gap:10px}}