/* ---------- HERO ---------- */
.hero-section {
    background:
        radial-gradient(58% 55% at 50% 4%, rgba(4,135,217,.20), rgba(4,135,217,0) 60%),
        radial-gradient(48% 62% at 100% 50%, rgba(4,135,217,.20), rgba(4,135,217,0) 60%),
        radial-gradient(62% 70% at 50% 112%, rgba(218,165,32,.13), rgba(218,165,32,0) 58%),
        var(--color-navy);
    color: var(--color-light);
    padding: clamp(25px, 2vh, 25px) 0;
  overflow: hidden;
  height: calc(100vh - 149px);
}
.hero-section .wrap { gap: 60px; align-items: center; }
.hero-left { flex: 1; max-width: 770px; }
.hero-eyebrow {
    display: inline-flex; align-items: center;
    background: rgba(218,165,32,.08); border: 1px solid rgba(218,165,32,.4);
    color: var(--color-gold-light); font-weight: 700; font-size: 12px;
    letter-spacing: 2.6px; text-transform: uppercase; padding: 9px 17px; border-radius: 999px;
}
.hero-left h1 { color: var(--color-light); font-size: clamp(48px, 9vh, 72px); line-height: 1.05; margin: 26px 0 24px; }
html[lang="es-ES"]  .hero-left h1 { font-size: clamp(48px, 9vh, 54px); }
html[lang="es-ES"]  .btn-primary { font-size: 14px }
html[lang="es-ES"] .header-actions .btn-primary { max-width: 250px; }
.hero-left h1 .grad-text { display: inline-block; }
.hero-lede { color: var(--color-muted); font-size: 19px; line-height: 1.6; max-width: 520px; }
.hero-buttons { display: flex; gap: 16px; margin-top: 34px; }
.hero-section .container,.hero-section .wrap{height: 100%;}
.hero-form h2{font-size: 25px;}

.gform-theme--framework .gf_progressbar {background-color: #E7DDC8;}

/* hero form card */
.gform_required_legend {
	display: none;
}
.hero-form {
    position: relative;
    flex: 0 0 605px; background: var(--color-light); color: var(--color-navy-2);
    border-radius: 24px; box-shadow: 0 40px 90px -30px rgba(0,0,0,.55); padding: 35px 40px 40px;
    max-height: 650px;
    overflow-y: auto;
    min-height: 600px;
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
}
.hero-form .gfield_label.gform-field-label {
    margin-bottom: 15px;
}
.hero-form-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.hero-form-head h2, .hero-form-head h3 { font-size: 24px; margin: 0 0 4px; }
.hero-form-head p { font-size: 14px; color: var(--color-body); margin: 0; }
.hero-form-badge {
    width: 48px; height: 48px; border-radius: 10px; flex: 0 0 auto;
    background: linear-gradient(135deg, var(--color-gold-light), var(--color-gold-dark));
    display: flex; align-items: center; justify-content: center; color: var(--color-light); font-size: 22px;
}
.hero-form-progress { margin-bottom: 24px; }
.hero-form-progress .step { font-size: 13px; color: #11204A; margin-bottom: 8px; display: block; }
.hero-form-progress .bar { height: 7px; background: #E7DDC8; border-radius: 999px; overflow: hidden; }
.hero-form-progress .bar span { display: block; height: 100%; width: 33%; border-radius: 999px; background: linear-gradient(90deg, var(--color-gold-light), var(--color-gold-dark)); }
.hero-form .field-row { display: flex; gap: 13px; margin-bottom: 18px; }
.hero-form .field { flex: 1; display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; }
.hero-form .field-row .field { margin-bottom: 0; }
.hero-form label { font-size: 14px; font-weight: 600; color: var(--color-navy-2); }
.hero-form input, .hero-form select, .hero-form textarea {
    font-family: var(--font-body); 
    font-size: 15px; 
    color: var(--color-navy-2);
    padding: 13px 16px; 
    border: 1px solid #E0D6BF!important; 
    border-radius: 11px!important;
border: 1px solid #E0D6BF;
background: #FFF;
    width: 100%;
}
.hero-form select {
	background-repeat: no-repeat;
	padding: 0 12px;
	background-position: 98% center;
}
.hero-form textarea { min-height: 100px; resize: none; }
.hero-form input:focus, .hero-form select:focus, .hero-form textarea:focus { outline: none; border-color: var(--color-gold); }
.hero-form .btn { width: 100%; margin-top: 6px; font-weight: 500; color: #0A1430; }
.hero-form .form-fine { font-size: 12px; color: #9A937E; line-height: 1.5; margin: 14px 0 0; text-align: left; }

#gform_next_button_1_8 {
	border-radius: 11px;
	background: #D9A526;
	box-shadow: 0 12px 28px 0 rgba(212, 167, 44, 0.16);
	border: 0 !important;
	width: 100%;
	padding: 15px 10px !important;
	color: #0A1430;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.hero-form p {
	color: #9A937E;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}
#gform_page_1_2 .gform_next_button,#gform_page_1_3 .gform_next_button {
	background: #fff !important;
	color: #112337 !important;
    margin-left: auto;
}
#gform_submit_button_1 {
	background: var(--color-gold);
	border-color: var(--color-gold) !important;
	width: calc(100% - 97px);
}

/* ---------- STATS BAR ---------- */
.stats-section { background: linear-gradient(90.9deg, #142347 49.22%, #0A101F 146.12%); color: var(--color-light); padding: 57px 0; }
.stats-row { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1336px; margin: 0 auto; }
.stat-item { text-align: center; padding: 0 20px; border-left: 1px solid var(--color-border-dark); }
.stat-item:first-child { border-left: none; }
.stat-item .stat-value { font-family: var(--font-display); font-weight: 800; font-size: 48px; line-height: 1; color: #fff; }
.stat-item .stat-label { font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; color: #8EA0C4; margin-top: 12px; }

/* ---------- ABOUT (asymmetric: heading TR, copy BL, media BR) ---------- */
.about-section { background: var(--color-light); padding: 120px 0; }
.about-top {
    display: grid;
    grid-template-columns: 500px 1fr 144px;
    gap: 25px;
}
.about-bottom {
    display: grid;
    grid-template-columns: 500px 1fr 220px;
    gap: 25px;
    align-items: flex-start;
    position: relative;
    margin-top: 55px;
}
.about-section .top-title {
	font-size: 42px;
	position: relative;
	color: var(--color-gold);
	font-family: var(--font-display);
}
.top-title::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: var(--color-border);
	left: -102%;
	top: 35px;
}
.about-eyebrow { grid-area: eyebrow; }
.about-top h2 { font-size: 52px; line-height: 1.1; color:#070706; margin: 0; }
.about-content p { color: #4F5860; font-size: 16px; line-height: 1.75; font-weight: 500; margin-bottom: 20px; max-width: 465px; }
.about-content .about-emph { 
    font-style: italic;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    color: #21356D;
}
.about-content .btn { margin-top: 14px; }
.about-media {
	position: relative;
	padding-bottom: 56%;
	height: 100%;
}
.about-media > img{border-radius: 8px;}
.about-banner {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about-photo { width: 100%; border-radius: 14px; }
.about-badge {
    
    background: #21356D; color: var(--color-light); border-radius: 14px; padding: 18px;
}
.about-badge strong { display: block; font-family: var(--font-display); font-weight: 600; font-size: 24px; color: #FFBA10; }
.about-badge .desc { font-size: 16px; color:#fff; font-weight: 400; }
.about-badge .sub { font-size: 14px; color: #D6D6D6; margin-top: 12px; font-weight: 400; }
/* .about-inset { position: absolute; right: -28px; bottom: -34px; width: 200px; border-radius: 12px; border: 4px solid var(--color-light); } */
.about-inset {margin-top: 10px; border-radius: 8px; height: 200px; width: 220px; object-fit: cover;}
/* ---------- PRACTICE AREAS (bento, light cards on cream) ---------- */
.practice-section { background: #F5F2EC; padding: 120px 0; }
.practice-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 50px; }
.practice-head h2 { max-width: 460px; margin-top: 16px; }
.practice-head .intro {max-width: 685px; color: var(--color-body); font-size: 18px; line-height: 1.6;}
.practice-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; }
.practice-card {
    position: relative; grid-column: span 4;
    background: linear-gradient(to bottom, var(--color-light), #fbf9f4);
    border: 1px solid #eae5da; border-radius: 20px; padding: 37px; overflow: hidden;
    display: flex; flex-direction: column; transition: transform .25s ease, box-shadow .25s ease;
}
.practice-card:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -30px rgba(16,30,55,.25); }
.practice-card.is-wide { grid-column: span 7; }
.practice-card.is-med  { grid-column: span 5; }
.practice-card.is-half { grid-column: span 6; }
.practice-card.featured-pa{position: relative;}
.practice-card.featured-pa::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url('/wp-content/uploads/2026/07/how-section-crown.webp') 100% 108% / 200px auto no-repeat;
	pointer-events: none;
}
.practice-card .pc-icon {
    width: 58px; height: 58px; border-radius: 15px; display: flex; align-items: center; justify-content: center;
    background: #fff7e0; color: var(--color-gold); font-size: 26px; margin-bottom: 26px;
}
.practice-card h3 { color: var(--color-navy-2); font-size: 30px; margin: 0 0 12px; }
.practice-card.is-wide h3 { font-size: 30px; }
.practice-card p { color: var(--color-body); font-size: 16px; line-height: 1.55; margin: 0; max-width: 510px;}
.practice-card .pc-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.practice-card .pc-tags .tag { border-color: rgba(79,88,96,.44); color: var(--color-body); font-size: 12.5px; }
.practice-card .pc-flag {
    position: absolute; top: 34px; right: 34px; font-family: var(--font-body); font-weight: 600;
    font-size: 11px; letter-spacing: 1.76px; text-transform: uppercase; color: #06080f;
    background: linear-gradient(136deg, #f0d27a, var(--color-gold)); border-radius: 999px; padding: 6px 13px;
}
.practice-card .pc-crown {
    position: absolute; bottom: -20px; right: -20px; width: 200px; opacity: .08; pointer-events: none;
}
.practice-grid .btn-wrap { grid-column: 1 / -1; display: flex; justify-content: center; margin-top: 12px; }

/* ---------- RESULTS ---------- */
.results-section { background: var(--color-light); padding: 120px 0; }
.results-head { text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: 50px; }
.results-head h2{margin: 16px 0  20px;}
.results-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.result-card { border: 1px solid #EAE5DA; border-radius: 18px; padding: 33px; background: linear-gradient(180deg, #FFF 0%, #FBF9F4 95.94%); transition: box-shadow .25s ease, transform .25s ease; }
.result-card:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -30px rgba(16,30,55,.35); }
.result-card .amount { font-family: var(--font-display); font-weight: 800; font-size: 44px; color: var(--color-gold); line-height: 1; }
.result-card .divider { height: 1px; background: #EAE5DAA3; margin: 22px 0 18px; }
.result-card .rc-type { font-family: var(--font-display); font-weight: 700; font-size: 18px; color: #070706; margin-bottom: 8px; }
.result-card .rc-desc { font-size: 14px; color: #4F5860; font-weight: 300; line-height: 1.55; }

/* ---------- WHY CHOOSE (dark) ---------- */
.why-section {
	background: var(--color-navy) url('../img/swl-king.png');
	background-repeat: no-repeat;
	padding: 120px 0;
	background-position: 22% 78%;
	background-size: 400px;
}
.why-section .wrap { gap: 70px; display: grid; grid-template-columns: 1fr 1fr;  place-items: start; }

.why-intro h2 { color: var(--color-cream); font-size: 46px; margin: 18px 0 22px; }
.why-intro p { color: var(--color-muted); font-size: 17px; line-height: 1.7; margin-bottom: 30px; max-width: 390px;}
.why-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.why-card { background: var(--color-navy-card); border: 1px solid rgba(255,255,255,.06); border-radius: 16px; padding: 24px; }
.why-card .wc-icon {
    width: 56px; height: 56px; border-radius: 12px; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--color-gold-light), var(--color-gold-dark)); color: var(--color-light); font-size: 24px; margin-bottom: 60px;
}
.why-card h3 { color: var(--color-light); font-size: 24px; margin: 90px 0 15px; }
.why-card p { font-size: 15px; color: var(--color-muted); line-height: 1.6; margin: 0; }

.trusted-section{
    padding: 25px 0;
    max-height: 100px;
    background: #0D1830;
}
.trusted-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.trusted-logos {
    display: flex;
    align-items: center;
    gap: 130px;
}
.trusted-logos .tlogo img{max-height:55px; width:auto;}
.tl-contact{gap: 50px;}
.trusted-label{
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 2.88px;
    color: #6F7FA3;
    text-transform: uppercase;
}
.trusted-content p { color: #6F7FA3; margin-bottom: 0; margin-top: 8px;}
.about-trusted .trusted-row {gap: 50px;}
.about-trusted .trusted-row > * {flex: 1;}
.about-trusted .trusted-logos {gap: 30px; justify-content: space-between;}
.about-trusted { max-height: 100%;}
.about-trusted .trusted-label{font-size: 18px;}
/* ---------- HOW IT WORKS ---------- */
.how-section { background: var(--color-light); padding: 120px 0; position: relative; }
.hs-crown{position: absolute; right: 0; top: 50%; transform:  translateY(-50%);;}
.how-head { max-width: 733px; margin-bottom: 100px; }
.how-head h2 { font-size: 48px; margin-top: 16px; }
.how-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.how-step { position: relative; }
.how-step .dot-line { display: flex; align-items: center; margin-bottom: 30px; }
.how-step .dot { width: 12px; height: 12px; border-radius: 50%; background: #FCB300; flex: 0 0 auto; outline: 5px solid #faf2de; z-index: 2; }
.how-step .line { flex: 1; height: 1px; margin-left: 15px; background: linear-gradient(90deg, rgba(252, 179, 0, 0.5) 0%, rgba(252, 179, 0, 0.05) 100%); z-index: 1;}
.how-step .step-num { font-size: 14px; font-weight: 800; letter-spacing: 1.5px; color: #46B3FF; text-transform: uppercase; }
.how-step h3 { font-size: 24px; margin: 14px 0 12px; }
.how-step p { font-size: 16px; color: #747E86; line-height: 1.6; margin: 0; }

/* ---------- TEAM (borderless) ---------- */
.team-section { background: var(--color-cream); padding: 120px 0 0; }
.team-head { text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: 50px; }
.team-head h2{margin: 16px 0 10px;}
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.team-card { background: transparent; }
.team-photo { aspect-ratio: 1 / 1; overflow: hidden; border-radius: 8px; background: var(--color-surface); }
.team-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top;}
.team-info { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 20px 0 0; }
.team-info .tm-name { font-family: var(--font-display); font-weight: 400; font-size: 20px; color: #0d1c29; }
.team-info .tm-role { font-size: 16px; color: #747E86; margin-top: 4px; font-weight: 400;}
.team-info .tm-link { flex: 0 0 auto; }
.team-info .tm-link img { width: 32px; height: 32px; }

.team-card{
    position: relative;
    overflow: hidden;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.team-card-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.team-photo {
    overflow: hidden;
}

.team-photo img {
    display: block;
    width: 100%;
    transition: transform 0.45s ease;
}

.tm-name,
.tm-role {
    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.team-card .tm-link {
    position: relative;
    z-index: 2;
    transition:
        color 0.3s ease,
        background-color 0.3s ease,
        transform 0.3s ease;
}

.team-card:hover,
.team-card:focus-within {
    transform: translateY(-8px);
    box-shadow: 0 16px 35px rgb(0 0 0 / 14%);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.team-info {
	padding: 20px;
	border: 1px solid var(--color-gold);
	border-radius: 8px;
	margin-top: -10px;
}

.team-card:hover .team-photo img,
.team-card:focus-within .team-photo img {
    transform: scale(1.06);
}

.team-card:hover .tm-name,
.team-card:focus-within .tm-name {
    color: var(--primary-color, #b28a4a);
    transform: translateX(3px);
}

.team-card:hover .tm-link,
.team-card:focus-within .tm-link {
    color: #fff;
    /* background-color: var(--primary-color, #b28a4a); */
    transform: translateY(-3px);
}

.team-card-link:focus-visible {
    outline: 3px solid var(--primary-color, #b28a4a);
    outline-offset: -3px;
}
.gap-bottom{padding-bottom: 120px;}

/* Respect reduced-motion accessibility settings. */
@media (prefers-reduced-motion: reduce) {
    .team-card,
    .team-photo img,
    .tm-name,
    .tm-role,
    .team-card .tm-link {
        transition: none;
    }

    .team-card:hover,
    .team-card:focus-within,
    .team-card:hover .team-photo img,
    .team-card:focus-within .team-photo img {
        transform: none;
    }
}

/* ---------- TESTIMONIALS ---------- */
.testi-section { background: var(--color-cream); padding: 120px 0; }
.testi-head { margin-bottom: 70px; }
.testi-head h2 { font-size: 48px; margin-top: 16px; max-width: 600px; }
.testi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.testi-card { background: var(--color-light); border: 1px solid rgba(14,27,56,.08); min-height: 375px; border-radius: 20px; padding: 30px; display: flex; flex-direction: column; gap: 18px; }
.testi-card .stars { color: #ffb600; font-size: 17px; letter-spacing: 2px; margin: 0; }
.testi-card blockquote { font-family: var(--font-display); font-weight: 400; font-size: 16px; line-height: 1.5; color: #4A5470; margin: 0; flex: 1; }
.testi-author { display: flex; align-items: center; gap: 12px; }
.testi-avatar { width: 46px; height: 46px; border-radius: 50%; overflow: hidden; flex: 0 0 auto; background: var(--color-surface); }
.testi-avatar img { width: 100%; height: 100%; object-fit: cover; }
.testi-author .ta-name { font-family: var(--font-display); font-weight: 600; font-size: 15px; color: #0E1B38; }
.testi-author .ta-role { font-size: 13px; font-weight: 400; color: #6A738C; }
    
.testi-read-more {
	padding: 0;
	border: 1px solid var(--color-gold);
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	font-size: 13px;
	padding: 0 8px;
	border-radius: 25px;
	text-transform: capitalize;
}
.testi-popup {
    position: fixed;
    inset: 0;
    margin: auto;

    width: min(600px, calc(100% - 32px));
    max-height: 80vh;
    padding: 40px;
    border: 0;
    border-radius: 16px;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}
.testi-popup::backdrop {background: rgba(0, 0, 0, 0.65);}
.testi-popup-close {
    position: absolute;
    top: 10px;
    right: 14px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
}
.testi-popup-content h3 {margin: 0 35px 20px 0;}

.testi-grid .owl-stage {
    display: flex;
}

.testi-grid .owl-stage-outer {
    overflow: hidden;
}

.testi-grid .owl-item {
    display: flex;
}

.testi-grid .testi-card {
    width: 100%;
}

/* Smoother hardware-accelerated movement */
.testi-grid .owl-stage {
    will-change: transform;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

/* ---------- FAQ ---------- */
.faq-section {
	padding: 120px 0 60px;
	background: #fff url('../img/swl-king.png');
	background-repeat: no-repeat;
    background-size: 400px;
	background-position: 18% 68%;
}
.faq-section .wrap { gap: 80px; align-items: flex-start; }
.faq-intro { flex: 0 0 450px; }
.faq-intro h2 { font-size: 46px; margin: 18px 0 22px; }
.faq-intro p { color: var(--color-body); font-size: 16px; line-height: 1.7; margin-bottom: 30px; }
.faq-list { flex: 1; max-width: 785px;}
.faq-item { background: #F5F2EC; border: 1px solid rgba(14, 27, 56, 0.1); border-radius: 16px; margin-bottom: 14px; overflow: hidden; }
.faq-item.active{ border-color: var(--color-gold); }
.faq-question{
    list-style: none; cursor: pointer; padding: 18px 25px; font-family: var(--font-display); font-weight: 500;
    font-size: 17px; color: #0E1B38; display: flex; align-items: center; justify-content: space-between; gap: 18px;
    transition: 0.3s ease all;
    border: navajowhite;
    background: transparent;
    outline: none;
    text-align: left;
    width: 100%;
}
.faq-question::after { content: "+"; font-size: 24px; color: var(--color-gold); flex: 0 0 auto; transition: transform .2s ease; }

.faq-item .faq-body { padding: 0 25px 0px; font-size: 15px; font-weight: 400; line-height: 1.7; color: #4A5470; height: 0; opacity: 0; transition: height 0.4s ease, opacity 0.3s ease; }
.faq-item.active .faq-body { height: auto; opacity: 1; }
.faq-item.active .faq-question::after { content: "\2013"; }

/* ---------- CTA (blue gradient panel) ---------- */
.cta-section { background: var(--color-light); padding: 40px 0 90px; }
.cta-inner {
    background: url(../img/cta-bg.webp);
    border-radius: 34px;
    padding: 90px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    /* background-position: center 0; */
}
.cta-inner h2 { font-weight: 800; font-size: 56px; margin: 10px 0 20px; color: #F5F2EC;}
.cta-inner p { color: rgba(255,255,255,.84); font-size: 18px; line-height: 1.6; margin: 0 auto 34px; max-width: 560px; }
.cta-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.cta-buttons .btn-outline-light{
    border: 1px solid #FFFFFF66;
}
.cta-buttons .btn-outline-light:hover svg path{
    stroke: var(--color-gold);
    border-color: var(--color-gold);
}
.pa-cta{
    max-width: 1920px;
    margin: 0 auto;
    background: linear-gradient(107.63deg, #0487D9 -31.45%, #1C47A6 101.71%);
}
.pa-cta .cta-inner{background-image: none; padding: 10px 15px;}
.sml-item .sml-icon {align-items: center;}
.sml-item .scy-icon {line-height: normal;}

/* ============================================================
   HOME RESPONSIVE
   ============================================================ */
@media (max-width: 1200px) {
    .hero-section .wrap { flex-direction: column; align-items: stretch; }
    .hero-form { flex: 0 0 auto; }
    /* .about-grid { grid-template-columns: 1fr; grid-template-areas: "eyebrow" "heading" "copy" "media"; row-gap: 20px; } */
    .about-heading h2 { font-size: 38px; }
    .about-media { margin-top: 10px; }
    .why-section .wrap, .faq-section .wrap { flex-direction: column; }
    .why-intro, .faq-intro { flex: 0 0 auto; width: 100%; }
    .results-grid, .testi-grid, .how-grid { grid-template-columns: repeat(2, 1fr); }
    /* practice bento -> 2 cols */
    .practice-grid { grid-template-columns: 1fr 1fr; }
    .practice-card, .practice-card.is-med, .practice-card.is-half { grid-column: auto; }
    .practice-card.is-wide { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
    h1, .hero-left h1 { font-size: 46px; letter-spacing: -1px; }
    h2 { font-size: 34px; }
    .stats-row { grid-template-columns: 1fr 1fr; gap: 30px 0; }
    .stat-item:nth-child(3) { border-left: none; }
    .practice-grid { grid-template-columns: 1fr; }
    .practice-card, .practice-card.is-wide, .practice-card.is-med, .practice-card.is-half { grid-column: auto; }
    .practice-head, .how-head { display: block; }
    .hero-form .field-row { flex-direction: column; gap: 18px; }
    .cta-inner h2 { font-size: 36px; }
}
.section-eyebrow::before{display: none;}
.section-eyebrow{display: inline-block; line-height: normal;}
.section-eyebrow svg{margin-right: 5px;}

.footer-social svg {
	width: 17px;
	height: 17px;
	filter: brightness(0) invert(1);
}