/* Semantic surfaces keep the services section legible in both themes. */
.soft-section{background:var(--soft);color:var(--ink)}
.service-tile{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 10px 24px #00000005}
.service-tile h3{color:var(--ink);font-size:15px;font-weight:600}
.service-icon{color:var(--red);background:var(--red-soft)}
.service-tile .small-arrow{color:var(--muted)}
.service-tile:hover{border-color:var(--red);box-shadow:0 14px 32px #00000012}
.service-tile:focus-visible,.download-store:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.app-copy h2{font-size:clamp(38px,4.4vw,64px);font-weight:650;line-height:1.08;letter-spacing:-2px}
.app-platforms{color:var(--muted);font-size:12px;line-height:1.8;margin-top:24px}
.app-platforms span{display:block}
.download-stores{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.download-store{display:flex;align-items:center;gap:14px;min-width:200px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--ink);color:var(--paper);transition:transform .25s,box-shadow .25s}
.download-store:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0002}
.download-store>svg{width:27px;height:31px;flex:none}
.download-store span{display:flex;flex-direction:column;gap:3px}
.download-store small{font-size:10px;line-height:1.4}
.download-store strong{font-size:20px;font-weight:550;line-height:1.3}
.download-store>.icon{width:14px;height:14px;margin-inline-start:auto}
.app-source-note{color:var(--muted);font-size:10px;line-height:1.7}
.app-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.app-feature-card{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:32px;transition:transform .3s}
.app-feature-card:hover{transform:translateY(-6px)}
.app-feature-number{position:absolute;inset-inline-end:28px;top:30px;font-size:12px;color:var(--muted)}
.app-feature-card h3{font-size:23px;font-weight:550;letter-spacing:-.5px;margin:25px 0 13px}
.app-feature-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.app-get-started{background:var(--soft);border:1px solid var(--line);border-radius:24px;padding:48px;margin-top:32px}
.app-get-started h2{font-size:clamp(28px,3.2vw,44px);font-weight:600;letter-spacing:-1.3px;margin:0 0 28px}
.app-get-started ol{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;padding:0;margin:0 0 32px}
.app-get-started li{display:flex;gap:15px}.app-get-started li>span{color:var(--red);font-size:11px;padding-top:6px}
.app-get-started h3{font-size:16px;font-weight:600;margin:0 0 8px}.app-get-started p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}
.app-source-links{display:flex;flex-wrap:wrap;gap:24px;font-size:11px;color:var(--muted)}.app-source-links a{display:flex;align-items:center;gap:10px}.app-source-links .icon{width:13px;height:13px}
.desktop-nav{gap:21px;margin-inline-end:12px}
html[dir=rtl] .app-copy h2,html[dir=rtl] .app-get-started h2{letter-spacing:0;line-height:1.4}
@media(max-width:800px){.app-feature-grid{gap:12px}.app-feature-card{padding:24px}.app-feature-card h3{font-size:20px}.app-get-started{padding:32px}.app-get-started ol{gap:18px}}
@media(max-width:560px){.app-copy h2{font-size:37px;letter-spacing:-1px}.download-stores{flex-direction:column;width:100%;gap:10px}.download-store{min-width:0;max-width:100%;width:100%;padding:14px 16px}.app-feature-grid{grid-template-columns:1fr}.app-feature-card{padding:26px}.app-get-started{padding:25px;border-radius:18px}.app-get-started ol{grid-template-columns:1fr;gap:23px}.app-source-links{gap:18px}.service-tile h3{font-size:14px}.app-platforms{font-size:11px}}
@media(prefers-reduced-motion:reduce){.download-store,.app-feature-card{transition:none}.download-store:hover,.app-feature-card:hover{transform:none}}
.motion-paused .download-store,.motion-paused .app-feature-card{transition:none}

html[data-theme=dark] .service-tile .service-icon{background:var(--red-soft);color:var(--red)}
.service-tile:focus-visible{opacity:1}
#download-app{scroll-margin-top:100px}