/* Landing page mirrors mobile/src/theme.js without changing other site pages. */
:root{color:#F5F1DA;background:#153F2B;--muted:#B8CEBF;--coral:#C8E995;--line:#4B6853;--rose:#102F29;--peach:#E8D990;color-scheme:dark}
body{background:repeating-linear-gradient(90deg,#153F2B 0 70px,#1B4933 70px 140px);background-attachment:fixed}
.topbar{padding-top:max(24px,env(safe-area-inset-top));border-bottom:1px solid #4B6853}
.brand img{width:64px;height:64px;border-radius:16px}
.header-links a{display:inline-flex;align-items:center;min-height:48px}
.hero{gap:48px;padding-block:64px}
.hero h1{font-size:clamp(48px,5.7vw,76px);letter-spacing:-.025em;line-height:1.15}
.hero h1 span{color:#E8D990}
.hero-visual{padding:28px;max-width:420px;background:#102F29;border:1px solid #637951;border-radius:32px}
.hero-icon{border-radius:24%;box-shadow:none}
.hero-visual strong{color:#F5F1DA}
.download{background:#C8E995;color:#173B23;border:1px solid #8AB869;border-radius:16px;white-space:normal}
.download:hover{background:#D9F2A8}
.skip-link{background:#C8E995;color:#173B23}
.eyebrow{color:#E8D990}
.steps{gap:16px}
.steps li,.steps li+li{background:#102F29;border:1px solid #4B6853;border-radius:24px;padding:24px}
.steps .step-number,.steps li:nth-child(2) .step-number,.steps li:nth-child(3) .step-number{background:#C8E995;color:#173B23}
.how-to{padding-bottom:40px}
.match-features{padding-block:20px 40px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feature-grid article{padding:24px;border:1px solid #4B6853;border-radius:24px;background:#102F29}
.feature-grid h3{font-size:21px;margin-bottom:10px;color:#E8D990}
.feature-grid p,.remote-note,.beta-note p{color:#B8CEBF;font-size:16px;line-height:1.9}
.remote-note{margin-top:20px}
.beta-note{padding:24px 28px;margin-bottom:32px;border-inline-start:4px solid #C8E995;border-radius:16px;background:#1A3D32}
.beta-note h2{font-size:26px;margin:8px 0 12px}
.beta-note .eyebrow{color:#E8D990;font-weight:700;font-size:14px}
.try-it{border-color:#637951}
footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:900px){.hero h1{font-size:56px}.feature-grid{grid-template-columns:1fr}.hero-visual{padding:22px}}
@media(max-width:620px){.topbar{padding-inline:20px}.brand img{width:52px;height:52px}.header-links{gap:12px}.hero{padding-block:32px;gap:28px}.hero h1{font-size:clamp(43px,11vw,62px)}.hero-visual{width:min(90%,330px)}.intro{font-size:17px}.steps li,.steps li+li{padding:24px}.step-number{position:static;margin-bottom:14px}.beta-note{padding:22px}.beta-note h2{font-size:24px}.feature-grid article{padding:24px}.try-it{padding:24px}}

.store-badge{display:inline-block;padding:15px;line-height:0;flex-shrink:0}.store-badge img{display:block;width:180px;height:60px;max-width:100%}.try-it .store-badge{align-self:center}.footer-links a{padding:10px 16px;border:1px solid #4B6853;border-radius:14px;background:#102F29;color:#F5F1DA;text-decoration:none}.footer-links a:hover{background:#1A3D32}