/* Feature-specific public landing pages. Uses Awayly's existing design tokens. */
.focused-hero .seo-hero-grid { align-items:center; }
.focused-hero h1 { line-height:1.14; }
.focused-preview { position:relative; border:1px solid #d7e4f5; border-radius:25px; background:linear-gradient(145deg,#fff 32%,#f0f6ff); box-shadow:0 22px 55px rgba(26,69,129,.12); padding:27px; color:#163258; min-height:310px; }
.focused-preview__top { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; border-bottom:1px solid #e2eaf5; padding-bottom:14px; margin-bottom:20px; }
.focused-preview__brand { font-weight:900; font-size:1.08rem; color:#2563eb; letter-spacing:-.03em; }
.focused-preview__label { font-size:.68rem; color:#71829a; font-weight:750; }
.focused-preview__sub { font-size:.75rem; color:#7386a2; font-weight:800; margin-bottom:14px; }
.focused-year { display:flex; gap:10px; align-items:stretch; }
.focused-year > div { flex:1; min-width:0; display:flex; flex-direction:column; padding:18px 15px; background:#f5f8fe; border:1px solid #dce7f4; border-radius:15px; }
.focused-year > div.is-highlight { background:#2b75ef; border-color:#2b75ef; color:#fff; }
.focused-year small, .focused-year span { font-size:.64rem; color:#687d99; }
.focused-year strong { font-size:2rem; line-height:1.5; }
.focused-year > div.is-highlight small,.focused-year > div.is-highlight span { color:#e2edff; }
.focused-arrow { align-self:center; font-size:1.3rem; color:#2b75ef; font-weight:900; }
.focused-preview__note { display:flex; gap:8px; align-items:center; margin-top:16px; font-size:.73rem; font-weight:750; }
.focused-check { display:inline-flex; align-items:center; justify-content:center; flex:0 0 22px; width:22px; height:22px; background:#e2f6ed; color:#17865d; border-radius:50%; font-weight:900; }
.focused-email { padding:15px 17px; background:#fff; border:1px solid #dee8f5; border-radius:16px; box-shadow:0 12px 18px rgba(29,57,99,.045); }
.focused-email__head { display:flex; align-items:center; gap:11px; border-bottom:1px solid #e5edf6; padding-bottom:11px; }
.focused-mail-icon { display:grid; place-items:center; width:37px; height:37px; border-radius:12px; background:#e7efff; color:#2563eb; }
.focused-email__head strong, .focused-email__head small { display:block; }
.focused-email__head strong { font-size:.9rem; }
.focused-email__head small { color:#7486a0; font-size:.66rem; }
.focused-email__item { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 0; border-bottom:1px solid #edf2f8; }
.focused-email__item span { font-size:.7rem; color:#76869b; }
.focused-email__item strong { font-size:.77rem; }
.focused-email__bottom { margin-top:13px; color:#75879b; font-size:.64rem; line-height:1.5; }
.focused-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.focused-stats > div { border:1px solid #dce7f4; border-radius:15px; padding:16px; background:#fff; display:flex; flex-direction:column; }
.focused-stats span { font-size:.68rem; color:#7186a0; }
.focused-stats strong { color:#225bb6; font-size:2rem; }
.focused-stats small { font-size:.65rem; color:#7588a0; }
.focused-chart { display:flex; gap:9px; height:92px; align-items:flex-end; padding:10px 4px 0; }
.focused-chart span { display:block; flex:1; height:var(--bar); background:linear-gradient(180deg,#428cfa,#2b75ef); border-radius:6px 6px 0 0; }
.focused-preview__muted { font-size:.65rem; line-height:1.5; color:#7b8da4; margin:12px 0 0; }
.focused-closure { border:1px solid #dbe6f6; border-radius:16px; background:#fff; padding:20px; }
.focused-closure small,.focused-closure strong { display:block; }
.focused-closure small { font-size:.67rem; color:#7e8fa6; }
.focused-closure strong { font-size:1rem; }
.focused-closure__dates { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:18px 0; }
.focused-closure__dates span { padding:13px; background:#f1f6fe; border:1px solid #dfebfb; border-radius:12px; font-weight:850; }
.focused-closure__rule { display:flex; align-items:center; gap:8px; font-size:.73rem; font-weight:750; border-top:1px solid #e9eff7; padding-top:14px; }
.focused-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.focused-step { border:1px solid #dbe6f4; border-radius:19px; padding:26px; background:linear-gradient(150deg,#fff,#f7faff); }
.focused-step__number { color:#2563eb; font-size:.7rem; font-weight:900; letter-spacing:.1em; }
.focused-step h3 { margin:11px 0; font-size:1.1rem; color:#143051; }
.focused-step p { color:#63768d; line-height:1.75; font-size:.86rem; margin:0; }
.focused-insight { background:linear-gradient(148deg,#11375e,#236bb8); border-radius:24px; box-shadow:0 20px 40px rgba(15,50,88,.12); padding:37px; color:#fff; }
.focused-insight .eyebrow { color:#bcdcff; }
.focused-insight h3 { color:#fff; font-size:1.9rem; line-height:1.22; margin:16px 0; }
.focused-insight p { color:#d6e8ff; line-height:1.7; margin:0; }
.focused-insight__divider { height:1px; background:rgba(255,255,255,.22); margin:25px 0; }
.focused-insight__pill { display:inline-flex; color:#fff; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.20); border-radius:99px; padding:10px 15px; font-size:.8rem; font-weight:850; }
.focused-details .seo-card-grid article { background:#fff; }
@media (max-width:900px) { .focused-steps { grid-template-columns:1fr; } .focused-insight { padding:28px; } }
@media (max-width:570px) { .focused-preview { padding:17px; min-height:0; } .focused-preview__top { align-items:flex-start; } .focused-year > div { padding:12px 8px; } .focused-year strong { font-size:1.48rem; } .focused-year small,.focused-year span { font-size:.58rem; } .focused-arrow { font-size:1rem; } .focused-insight h3 { font-size:1.5rem; } }