/* =======================
HOMEPAGE INFORMATION TABS
======================= */

.info-tabs{
background:#ffffff;
padding:0;
}

.tab-nav{
display:grid;
grid-template-columns:repeat(4,1fr);
border-top:1px solid #e5e7eb;
border-bottom:1px solid #e5e7eb;
}

.tab-btn{
background:#f8fafc;
border:none;
padding:30px;
font-size:1.1rem;
font-weight:600;
cursor:pointer;
transition:.3s;
}

.tab-btn:hover{
background:#eef2f7;
}

.tab-btn:focus-visible{
outline:3px solid rgba(201,162,39,.55);
outline-offset:-3px;
}

.tab-btn.active{
background:#0f274d;
color:white;
border-bottom:4px solid #c9a227;
}

.tab-content{
display:none;
max-width:1200px;
margin:auto;
padding:80px 8%;
}

.tab-content.active-content{
display:block;
}

.tab-content h2{
margin:15px 0;
font-size:2.5rem;
}

.tab-content p{
max-width:800px;
font-size:1.1rem;
}

/* =======================
HOMEPAGE CLIENT TESTIMONIALS
======================= */

.client-testimonials-section{
background:#ffffff;
}

.client-testimonials-section .section-header p{
max-width:760px;
margin:12px auto 0;
color:#64748b;
}

.client-testimonial-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
margin-top:35px;
}

.client-testimonial-card{
background:#0f172a;
color:#ffffff;
border-radius:20px;
padding:32px;
box-shadow:0 14px 32px rgba(15,23,42,.12);
}

.client-testimonial-card blockquote{
font-family:'Playfair Display',serif;
font-size:1.3rem;
line-height:1.6;
margin:0 0 22px;
}

.client-testimonial-name{
color:#f8e7a7;
font-weight:800;
margin:0;
}

@media (max-width: 900px) {
    .tab-nav{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width: 600px) {
    .tab-nav{
        grid-template-columns:1fr;
    }

    .tab-btn{
        padding:20px;
        font-size:1rem;
    }

    .client-testimonial-card{
        padding:26px;
    }
}

/* =======================
HOMEPAGE PLANNING TOOLS
======================= */

.planning-tools-section{
background:#0f172a;
padding:90px 0;
}

.planning-tools-header h2{
color:#ffffff;
}

.planning-tools-header p{
max-width:780px;
margin:12px auto 0;
color:#cbd5e1;
}

.planning-tools-section .section-tag{
color:#f8e7a7;
}

.planning-tools-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:22px;
margin-top:42px;
}

.planning-tool-card{
position:relative;
display:flex;
flex-direction:column;
min-height:100%;
background:#ffffff;
border:1px solid rgba(255,255,255,.12);
border-radius:22px;
padding:30px;
text-decoration:none;
box-shadow:0 18px 45px rgba(0,0,0,.18);
transition:
transform .25s ease,
box-shadow .25s ease,
border-color .25s ease;
}

.planning-tool-card:hover{
transform:translateY(-6px);
box-shadow:0 24px 55px rgba(0,0,0,.24);
border-color:#c9a227;
}

.planning-tool-card:focus-visible{
outline:3px solid rgba(232,201,91,.75);
outline-offset:4px;
}

.planning-tool-number{
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
margin-bottom:24px;
border-radius:50%;
background:#0f274d;
color:#f8e7a7;
font-size:.78rem;
font-weight:800;
letter-spacing:.08em;
}

.planning-tool-kicker{
color:#806515;
font-size:.74rem;
font-weight:800;
letter-spacing:.11em;
text-transform:uppercase;
}

.planning-tool-card h3{
margin:10px 0 12px;
color:#0f172a;
font-family:'Playfair Display',serif;
font-size:1.55rem;
line-height:1.2;
}

.planning-tool-card p{
margin:0 0 24px;
color:#64748b;
font-size:.96rem;
line-height:1.7;
}

.planning-tool-link{
margin-top:auto;
color:#0f274d;
font-weight:800;
}

.planning-tools-disclaimer{
max-width:850px;
margin:28px auto 0;
color:#94a3b8;
font-size:.84rem;
line-height:1.65;
text-align:center;
}

@media (max-width:1050px){

    .planning-tools-grid{
        grid-template-columns:
        repeat(2,minmax(0,1fr));
    }

}

@media (max-width:600px){

    .planning-tools-section{
        padding:70px 0;
    }

    .planning-tools-grid{
        grid-template-columns:1fr;
    }

    .planning-tool-card{
        padding:26px;
    }

}

/* =======================
HOMEPAGE HERO EYEBROW CONTRAST
======================= */

.hero .eyebrow{
display:inline-block;
margin-bottom:16px;
color:#f8e7a7;
font-size:.82rem;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}