.site-main .features-hero{

            padding: 80px 0 60px;

            background: linear-gradient(135deg, #ffffff 0%, #e2f3ed 100%);

            text-align: center;

        }
.site-main .features-hero h1{

            font-size: 2.8rem;

            font-weight: 800;

            color: #123c39;

            margin-bottom: 12px;

        }
.site-main .features-hero h1 .text-accent{ color: #0f766e; }
.site-main .features-hero .hero-description{

            font-size: 1.1rem;

            color: #426561;

            max-width: 600px;

            margin: 0 auto 8px;

            line-height: 1.8;

        }
.site-main .features-hero .hero-description strong{ color: #123c39; }
.site-main .features-hero .features-eyebrow{

            display: inline-block;

            background: rgba(15,118,110,0.06);

            border: 1px solid rgba(15,118,110,0.08);

            border-radius: 40px;

            padding: 6px 24px;

            font-size: 0.85rem;

            font-weight: 600;

            color: #0f766e;

            margin-bottom: 16px;

        }
.site-main .feature-summary-section{

            padding: 40px 0 50px;

            background: #ffffff;

        }
.site-main .feature-summary-grid{

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 24px;

            max-width: 100%;

            margin: 0 auto;

        }
.site-main .feature-summary-card{

            background: #f4faf7;

            border-radius: 16px;

            padding: 28px 20px;

            text-align: center;

            border: 1px solid rgba(15,118,110,0.04);

            transition: 0.3s;

        }
.site-main .feature-summary-card:hover{

            transform: translateY(-4px);

            border-color: rgba(15,118,110,0.08);

        }
.site-main .feature-summary-card .metric-value{

            font-size: 2.2rem;

            font-weight: 800;

            color: #0f766e;

        }
.site-main .feature-summary-card .metric-label{

            font-size: 0.9rem;

            color: #426561;

            margin-top: 4px;

        }
.site-main .feature-summary-card .card-eyebrow{

            color: #b7791f;

            font-size: 1.2rem;

            letter-spacing: 2px;

        }
.site-main .features-section{

            padding: 30px 0 70px;

            background: #f4faf7;

        }
.site-main .features-section .section-header{

            text-align: center;

            margin-bottom: 36px;

        }
.site-main .features-section .section-eyebrow-label{

            display: inline-block;

            background: rgba(15,118,110,0.04);

            border: 1px solid rgba(15,118,110,0.06);

            border-radius: 40px;

            padding: 4px 20px;

            font-size: 0.8rem;

            font-weight: 600;

            color: #0f766e;

            margin-bottom: 6px;

        }
.site-main .features-section .section-title{

            font-size: 2rem;

            font-weight: 700;

            color: #123c39;

        }
.site-main .features-section .section-title i{ color: #0f766e; margin-right: 8px; }
.site-main .features-section .section-description{ color: #426561; font-size: 1rem; }
.site-main .scenario-card-grid{

            display: grid;

            grid-template-columns: repeat(3, 1fr);

            gap: 28px;

        }
.site-main .feature-card{

            background: #ffffff;

            border-radius: 20px;

            padding: 28px 24px 24px;

            border: 1px solid rgba(15,118,110,0.04);

            transition: 0.3s;

            box-shadow: 0 2px 12px rgba(0,0,0,0.02);

            display: flex;

            flex-direction: column;

        }
.site-main .feature-card:hover{

            transform: translateY(-4px);

            border-color: rgba(15,118,110,0.08);

            box-shadow: 0 12px 28px rgba(15,118,110,0.04);

        }
.site-main .feature-card .card-eyebrow{

            color: #b7791f;

            font-size: 0.9rem;

            letter-spacing: 2px;

            margin-bottom: 6px;

            flex-shrink: 0;

        }
.site-main .feature-card .feature-description{

            font-size: 0.95rem;

            color: #123c39;

            line-height: 1.7;

            flex: 1;

        }
.site-main .feature-card .feature-description strong{ color: #0f766e; }
.site-main .feature-card .card-metadata{

            display: flex;

            align-items: center;

            gap: 12px;

            margin-top: 14px;

            padding-top: 14px;

            border-top: 1px solid rgba(15,118,110,0.04);

            flex-shrink: 0;

        }
.site-main .feature-card .card-metadata .card-avatar{

            width: 44px;

            height: 44px;

            border-radius: 50%;

            flex-shrink: 0;

            overflow: hidden;

            border: 2px solid rgba(15,118,110,0.06);

        }
.site-main .feature-card .card-metadata .card-avatar img{

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;

        }
.site-main .feature-card .card-metadata .card-metadata-content .card-metadata-title{

            font-weight: 600;

            color: #123c39;

            font-size: 0.9rem;

        }
.site-main .feature-card .card-metadata .card-metadata-content .card-metadata-description{

            font-size: 0.75rem;

            color: #52736e;

        }
.site-main .feature-card .card-reference-label{

            display: inline-block;

            background: rgba(22,128,101,0.08);

            color: #168065;

            font-size: 0.6rem;

            font-weight: 600;

            padding: 2px 10px;

            border-radius: 30px;

            margin-top: 4px;

            flex-shrink: 0;

        }
.site-main .feature-card .card-reference-label i{ margin-right: 4px; }
.site-main .features-call-to-action{

            padding: 50px 0 60px;

            background: #ffffff;

            border-top: 1px solid rgba(15,118,110,0.04);

            text-align: center;

        }
.site-main .features-call-to-action h2{

            font-size: 1.8rem;

            font-weight: 700;

            color: #123c39;

            margin-bottom: 8px;

        }
.site-main .features-call-to-action p{

            color: #426561;

            font-size: 1rem;

            margin-bottom: 20px;

        }
.site-main .features-call-to-action .call-to-action-buttons{

            display: flex;

            gap: 14px;

            justify-content: center;

            flex-wrap: wrap;

        }
.site-main .faq-section{

            padding: 60px 0 80px;

            background: #f4faf7;

            border-top: 1px solid rgba(15,118,110,0.04);

        }
.site-main .faq-section .section-header{

            text-align: center;

            margin-bottom: 36px;

        }
.site-main .faq-answer-grid{

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 18px;

            align-items: stretch;

        }
.site-main .faq-item{

            background: #ffffff;

            border-radius: 16px;

            padding: 24px 28px;

            border: 1px solid rgba(15,118,110,0.03);

            transition: 0.3s;

            display: flex;

            flex-direction: column;

            height: 100%;

        }
.site-main .faq-item:hover{ border-color: rgba(15,118,110,0.06); }
.site-main .faq-item .faq-question{

            font-weight: 700;

            font-size: 1rem;

            color: #123c39;

            display: flex;

            align-items: center;

            gap: 12px;

            flex-shrink: 0;

        }
.site-main .faq-item .faq-question i{

            color: #0f766e;

            font-size: 0.8rem;

            width: 20px;

            flex-shrink: 0;

        }
.site-main .faq-item .faq-answer{

            margin-top: 10px;

            color: #426561;

            font-size: 0.92rem;

            line-height: 1.8;

            flex: 1;

        }
.site-main .faq-item .faq-answer .answer-step{

            display: flex;

            align-items: flex-start;

            gap: 10px;

            margin-top: 6px;

            padding-left: 4px;

        }
.site-main .faq-item .faq-answer .answer-step:first-child{ margin-top: 0; }
.site-main .faq-item .faq-answer .step-number{

            display: inline-flex;

            align-items: center;

            justify-content: center;

            min-width: 22px;

            height: 22px;

            background: #0f766e;

            color: #fff;

            border-radius: 50%;

            font-size: 0.7rem;

            font-weight: 700;

            flex-shrink: 0;

            margin-top: 2px;

        }
.site-main .faq-item .faq-answer .answer-step-description{ flex: 1; }
.site-main .faq-item .faq-answer strong{ color: #123c39; }
@media (max-width: 1024px){.site-main .features-hero h1{ font-size: 2.4rem; }
.site-main .feature-summary-grid{ grid-template-columns: repeat(2, 1fr); }
.site-main .scenario-card-grid{ grid-template-columns: repeat(2, 1fr); }
.site-main .faq-answer-grid{ grid-template-columns: 1fr 1fr; }}
@media (max-width: 768px){.site-main .features-hero{ padding: 50px 0 40px; }
.site-main .features-hero h1{ font-size: 1.8rem; }
.site-main .feature-summary-grid{ grid-template-columns: 1fr 1fr; gap: 14px; }
.site-main .feature-summary-card{ padding: 20px 14px; }
.site-main .feature-summary-card .metric-value{ font-size: 1.6rem; }
.site-main .scenario-card-grid{ grid-template-columns: 1fr; }
.site-main .features-section{ padding: 20px 0 50px; }
.site-main .faq-answer-grid{ grid-template-columns: 1fr; }
.site-main .faq-item{ padding: 20px; }
.site-main .features-call-to-action h2{ font-size: 1.4rem; }}
@media (max-width: 480px){.site-main .features-hero h1{ font-size: 1.6rem; }
.site-main .feature-summary-grid{ grid-template-columns: 1fr 1fr; gap: 10px; }
.site-main .feature-summary-card{ padding: 16px 10px; }
.site-main .feature-summary-card .metric-value{ font-size: 1.4rem; }
.site-main .feature-summary-card .card-eyebrow{ font-size: 0.9rem; }
.site-main .feature-card{ padding: 20px 16px; }
.site-main .faq-item{ padding: 16px; }
.site-main .faq-item .faq-question{ font-size: 0.9rem; }
.site-main .faq-item .faq-answer .answer-step{ flex-direction: column; gap: 4px; }
.site-main .features-call-to-action .call-to-action-buttons{ flex-direction: column; align-items: center; }
.site-main .features-call-to-action .call-to-action-buttons .button-primary,

            .site-main .features-call-to-action .call-to-action-buttons .button-outline{ width: 100%; justify-content: center; }}
.site-main .feature-card-title{font-size:1.15rem; line-height:1.5; color:#123c39; margin-bottom:10px;}