Fireworks Ember 1 – Personal Finance

via Fireworks · Generated

  • AIMAC Debt 4.44
  • Cost $0.43
  • Total Violations 13
  • HTML Size 62 KB
  • Em Dashes 28

Screenshot

View Fireworks Ember 1 Personal Finance page View Live Page

Accessibility Issues Found

13 Serious

  • color-contrast serious 13 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <em>Financial</em>

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Everline Financial — Personal Finance, Banking &amp; Wealth Guidance</title>
<meta name="description" content="Everline Financial pairs fiduciary advisors with smart tools for banking, budgeting, investing, credit, and insurance — so every dollar pulls its weight.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..700;1,9..144,400..700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
  :root{
    --bg:#f6f3ea;
    --paper:#fffdf7;
    --ink:#14251f;
    --muted:#5c6b62;
    --evergreen:#0d3b2e;
    --evergreen-2:#14503e;
    --evergreen-3:#1b5f4a;
    --gold:#c9971f;
    --gold-soft:#e0b34f;
    --gold-dk:#93701a;
    --line:#e4ddc9;
    --shadow:0 10px 30px rgba(20,37,31,.10);
    --shadow-lg:0 24px 60px rgba(20,37,31,.16);
    --radius:18px;
  }
  html{box-sizing:border-box;scroll-behavior:smooth;scroll-padding-top:92px}
  *,*::before,*::after{box-sizing:inherit}
  body,h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
  ul,ol{padding:0;list-style:none}
  img{max-width:100%;display:block}
  body{
    font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
    color:var(--ink);
    background:var(--bg);
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.serif{font-family:'Fraunces',Georgia,serif;line-height:1.12;font-weight:600;letter-spacing:-.01em}
  h1 em,h2 em{font-style:italic;color:var(--gold-dk)}
  a{color:inherit;text-decoration:none}
  .container{max-width:1180px;margin:0 auto;padding:0 24px}
  .section{padding:96px 0}
  .eyebrow{
    font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
    color:var(--gold-dk);margin-bottom:14px;display:flex;align-items:center;gap:10px;
  }
  .eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);display:inline-block}
  .section-head{max-width:680px;margin-bottom:56px}
  .section-head.center{margin-left:auto;margin-right:auto;text-align:center}
  .section-head.center .eyebrow{justify-content:center}
  .section-head h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-bottom:16px}
  .lead{color:var(--muted);font-size:1.06rem}

  /* ---------- Buttons ---------- */
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:14px 26px;border-radius:999px;font-weight:600;font-size:.95rem;
    border:1.5px solid transparent;cursor:pointer;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease;
  }
  .btn:hover{transform:translateY(-2px)}
  .btn-primary{background:var(--gold);color:#231a05;box-shadow:0 8px 20px rgba(201,151,31,.35)}
  .btn-primary:hover{background:var(--gold-soft)}
  .btn-outline{border-color:var(--evergreen);color:var(--evergreen)}
  .btn-outline:hover{background:var(--evergreen);color:#f3efe2}
  .btn-ghost{border-color:rgba(246,243,234,.45);color:#f3efe2}
  .btn-ghost:hover{background:rgba(246,243,234,.12)}
  .btn svg{transition:transform .25s ease}
  .btn:hover svg{transform:translateX(4px)}

  /* ---------- Header ---------- */
  .site-header{
    position:sticky;top:0;z-index:100;
    background:rgba(246,243,234,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s;
  }
  .site-header.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 24px rgba(20,37,31,.06)}
  .header-inner{display:flex;align-items:center;gap:28px;height:76px}
  .brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
  .brand img{width:44px;height:44px;border-radius:12px;box-shadow:0 4px 12px rgba(13,59,46,.3)}
  .brand-name{font-family:'Fraunces',serif;font-size:1.28rem;font-weight:700;color:var(--evergreen);display:block;line-height:1.1}
  .brand-name em{font-style:italic;color:var(--gold-dk);font-weight:500}
  .brand-tag{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block;margin-top:2px}
  .primary-nav{margin-left:auto}
  .primary-nav ul{display:flex;align-items:center;gap:4px}
  .primary-nav a{
    padding:9px 14px;border-radius:999px;font-size:.9rem;font-weight:500;color:var(--ink);
    transition:background .2s,color .2s;
  }
  .primary-nav a:hover{background:rgba(13,59,46,.08);color:var(--evergreen)}
  .header-cta{padding:11px 22px;font-size:.88rem;flex-shrink:0}
  .nav-toggle{
    display:none;background:none;border:0;cursor:pointer;padding:10px;
    flex-direction:column;gap:5px;
  }
  .nav-toggle span{width:24px;height:2px;background:var(--evergreen);display:block;border-radius:2px;transition:transform .3s,opacity .3s}

  /* ---------- Hero ---------- */
  .hero{
    padding:84px 0 96px;position:relative;overflow:hidden;
    background:
      radial-gradient(900px 500px at 85% -10%,rgba(201,151,31,.14),transparent 60%),
      radial-gradient(700px 500px at -10% 110%,rgba(13,59,46,.10),transparent 60%),
      var(--bg);
  }
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
  .hero h1{font-size:clamp(2.5rem,5vw,3.9rem);margin:6px 0 22px}
  .hero .lead{max-width:520px;margin-bottom:34px}
  .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px}
  .hero-proof{display:flex;align-items:center;gap:14px}
  .avatar-stack{display:flex}
  .avatar-stack img{width:40px;height:40px;border-radius:50%;border:3px solid var(--bg);margin-left:-12px}
  .avatar-stack img:first-child{margin-left:0}
  .hero-proof p{font-size:.86rem;color:var(--muted)}
  .hero-proof strong{color:var(--ink)}
  .stars{color:var(--gold);letter-spacing:2px;font-size:.8rem}

  .hero-media{position:relative}
  .hero-media>img{
    border-radius:26px;box-shadow:var(--shadow-lg);aspect-ratio:5/4.2;object-fit:cover;width:100%;
  }
  .float-card{
    position:absolute;background:var(--paper);border:1px solid var(--line);border-radius:16px;
    box-shadow:var(--shadow);padding:14px 18px;display:flex;align-items:center;gap:12px;
    animation:floaty 6s ease-in-out infinite alternate;
  }
  .fc-apy{top:26px;left:-34px}
  .fc-credit{bottom:32px;right:-26px;animation-delay:1.6s}
  .float-icon{
    width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;
    background:rgba(13,59,46,.1);color:var(--evergreen);
  }
  .fc-credit .float-icon{background:rgba(201,151,31,.16);color:var(--gold-dk)}
  .float-card strong{display:block;font-size:1.02rem;line-height:1.2}
  .float-card small{color:var(--muted);font-size:.72rem}
  @keyframes floaty{from{transform:translateY(-6px)}to{transform:translateY(8px)}}

  /* ---------- Stats band ---------- */
  .stats-band{background:linear-gradient(135deg,var(--evergreen),var(--evergreen-2));color:#eef0e4;padding:54px 0}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}
  .stat b{font-family:'Fraunces',serif;font-size:clamp(2rem,3.4vw,2.7rem);font-weight:600;color:var(--gold-soft);display:block;line-height:1.1}
  .stat span{font-size:.85rem;color:rgba(238,240,228,.78);letter-spacing:.04em}

  /* ---------- Services ---------- */
  .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  .svc-card{
    background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
    padding:34px 30px;box-shadow:0 4px 14px rgba(20,37,31,.05);
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
    display:flex;flex-direction:column;
  }
  .svc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(201,151,31,.5)}
  .svc-icon{
    width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:22px;
    background:linear-gradient(135deg,var(--evergreen),var(--evergreen-3));color:var(--gold-soft);
    box-shadow:0 8px 18px rgba(13,59,46,.25);
  }
  .svc-card h3{font-size:1.22rem;margin-bottom:10px}
  .svc-card p{color:var(--muted);font-size:.93rem;margin-bottom:20px;flex:1}
  .svc-link{font-weight:600;font-size:.88rem;color:var(--gold-dk);display:inline-flex;align-items:center;gap:8px}
  .svc-link:hover{color:var(--evergreen)}

  /* ---------- Guides + sidebar ---------- */
  .guides-section{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .guides-grid{display:grid;grid-template-columns:1fr 330px;gap:56px;align-items:start}
  .guide{
    display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;
    padding:44px 0;border-bottom:1px solid var(--line);
  }
  .guide:first-child{padding-top:0}
  .guide:last-child{border-bottom:0;padding-bottom:0}
  .guide.reverse .guide-media{order:2}
  .guide-media img{border-radius:18px;box-shadow:var(--shadow);aspect-ratio:3/2.1;object-fit:cover;width:100%}
  .guide h3{font-size:1.55rem;margin-bottom:14px}
  .guide p{color:var(--muted);font-size:.95rem;margin-bottom:14px}
  .check-list{margin:18px 0 24px;display:grid;gap:10px}
  .check-list li{display:flex;gap:10px;font-size:.92rem;color:var(--ink)}
  .check-list li::before{
    content:"";width:20px;height:20px;flex-shrink:0;border-radius:50%;margin-top:2px;
    background:rgba(201,151,31,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393701a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/11px no-repeat;
  }

  .sidebar{position:sticky;top:100px;display:grid;gap:24px}
  .side-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
  .side-card h4{font-family:'Fraunces',serif;font-size:1.08rem;margin-bottom:16px;display:flex;align-items:center;gap:10px}
  .side-card h4::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
  .market-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.88rem}
  .market-row:last-child{border-bottom:0}
  .market-row b{font-weight:600}
  .up{color:#1d7a4f;font-weight:600;font-size:.8rem}
  .down{color:#b23b3b;font-weight:600;font-size:.8rem}
  .market-note{font-size:.7rem;color:var(--muted);margin-top:12px}
  .tip-card{background:linear-gradient(150deg,var(--evergreen),var(--evergreen-2));color:#eef0e4;border:0}
  .tip-card h4{color:var(--gold-soft)}
  .tip-card h4::before{background:var(--gold-soft)}
  .tip-card p{font-size:.88rem;color:rgba(238,240,228,.85)}
  .story-mini{display:flex;gap:14px;align-items:flex-start}
  .story-mini img{width:48px;height:48px;border-radius:50%;flex-shrink:0}
  .story-mini p{font-size:.86rem;color:var(--muted);font-style:italic}
  .story-mini strong{display:block;font-style:normal;color:var(--ink);font-size:.84rem;margin-top:8px}
  .newsletter p{font-size:.86rem;color:var(--muted);margin-bottom:14px}
  .newsletter form{display:flex;gap:8px}
  .newsletter input{
    flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);
    font:inherit;font-size:.88rem;background:var(--paper);color:var(--ink);
  }
  .newsletter input:focus{outline:2px solid var(--gold);outline-offset:1px}
  .newsletter button{
    padding:12px 18px;border-radius:12px;border:0;background:var(--evergreen);color:#f3efe2;
    font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s;
  }
  .newsletter button:hover{background:var(--evergreen-2)}
  .newsletter .ok{color:#1d7a4f;font-size:.82rem;margin-top:10px;display:none}

  /* ---------- Calculator ---------- */
  .calc-section{
    background:
      radial-gradient(800px 400px at 100% 0%,rgba(201,151,31,.10),transparent 55%),
      var(--bg);
  }
  .calc-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:stretch}
  .card{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
  .calc-controls{padding:36px 32px;display:flex;flex-direction:column;gap:26px}
  .field-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
  .field-top label{font-weight:600;font-size:.92rem}
  .field-top output{
    font-family:'Fraunces',serif;font-weight:600;color:var(--evergreen);
    background:rgba(13,59,46,.07);padding:4px 12px;border-radius:999px;font-size:.92rem;
  }
  input[type=range]{
    -webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;cursor:pointer;
    background:linear-gradient(to right,var(--gold) 0%,var(--gold) var(--fill,50%),#e0d9c4 var(--fill,50%));
  }
  input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--paper);
    border:3px solid var(--evergreen);box-shadow:0 2px 8px rgba(20,37,31,.25);transition:transform .15s;
  }
  input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}
  input[type=range]::-moz-range-thumb{
    width:18px;height:18px;border-radius:50%;background:var(--paper);
    border:3px solid var(--evergreen);box-shadow:0 2px 8px rgba(20,37,31,.25);
  }
  .compare{display:flex;gap:12px;align-items:flex-start;font-size:.88rem;color:var(--muted);cursor:pointer}
  .compare input{width:18px;height:18px;accent-color:var(--evergreen);margin-top:2px;flex-shrink:0}
  .calc-note{font-size:.74rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:16px}

  .calc-results{padding:36px 32px;display:flex;flex-direction:column}
  .result-label{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
  .result-total{font-family:'Fraunces',serif;font-size:clamp(2.4rem,4.5vw,3.4rem);font-weight:600;color:var(--evergreen);line-height:1.1;margin:6px 0 18px}
  .result-split{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:22px;font-size:.88rem;color:var(--muted)}
  .result-split strong{display:block;color:var(--ink);font-size:1.05rem}
  .dot{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:8px}
  .dot-c{background:var(--evergreen)}
  .dot-i{background:var(--gold)}
  .chart-wrap{flex:1;min-height:260px}
  .legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px;font-size:.78rem;color:var(--muted)}
  .legend span{display:flex;align-items:center;gap:8px}
  .legend .swatch{width:14px;height:14px;border-radius:4px}
  .legend .dash{width:18px;border-top:2px dashed #9aa39c}

  /* ---------- Testimonials ---------- */
  .t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  .t-card{
    background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
    padding:32px 28px;box-shadow:0 4px 14px rgba(20,37,31,.05);display:flex;flex-direction:column;gap:18px;
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .t-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
  .t-card blockquote{font-size:.96rem;color:var(--ink);flex:1}
  .t-card blockquote::before{
    content:"“";font-family:'Fraunces',serif;font-size:3rem;color:var(--gold);line-height:0;display:block;margin:14px 0 4px;
  }
  .t-card figcaption{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:18px}
  .t-card figcaption img{width:48px;height:48px;border-radius:50%}
  .t-card figcaption strong{display:block;font-size:.92rem}
  .t-card figcaption span{font-size:.78rem;color:var(--muted)}

  /* ---------- FAQ ---------- */
  .faq-section{background:var(--paper);border-top:1px solid var(--line)}
  .faq-list{max-width:820px;margin:0 auto;display:grid;gap:14px}
  .faq-item{background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .3s}
  .faq-item.open{border-color:rgba(201,151,31,.6)}
  .faq-q{
    width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;
    background:none;border:0;cursor:pointer;padding:22px 26px;text-align:left;
    font:600 1rem 'Inter',sans-serif;color:var(--ink);
  }
  .faq-icon{position:relative;width:20px;height:20px;flex-shrink:0}
  .faq-icon::before,.faq-icon::after{
    content:"";position:absolute;background:var(--gold-dk);border-radius:2px;transition:transform .3s ease;
  }
  .faq-icon::before{left:0;top:9px;width:20px;height:2px}
  .faq-icon::after{left:9px;top:0;width:2px;height:20px}
  .faq-item.open .faq-icon::after{transform:rotate(90deg) scaleY(0)}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
  .faq-a p{padding:0 26px 24px;color:var(--muted);font-size:.93rem;max-width:700px}

  /* ---------- CTA band ---------- */
  .cta-band{
    background:linear-gradient(135deg,var(--evergreen) 0%,var(--evergreen-2) 70%,var(--evergreen-3));
    color:#eef0e4;padding:88px 0;text-align:center;position:relative;overflow:hidden;
  }
  .cta-band::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(600px 300px at 50% -20%,rgba(224,179,79,.22),transparent 60%);
  }
  .cta-band .container{position:relative}
  .cta-band h2{font-size:clamp(2rem,3.6vw,2.9rem);margin-bottom:16px}
  .cta-band h2 em{color:var(--gold-soft)}
  .cta-band p{max-width:560px;margin:0 auto 34px;color:rgba(238,240,228,.82)}
  .cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}
  .cta-phone{font-size:.86rem;color:rgba(238,240,228,.7)}
  .cta-phone a{color:var(--gold-soft);font-weight:600}

  /* ---------- Footer ---------- */
  .site-footer{background:#0a2b21;color:rgba(238,240,228,.75);padding:72px 0 0;font-size:.9rem}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:56px}
  .footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
  .footer-brand img{width:40px;height:40px;border-radius:10px}
  .footer-brand .brand-name{color:#f3efe2}
  .footer-brand .brand-name em{color:var(--gold-soft)}
  .footer-col h5{color:#f3efe2;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-family:'Inter',sans-serif}
  .footer-col ul{display:grid;gap:11px}
  .footer-col a{transition:color .2s}
  .footer-col a:hover{color:var(--gold-soft)}
  .footer-contact li{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
  .footer-contact svg{flex-shrink:0;margin-top:3px;color:var(--gold-soft)}
  .socials{display:flex;gap:12px;margin-top:22px}
  .socials a{
    width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
    background:rgba(238,240,228,.08);transition:background .25s,transform .25s;
  }
  .socials a:hover{background:var(--gold);transform:translateY(-3px)}
  .socials a:hover svg{color:#231a05}
  .socials svg{color:#eef0e4}
  .footer-legal{border-top:1px solid rgba(238,240,228,.12);padding:22px 0;font-size:.76rem;color:rgba(238,240,228,.5)}
  .footer-legal p{max-width:980px;margin-bottom:14px}
  .legal-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
  .legal-links{display:flex;gap:22px}
  .legal-links a:hover{color:var(--gold-soft)}

  /* ---------- Reveal animation ---------- */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--d,0s)}
  .reveal.in{opacity:1;transform:none}

  @media (prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important}
    html{scroll-behavior:auto}
    .reveal{opacity:1;transform:none}
  }

  /* ---------- Responsive ---------- */
  @media (max-width:1024px){
    .hero-grid{grid-template-columns:1fr;gap:56px}
    .fc-apy{left:12px}
    .fc-credit{right:12px}
    .services-grid{grid-template-columns:repeat(2,1fr)}
    .guides-grid{grid-template-columns:1fr}
    .sidebar{position:static;grid-template-columns:repeat(2,1fr)}
    .calc-grid{grid-template-columns:1fr}
    .t-grid{grid-template-columns:1fr 1fr}
    .footer-grid{grid-template-columns:1fr 1fr}
  }
  @media (max-width:760px){
    .section{padding:72px 0}
    .header-cta{display:none}
    .brand-tag{display:none}
    .nav-toggle{display:flex}
    .primary-nav ul{
      position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;
      background:var(--paper);border-bottom:1px solid var(--line);padding:14px 20px 20px;
      box-shadow:var(--shadow);display:none;
    }
    .primary-nav ul.open{display:flex}
    .primary-nav a{display:block;padding:13px 16px}
    .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .nav-toggle.open span:nth-child(2){opacity:0}
    .nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .stats-grid{grid-template-columns:1fr 1fr;gap:36px 20px}
    .services-grid,.t-grid,.sidebar{grid-template-columns:1fr}
    .guide{grid-template-columns:1fr;gap:24px}
    .guide.reverse .guide-media{order:0}
    .footer-grid{grid-template-columns:1fr;gap:36px}
    .float-card{padding:10px 14px}
    .float-card strong{font-size:.9rem}
  }
</style>
</head>
<body>

<!-- ================= HEADER ================= -->
<header class="site-header" id="top">
  <div class="container header-inner">
    <a class="brand" href="#top" aria-label="Everline Financial home">
      <img src="https://placehold.co/96x96/0d3b2e/e0b34f?text=E&amp;font=montserrat" alt="Everline Financial logo" width="44" height="44">
      <span>
        <span class="brand-name">Everline <em>Financial</em></span>
        <span class="brand-tag">Your money, on a smarter path</span>
      </span>
    </a>
    <nav class="primary-nav" aria-label="Primary navigation">
      <button class="nav-toggle" id="nav-toggle" aria-expanded="false" aria-controls="nav-menu" aria-label="Toggle menu">
        <span></span><span></span><span></span>
      </button>
      <ul id="nav-menu">
        <li><a href="#top">Home</a></li>
        <li><a href="#services">Banking</a></li>
        <li><a href="#services">Investing</a></li>
        <li><a href="#guides">Budgeting</a></li>
        <li><a href="#calculator">Calculator</a></li>
        <li><a href="#faq">Resources</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </nav>
    <a class="btn btn-primary header-cta" href="#contact">Talk to an Advisor</a>
  </div>
</header>

<main>

  <!-- ================= HERO ================= -->
  <section class="hero">
    <div class="container hero-grid">
      <div class="hero-copy">
        <p class="eyebrow">Fiduciary advice · No hidden fees</p>
        <h1>Make every dollar <em>pull its weight.</em></h1>
        <p class="lead">
          Everline Financial pairs real human advisors with intelligent tools for banking, budgeting,
          investing, and credit — so you can stop guessing and start compounding. One plan, one dashboard,
          and a team that answers to you, not to a sales quota.
        </p>
        <div class="hero-actions">
          <a class="btn btn-primary" href="#calculator">
            Run the Numbers
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
          </a>
          <a class="btn btn-outline" href="#services">Explore Services</a>
        </div>
        <div class="hero-proof">
          <div class="avatar-stack">
            <img src="https://i.pravatar.cc/80?u=everline-proof1" alt="Member portrait">
            <img src="https://i.pravatar.cc/80?u=everline-proof2" alt="Member portrait">
            <img src="https://i.pravatar.cc/80?u=everline-proof3" alt="Member portrait">
          </div>
          <p><span class="stars" aria-hidden="true">★★★★★</span><br>
          Trusted by <strong>38,000+ households</strong> across all 50 states</p>
        </div>
      </div>
      <div class="hero-media reveal">
        <img src="https://picsum.photos/seed/everline-hero/1080/880" alt="A couple reviewing their financial plan with an Everline advisor at a bright kitchen table" width="1080" height="880">
        <div class="float-card fc-apy">
          <div class="float-icon">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17l6-6 4 4 8-8"/><path d="M14 7h7v7"/></svg>
          </div>
          <div><strong>4.35% APY</strong><small>High-Yield Savings</small></div>
        </div>
        <div class="float-card fc-credit">
          <div class="float-icon">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14a8 8 0 1 1 16 0"/><path d="M12 14l4-4"/><path d="M4 20h16"/></svg>
          </div>
          <div><strong>792</strong><small>Credit score · +48 pts this year</small></div>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= STATS ================= -->
  <section class="stats-band" aria-label="Company statistics">
    <div class="container stats-grid">
      <div class="stat"><b data-count="38000" data-suffix="+">0</b><span>Households guided</span></div>
      <div class="stat"><b data-count="96" data-suffix="%">0</b><span>Members renew each year</span></div>
      <div class="stat"><b data-count="240" data-suffix="+">0</b><span>Licensed advisors nationwide</span></div>
      <div class="stat"><b data-count="15" data-suffix=" yrs">0</b><span>Average advisor experience</span></div>
    </div>
  </section>

  <!-- ================= SERVICES ================= -->
  <section class="section" id="services">
    <div class="container">
      <div class="section-head center reveal">
        <p class="eyebrow">What we do</p>
        <h2>Every corner of your financial life, <em>under one roof</em></h2>
        <p class="lead">
          Money decisions don't happen in isolation. Our six practice areas work together as a single
          coordinated strategy, built around your goals and reviewed with you every quarter.
        </p>
      </div>
      <div class="services-grid">
        <article class="svc-card reveal" style="--d:.05s">
          <div class="svc-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 10h18M5 10V8l7-5 7 5v2M5 10v8m4-8v8m6-8v8m4-8v8M3 20h18"/></svg>
          </div>
          <h3>High-Yield Banking</h3>
          <p>
            Stop letting your cash sit idle. Our partner-bank accounts earn up to 4.35% APY with no monthly
            fees, no minimums, and FDIC insurance up to applicable limits — so your checking and savings
            finally keep pace with your effort.
          </p>
          <a class="svc-link" href="#guides">Compare accounts →</a>
        </article>
        <article class="svc-card reveal" style="--d:.1s">
          <div class="svc-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17l6-6 4 4 8-8"/><path d="M14 7h7v7"/></svg>
          </div>
          <h3>Investing &amp; Diversification</h3>
          <p>
            We build globally diversified portfolios of low-cost index funds, keeping expense ratios near
            0.05% and rebalancing automatically. Dollar-cost averaging turns market volatility from a threat
            into a long-term ally.
          </p>
          <a class="svc-link" href="#calculator">See compound growth →</a>
        </article>
        <article class="svc-card reveal" style="--d:.15s">
          <div class="svc-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="18" height="13" rx="2"/><path d="M3 10h18M16 15h2"/></svg>
          </div>
          <h3>Smart Budgeting</h3>
          <p>
            Whether you prefer zero-based budgeting or the 50/30/20 rule, our tools categorize every
            transaction automatically and flag drift before it derails you. Members trim an average of
            $340 per month in unnoticed spending.
          </p>
          <a class="svc-link" href="#guides">Create a budget →</a>
        </article>
        <article class="svc-card reveal" style="--d:.05s">
          <div class="svc-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14a8 8 0 1 1 16 0"/><path d="M12 14l4-4"/><path d="M4 20h16"/></svg>
          </div>
          <h3>Credit Score Coaching</h3>
          <p>
            Your credit score quietly sets the price of every loan you'll ever take. We audit your
            utilization, payment history, and account mix, then give you a step-by-step plan members use
            to raise scores by 40+ points on average.
          </p>
          <a class="svc-link" href="#stories">Read success stories →</a>
        </article>
        <article class="svc-card reveal" style="--d:.1s">
          <div class="svc-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l7 3v5c0 5-3.5 8-7 9-3.5-1-7-4-7-9V6l7-3z"/><path d="M9 12l2 2 4-4"/></svg>
          </div>
          <h3>Savings Automation</h3>
          <p>
            Pay yourself first — automatically. Goal-based buckets for emergencies, travel, and down
            payments fill on payday before you can spend the money elsewhere, harnessing compound interest
            without relying on willpower.
          </p>
          <a class="svc-link" href="#emergency-fund">Start your safety net →</a>
        </article>
        <article class="svc-card reveal" style="--d:.15s">
          <div class="svc-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a9 9 0 0 1 9 9H3a9 9 0 0 1 9-9z"/><path d="M12 12v6a2 2 0 0 0 4 0"/></svg>
          </div>
          <h3>Insurance Review</h3>
          <p>
            Term life, disability, health, and umbrella liability coverage should protect your plan, not
            pad an agent's commission. As fee-only fiduciaries, we shop 20+ carriers and recommend only
            what closes a genuine gap.
          </p>
          <a class="svc-link" href="#insurance">Review coverage →</a>
        </article>
      </div>
    </div>
  </section>

  <!-- ================= GUIDES + SIDEBAR ================= -->
  <section class="section guides-section" id="guides">
    <div class="container">
      <div class="section-head reveal">
        <p class="eyebrow">The Everline Playbook</p>
        <h2>Foundations first: <em>three pillars</em> every plan needs</h2>
        <p class="lead">
          Before chasing returns, master the fundamentals. These are the same frameworks our advisors
          walk through in a first planning session — written in plain English, free to everyone.
        </p>
      </div>
      <div class="guides-grid">
        <div class="guides-main">

          <article class="guide reveal" id="emergency-fund">
            <div class="guide-media">
              <img src="https://picsum.photos/seed/everline-emergency/920/620" alt="A jar of emergency savings beside a household budget notebook" width="920" height="620">
            </div>
            <div class="guide-body">
              <p class="eyebrow">Pillar 01 · Safety</p>
              <h3>The Emergency Fund: Your Financial Shock Absorber</h3>
              <p>
                An emergency fund is three to six months of essential expenses held in a liquid,
                FDIC-insured account — not invested, not locked away, just ready. It is the single most
                important buffer between a bad month and a bad decade, because it keeps a car repair or
                job loss from becoming high-interest credit card debt.
              </p>
              <p>
                Start with a $1,000 starter fund, then automate a fixed transfer every payday until you
                reach your target. Park the money in a high-yield savings account or money market fund
                earning a competitive APY; compound interest works quietly in your favor even on cash.
                Resist the urge to invest this money — liquidity and stability beat returns here.
              </p>
              <ul class="check-list">
                <li>Target 3–6 months of essential expenses (6–9 if self-employed)</li>
                <li>Keep it liquid: high-yield savings or money market, never stocks</li>
                <li>Automate transfers on payday so saving happens by default</li>
                <li>Replenish immediately after any withdrawal</li>
              </ul>
              <a class="btn btn-outline" href="#calculator">Start Your Safety Net</a>
            </div>
          </article>

          <article class="guide reverse reveal" id="tax-planning">
            <div class="guide-media">
              <img src="https://picsum.photos/seed/everline-tax/920/620" alt="Tax planning documents and a calculator on a desk" width="920" height="620">
            </div>
            <div class="guide-body">
              <p class="eyebrow">Pillar 02 · Efficiency</p>
              <h3>Tax Planning: Keep More of What You Earn</h3>
              <p>
                Taxes are likely your largest lifetime expense — bigger than housing, bigger than
                education. Yet most people think about them once a year in April. Strategic tax planning
                is a year-round discipline: maximizing contributions to tax-advantaged accounts like your
                401(k), Roth IRA, and HSA (the only triple-tax-advantaged account in the code), and
                sequencing withdrawals thoughtfully in retirement.
              </p>
              <p>
                Small moves compound. Harvesting investment losses to offset capital gains, choosing
                between Roth and traditional contributions based on your current bracket, and bunching
                charitable deductions can each be worth thousands over a decade. Our advisors coordinate
                directly with your CPA so nothing falls through the cracks.
              </p>
              <ul class="check-list">
                <li>Capture the full employer 401(k) match — it's an instant 100% return</li>
                <li>Fund an HSA for triple tax advantage on medical costs</li>
                <li>Use tax-loss harvesting to offset capital gains</li>
                <li>Review Roth vs. traditional contributions annually</li>
              </ul>
              <a class="btn btn-outline" href="#calculator">Plan Retirement</a>
            </div>
          </article>

          <article class="guide reveal" id="insurance">
            <div class="guide-media">
              <img src="https://picsum.photos/seed/everline-insurance/920/620" alt="A family reviewing insurance coverage options together" width="920" height="620">
            </div>
            <div class="guide-body">
              <p class="eyebrow">Pillar 03 · Protection</p>
              <h3>Insurance Options: Protect the Plan Itself</h3>
              <p>
                A brilliant investment strategy can be undone by a single uninsured event. The goal of
                insurance isn't to eliminate every risk — it's to transfer the catastrophic ones you
                can't afford to bear. For most families that means level-premium term life insurance
                (typically 10–12× annual income), long-term disability coverage, adequate health
                deductibles, and an umbrella liability policy once assets grow.
              </p>
              <p>
                We generally steer clients away from whole-life products sold as "investments" — the
                blended returns rarely beat buying term and investing the difference. As fee-only
                fiduciaries, we earn nothing from the policies we recommend, so our only incentive is
                closing your genuine coverage gaps at the lowest honest premium.
              </p>
              <ul class="check-list">
                <li>Term life: 10–12× income, level premiums for 20–30 years</li>
                <li>Disability insurance protects your most valuable asset — your income</li>
                <li>Umbrella liability adds $1M+ of coverage for a few hundred dollars a year</li>
                <li>Re-shop bundled home and auto policies every 2–3 years</li>
              </ul>
              <a class="btn btn-outline" href="#contact">Talk to an Advisor</a>
            </div>
          </article>
        </div>

        <!-- Sidebar -->
        <aside class="sidebar" aria-label="Financial updates and tips">
          <div class="side-card reveal">
            <h4>Market Pulse</h4>
            <div class="market-row"><b>S&amp;P 500</b><span>5,982.14 <span class="up">▲ 0.8%</span></span></div>
            <div class="market-row"><b>NASDAQ</b><span>19,204.55 <span class="up">▲ 1.2%</span></span></div>
            <div class="market-row"><b>Dow Jones</b><span>43,882.40 <span class="down">▼ 0.3%</span></span></div>
            <div class="market-row"><b>10-Yr Treasury</b><span>4.28% <span class="up">▲ 0.02</span></span></div>
            <div class="market-row"><b>High-Yield APY</b><span>4.35% <span class="up">▲ 0.05</span></span></div>
            <p class="market-note">Illustrative figures as of prior market close. Not investment advice.</p>
          </div>
          <div class="side-card tip-card reveal" style="--d:.08s">
            <h4>Tip of the Week</h4>
            <p>
              Raise your 401(k) contribution by just 1% today. On a $75,000 salary, that's about $29 per
              paycheck — barely noticeable now, but worth roughly <strong>$90,000</strong> over 30 years at
              a 7% average return thanks to compound interest.
            </p>
          </div>
          <div class="side-card reveal" style="--d:.12s">
            <h4>Member Success Story</h4>
            <div class="story-mini">
              <img src="https://i.pravatar.cc/96?u=everline-side-story" alt="Portrait of member Alicia Tran">
              <div>
                <p>"Everline's debt snowball plan helped me erase $40,000 of credit card debt in 26 months — and my credit score climbed from 612 to 758."</p>
                <strong>Alicia T. · Member since 2022</strong>
              </div>
            </div>
          </div>
          <div class="side-card newsletter reveal" style="--d:.16s">
            <h4>The Sunday Ledger</h4>
            <p>One practical money move in your inbox each week. No spam, unsubscribe anytime.</p>
            <form id="newsletter-form" novalidate>
              <input type="email" placeholder="you@example.com" aria-label="Email address" required>
              <button type="submit">Join</button>
            </form>
            <p class="ok" id="newsletter-ok">✓ You're on the list — see you Sunday.</p>
          </div>
        </aside>
      </div>
    </div>
  </section>

  <!-- ================= CALCULATOR ================= -->
  <section class="section calc-section" id="calculator">
    <div class="container">
      <div class="section-head center reveal">
        <p class="eyebrow">Interactive Tool</p>
        <h2>Compound Interest Calculator</h2>
        <p class="lead">
          Watch what happens when time and consistency team up. Adjust the sliders to project how an
          initial deposit plus steady monthly contributions could grow — then flip on the comparison to
          see what the same discipline earns in a typical big-bank savings account.
        </p>
      </div>
      <div class="calc-grid reveal">
        <form class="calc-controls card" id="calc-form" aria-label="Compound interest inputs">
          <div class="field">
            <div class="field-top">
              <label for="in-initial">Initial deposit</label>
              <output id="v-initial" for="in-initial">$10,000</output>
            </div>
            <input type="range" id="in-initial" min="0" max="100000" step="500" value="10000">
          </div>
          <div class="field">
            <div class="field-top">
              <label for="in-monthly">Monthly contribution</label>
              <output id="v-monthly" for="in-monthly">$400</output>
            </div>
            <input type="range" id="in-monthly" min="0" max="3000" step="25" value="400">
          </div>
          <div class="field">
            <div class="field-top">
              <label for="in-rate">Annual return rate</label>
              <output id="v-rate" for="in-rate">7.0%</output>
            </div>
            <input type="range" id="in-rate" min="0" max="15" step="0.1" value="7">
          </div>
          <div class="field">
            <div class="field-top">
              <label for="in-years">Years to grow</label>
              <output id="v-years" for="in-years">25 yrs</output>
            </div>
            <input type="range" id="in-years" min="1" max="40" step="1" value="25">
          </div>
          <label class="compare">
            <input type="checkbox" id="cmp">
            <span>Compare against the national average savings rate (0.46% APY)</span>
          </label>
          <p class="calc-note">
            Projection assumes monthly compounding and no withdrawals. Hypothetical illustration only —
            not a guarantee of future results. Investing involves risk, including possible loss of principal.
          </p>
        </form>
        <div class="calc-results card" aria-live="polite">
          <p class="result-label">Projected balance in <span id="out-years">25</span> years</p>
          <p class="result-total" id="out-total">$0</p>
          <div class="result-split">
            <div><span class="dot dot-c"></span>Your contributions<strong id="out-contrib">$0</strong></div>
            <div><span class="dot dot-i"></span>Interest earned<strong id="out-interest">$0</strong></div>
          </div>
          <div class="chart-wrap"><canvas id="chart" role="img" aria-label="Area chart of projected balance growth over time"></canvas></div>
          <div class="legend">
            <span><span class="swatch" style="background:#0d3b2e"></span>Contributions</span>
            <span><span class="swatch" style="background:#c9971f"></span>Compound interest</span>
            <span><span class="dash"></span>National average (when enabled)</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= TESTIMONIALS ================= -->
  <section class="section" id="stories">
    <div class="container">
      <div class="section-head center reveal">
        <p class="eyebrow">Member Stories</p>
        <h2>Real people. <em>Real progress.</em></h2>
        <p class="lead">
          Behind every percentage point is a family sleeping better at night. Here's what a few of our
          members say about working with Everline.
        </p>
      </div>
      <div class="t-grid">
        <figure class="t-card reveal" style="--d:.05s">
          <span class="stars" aria-label="Rated 5 out of 5 stars">★★★★★</span>
          <blockquote>
            I ran my business on gut instinct for years. Everline built me a real budget, separated my
            personal and business cash flow, and funded a six-month emergency reserve. When a client paid
            late last quarter, I didn't even flinch.
          </blockquote>
          <figcaption>
            <img src="https://i.pravatar.cc/96?u=everline-maya" alt="Portrait of Maya Reyes" width="48" height="48">
            <div><strong>Maya Reyes</strong><span>Small-business owner · Austin, TX</span></div>
          </figcaption>
        </figure>
        <figure class="t-card reveal" style="--d:.12s">
          <span class="stars" aria-label="Rated 5 out of 5 stars">★★★★★</span>
          <blockquote>
            We thought retirement at 60 was a fantasy. Our advisor rebalanced us into a diversified,
            low-cost portfolio, maxed our HSAs, and showed us the math. Now we're on track — with two
            years to spare — and we finally understand why.
          </blockquote>
          <figcaption>
            <img src="https://i.pravatar.cc/96?u=everline-daniel" alt="Portrait of Daniel and Priya Kapoor" width="48" height="48">
            <div><strong>Daniel &amp; Priya Kapoor</strong><span>Pre-retirees · Columbus, OH</span></div>
          </figcaption>
        </figure>
        <figure class="t-card reveal" style="--d:.19s">
          <span class="stars" aria-label="Rated 5 out of 5 stars">★★★★★</span>
          <blockquote>
            My credit score was 640 and I didn't know why. The coaching plan was almost boringly simple —
            utilization under 10%, autopay everything, keep old cards open. Eighteen months later I
            qualified for a mortgage at 792 and saved a full point on my rate.
          </blockquote>
          <figcaption>
            <img src="https://i.pravatar.cc/96?u=everline-jordan" alt="Portrait of Jordan Thompson" width="48" height="48">
            <div><strong>Jordan Thompson</strong><span>First-time homebuyer · Denver, CO</span></div>
          </figcaption>
        </figure>
      </div>
    </div>
  </section>

  <!-- ================= FAQ ================= -->
  <section class="section faq-section" id="faq">
    <div class="container">
      <div class="section-head center reveal">
        <p class="eyebrow">Resources</p>
        <h2>Questions, <em>answered plainly</em></h2>
        <p class="lead">
          The same questions our advisors hear every week — no jargon, no sales pitch.
        </p>
      </div>
      <div class="faq-list reveal">
        <div class="faq-item">
          <button class="faq-q" aria-expanded="false">
            <span>How much should I keep in my emergency fund?</span><span class="faq-icon" aria-hidden="true"></span>
          </button>
          <div class="faq-a">
            <p>
              Most households should target three to six months of essential expenses — housing, food,
              utilities, insurance, and minimum debt payments. If you're self-employed, work on commission,
              or support dependents on a single income, lean toward six to nine months. Keep it in a
              high-yield savings account where it stays liquid and earns a competitive APY.
            </p>
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-q" aria-expanded="false">
            <span>What's the difference between a Roth IRA and a traditional IRA?</span><span class="faq-icon" aria-hidden="true"></span>
          </button>
          <div class="faq-a">
            <p>
              It comes down to when you pay taxes. Traditional IRA contributions may be tax-deductible
              today, but withdrawals in retirement are taxed as income. Roth contributions are made with
              after-tax dollars, then grow and withdraw completely tax-free. A common rule of thumb: if
              you expect a higher tax bracket in retirement, Roth wins; if you're in your peak earning
              years now, traditional may save more. Many savers benefit from holding both.
            </p>
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-q" aria-expanded="false">
            <span>How much does my credit score really matter?</span><span class="faq-icon" aria-hidden="true"></span>
          </button>
          <div class="faq-a">
            <p>
              Enormously. On a $350,000 30-year mortgage, the difference between a 640 and a 780 score can
              exceed $90,000 in interest over the life of the loan. Scores also affect auto insurance
              premiums, rental applications, and even some job offers. The biggest levers: on-time payment
              history (35%), credit utilization below 10% (30%), and the age of your oldest accounts.
            </p>
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-q" aria-expanded="false">
            <span>Is Everline a bank? Is my money safe?</span><span class="faq-icon" aria-hidden="true"></span>
          </button>
          <div class="faq-a">
            <p>
              Everline Financial is a fee-only registered investment adviser, not a bank. Deposit accounts
              are held at our partner banks and are FDIC-insured up to applicable limits. Investment
              accounts are held at an independent custodian and protected by SIPC coverage. As fiduciaries,
              we are legally required to act in your best interest — we never earn commissions on products
              we recommend.
            </p>
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-q" aria-expanded="false">
            <span>What does diversification actually do for me?</span><span class="faq-icon" aria-hidden="true"></span>
          </button>
          <div class="faq-a">
            <p>
              Diversification spreads your money across thousands of companies, sectors, and countries so
              no single failure can sink your plan. It doesn't eliminate risk, but it replaces the risk of
              picking wrong with the far more reliable engine of broad market growth — historically around
              7–10% annually over long periods. Combined with low expense ratios and regular rebalancing,
              it's the closest thing investing has to a free lunch.
            </p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= CTA BAND ================= -->
  <section class="cta-band" id="contact">
    <div class="container reveal">
      <h2>Ready to see your money <em>clearly?</em></h2>
      <p>
        Book a free 30-minute consultation. We'll review your full picture — banking, debt, investments,
        and insurance — and leave you with three concrete next steps, whether or not you become a member.
      </p>
      <div class="cta-actions">
        <a class="btn btn-primary" href="mailto:hello@everlinefinancial.com?subject=Free%20Consultation%20Request">Talk to an Advisor</a>
        <a class="btn btn-ghost" href="#calculator">Create Your Budget</a>
      </div>
      <p class="cta-phone">Prefer to call? Reach us at <a href="tel:+15035550148">(503) 555-0148</a> · Mon–Fri, 8am–6pm PT</p>
    </div>
  </section>

</main>

<!-- ================= FOOTER ================= -->
<footer class="site-footer">
  <div class="container">
    <div class="footer-grid">
      <div class="footer-col">
        <div class="footer-brand">
          <img src="https://placehold.co/80x80/e0b34f/0d3b2e?text=E&amp;font=montserrat" alt="Everline Financial logo" width="40" height="40">
          <span class="brand-name">Everline <em>Financial</em></span>
        </div>
        <p>
          Fee-only fiduciary guidance for banking, budgeting, investing, credit, and insurance.
          Your money, on a smarter path — since 2009.
        </p>
        <div class="socials">
          <a href="#" aria-label="Everline on X">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M4 4l16 16M20 4L4 20"/></svg>
          </a>
          <a href="#" aria-label="Everline on LinkedIn">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zM9 9h3.8v1.7h.1c.5-1 1.8-2 3.7-2 4 0 4.7 2.6 4.7 6V21h-4v-5.5c0-1.3 0-3-1.9-3s-2.2 1.4-2.2 2.9V21H9z"/></svg>
          </a>
          <a href="#" aria-label="Everline on Instagram">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1.2" fill="currentColor" stroke="none"/></svg>
          </a>
          <a href="#" aria-label="Everline on YouTube">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2.5" y="6" width="19" height="12" rx="4"/><path d="M10.5 9.8l4.5 2.2-4.5 2.2z" fill="currentColor" stroke="none"/></svg>
          </a>
        </div>
      </div>
      <div class="footer-col">
        <h5>Explore</h5>
        <ul>
          <li><a href="#services">Banking &amp; Savings</a></li>
          <li><a href="#services">Investing</a></li>
          <li><a href="#guides">Budgeting Guides</a></li>
          <li><a href="#calculator">Calculators</a></li>
          <li><a href="#stories">Member Stories</a></li>
          <li><a href="#faq">FAQ &amp; Resources</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h5>Company</h5>
        <ul>
          <li><a href="#">About Everline</a></li>
          <li><a href="#">Our Fiduciary Promise</a></li>
          <li><a href="#">Advisor Team</a></li>
          <li><a href="#">Careers</a></li>
          <li><a href="#">Press &amp; Media</a></li>
          <li><a href="#contact">Contact Us</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h5>Get in Touch</h5>
        <ul class="footer-contact">
          <li>
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s-7-5.5-7-11a7 7 0 1 1 14 0c0 5.5-7 11-7 11z"/><circle cx="12" cy="10" r="2.5"/></svg>
            <span>1480 Meridian Avenue, Suite 900<br>Portland, OR 97201</span>
          </li>
          <li>
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.13.96.36 1.9.68 2.8a2 2 0 0 1-.45 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.45c.9.32 1.84.55 2.8.68a2 2 0 0 1 1.7 2z"/></svg>
            <a href="tel:+15035550148">(503) 555-0148</a>
          </li>
          <li>
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg>
            <a href="mailto:hello@everlinefinancial.com">hello@everlinefinancial.com</a>
          </li>
          <li>
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>
            <span>Mon–Fri, 8:00am–6:00pm PT</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="footer-legal">
      <p>
        Everline Financial, LLC is a registered investment adviser. Advisory services are offered for a
        fee; banking products are provided by partner banks, Members FDIC. Investing involves risk,
        including possible loss of principal. Past performance does not guarantee future results. All
        content on this page is for educational purposes and does not constitute individualized tax,
        legal, or investment advice. Consult a qualified professional about your specific situation.
      </p>
      <div class="legal-bar">
        <span>© <span id="year">2025</span> Everline Financial, LLC. All rights reserved.</span>
        <span class="legal-links">
          <a href="#">Privacy Policy</a>
          <a href="#">Terms of Service</a>
          <a href="#">Disclosures</a>
          <a href="#">Accessibility</a>
        </span>
      </div>
    </div>
  </div>
</footer>

<script>
(function(){
  "use strict";

  /* ---------- Sticky header shadow ---------- */
  var header = document.querySelector('.site-header');
  window.addEventListener('scroll', function(){
    header.classList.toggle('scrolled', window.scrollY > 8);
  }, {passive:true});

  /* ---------- Mobile nav ---------- */
  var toggle = document.getElementById('nav-toggle');
  var menu = document.getElementById('nav-menu');
  toggle.addEventListener('click', function(){
    var open = menu.classList.toggle('open');
    toggle.classList.toggle('open', open);
    toggle.setAttribute('aria-expanded', open);
  });
  menu.querySelectorAll('a').forEach(function(a){
    a.addEventListener('click', function(){
      menu.classList.remove('open');
      toggle.classList.remove('open');
      toggle.setAttribute('aria-expanded','false');
    });
  });

  /* ---------- Reveal on scroll ---------- */
  var io = new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }
    });
  }, {threshold:.12});
  document.querySelectorAll('.reveal').forEach(function(el){ io.observe(el); });

  /* ---------- Count-up stats ---------- */
  var cio = new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(!e.isIntersecting) return;
      cio.unobserve(e.target);
      var el = e.target, target = +el.dataset.count, suf = el.dataset.suffix || '';
      var t0 = performance.now(), dur = 1500;
      function tick(t){
        var p = Math.min((t - t0) / dur, 1);
        var ease = 1 - Math.pow(1 - p, 3);
        el.textContent = Math.round(target * ease).toLocaleString('en-US') + suf;
        if(p < 1) requestAnimationFrame(tick);
      }
      requestAnimationFrame(tick);
    });
  }, {threshold:.5});
  document.querySelectorAll('[data-count]').forEach(function(el){ cio.observe(el); });

  /* ---------- FAQ accordion ---------- */
  document.querySelectorAll('.faq-item').forEach(function(item){
    var btn = item.querySelector('.faq-q');
    var panel = item.querySelector('.faq-a');
    btn.addEventListener('click', function(){
      var open = item.classList.toggle('open');
      btn.setAttribute('aria-expanded', open);
      panel.style.maxHeight = open ? panel.scrollHeight + 'px' : null;
    });
  });

  /* ---------- Newsletter ---------- */
  document.getElementById('newsletter-form').addEventListener('submit', function(ev){
    ev.preventDefault();
    document.getElementById('newsletter-ok').style.display = 'block';
    this.reset();
  });

  /* ---------- Compound interest calculator ---------- */
  var fmt0 = new Intl.NumberFormat('en-US',{style:'currency',currency:'USD',maximumFractionDigits:0});
  var fmtC = new Intl.NumberFormat('en-US',{notation:'compact',style:'currency',currency:'USD',maximumFractionDigits:1});
  var inputs = {
    initial: document.getElementById('in-initial'),
    monthly: document.getElementById('in-monthly'),
    rate:    document.getElementById('in-rate'),
    years:   document.getElementById('in-years')
  };
  var cmpToggle = document.getElementById('cmp');
  var canvas = document.getElementById('chart');

  function series(P, PMT, annualRate, years){
    var i = annualRate / 100 / 12, pts = [];
    for(var y = 0; y <= years; y++){
      var m = y * 12, bal;
      if(i === 0){ bal = P + PMT * m; }
      else {
        var f = Math.pow(1 + i, m);
        bal = P * f + PMT * ((f - 1) / i);
      }
      var contrib = P + PMT * m;
      pts.push({contrib: contrib, total: bal});
    }
    return pts;
  }

  function draw(pts, cmp, years){
    var dpr = window.devicePixelRatio || 1;
    var wrap = canvas.parentElement;
    var W = wrap.clientWidth, H = 260;
    canvas.width = W * dpr; canvas.height = H * dpr;
    canvas.style.width = W + 'px'; canvas.style.height = H + 'px';
    var ctx = canvas.getContext('2d');
    ctx.setTransform(dpr,0,0,dpr,0,0);
    ctx.clearRect(0,0,W,H);
    var L = 58, R = 14, T = 14, B = 28;
    var max = 0;
    pts.forEach(function(p){ if(p.total > max) max = p.total; });
    max = (max || 1) * 1.06;
    var X = function(i){ return L + (W - L - R) * (i / years); };
    var Yv = function(v){ return T + (H - T - B) * (1 - v / max); };

    ctx.font = '11px Inter, sans-serif';
    ctx.fillStyle = '#8a948c';
    ctx.strokeStyle = 'rgba(20,37,31,.09)';
    ctx.lineWidth = 1;
    for(var g = 0; g <= 4; g++){
      var v = max * g / 4, y = Yv(v);
      ctx.beginPath(); ctx.moveTo(L, y); ctx.lineTo(W - R, y); ctx.stroke();
      ctx.fillText(fmtC.format(v), 6, y + 3);
    }
    ctx.fillText('Yr 0', L - 4, H - 8);
    var mid = Math.round(years / 2);
    ctx.fillText('Yr ' + mid, X(mid) - 14, H - 8);
    ctx.fillText('Yr ' + years, X(years) - 30, H - 8);

    // Contributions area
    ctx.beginPath();
    ctx.moveTo(X(0), Yv(0));
    pts.forEach(function(p, i){ ctx.lineTo(X(i), Yv(p.contrib)); });
    ctx.lineTo(X(years), Yv(0));
    ctx.closePath();
    ctx.fillStyle = 'rgba(13,59,46,.85)';
    ctx.fill();

    // Interest area (stacked on contributions)
    ctx.beginPath();
    ctx.moveTo(X(0), Yv(pts[0].contrib));
    pts.forEach(function(p, i){ ctx.lineTo(X(i), Yv(p.total)); });
    for(var k = pts.length - 1; k >= 0; k--){ ctx.lineTo(X(k), Yv(pts[k].contrib)); }
    ctx.closePath();
    ctx.fillStyle = 'rgba(201,151,31,.75)';
    ctx.fill();

    // Total line
    ctx.beginPath();
    pts.forEach(function(p, i){ i ? ctx.lineTo(X(i), Yv(p.total)) : ctx.moveTo(X(i), Yv(p.total)); });
    ctx.strokeStyle = '#0d3b2e';
    ctx.lineWidth = 2.5;
    ctx.stroke();

    // Comparison line
    if(cmp){
      ctx.setLineDash([6,5]);
      ctx.beginPath();
      cmp.forEach(function(p, i){ i ? ctx.lineTo(X(i), Yv(p.total)) : ctx.moveTo(X(i), Yv(p.total)); });
      ctx.strokeStyle = '#9aa39c';
      ctx.lineWidth = 2;
      ctx.stroke();
      ctx.setLineDash([]);
    }
  }

  function setFill(el){
    var pct = (el.value - el.min) / (el.max - el.min) * 100;
    el.style.setProperty('--fill', pct + '%');
  }

  function update(){
    var P = +inputs.initial.value,
        PMT = +inputs.monthly.value,
        r = +inputs.rate.value,
        Y = +inputs.years.value;

    Object.keys(inputs).forEach(function(k){ setFill(inputs[k]); });

    document.getElementById('v-initial').textContent = fmt0.format(P);
    document.getElementById('v-monthly').textContent = fmt0.format(PMT);
    document.getElementById('v-rate').textContent = r.toFixed(1) + '%';
    document.getElementById('v-years').textContent = Y + ' yrs';
    document.getElementById('out-years').textContent = Y;

    var pts = series(P, PMT, r, Y);
    var last = pts[pts.length - 1];
    document.getElementById('out-total').textContent = fmt0.format(last.total);
    document.getElementById('out-contrib').textContent = fmt0.format(last.contrib);
    document.getElementById('out-interest').textContent = fmt0.format(last.total - last.contrib);

    draw(pts, cmpToggle.checked ? series(P, PMT, 0.46, Y) : null, Y);
  }

  Object.keys(inputs).forEach(function(k){
    inputs[k].addEventListener('input', update);
  });
  cmpToggle.addEventListener('change', update);
  document.getElementById('calc-form').addEventListener('submit', function(e){ e.preventDefault(); });

  var resizeTimer;
  window.addEventListener('resize', function(){
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(update, 150);
  });
  update();

  /* ---------- Footer year ---------- */
  document.getElementById('year').textContent = new Date().getFullYear();
})();
</script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:53:43.787Z",
  "url": "https://benchmark.aimac.invalid/7dd122ad604d5ff5e71d2a4399ef470abaf163893138a9bb77ad5f329a150fc3.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Everline Financial home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Everline Financial home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "deprecatedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "minor",
              "message": "ARIA role is not deprecated"
            }
          ],
          "impact": null,
          "html": "<canvas id=\"chart\" role=\"img\" aria-label=\"Area chart of projected balance growth over time\" width=\"569\" height=\"260\" style=\"width: 569px; height: 260px;\"></canvas>",
          "target": [
            "#chart"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "focusable-modal-open",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements while a modal is open"
            },
            {
              "id": "focusable-disabled",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            },
            {
              "id": "focusable-not-tabbable",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<span class=\"stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605</span>",
          "target": [
            ".stars[aria-hidden=\"true\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Everline Financial home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-required-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "All required ARIA attributes are present"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<canvas id=\"chart\" role=\"img\" aria-label=\"Area chart of projected balance growth over time\" width=\"569\" height=\"260\" style=\"width: 569px; height: 260px;\"></canvas>",
          "target": [
            "#chart"
          ]
        }
      ]
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "invalidrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is valid"
            },
            {
              "id": "abstractrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Abstract roles are not used"
            },
            {
              "id": "unsupportedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is supported"
            }
          ],
          "impact": null,
          "html": "<canvas id=\"chart\" role=\"img\" aria-label=\"Area chart of projected balance growth over time\" width=\"569\" height=\"260\" style=\"width: 569px; height: 260px;\"></canvas>",
          "target": [
            "#chart"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Everline Financial home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Everline Financial home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button type=\"submit\">Join</button>",
          "target": [
            "button[type=\"submit\"]"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>Make every dollar <em>pull its weight.</em></h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2>Every corner of your financial life, <em>under one roof</em></h2>",
                  "target": [
                    "#services > .container > .center.section-head.reveal > h2"
                  ]
                },
                {
                  "html": "<h3>High-Yield Banking</h3>",
                  "target": [
                    ".svc-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Investing &amp; Diversification</h3>",
                  "target": [
                    ".svc-card:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Smart Budgeting</h3>",
                  "target": [
                    ".svc-card:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Credit Score Coaching</h3>",
                  "target": [
                    ".svc-card:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h3>Savings Automation</h3>",
                  "target": [
                    ".svc-card:nth-child(5) > h3"
                  ]
                },
                {
                  "html": "<h3>Insurance Review</h3>",
                  "target": [
                    ".svc-card:nth-child(6) > h3"
                  ]
                },
                {
                  "html": "<h2>Foundations first: <em>three pillars</em> every plan needs</h2>",
                  "target": [
                    "#guides > .container > .section-head.reveal > h2"
                  ]
                },
                {
                  "html": "<h3>The Emergency Fund: Your Financial Shock Absorber</h3>",
                  "target": [
                    "#emergency-fund > .guide-body > h3"
                  ]
                },
                {
                  "html": "<h3>Tax Planning: Keep More of What You Earn</h3>",
                  "target": [
                    "#tax-planning > .guide-body > h3"
                  ]
                },
                {
                  "html": "<h3>Insurance Options: Protect the Plan Itself</h3>",
                  "target": [
                    "#insurance > .guide-body > h3"
                  ]
                },
                {
                  "html": "<h4>Market Pulse</h4>",
                  "target": [
                    ".side-card.reveal:nth-child(1) > h4"
                  ]
                },
                {
                  "html": "<h4>Tip of the Week</h4>",
                  "target": [
                    ".tip-card > h4"
                  ]
                },
                {
                  "html": "<h4>Member Success Story</h4>",
                  "target": [
                    ".side-card.reveal:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>The Sunday Ledger</h4>",
                  "target": [
                    ".newsletter > h4"
                  ]
                },
                {
                  "html": "<h2>Compound Interest Calculator</h2>",
                  "target": [
                    "#calculator > .container > .center.section-head.reveal > h2"
                  ]
                },
                {
                  "html": "<h2>Real people. <em>Real progress.</em></h2>",
                  "target": [
                    "#stories > .container > .center.section-head.reveal > h2"
                  ]
                },
                {
                  "html": "<h2>Questions, <em>answered plainly</em></h2>",
                  "target": [
                    "#faq > .container > .center.section-head.reveal > h2"
                  ]
                },
                {
                  "html": "<h2>Ready to see your money <em>clearly?</em></h2>",
                  "target": [
                    ".container.reveal > h2"
                  ]
                },
                {
                  "html": "<h5>Explore</h5>",
                  "target": [
                    ".footer-col:nth-child(2) > h5"
                  ]
                },
                {
                  "html": "<h5>Company</h5>",
                  "target": [
                    ".footer-col:nth-child(3) > h5"
                  ]
                },
                {
                  "html": "<h5>Get in Touch</h5>",
                  "target": [
                    ".footer-col:nth-child(4) > h5"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main>",
                  "target": [
                    "main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0d3b2e",
                "bgColor": "#f6f3ea",
                "contrastRatio": 11.25,
                "fontSize": "15.4pt (20.48px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 11.25"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<span class=\"brand-name\">Everline <em>Financial</em></span>",
          "target": [
            "span > .brand-name"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "duplicate-id-aria",
              "data": "nav-menu",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<ul id=\"nav-menu\">",
          "target": [
            "#nav-menu"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"email\" placeholder=\"you@example.com\" aria-label=\"Email address\" required=\"\">",
          "target": [
            "input[type=\"email\"]"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://placehold.co/96x96/0d3b2e/e0b34f?text=E&amp;font=montserrat\" alt=\"Everline Financial logo\" width=\"44\" height=\"44\">",
          "target": [
            "img[width=\"44\"]"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute exists and is not empty"
            },
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"email\" placeholder=\"you@example.com\" aria-label=\"Email address\" required=\"\">",
          "target": [
            "input[type=\"email\"]"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute exists and is not empty"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Everline Financial home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul id=\"nav-menu\">",
          "target": [
            "#nav-menu"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><a href=\"#top\">Home</a></li>",
          "target": [
            "#nav-menu > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/96x96/0d3b2e/e0b34f?text=E&amp;font=montserrat\" alt=\"Everline Financial logo\" width=\"44\" height=\"44\">",
          "target": [
            "img[width=\"44\"]"
          ]
        }
      ]
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute exists and is not empty"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<canvas id=\"chart\" role=\"img\" aria-label=\"Area chart of projected balance growth over time\" width=\"569\" height=\"260\" style=\"width: 569px; height: 260px;\"></canvas>",
          "target": [
            "#chart"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 273.8,
                "height": 44
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (273.8px by 44px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Everline Financial home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": {
                "role": null,
                "nodeName": "span",
                "messageKey": "noRoleSingular",
                "prohibited": [
                  "aria-label"
                ]
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute is not well supported on a span with no valid role attribute."
            }
          ],
          "impact": "serious",
          "html": "<span class=\"stars\" aria-label=\"Rated 5 out of 5 stars\">\u2605\u2605\u2605\u2605\u2605</span>",
          "target": [
            "figure:nth-child(1) > .stars[aria-label=\"Rated 5 out of 5 stars\"]"
          ],
          "failureSummary": "Fix all of the following:\n  aria-label attribute is not well supported on a span with no valid role attribute."
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"hero\">",
                  "target": [
                    ".hero"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Fiduciary advice \u00b7 No hidden fees</p>",
          "target": [
            ".hero-copy > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background gradient"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#93701a",
                "bgColor": "#f6f3ea",
                "contrastRatio": 4.13,
                "fontSize": "15.4pt (20.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"site-header\" id=\"top\">",
                  "target": [
                    "#top"
                  ]
                },
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 15.4pt (20.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<em>Financial</em>",
          "target": [
            "span > .brand-name > em"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 15.4pt (20.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7c8e83",
                "bgColor": "#0a2b21",
                "contrastRatio": 4.38,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            ".footer-legal > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7c8e83",
                "bgColor": "#0a2b21",
                "contrastRatio": 4.38,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u00a9 <span id=\"year\">2026</span> Everline Financial, LLC. All rights reserved.</span>",
          "target": [
            ".legal-bar > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7c8e83",
                "bgColor": "#0a2b21",
                "contrastRatio": 4.38,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span id=\"year\">2026</span>",
          "target": [
            "#year"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7c8e83",
                "bgColor": "#0a2b21",
                "contrastRatio": 4.38,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Privacy Policy</a>",
          "target": [
            ".legal-links > a[href=\"#\"]:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7c8e83",
                "bgColor": "#0a2b21",
                "contrastRatio": 4.38,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Terms of Service</a>",
          "target": [
            ".legal-links > a[href=\"#\"]:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7c8e83",
                "bgColor": "#0a2b21",
                "contrastRatio": 4.38,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Disclosures</a>",
          "target": [
            ".legal-links > a[href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#7c8e83",
                "bgColor": "#0a2b21",
                "contrastRatio": 4.38,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Accessibility</a>",
          "target": [
            ".legal-links > a[href=\"#\"]:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.38 (foreground color: #7c8e83, background color: #0a2b21, font size: 9.1pt (12.16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#93701a",
                "bgColor": "#f6f3ea",
                "contrastRatio": 4.13,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">What we do</p>",
          "target": [
            ".center.section-head.in > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#93701a",
                "bgColor": "#f6f3ea",
                "contrastRatio": 4.13,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">What we do</p>",
          "target": [
            "#services > .container > .center.section-head.in > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#93701a",
                "bgColor": "#f6f3ea",
                "contrastRatio": 4.13,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Member Stories</p>",
          "target": [
            "#stories > .container > .center.section-head.in > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#93701a",
                "bgColor": "#f6f3ea",
                "contrastRatio": 4.13,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">What we do</p>",
          "target": [
            "#services > .container > .center.section-head.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#93701a",
                "bgColor": "#f6f3ea",
                "contrastRatio": 4.13,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"eyebrow\">Member Stories</p>",
          "target": [
            "#stories > .container > .center.section-head.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.13 (foreground color: #93701a, background color: #f6f3ea, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 9335
      },
      {
        "y": 576,
        "height": 9335
      },
      {
        "y": 1152,
        "height": 9335
      },
      {
        "y": 1728,
        "height": 9335
      },
      {
        "y": 2304,
        "height": 9335
      },
      {
        "y": 2880,
        "height": 9335
      },
      {
        "y": 3456,
        "height": 9335
      },
      {
        "y": 4032,
        "height": 9335
      },
      {
        "y": 4608,
        "height": 9335
      },
      {
        "y": 5184,
        "height": 9335
      },
      {
        "y": 5760,
        "height": 9335
      },
      {
        "y": 6336,
        "height": 9335
      },
      {
        "y": 6912,
        "height": 9335
      },
      {
        "y": 7488,
        "height": 9335
      },
      {
        "y": 8064,
        "height": 9335
      },
      {
        "y": 8615,
        "height": 9335
      }
    ],
    "scans": 17,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Personal Finance" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Personal Finance"
- Description: Banking, investing, budgeting, savings, credit, and personal money management resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Personal Finance" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Contact", "Calculator", "Banking".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Personal Finance" category. Consider themes similar to: "Emergency Fund", "Tax Planning", "Insurance Options".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "compound interest", "credit score", "diversification".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Create Budget", "Talk to Advisor", "Plan Retirement".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Personal Finance" sector. Ideas similar but not limited to: "investment comparison".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "success stories", "market updates", "financial planning tips".
-   **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
-   **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.