.app-section{margin:10px var(--gutter) 85px;position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;background:#171c20;scroll-margin-top:110px;min-height:545px}.app-section:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 45%,#33616c38,transparent 58%)}.app-copy{padding:58px 0 52px 60px;align-self:center;position:relative;z-index:1}.app-brand{display:flex;align-items:center;gap:15px;margin-bottom:26px}.app-brand img{height:55px;width:55px;border-radius:12px;box-shadow:0 5px 20px #0002}.app-brand .eyebrow{font-size:8px;letter-spacing:1.8px;color:#b2b9bb}.app-brand span{display:block;font-size:11px;letter-spacing:.2px;color:#d0d6d7;margin-top:5px}.app-copy h2{font-family:Barlow,sans-serif;font-size:64px;line-height:1.02;font-weight:700;letter-spacing:-.7px;max-width:460px}.app-copy h2 span{color:#b5c8c9}.app-description{max-width:390px;font-size:13px;color:#afb9bc;line-height:1.85;margin-top:22px}.app-stores{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.store-link{display:flex;align-items:center;gap:12px;min-width:160px;min-height:57px;background:#f4f2ed;color:#161819;border:1px solid #f4f2ed;border-radius:5px;padding:11px 16px;transition:transform .25s,background .25s}.store-link:hover{transform:translateY(-3px);background:#fff}.store-link svg{height:24px;width:24px;stroke-width:1.7}.store-link small{display:block;font-size:8px;line-height:1.3;letter-spacing:.4px;margin-bottom:3px}.store-link strong{display:block;font-size:15px;line-height:1.1;font-weight:600}.store-link.ios{background:#ffffff09;color:#f5f3ed;border-color:#ffffff50}.store-link.ios:hover{background:#ffffff15}.app-web-link{font-size:11px;display:inline-flex;align-items:center;gap:18px;color:#b9c2c4;margin-top:24px;border-bottom:1px solid #ffffff30;padding:0 0 5px}.app-web-link:hover{color:#fff;border-color:#fff}.app-web-link span{font-size:17px}.app-preview{align-self:stretch;position:relative;display:flex;justify-content:center;align-items:center;padding:30px 35px}.app-preview:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #819da328;border-radius:50%;z-index:-1}.app-preview:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #819da310;border-radius:50%;z-index:-1}.app-screen{width:235px;max-height:460px;object-fit:contain;position:relative;filter:drop-shadow(0 22px 28px #0005);transform:rotate(4deg);transition:transform .5s var(--ease)}.app-section:hover .app-screen{transform:rotate(1deg) translateY(-5px)}.app-preview-caption{position:absolute;bottom:22px;left:20px;right:20px;text-align:center;font-size:8px;letter-spacing:1.8px;color:#6f848b}
@media(max-width:1150px){.app-copy{padding-left:36px}.app-copy h2{font-size:55px}.app-preview{padding:25px}.app-screen{width:210px}.app-section{grid-template-columns:1.2fr 1fr}.app-stores{gap:8px}.store-link{min-width:145px;padding:11px 13px}}
@media(max-width:850px){.app-section{grid-template-columns:1.2fr .8fr;min-height:520px;margin-bottom:65px}.app-copy{padding:40px 0 40px 28px}.app-copy h2{font-size:49px}.app-brand{gap:10px}.app-brand img{height:43px;width:43px}.app-brand .eyebrow{font-size:7px;letter-spacing:1.2px}.app-description{font-size:12px}.store-link{min-width:139px;padding:10px 12px;gap:9px}.store-link strong{font-size:14px}.app-preview{padding:20px 12px}.app-screen{width:185px}.app-preview-caption{font-size:6px;letter-spacing:1px;bottom:30px}}
@media(max-width:580px){.app-section{display:flex;flex-direction:column;margin:0 var(--gutter) 45px;scroll-margin-top:85px}.app-copy{padding:31px 24px 22px;width:100%}.app-brand{margin-bottom:23px}.app-brand .eyebrow{font-size:7px;letter-spacing:1.25px}.app-brand span{font-size:10px}.app-copy h2{font-size:48px;max-width:300px;line-height:1.03}.app-description{font-size:12px;margin-top:18px}.app-stores{gap:8px;margin-top:23px}.store-link{flex:1;min-width:0;gap:9px;padding:11px 10px;min-height:55px}.store-link svg{width:21px;height:21px}.store-link small{font-size:7px;letter-spacing:0}.store-link strong{font-size:13px}.app-web-link{font-size:10px;margin-top:20px;gap:12px}.app-preview{height:385px;padding:8px 25px 38px;align-self:center;width:100%;overflow:hidden}.app-screen{height:335px;width:auto;max-width:100%;max-height:335px;transform:rotate(3deg)}.app-preview:before{width:280px;height:280px}.app-preview:after{width:340px;height:340px}.app-preview-caption{bottom:13px;font-size:7px;letter-spacing:1.2px}.app-section:hover .app-screen{transform:rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.app-screen,.app-section:hover .app-screen{transform:none;transition:none}}