/* Accessible, readable type scale */
body{font-size:16px}
.nav-links,.download-btn{font-size:14px}
.eyebrow,.section-kicker{font-size:12px}
.hero-text{font-size:17px}
.trust-row div{font-size:13px}
.center>p,.process-copy .intro{font-size:15px}
.feature-card h3,.small-card h3{font-size:16px}
.feature-card p,.small-card p{font-size:14px}
.step h3{font-size:15px}
.step p{font-size:14px}
.stat small{font-size:13px}
.footer-brand p{font-size:14px}
.footer-brand strong,.footer-top h4{font-size:12px}
.footer-top>div:not(.footer-brand) a{font-size:14px}
.footer-bottom{font-size:13px}
.feature-card img{width:56px;height:56px}
.icon{width:40px;height:40px;font-size:18px}
.trust-row img{width:32px;height:32px}
.step>b{width:38px;height:38px;font-size:12px}
.step{grid-template-columns:38px 1fr}
.stat>span{width:45px;height:45px;font-size:17px}
.socials a{width:34px!important;height:34px;font-size:13px!important}
.store img{width:24px;height:29px}
.download-btn svg{width:16px;height:16px;vertical-align:middle;margin-left:6px}
.menu-toggle svg{width:24px;height:24px}
.store svg{width:24px;height:24px;flex:none}
.trust-row svg{width:32px;height:32px;flex:none;color:#18a84c}
.feature-card svg{width:40px;height:40px;margin:0 auto 13px;color:#12a74c;stroke-width:1.8}
.icon svg{width:20px;height:20px}
.stat>span svg{width:24px;height:24px}
.socials a svg{width:15px;height:15px}
.socials a img{width:20px;height:20px;object-fit:contain}

/* Interactive hover and keyboard-focus states */
.nav-links a,
.footer-top>div:not(.footer-brand) a,
.footer-bottom span:last-child{transition:color .2s ease}
.nav-links a:hover,
.footer-top>div:not(.footer-brand) a:hover{color:#12a24a}
.download-btn,
.store,
.socials a{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}
.download-btn:hover{transform:translateY(-2px);background:#0b6548;box-shadow:0 10px 22px rgba(4,64,47,.18)}
.store:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.18)}
.feature-card,
.small-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.feature-card:hover,
.small-card:hover{transform:translateY(-5px);border-color:#b9dfbd;box-shadow:0 12px 24px rgba(15,91,48,.1)}
.socials a:hover{transform:translateY(-2px);background:#e5f5e2;color:#0c9b4b!important}
.nav-links a:focus-visible,
.download-btn:focus-visible,
.store:focus-visible,
.footer-top a:focus-visible,
.socials a:focus-visible{outline:3px solid rgba(18,162,74,.35);outline-offset:3px}
@media(max-width:560px){
  .download-btn{font-size:12px}
  .hero-text{font-size:16px}
  .trust-row div{font-size:12px}
  .center>p,.process-copy .intro{font-size:14px}
  .feature-card p,.small-card p,.step p{font-size:14px}
  .footer-brand p,.footer-top>div:not(.footer-brand) a{font-size:14px}
  .feature-card img{width:52px;height:52px}
  .icon{width:38px;height:38px}
  .feature-card svg{width:52px;height:52px}
}

@media(max-width:900px){
  .site-header{height:68px;box-shadow:0 2px 12px rgba(6,63,48,.06)}
  .nav{height:68px;gap:10px}
  .brand{display:flex;align-items:center;margin-right:auto}
  .brand img{width:102px;height:38px}
  .download-btn{padding:10px 14px;border-radius:22px;white-space:nowrap;font-size:12px}
  .download-btn svg{width:15px;height:15px}
  .menu-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #dcebe0;border-radius:10px;background:#f7fcf6;color:#064735;cursor:pointer}
  .menu-toggle:hover{background:#eaf8e8;border-color:#b9dfbd}
  .nav-links{top:68px;padding:10px 20px 14px;border-top:1px solid #edf3ee;border-bottom:1px solid #e1ebe3;box-shadow:0 12px 24px rgba(6,63,48,.1)}
  .nav-links a{padding:13px 4px;color:#355b50;font-size:14px;border-bottom:1px solid #f0f4f1}
  .nav-links a:last-child{border-bottom:0}
  .nav-links a.active:after{bottom:5px;right:auto;width:28px}
}

@media(max-width:560px){
  .container{width:calc(100% - 30px)}
  .brand img{width:92px;height:36px}
  .download-btn{padding:9px 11px;font-size:11px}
  .download-btn svg{display:none}
  .menu-toggle{width:38px;height:38px}
}

@media(max-width:900px){
  html,body{overflow-x:hidden}
  .site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:100}
  main{padding-top:68px}
  .brand{order:1}
  .download-btn{order:2;margin-left:auto;margin-right:0}
  .menu-toggle{order:3;margin-left:0;flex:none}
  .nav-links{display:flex;left:auto;right:0;width:min(300px,85vw);max-width:100%;height:calc(100vh - 68px);padding:18px 20px;background:#fff;flex-direction:column;align-items:stretch;box-shadow:-12px 0 28px rgba(6,63,48,.12);transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility .25s ease}
  .nav-links.open{display:flex;transform:translateX(0);visibility:visible}
  .nav-links a{width:100%;text-align:left}
}
