:root{color-scheme:dark;--background:#191e2a;--footer:#111827;--text:#f5f6f6;--gold:#fbe1a2;--muted:#d8d9dd}
*{box-sizing:border-box}
html{font-size:100%;background:var(--background)}
body{margin:0;background:var(--background);color:var(--text);font-family:"Open Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
.profile{display:flex;align-items:center;justify-content:center;gap:12px;margin:52px auto 42px;padding:0 20px}
.profile__image{width:55px;height:55px;border-radius:50%}
.profile h1{font-size:1.125rem;font-weight:400;font-style:italic;margin:0}
.profile__verified{width:20px;height:20px;margin-left:-5px}
main{width:min(760px,calc(100% - 48px));margin:0 auto}
.feature{display:grid;grid-template-columns:1fr 360px;align-items:center;column-gap:32px;margin-bottom:112px}
.feature__copy{min-width:0}
.feature h2{font-family:Montserrat,Arial,sans-serif;text-transform:uppercase;margin:0;font-weight:700;line-height:1.16}
.headline,.subheadline{display:block}
.headline{font-size:2.25rem}
.subheadline{font-size:1.75rem}
.gold{color:var(--gold)}
.feature h2 span+span{margin-top:4px}
.feature--app .subheadline{white-space:nowrap}
.feature p{font-size:1.125rem;line-height:1.42;color:var(--muted);margin:9px 0 20px}
.feature strong{font-weight:700;color:var(--text)}
.feature__image{width:360px;justify-self:center}
.action{position:relative;display:flex;align-items:center;gap:22px;width:max-content;max-width:100%}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;width:228px;max-width:100%;padding:14px 22px;border-radius:4px;background:var(--gold);color:#15171d;text-decoration:none;text-transform:uppercase;font-family:Montserrat,Arial,sans-serif;font-size:.9375rem;font-weight:700;text-align:center;transition:background-color .16s ease,transform .16s ease}
.button:hover{background:#ffedbe;transform:translateY(-2px)}
.button:active{transform:translateY(0)}
a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.action__icon{width:30px;height:30px;flex:none;color:var(--gold)}
.feature--frequency .feature__copy{padding-left:10px}
.feature--wealth .feature__copy{padding-left:18px;max-width:325px}
.feature--wealth .feature__image{width:245px}
.feature--wealth{margin-top:8px;margin-bottom:76px}
.footer{background:var(--footer);padding:22px 24px 32px;text-align:center;color:#a6a9b2}
.footer__inner{max-width:760px;margin:0 auto}
.footer__logo{width:70px;height:70px;object-fit:contain;margin:0 auto 16px}
.footer p{font-size:.75rem;line-height:1.42;margin:0 0 12px}
.footer p:last-child{margin-bottom:0}
.footer a{color:inherit;text-decoration:none}
.footer a:hover{text-decoration:underline}
@media(max-width:800px){
  .profile{margin:22px auto 12px}
  main{width:min(440px,calc(100% - 36px))}
  .feature{display:flex;flex-direction:column;gap:36px;text-align:center;margin-bottom:82px}
  .feature__image{order:-1;width:290px}
  .feature__copy{width:100%}
  .feature--app .feature__image{margin-bottom:1px}
  .headline{font-size:1.875rem;line-height:1.28}
  .subheadline{font-size:1.5rem;line-height:1.25}
  .feature--app .subheadline{white-space:normal}
  .feature h2 span+span{margin-top:3px}
  .feature p{font-size:1.125rem;line-height:1.43;margin:14px auto 20px}
  .action{margin:0 auto}
  .action__icon{position:absolute;left:calc(100% + 14px);width:28px;height:28px}
  .feature--frequency{gap:28px;margin-bottom:100px}
  .feature--frequency .feature__image{width:250px}
  .feature--frequency .feature__copy,.feature--wealth .feature__copy{padding-left:0;max-width:none}
  .feature--frequency p{max-width:285px;margin-top:12px;margin-bottom:15px}
  .feature--wealth{gap:30px;margin-top:0;margin-bottom:56px}
  .feature--wealth .feature__image{width:160px}
  .feature--wealth p{margin-top:16px;margin-bottom:20px}
  .footer{padding:18px 18px 28px}
  .footer__inner{max-width:440px}
}
@media(max-width:359px){.headline{font-size:1.7rem}.subheadline{font-size:1.3rem}.button{width:210px}.action__icon{left:calc(100% + 8px);width:24px}.profile{gap:8px}.profile h1{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}
