/* Compose the shared homepage/tracker components for the alerts workflow. */
.alerts-page { max-width:1240px; margin:0 auto; }
.alerts-page section, .alerts-page [id] { scroll-margin-top:90px; }
.alerts-hero { display:grid; grid-template-columns:1fr; gap:2.5rem; align-items:center; padding:2.75rem; border-radius:12px; background:#192f4b; color:#fff; }
.alerts-hero-copy { max-width:850px; }
.alerts-hero h1 { font-size:clamp(2rem,3vw,2.9rem); line-height:1.12; letter-spacing:-.04em; font-weight:800; color:#fff; margin:1rem 0; }
.alerts-hero .lead { font-size:1rem; line-height:1.75; color:#dce5ef; }
.alerts-plan-note { font-size:.75rem; line-height:1.7; margin:1rem 0 0; color:#dce5ef; }
.alerts-hero .btn { padding:.7rem 1rem; }
.alerts-email { background:var(--site-surface); color:var(--site-text); min-width:0; }
.alerts-email-preview-section { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:2rem; align-items:center; max-width:1000px; margin:2rem auto 1rem; padding:1rem 0 2rem; }
.alerts-email-preview-copy h2 { font-size:1.5rem; line-height:1.25; font-weight:750; }
.alerts-email-preview-copy p { color:var(--site-muted); line-height:1.7; }
.alerts-email-intro { padding:1.25rem 1.1rem; }
.alerts-email-intro h2 { font-size:1.3rem; margin:.4rem 0; font-weight:700; }
.alerts-email .itt-preview-head { font-size:.65rem; gap:.6rem; flex-wrap:wrap; }
.alerts-email .alerts-email-row { align-items:flex-start; gap:1rem; padding:1rem 1.1rem; }
.alerts-email-person { min-width:0; overflow-wrap:anywhere; }
.alerts-email-value { flex-shrink:0; font-size:.85rem; }
.alerts-press { padding:.75rem 0 1.5rem; }
.alerts-press .press-mentions { gap:1rem !important; padding:0 !important; }
.alerts-press .press-mentions > span:not(:first-child) { min-width:90px !important; }
.alerts-press .hero-logo { max-width:110px; object-fit:contain; }
.alerts-section { padding:3.5rem 0; border-bottom:1px solid var(--site-border); }
.alerts-section-heading { max-width:700px; margin-bottom:2rem; }
.alerts-section h2 { font-size:1.85rem; line-height:1.25; letter-spacing:-.03em; font-weight:750; margin:.5rem 0 1rem; }
.alerts-section h3 { font-size:1.5rem; line-height:1.3; letter-spacing:-.02em; font-weight:700; }
.alerts-section p { color:var(--site-muted); line-height:1.75; }
.alerts-section .itt-feat-prev { background:var(--site-surface); min-width:0; }
.alerts-section .itt-feat-copy { min-width:0; }
.alerts-benefits { list-style:none; padding:0; margin:1.25rem 0; }
.alerts-benefits li { position:relative; padding-left:1.35rem; margin:.65rem 0; font-size:.9rem; line-height:1.65; color:var(--site-muted); }
.alerts-benefits li::before { content:'✓'; position:absolute; left:0; color:var(--site-link); font-weight:700; }
.alerts-profile { display:flex; align-items:center; gap:1rem; padding:1.5rem; overflow-wrap:anywhere; }
.alerts-profile-icon { display:grid; place-items:center; width:3rem; height:3rem; flex-shrink:0; border-radius:50%; background:var(--site-surface-soft); font-size:1.5rem; color:var(--site-link); }
.alerts-flow-step { display:flex; align-items:center; gap:1rem; padding:1rem 1.5rem; border-top:1px solid var(--site-border); font-size:.85rem; }
.alerts-flow-step i { color:var(--site-link); font-size:1.15rem; }
.alerts-search-preview { padding:1.5rem; }
.alerts-filter-chips { display:flex; gap:.6rem; flex-wrap:wrap; margin:1rem 0 1.5rem; }
.alerts-filter-chips span { background:var(--site-surface-soft); border:1px solid var(--site-border); border-radius:5px; padding:.5rem .75rem; font-size:.8rem; }
.alerts-search-result { display:flex; gap:1rem; padding-top:1.25rem; border-top:1px solid var(--site-border); }
.alerts-search-result > i { color:var(--site-link); font-size:1.5rem; }
.alerts-cadence-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
.alerts-cadence { position:relative; padding:1.75rem; border:1px solid var(--site-border); border-radius:10px; background:var(--site-surface); }
.alerts-cadence-premium { background:var(--site-surface-soft); border-color:var(--site-link); }
.alerts-cadence .badge { margin-bottom:1rem; }
.alerts-cadence h3 { font-size:1.3rem; }
.alerts-cadence > strong { font-size:.8rem; }
.alerts-cadence-icon { display:block; font-size:1.6rem; margin-bottom:.75rem; color:var(--site-link); }
.alerts-disclosure { padding:1.5rem; }
.alerts-disclosure dl { margin:1.25rem 0; }
.alerts-disclosure dl > div { display:flex; justify-content:space-between; gap:1rem; padding:.65rem 0; border-bottom:1px solid var(--site-border); font-size:.85rem; }
.alerts-disclosure dt { color:var(--site-muted); font-weight:400; }
.alerts-disclosure dd { margin:0; text-align:right; font-weight:600; }
.alerts-page .itt-testi { padding:1.75rem; }
.alerts-page .itt-testi figcaption { background:transparent; padding:0; }
.alerts-setup { display:grid; grid-template-columns:repeat(3,1fr); gap:2.5rem; padding-left:1.5rem; margin-bottom:0; }
.alerts-setup li::marker { color:var(--site-link); font-weight:700; }
.alerts-setup strong { display:block; margin-bottom:.6rem; }
.alerts-setup p { font-size:.85rem; margin:0; }
.alerts-faq details { border-bottom:1px solid var(--site-border); padding:1.15rem 0; }
.alerts-faq details:last-child { border-bottom:0; }
.alerts-faq summary { font-weight:600; cursor:pointer; }
.alerts-faq details p { max-width:850px; margin:.75rem 0 0; font-size:.9rem; }
.alerts-page .itt-cta-bottom { padding:3.5rem 2rem; }
.alerts-page .itt-cta-bottom h2 { max-width:730px; margin:0 auto 1rem; letter-spacing:-.03em; }
.alerts-page .itt-cta-bottom .sub { max-width:600px; }
.alerts-closing-note { font-size:.75rem; margin:1rem 0 0; color:#dce5ef; }
.alerts-page a:focus-visible, .alerts-page summary:focus-visible { outline:2px solid var(--site-link); outline-offset:4px; }
.alerts-hero a:focus-visible, .alerts-page .itt-cta-bottom a:focus-visible { outline-color:#fff; }
@media (max-width:1199.98px) { .alerts-hero { grid-template-columns:1fr; padding:2rem; } .alerts-hero-copy { max-width:720px; } .alerts-hero .alerts-email { width:100%; } }
@media (max-width:767.98px) {
 .alerts-hero { padding:1.25rem; gap:1.5rem; }
 .alerts-email-preview-section { grid-template-columns:1fr; gap:.75rem; margin:1.5rem auto .5rem; padding:0 0 1.5rem; }
 .alerts-hero h1 { font-size:2rem; }
 .alerts-section { padding:2.5rem 0; }
 .alerts-section h2 { font-size:1.6rem; }
 .alerts-section h3 { font-size:1.35rem; }
 .alerts-email .alerts-email-row { flex-direction:column; gap:.65rem; }
 .alerts-email-value { align-self:flex-start; }
 .alerts-cadence-grid, .alerts-setup { grid-template-columns:1fr; }
 .alerts-setup { gap:1.5rem; }
 .alerts-page .itt-cta-bottom { padding:2.5rem 1.25rem; }
 .alerts-disclosure dl > div { flex-wrap:wrap; }
}