/* Page-scoped styles for the BMO e-Claim product page. */
.ec-page{--ec-ink:#0f172a;--ec-muted:#526176;--ec-blue:#1d4ed8;--ec-purple:#6d28d9;--ec-line:#dce5ef;background:#fff;color:var(--ec-ink);font-size:16px;line-height:1.7}
.ec-page h1,.ec-page h2,.ec-page h3,.ec-page p,.ec-page figure{margin:0}
.ec-page h1{font-size:clamp(36px,4.3vw,59px);line-height:1.09;letter-spacing:-.045em;font-weight:800;margin:18px 0 24px}
.ec-page h1 span{color:var(--ec-blue)}
.ec-page h2{font-size:clamp(29px,3.5vw,44px);line-height:1.15;letter-spacing:-.035em;font-weight:800;margin-bottom:20px}
.ec-page h3{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin-bottom:12px}
.ec-page p{color:var(--ec-muted)}
.ec-page img{display:block;width:100%;height:auto}
.ec-page section[id]{scroll-margin-top:100px}
.ec-page a:focus-visible,.ec-page summary:focus-visible{outline:3px solid var(--ec-blue);outline-offset:5px}
.ec-hero{padding:68px 0 64px;background:linear-gradient(125deg,#eff6ff 0%,#fff 65%,#f5f3ff 100%);border-bottom:1px solid var(--ec-line)}
.ec-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:54px}
.ec-back{display:inline-block;color:var(--ec-muted);font-size:13px;text-decoration:none;margin-bottom:24px;font-weight:600}
.ec-back:hover{text-decoration:underline}
.ec-page .ec-eyebrow{font-size:12px;line-height:1.6;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ec-blue);margin-bottom:14px}
.ec-lead{font-size:17px;max-width:620px}
.ec-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ec-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;border-radius:999px;border:1px solid var(--ec-line);font-size:14px;line-height:1.5;font-weight:750;text-decoration:none;background:#fff;color:var(--ec-ink);transition:background .15s,box-shadow .15s}
.ec-page .ec-primary{background:var(--ec-blue);border-color:var(--ec-blue);color:#fff;box-shadow:0 8px 20px #1d4ed81a}
.ec-button:hover{box-shadow:0 6px 20px #0f172a1a}
.ec-page .ec-primary:hover{background:#1e40af}
.ec-tags{display:flex;gap:9px 18px;flex-wrap:wrap;padding:0;list-style:none;margin:24px 0 0;font-size:12px;color:var(--ec-muted)}
.ec-tags li::before{content:'✓';color:#15803d;margin-right:6px;font-weight:800}
.ec-preview{padding:24px;background:#fff;border:1px solid var(--ec-line);border-radius:24px;box-shadow:0 20px 55px #0f172a0d;min-width:0}
.ec-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.ec-label{display:block;font-size:10px;font-weight:750;letter-spacing:.07em;color:var(--ec-muted);line-height:1.5}
.ec-live{background:#ecfdf5;color:#166534;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:750;white-space:nowrap}
.ec-preview-budget{padding:22px 18px 16px;border:1px solid #bfdbfe;border-radius:16px;background:#f8fbff}
.ec-preview-budget p{margin:8px 0 18px;font-size:13px}
.ec-preview-budget strong{color:var(--ec-ink);font-size:34px;letter-spacing:-.04em}
.ec-quarters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ec-quarters>span{padding:12px 4px;background:#fff;border:1px solid #dbeafe;border-radius:9px;text-align:center;font-size:10px;color:var(--ec-muted);white-space:nowrap}
.ec-quarters b{display:block;font-size:13px;color:var(--ec-blue);margin-top:5px}
.ec-check{font-size:11px;color:#166534;margin-top:16px;font-weight:650}
.ec-check>span{margin-right:5px}
.ec-preview-routing{padding:22px 0 8px}
.ec-preview-routing>div{margin-top:12px;display:grid;grid-template-columns:1fr;gap:8px}
.ec-preview-routing b{font-size:17px}
.ec-preview-routing span:not(.ec-label){display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:var(--ec-muted)}
.ec-preview-routing strong{background:#f5f3ff;border-radius:7px;padding:4px 10px;color:var(--ec-purple);font-weight:700}
.ec-page .ec-note{margin-top:16px;padding-top:14px;border-top:1px solid var(--ec-line);font-size:10px}
.ec-jump{border-bottom:1px solid var(--ec-line);background:#fff}
.ec-jump .container{display:flex;justify-content:center;gap:16px 35px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
.ec-jump a{color:var(--ec-muted);font-size:13px;font-weight:700;text-decoration:none}
.ec-jump a:hover{color:var(--ec-blue)}
.ec-section{padding:80px 0}
.ec-tint{background:#f7f9fc}
.ec-heading{max-width:710px;margin:0 auto 36px;text-align:center}
.ec-heading>p:last-child{font-size:17px}
.ec-feature-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ec-feature-intro>a{display:block;padding:32px;border:1px solid #bfdbfe;border-radius:20px;background:#f8fbff;text-decoration:none}
.ec-feature-intro>a:hover{border-color:var(--ec-blue)}
.ec-feature-intro>a.ec-purple{background:#faf8ff;border-color:#ddd6fe}
.ec-feature-intro>a.ec-purple:hover{border-color:var(--ec-purple)}
.ec-feature-number{font-size:11px;color:var(--ec-blue);letter-spacing:.1em;font-weight:800;display:block;margin-bottom:22px}
.ec-feature-intro h3{font-size:25px;max-width:380px}
.ec-feature-intro p{font-size:15px}
.ec-link{display:flex;justify-content:space-between;color:var(--ec-blue);margin-top:25px;font-weight:750;font-size:14px}
.ec-purple .ec-link,.ec-purple .ec-feature-number{color:var(--ec-purple)}
.ec-section-top{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-bottom:32px}
.ec-section-top h2{margin-bottom:0}
.ec-section-top>p{font-size:17px;padding-bottom:4px}
.ec-figure{overflow:hidden}
.ec-figure>a{display:block;border:1px solid var(--ec-line);border-radius:18px;overflow:hidden;background:#edf2f7}
.ec-figure a:hover{border-color:#94a3b8}
.ec-figure figcaption{font-size:12px;color:var(--ec-muted);margin-top:10px;text-align:center}
.ec-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px}
.ec-benefits article{border-top:3px solid #bfdbfe;padding-top:20px}
.ec-benefits p{font-size:15px}
.ec-page .ec-callout{padding:20px 24px;margin-top:32px;border-left:3px solid var(--ec-blue);background:#edf4ff;font-size:14px;border-radius:0 12px 12px 0}
.ec-callout strong{color:var(--ec-ink)}
.ec-setup-detail{margin-top:28px;border:1px solid var(--ec-line);border-radius:14px;background:#fff;overflow:hidden}
.ec-setup-detail summary{padding:20px 24px;font-weight:750;color:var(--ec-blue);cursor:pointer}
.ec-detail-body{padding:0 24px 24px}
.ec-detail-body>p{margin-bottom:20px;font-size:15px}
.ec-approval .ec-eyebrow{color:var(--ec-purple)}
.ec-approval .ec-benefits article{border-color:#ddd6fe}
.ec-priority{margin-top:32px;padding:28px;background:#faf8ff;border:1px solid #e9d5ff;border-radius:16px}
.ec-priority h3{font-size:18px}
.ec-priority ol{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0;margin:20px 0}
.ec-priority li{font-size:13px;font-weight:650}
.ec-priority li span{display:block;width:27px;height:27px;line-height:27px;text-align:center;background:#ede9fe;color:var(--ec-purple);border-radius:50%;margin-bottom:10px}
.ec-priority p{font-size:13px}
.ec-core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ec-core-grid article{padding:28px;background:#fff;border:1px solid var(--ec-line);border-radius:16px}
.ec-core-grid i{display:block;font-size:26px;color:var(--ec-blue);margin-bottom:18px}
.ec-core-grid p{font-size:14px}
.ec-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;padding:0;margin:40px 0 0}
.ec-steps li>span{display:block;font-size:30px;font-weight:800;color:var(--ec-blue);letter-spacing:-.05em;margin-bottom:18px}
.ec-steps p{font-size:15px}
.ec-faq-wrap{max-width:860px}
.ec-faq{border:1px solid var(--ec-line);border-radius:12px;background:#fff;margin:12px 0}
.ec-faq summary{padding:20px 24px;cursor:pointer;font-weight:700;font-size:15px}
.ec-faq p{padding:0 24px 22px;font-size:14px}
.ec-faq summary::marker,.ec-setup-detail summary::marker{color:var(--ec-blue)}
.ec-cta{padding:56px 32px;background:#0f172a;border-radius:24px;text-align:center}
.ec-cta h2{color:#fff}
.ec-page .ec-cta .ec-eyebrow{color:#93c5fd}
.ec-cta>p:not(.ec-eyebrow){color:#cbd5e1;max-width:620px;margin:0 auto}
.ec-cta .ec-actions{justify-content:center}
.ec-page .ec-outline{background:transparent;color:#fff;border-color:#64748b}
.ec-related{display:flex;gap:12px 24px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:30px;font-size:13px}
.ec-related>span{color:var(--ec-muted)}
.ec-related a{font-weight:750;text-decoration:none;color:var(--ec-blue)}
@media(max-width:1000px){.ec-hero-grid{grid-template-columns:1fr;gap:36px}.ec-hero{padding-top:48px}.ec-preview{max-width:620px;width:100%;margin:0 auto}.ec-section-top{gap:28px}.ec-page h1{max-width:760px}.ec-core-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.ec-section{padding:56px 0}.ec-hero{padding:32px 0 40px}.ec-back{margin-bottom:20px}.ec-feature-intro,.ec-section-top,.ec-benefits,.ec-steps{grid-template-columns:1fr;gap:24px}.ec-page h1{font-size:38px}.ec-feature-intro>a{padding:26px}.ec-priority ol{grid-template-columns:repeat(2,1fr)}.ec-jump .container{gap:10px 20px}.ec-core-grid{grid-template-columns:1fr}.ec-heading{text-align:left}.ec-preview{padding:18px}.ec-preview-budget{padding:18px 12px}.ec-figure>a{border-radius:10px}.ec-cta{padding:40px 22px}.ec-cta h2{font-size:30px}.ec-cta .ec-eyebrow{font-size:11px}.ec-detail-body{padding:0 16px 16px}.ec-setup-detail summary{padding:18px 16px}.ec-related>span{width:100%;text-align:center}}
@media(max-width:400px){.ec-page h1{font-size:34px}.ec-button{width:100%}.ec-preview-top{align-items:flex-start}.ec-quarters b{font-size:11px}.ec-preview-budget strong{font-size:30px}.ec-label{font-size:9px}.ec-tags{gap:8px 12px}}
@media(prefers-reduced-motion:reduce){html:has(.ec-page){scroll-behavior:auto}.ec-button{transition:none}}
