:root{--teal:#2d8583;--yellow:#ffd500;--ink:#142827;--soft:#f5f8f7;--line:#2d8583}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}.topbar{height:76px;background:#050505;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,120px);position:sticky;top:0;z-index:50;box-shadow:0 4px 18px rgba(0,0,0,.15)}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:145px;height:48px;object-fit:contain;object-position:left center}.tagline{font-size:14px;color:#eee;font-weight:600}.section,.hero{width:min(1180px,calc(100% - 32px));margin:56px auto}.hero{min-height:520px;background:linear-gradient(135deg,#2d8583 0%,#287c7a 65%,#236f6d 100%);border-radius:14px;padding:54px clamp(28px,6vw,74px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden;position:relative;box-shadow:0 18px 45px rgba(20,40,39,.12)}.hero:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(255,213,0,.08);right:-120px;top:-130px}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.04;margin:0 0 24px;color:var(--yellow)}.hero p{color:white;max-width:680px;font-size:18px}.hero-phone{width:min(100%,360px);justify-self:center;filter:drop-shadow(0 18px 24px rgba(0,0,0,.25));position:relative;z-index:2}.appstore{display:inline-block;margin-top:16px;background:#fff;color:#111;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.appstore:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.18)}.teal-panel{background:linear-gradient(145deg,#2d8583,#277a78);border-radius:14px;padding:50px 44px;display:grid;grid-template-columns:repeat(2,1fr);gap:48px;box-shadow:0 18px 40px rgba(20,40,39,.1)}.benefits article{text-align:center;color:white;transition:transform .25s ease}.benefits article:hover{transform:translateY(-6px)}.benefits img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.12))}.benefits h3{font-size:21px;margin:12px 0}.benefits p{font-size:15px;margin:0 auto;max-width:430px}.feature-card{border:2px solid var(--line);border-radius:14px;padding:34px 54px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:64px;min-height:390px;box-shadow:0 14px 34px rgba(45,133,131,.08);transition:transform .25s ease,box-shadow .25s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(45,133,131,.14)}.feature-card.reverse{grid-template-columns:1.15fr .85fr}.feature-card.reverse img{order:2}.feature-card img{width:min(100%,280px);justify-self:center;filter:drop-shadow(0 12px 20px rgba(0,0,0,.12))}.feature-card h2,.cta h2{font-size:clamp(34px,4vw,54px);line-height:1.1;margin:0 0 20px}.feature-card h2 span,.cta h2 span{color:var(--yellow)}.feature-card p{font-size:19px;color:#667}.quote{border:2px solid var(--line);border-radius:14px;padding:24px 36px;text-align:center;color:#7a7a7a;font-size:19px;background:#fff;box-shadow:0 10px 26px rgba(45,133,131,.07)}.quote cite{display:block;text-align:right;margin-top:12px;font-style:normal}.premium{background:linear-gradient(135deg,#2d8583,#277a78);border-radius:14px;padding:48px 64px;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;box-shadow:0 18px 40px rgba(20,40,39,.12)}.premium h2{color:var(--yellow);font-size:42px;margin:0}.premium li{margin:9px 0}.premium li::marker{color:var(--yellow)}.more-logo{width:min(100%,300px);max-height:260px;object-fit:contain;justify-self:center;filter:drop-shadow(0 14px 25px rgba(0,0,0,.18))}.cta{display:block;text-align:center;padding:68px 36px;background:linear-gradient(180deg,#fff,#f7fbfa);border-radius:14px}.cta>div{max-width:850px;margin:auto}.appstore.teal{background:var(--teal);color:white}footer{background:#050505;color:#ddd;padding:28px clamp(24px,7vw,120px);display:flex;justify-content:space-between;gap:30px;align-items:center}footer p{margin:0}footer nav{display:flex;gap:22px}footer a{color:#fff}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.float{animation:float 4.5s ease-in-out infinite}.float-slow{animation:float 5.5s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.float,.float-slow{animation:none}.benefits article,.feature-card,.appstore{transition:none}}
@media(max-width:800px){.topbar{height:66px;padding:0 18px}.brand img{width:118px;height:42px}.tagline{font-size:12px}.section,.hero{margin:28px auto;width:min(100% - 24px,1180px)}.hero{grid-template-columns:1fr;padding:38px 24px;text-align:center;min-height:auto}.hero h1{font-size:42px}.hero p{font-size:16px}.hero-phone{margin-top:28px;max-height:520px;object-fit:contain;width:min(86%,330px)}.teal-panel{grid-template-columns:1fr;padding:38px 22px;gap:42px}.benefits img{width:96px;height:96px}.feature-card,.feature-card.reverse{grid-template-columns:1fr;padding:30px 24px;gap:24px;text-align:center;min-height:auto}.feature-card.reverse img{order:0}.feature-card img{max-height:520px;object-fit:contain;width:min(72%,280px)}.feature-card p{font-size:17px}.premium{grid-template-columns:1fr;padding:38px 28px;text-align:left}.more-logo{margin:28px auto 0;width:min(72%,260px)}.cta{padding:48px 24px}.cta h2{font-size:40px}footer{flex-direction:column;text-align:center}footer nav{flex-wrap:wrap;justify-content:center}.reveal{transform:translateY(20px)}}
@media(max-width:430px){.tagline{font-size:11px}.brand img{width:104px}.hero h1{font-size:36px}.feature-card h2,.cta h2{font-size:34px}.premium h2{font-size:36px}.benefits img{width:84px;height:84px}}

/* Footer and legal pages */
.site-footer{background:#050505;color:#ddd;padding:34px clamp(24px,7vw,120px);display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:112px;height:42px;object-fit:contain;object-position:left center}.footer-brand p,.copyright{margin:0}.copyright{text-align:right;color:#aaa}.site-footer nav{display:flex;gap:22px;justify-content:center}.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover,.site-footer a[aria-current="page"]{color:var(--yellow)}
.legal-wrap{width:min(920px,calc(100% - 28px));margin:48px auto 64px}.legal-card{background:#fff;border:2px solid var(--line);border-radius:16px;padding:clamp(28px,5vw,58px);box-shadow:0 18px 45px rgba(20,40,39,.10)}.legal-card h1{font-size:clamp(36px,5vw,58px);line-height:1.08;margin:22px 0 6px}.legal-card h2{font-size:24px;margin:34px 0 10px;color:var(--teal)}.legal-card h3{font-size:17px;margin:22px 0 8px}.legal-card p,.legal-card li{font-size:16px;color:#344846}.legal-card ul{padding-left:24px}.legal-card li::marker{color:var(--yellow)}.legal-card a{color:var(--teal);font-weight:600}.effective-date{font-weight:600;color:#6a7776!important}.back-link{display:inline-flex;text-decoration:none;align-items:center;gap:6px}.back-link:hover{text-decoration:underline}
@media(max-width:800px){.site-footer{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.copyright{text-align:center}.site-footer nav{flex-wrap:wrap}.legal-wrap{margin:28px auto 44px}.legal-card{padding:26px 22px}.legal-card h2{font-size:21px}}

/* Final brand refinements */
.brand img{width:190px;height:54px;object-fit:contain;object-position:left center}
.footer-brand img{width:175px;height:56px;object-fit:contain;object-position:left center}
.appstore{font-family:Inter,Arial,sans-serif;font-weight:400}
@media(max-width:800px){.brand img{width:148px;height:44px}.footer-brand img{width:160px;height:50px}}
@media(max-width:430px){.brand img{width:132px}}


/* v5 refinements */
.brand img{width:230px;height:60px}
.hero{grid-template-columns:1.32fr .68fr}
.hero-copy{max-width:760px}
.teal-panel{padding:34px 38px;gap:28px 42px}
.benefits img{width:72px;height:72px}
.benefits h3{margin:8px 0 6px}
.benefits p{font-size:14px;line-height:1.45}
.more-logo{width:min(100%,390px);max-height:340px}
.footer-brand{gap:0}
@media(max-width:800px){
  .brand img{width:176px;height:48px}
  .hero{grid-template-columns:1fr}
  .teal-panel{padding:30px 20px;gap:30px}
  .benefits img{width:78px;height:78px}
  .more-logo{width:min(84%,330px);max-height:300px}
}
@media(max-width:430px){.brand img{width:158px;height:44px}}