.app-page__hero{align-items:center;gap:3rem;max-width:80rem;margin-inline:auto;padding:8.5rem 1.25rem 4rem;display:grid}@media (min-width:960px){.app-page__hero{grid-template-columns:1.05fr .95fr;padding:10rem 2rem 6rem}}.app-page__kicker{color:#a9b0b2;font:600 .7rem/1.4 var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.85rem;display:flex}.app-page__icon{border-radius:22%;flex:none;width:3.5rem;height:3.5rem;box-shadow:0 0 0 1px #ffffff29,0 1rem 2.5rem #0009}.app-page__icon--lg{width:4.5rem;height:4.5rem}.app-page__hero h1{max-width:13ch;font-family:var(--font-display), sans-serif;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;margin-top:1.6rem;font-size:clamp(2.8rem,7vw,5.4rem);font-weight:800;line-height:.9}.app-page__lead{color:#a9b0b2;max-width:38rem;margin:1.4rem 0 2rem;font-size:1.1rem;line-height:1.65}.app-page__note{color:#7f888b;margin-top:1rem;font-size:.75rem}.app-page__hero-shot{justify-self:center;width:min(100%,30rem);position:relative}.app-page__hero-shot:before{content:"";z-index:-1;filter:blur(10px);background:radial-gradient(at 50% 45%,#768ba438,#0000 65%);position:absolute;inset:10% -10% 0}.app-page__hero-shot img{border:1px solid #ffffff1a;border-radius:1.25rem;width:100%;height:auto}.app-page__features{border-top:1px solid #ffffff1a;max-width:80rem;margin-inline:auto;padding:5rem 1.25rem}@media (min-width:960px){.app-page__features{padding:7rem 2rem}}.app-page__features>h2,.app-page__bridge-head h2,.app-page__cta h2{font-family:var(--font-display), sans-serif;text-transform:uppercase;text-wrap:balance;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:.95}.app-page__features>h2{max-width:16ch}.app-page__features>ol{gap:4.5rem;margin-top:4rem;display:grid}.app-page__features>ol>li{align-items:center;gap:2rem;display:grid}@media (min-width:960px){.app-page__features>ol{gap:6rem}.app-page__features>ol>li{grid-template-columns:1fr 1fr;gap:5rem}.app-page__features>ol>li.is-reversed .app-page__shot{order:2}}.app-page__shot{aspect-ratio:4/4.4;background:#000;border:1px solid #ffffff1a;border-radius:1.25rem;place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.app-page__shot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-page__shot.is-phone img{object-fit:contain;padding-block:1rem}.app-page__shot figcaption{color:#fff;font:700 .58rem/1 var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;background:#040506b3;border:1px solid #ffffff38;border-radius:999px;padding:.3rem .65rem;position:absolute;inset-block-start:.9rem;inset-inline-start:.9rem}.app-page__feature-copy>span{color:#7f888b;font:600 .7rem/1 var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase}.app-page__feature-copy h3{font-family:var(--font-display), sans-serif;text-transform:uppercase;margin-top:1rem;font-size:clamp(2rem,4.4vw,3.2rem);font-weight:800;line-height:.95}.app-page__feature-copy>p{color:#a9b0b2;max-width:32rem;margin-top:1rem;font-size:1.02rem;line-height:1.65}.app-page__feature-copy ul{gap:1rem;margin-top:1.75rem;display:grid}.app-page__feature-copy li{border-top:1px solid #ffffff1a;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;padding-top:1rem;display:grid}.app-page__feature-copy li svg{color:#fff;margin-top:.15rem}.app-page__feature-copy li strong{font-size:.95rem;font-weight:750}.app-page__feature-copy li p{color:#a9b0b2;margin-top:.2rem;font-size:.9rem;line-height:1.55}.app-page__bridge{background:#080a0b;border-block:1px solid #ffffff1a;padding:5rem 1.25rem}.app-page__bridge>*{max-width:80rem;margin-inline:auto}@media (min-width:960px){.app-page__bridge{padding:7rem 2rem}}.app-page__bridge-head{gap:1.25rem;display:grid}@media (min-width:960px){.app-page__bridge-head{grid-template-columns:1fr .8fr;align-items:end}}.app-page__bridge-head p{color:#a9b0b2;max-width:34rem;font-size:1.05rem;line-height:1.65}.app-page__bridge>ol{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:1rem;gap:1px;margin-block:3rem 2.5rem;display:grid;overflow:hidden}@media (min-width:768px){.app-page__bridge>ol{grid-template-columns:repeat(3,1fr)}}.app-page__bridge>ol li{background:#080a0b;padding:1.75rem 1.5rem 2rem}.app-page__bridge>ol span{color:#7f888b;font:700 .7rem/1 var(--font-geist-mono), monospace}.app-page__bridge>ol h3{font-family:var(--font-display), sans-serif;text-transform:uppercase;margin-top:1.4rem;font-size:1.7rem;font-weight:800;line-height:1}.app-page__bridge>ol p{color:#a9b0b2;margin-top:.7rem;font-size:.92rem;line-height:1.6}.app-page__bridge>.af-button{margin-inline:0;display:inline-flex}.app-page__cta{text-align:center;justify-items:center;gap:1rem;padding:6rem 1.25rem;display:grid}.app-page__cta h2{margin-top:.5rem}.app-page__cta>p{color:#a9b0b2;margin-bottom:.75rem}.app-page__cta .app-stores{justify-content:center}.app-page__gym{color:#a9b0b2;align-items:center;gap:.4rem;min-height:2.75rem;margin-top:.75rem;font-size:.88rem;font-weight:700;display:inline-flex}.app-page__gym:hover{color:#fff}[dir=rtl] :is(.app-page__feature-copy>span,.app-page__shot figcaption){font-family:var(--font-arabic), "Cairo", sans-serif;letter-spacing:0}[dir=rtl] :is(.app-page__hero h1,.app-page__features>h2,.app-page__bridge-head h2,.app-page__cta h2,.app-page__feature-copy h3,.app-page__bridge>ol h3){font-family:var(--font-arabic), "Cairo", sans-serif;text-transform:none;line-height:1.2}
