:root{color-scheme:dark;--ink:#101c18;--paper:#f5f3e9;--muted:#bec8c0;--lime:#dee7ae;--line:rgba(226,235,210,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--lime);outline-offset:6px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:700;letter-spacing:0;line-height:1.2}
.page-width{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:20px;z-index:5;background:var(--paper);color:var(--ink);padding:12px}
.skip-link:focus{top:12px}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:23px;font-weight:700;line-height:1.3}
.brand img{width:56px;height:56px;flex:none;object-fit:contain}
.support-link{padding:10px 0;font-size:14px;color:var(--muted)}
.support-link:hover,.site-footer a:hover{color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#0b1511}
.hero-image,.hero-image img,.hero::after{position:absolute;inset:0;width:100%;height:100%}
.hero-image{z-index:-2}
.hero-image img{object-fit:cover;object-position:center}
.hero::after{content:"";z-index:-1;background:linear-gradient(90deg,rgba(6,17,12,.88),rgba(6,17,12,.65) 42%,rgba(6,17,12,.08) 82%),linear-gradient(0deg,#101c18,transparent 30%)}
.hero-content{padding-block:80px 86px}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--lime)}
.eyebrow span{width:6px;height:6px;background:var(--lime);border-radius:50%;flex-shrink:0}
h1{font-size:clamp(40px,5.4vw,68px);line-height:1.12;margin-top:22px;max-width:640px}
.hero-description{font-size:19px;line-height:1.65;color:#e0e5dd;margin-top:24px;max-width:470px}
.download{margin-top:36px;max-width:520px}
.download>p:first-child{font-size:15px;font-weight:700}
.store-badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:12px;padding-block:4px}
.store-badge{display:inline-flex;align-items:center;flex-shrink:0}
.app-store img{height:48px;width:auto}
.google-play img{height:63px;width:auto}
.download-note{font-size:13px;line-height:1.6;color:var(--muted);margin-top:10px}
.features{padding-block:56px 64px}
.features h2{font-size:25px;line-height:1.35}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:34px}
.feature-grid article{border-top:1px solid var(--line);padding-top:20px}
.feature-number{font-size:12px;color:var(--lime)}
.feature-grid h3{font-size:19px;line-height:1.4;margin-top:9px}
.feature-grid p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:10px;max-width:310px}
.site-footer{padding-block:25px 26px;border-top:1px solid var(--line);color:var(--muted)}
.footer-main{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px;font-size:13px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}
.store-trademarks{font-size:11px;line-height:1.6;margin-top:18px;color:#9eaca2}
@media(max-width:650px){
  .page-width{width:calc(100% - 48px)}
  .site-header{height:76px}
  .brand{font-size:21px;gap:10px}
  .brand img{width:48px;height:48px}
  .hero-content{padding-block:55px 64px}
  .hero-image img{object-position:62% center}
  .hero::after{background:linear-gradient(90deg,rgba(6,17,12,.85),rgba(6,17,12,.5)),linear-gradient(0deg,#101c18,transparent 42%)}
  .eyebrow{font-size:13px}
  h1{font-size:clamp(37px,9.8vw,52px);line-height:1.16;margin-top:22px}
  .hero-description{font-size:17px;line-height:1.65;margin-top:22px}
  .download{margin-top:30px}
  .store-badges{column-gap:20px}
  .app-store img{height:40px}
  .google-play img{height:53px}
  .download-note{font-size:12px;max-width:285px}
  .features{padding-block:38px 42px}
  .features h2{font-size:23px;max-width:310px}
  .feature-grid{grid-template-columns:1fr;gap:26px;margin-top:26px}
  .feature-grid article{padding-top:18px}
  .feature-grid p{max-width:100%}
  .footer-main{gap:19px}
  .site-footer nav{gap:12px 19px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}