.appx-hero{max-width:72ch;padding-block:clamp(44px,6vw,90px) clamp(30px,4vw,54px)}.appx-hero h1{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;margin:14px 0 0;font-size:clamp(34px,4.4vw,58px);line-height:1.05}.appx-hero .tagline{font-family:var(--text);color:#3f3f3f;margin:18px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.6}.appx-get{flex-wrap:wrap;gap:14px;margin-top:clamp(26px,3vw,38px);display:flex}.appx-store{border:1px solid var(--ink);background:var(--ink);min-width:216px;color:var(--paper);flex-direction:column;gap:3px;padding:14px 22px;text-decoration:none;transition:opacity .2s;display:flex}.appx-store:hover{opacity:.86}.appx-store-k{font-family:var(--sans);letter-spacing:.26em;text-transform:uppercase;opacity:.72;font-size:9px;font-weight:700}.appx-store-v{font-family:var(--sans);letter-spacing:.04em;font-size:14px;font-weight:600}.appx-store--soon{color:#6d6459;cursor:default;background:0 0;border-color:#cfc9c0}.appx-store--soon:hover{opacity:1}.appx-free{font-family:var(--sans);letter-spacing:.06em;color:#8a8279;margin:16px 0 0;font-size:12px}.appx-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,44px);padding-block:clamp(20px,3vw,40px);display:grid}.appx-shot{margin:0}.appx-shot img{background:#f6f3ef;border:1px solid #e3ded6;width:100%;max-width:300px;height:auto;display:block}.appx-shot figcaption{max-width:34ch;margin-top:16px}.appx-shot strong{font-family:var(--display);letter-spacing:.01em;font-size:18px;display:block}.appx-shot span{font-family:var(--text);color:#5a5a5a;margin-top:6px;font-size:15px;line-height:1.55;display:block}.appx-why{padding-block:clamp(44px,6vw,86px)}.appx-why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,46px);margin-top:clamp(26px,3vw,40px);display:grid}.appx-why h3{font-family:var(--display);letter-spacing:.01em;margin:0;font-size:19px}.appx-why p{font-family:var(--text);color:#3f3f3f;margin:10px 0 0;font-size:16px;line-height:1.6}@media (max-width:900px){.appx-shots,.appx-why-grid{grid-template-columns:minmax(0,1fr)}.appx-shot img{max-width:260px}.appx-store{flex:100%;min-width:0}}