/* Scoped to the introduction only: site header, navigation, cards and footer are untouched. */
.gg-public-page .gg-intro.gg-intro--hero {
 box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr) 160px;
 align-items:center; gap:24px; max-width:none; margin:16px 0 24px; padding:28px 32px;
 border:1px solid #d5e9dc; border-radius:24px;
 background:linear-gradient(115deg,#f1faf4 0%,#e9f6ee 100%);
 color:#142b1d;
}
.gg-intro--hero .gg-hero-copy {min-width:0;}
.gg-intro--hero .gg-hero-eyebrow {
 display:inline-block; margin:0 0 12px; padding:4px 10px; border-radius:7px;
 background:#dcefe2; color:#176b38; font-size:.69rem; font-weight:800;
 line-height:1.5; letter-spacing:.075em; text-transform:uppercase;
}
.gg-intro--hero h1 {
 margin:0 0 12px; max-width:850px; font-size:clamp(1.8rem,3.5vw,2.65rem);
 line-height:1.17; letter-spacing:-.04em; text-wrap:balance; overflow-wrap:anywhere;
}
.gg-intro--hero .gg-hero-lead {
 max-width:790px; margin:0; font-size:.93rem; line-height:1.7; color:#42594a;
}
.gg-intro--hero .gg-hero-benefits {
 display:flex; flex-wrap:wrap; gap:8px 20px; list-style:none; padding:0; margin:18px 0 0;
 font-size:.75rem; font-weight:600; line-height:1.6; color:#265a3a;
}
.gg-intro--hero .gg-hero-benefits li {display:flex; align-items:baseline; gap:7px; margin:0;}
.gg-intro--hero .gg-hero-benefits li::before {content:'✓'; color:#16723a; font-weight:800; flex:none;}
.gg-intro--hero .gg-hero-ad {
 margin:16px 0 0; font-size:.72rem; line-height:1.65; color:#465d4e;
}
.gg-intro--hero .gg-hero-ad strong {
 display:inline-block; padding:1px 6px; margin-right:3px; border:1px solid #b9d2c2;
 border-radius:4px; color:#344b3d; background:#f7fcf9; font-size:inherit;
}
.gg-intro--hero .gg-hero-art {display:flex; align-items:center; justify-content:center;}
.gg-intro--hero .gg-hero-gift {display:block; width:160px; height:160px;}
@media(max-width:760px) {
 .gg-public-page .gg-intro.gg-intro--hero {grid-template-columns:minmax(0,1fr); padding:23px 24px; gap:0;}
 .gg-intro--hero .gg-hero-art {display:none;}
}
@media(max-width:560px) {
 .gg-public-page .gg-intro.gg-intro--hero {margin:12px 0 20px; padding:20px; border-radius:19px;}
 .gg-intro--hero h1 {font-size:clamp(1.6rem,6.6vw,2rem); margin-bottom:10px;}
 .gg-intro--hero .gg-hero-eyebrow {font-size:.63rem; margin-bottom:10px;}
 .gg-intro--hero .gg-hero-lead {font-size:.85rem; line-height:1.65;}
 .gg-intro--hero .gg-hero-benefits {gap:6px 14px; margin-top:14px; font-size:.7rem;}
 .gg-intro--hero .gg-hero-ad {margin-top:13px; font-size:.69rem;}
}