.site-main .faq-hero{

            padding: 80px 0 60px;

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

            text-align: center;

            position: relative;

            overflow: hidden;

        }
.site-main .faq-hero::after{

            content: '';

            position: absolute;

            top: -50%;

            right: -20%;

            width: 400px;

            height: 400px;

            background: radial-gradient(circle, rgba(15,118,110,0.03) 0%, transparent 70%);

            border-radius: 50%;

        }
.site-main .faq-hero h1{

            font-size: 2.8rem;

            font-weight: 800;

            color: #123c39;

            margin-bottom: 12px;

            position: relative;

            z-index: 1;

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

            font-size: 1.1rem;

            color: #426561;

            max-width: 600px;

            margin: 0 auto 8px;

            line-height: 1.8;

            position: relative;

            z-index: 1;

        }
.site-main .faq-hero .hero-description strong{ color: #123c39; }
.site-main .faq-hero .faq-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;

            position: relative;

            z-index: 1;

        }
.site-main .faq-hero .faq-overview-metrics{

            display: flex;

            justify-content: center;

            gap: 40px;

            margin-top: 20px;

            position: relative;

            z-index: 1;

            flex-wrap: wrap;

        }
.site-main .faq-hero .faq-overview-metrics .faq-metric-item{

            text-align: center;

        }
.site-main .faq-hero .faq-overview-metrics .faq-metric-item .metric-value{

            font-size: 1.8rem;

            font-weight: 800;

            color: #0f766e;

        }
.site-main .faq-hero .faq-overview-metrics .faq-metric-item .metric-label{

            font-size: 0.85rem;

            color: #426561;

        }
.site-main .faq-category-navigation{

            padding: 20px 0 30px;

            background: #ffffff;

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

        }
.site-main .faq-category-navigation .faq-category-links{

            display: flex;

            justify-content: center;

            gap: 12px;

            flex-wrap: wrap;

        }
.site-main .faq-category-navigation .faq-category-links a{

            display: inline-block;

            padding: 8px 24px;

            border-radius: 40px;

            font-size: 0.85rem;

            font-weight: 600;

            color: #426561;

            text-decoration: none;

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

            transition: 0.3s;

            background: #f4faf7;

        }
.site-main .faq-category-navigation .faq-category-links a:hover,

        .site-main .faq-category-navigation .faq-category-links a.is-active{

            background: #0f766e;

            color: #fff;

            border-color: #0f766e;

            box-shadow: 0 4px 16px rgba(15,118,110,0.15);

            transform: translateY(-2px);

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

            padding: 40px 0 70px;

            background: #f4faf7;

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

            text-align: center;

            margin-bottom: 36px;

        }
.site-main .faq-answers-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 .faq-answers-section .section-title{

            font-size: 2rem;

            font-weight: 700;

            color: #123c39;

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

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 20px;

            max-width: 100%;

            margin: 0 auto;

            align-items: stretch;

        }
.site-main .faq-item{

            background: #ffffff;

            border-radius: 16px;

            padding: 26px 30px;

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

            transition: 0.3s;

            display: flex;

            flex-direction: column;

            height: 100%;

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

        }
.site-main .faq-item:hover{

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

            box-shadow: 0 8px 24px rgba(15,118,110,0.04);

            transform: translateY(-3px);

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

            font-weight: 700;

            font-size: 1.05rem;

            color: #123c39;

            display: flex;

            align-items: center;

            gap: 12px;

            flex-shrink: 0;

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

            display: inline-flex;

            align-items: center;

            justify-content: center;

            width: 28px;

            height: 28px;

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

            color: #0f766e;

            border-radius: 50%;

            font-size: 0.7rem;

            flex-shrink: 0;

        }
.site-main .faq-item .faq-question .faq-category-label{

            font-size: 0.6rem;

            font-weight: 600;

            color: #0f766e;

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

            padding: 2px 12px;

            border-radius: 30px;

            margin-left: auto;

            flex-shrink: 0;

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

            margin-top: 12px;

            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; }
.site-main .faq-item .faq-answer a{

            color: #0f766e;

            text-decoration: none;

            font-weight: 600;

        }
.site-main .faq-item .faq-answer a:hover{ text-decoration: underline; }
.site-main .faq-call-to-action{

            padding: 50px 0 70px;

            background: #ffffff;

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

            text-align: center;

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

            font-size: 1.8rem;

            font-weight: 700;

            color: #123c39;

            margin-bottom: 8px;

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

            color: #426561;

            font-size: 1rem;

            margin-bottom: 20px;

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

            display: flex;

            gap: 14px;

            justify-content: center;

            flex-wrap: wrap;

        }
@media (max-width: 1024px){.site-main .faq-hero h1{ font-size: 2.4rem; }
.site-main .faq-answer-grid{ gap: 16px; }}
@media (max-width: 768px){.site-main .faq-hero{ padding: 50px 0 40px; }
.site-main .faq-hero h1{ font-size: 1.8rem; }
.site-main .faq-hero .faq-overview-metrics{ gap: 24px; }
.site-main .faq-hero .faq-overview-metrics .faq-metric-item .metric-value{ font-size: 1.4rem; }
.site-main .faq-category-navigation .faq-category-links a{ font-size: 0.75rem; padding: 6px 16px; }
.site-main .faq-answer-grid{ grid-template-columns: 1fr; }
.site-main .faq-item{ padding: 20px; }
.site-main .faq-item .faq-question{ font-size: 0.95rem; }
.site-main .faq-call-to-action h2{ font-size: 1.4rem; }}
@media (max-width: 480px){.site-main .faq-hero h1{ font-size: 1.6rem; }
.site-main .faq-hero .faq-overview-metrics{ gap: 16px; }
.site-main .faq-hero .faq-overview-metrics .faq-metric-item .metric-value{ font-size: 1.2rem; }
.site-main .faq-hero .faq-overview-metrics .faq-metric-item .metric-label{ font-size: 0.7rem; }
.site-main .faq-category-navigation .faq-category-links{ gap: 8px; }
.site-main .faq-category-navigation .faq-category-links a{ font-size: 0.7rem; padding: 4px 12px; }
.site-main .faq-item{ padding: 16px; }
.site-main .faq-item .faq-question{ font-size: 0.9rem; flex-wrap: wrap; }
.site-main .faq-item .faq-question .faq-category-label{ margin-left: 0; font-size: 0.55rem; }
.site-main .faq-item .faq-answer .answer-step{ flex-direction: column; gap: 4px; }
.site-main .faq-call-to-action .call-to-action-buttons{ flex-direction: column; align-items: center; }
.site-main .faq-call-to-action .call-to-action-buttons .button-primary,

            .site-main .faq-call-to-action .call-to-action-buttons .button-outline{ width: 100%; justify-content: center; }}