.app-hero-scene{min-height:620px;position:relative;display:grid;place-items:center;isolation:isolate}.app-halo{position:absolute;inset:80px -5% 20px;border-radius:50%;background:#ffffff;z-index:-1}.app-hero-note{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#075c59;position:absolute;top:0;display:flex;gap:10px;align-items:center}.app-note-dot{width:7px;height:7px;border-radius:50%;background:#075c59}.device-frame{border:7px solid #075c59;border-radius:34px;overflow:hidden;background:#ffffff;box-shadow:0 24px 50px #075c5924;line-height:0;max-width:100%;position:relative}.device-frame img{width:100%;height:auto;display:block}.hero-device{width:254px;transform:rotate(4deg);margin:28px 0 30px}.app-floating-note{display:flex;align-items:center;gap:14px;position:absolute;bottom:84px;left:0;background:white;border:1px solid #ffffff;border-radius:14px;padding:18px 21px;box-shadow:0 12px 30px #075c591a}.app-floating-note>span{color:#ffffff;background:#075c59;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:22px}.app-floating-note strong,.app-floating-note small{display:block;line-height:1.6}.app-floating-note strong{font-size:13px}.app-floating-note small{font-size:10px;color:#075c59}.app-scene-caption{position:absolute;bottom:3px;font-size:8px;letter-spacing:1.6px;color:#075c59}.app-gallery{background:#ffffff;overflow:hidden}.app-gallery-heading{display:flex;gap:50px;justify-content:space-between;align-items:center;margin-bottom:55px}.app-gallery-heading .section-heading{margin:0}.app-gallery-heading>p{max-width:375px;font-size:15px;line-height:1.8;color:#075c59}.app-screens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:1080px;margin:auto}.app-screens-grid figure{margin:0;min-width:0}.app-screens-grid .device-frame{width:268px;margin:0 auto 30px;aspect-ratio:390/844}.app-screens-grid .form-device{padding-top:9px;background:#ffffff}.app-screens-grid .form-device img{height:100%;object-fit:cover;object-position:top}.app-screens-grid figcaption{line-height:1.65;max-width:295px;margin:auto}.app-screens-grid figcaption>span{font-size:9px;letter-spacing:1.5px;color:#075c59;font-weight:650}.app-screens-grid h3{font-size:23px;letter-spacing:-.6px;line-height:1.25;margin:12px 0}.app-screens-grid p{font-size:13px;color:#075c59;margin:0}.screens-note{font-size:10px;text-align:center;color:#075c59;margin:40px 0 0;line-height:1.6}.device-frame img{color:#075c59;font-size:12px;line-height:1.5}.site-header nav a{white-space:nowrap}
@media(min-width:761px){.hero{padding-top:55px;padding-bottom:70px}.app-hero-scene{min-height:620px}}
@media(max-width:1050px){.app-floating-note{left:-10px;padding:14px}.app-screens-grid{gap:28px}.app-screens-grid .device-frame{border-width:5px;border-radius:28px}.site-header nav{gap:18px}}
@media(max-width:760px){.app-hero-scene{min-height:590px;margin-top:26px}.app-hero-note{font-size:8px;letter-spacing:1px}.hero-device{width:246px}.app-floating-note{left:0;bottom:70px}.app-gallery-heading{display:block;margin-bottom:34px}.app-gallery-heading>p{margin-top:20px}.app-screens-grid{grid-template-columns:1fr;gap:45px}.app-screens-grid figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:center}.app-screens-grid .device-frame{margin:0;max-width:250px;justify-self:center}.app-screens-grid figcaption{margin:0}.app-screens-grid h3{font-size:21px}.app-screens-grid p{font-size:12px}.screens-note{margin-top:35px}.app-gallery .section-heading h2{font-size:38px}}
@media(max-width:420px){.app-screens-grid figure{display:block}.app-screens-grid .device-frame{width:238px;margin:0 auto 25px}.app-screens-grid figcaption{max-width:290px;margin:auto}.app-floating-note{padding:12px;left:0}.app-floating-note small{font-size:9px}.app-hero-scene{min-height:580px}}

/* Compact phone silhouettes leave space for the brand and the page content. */
.hero-brand{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;width:max-content;max-width:100%;z-index:2}.hero-brand img{width:64px;height:64px;object-fit:contain}.hero-brand strong{font-size:35px;letter-spacing:-1.8px;line-height:1.15;color:#075c59}.hero-brand strong span{color:#075c59}.hero-brand small{display:block;font-size:7px;letter-spacing:1.25px;color:#075c59;margin-top:7px}.app-hero-scene{min-height:575px}.app-halo{inset:90px 0 35px;border-radius:40px;background:#ffffff;transform:rotate(-5deg);border:1px solid #ffffff}.app-halo:before,.app-halo:after{content:'';position:absolute;border:1px solid #ffffff80;border-radius:50%;width:280px;height:280px;top:55px;left:50%;transform:translateX(-50%)}.app-halo:after{width:360px;height:360px;top:15px}.device-frame{border:6px solid #075c59;border-radius:33px;padding:22px 3px 16px;background:#ffffff;box-shadow:0 0 0 1px #075c59,0 2px 0 3px #ffffff,0 22px 38px #075c5929;isolation:isolate}.device-frame:before{content:'';position:absolute;z-index:2;top:5px;left:50%;transform:translateX(-50%);width:55px;height:13px;border-radius:20px;background:#075c59;box-shadow:inset -8px 0 0 #075c59}.device-frame:after{content:'';position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:64px;height:3px;border-radius:4px;background:#075c59}.device-frame img{border-radius:8px}.hero-device{width:202px;margin:80px 0 38px;transform:rotate(6deg)}.app-floating-note{bottom:93px;left:-5px;padding:14px 17px}.app-scene-caption{bottom:7px}.app-screens-grid{max-width:1000px;gap:55px}.app-screens-grid .device-frame{width:190px;aspect-ratio:auto;margin-bottom:28px;border:6px solid #075c59;border-radius:33px}.app-screens-grid .form-device{padding:22px 3px 16px}.app-screens-grid .form-device img{height:auto;aspect-ratio:390/844;object-fit:cover;object-position:top}.app-screens-grid figcaption{max-width:265px}.app-screens-grid h3{font-size:21px}.app-gallery-heading{margin-bottom:42px}
@media(max-width:1050px){.hero-brand{gap:10px}.hero-brand img{width:54px;height:54px}.hero-brand strong{font-size:30px}.hero-brand small{font-size:6px;letter-spacing:.8px}.app-floating-note{left:-5px;padding:11px}.app-floating-note strong{font-size:11px}.app-floating-note small{font-size:9px}.app-screens-grid{gap:30px}}
@media(max-width:760px){.app-hero-scene{min-height:535px;margin-top:30px}.hero-device{width:187px;margin-top:77px}.hero-brand img{width:58px;height:58px}.hero-brand strong{font-size:32px}.app-floating-note{left:8%;bottom:77px}.app-halo{inset:78px 5% 32px}.app-screens-grid figure{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.app-screens-grid .device-frame{width:178px;margin:0}.app-screens-grid figcaption{margin:0}.app-screens-grid h3{font-size:20px}}
@media(max-width:420px){.app-screens-grid figure{display:block}.app-screens-grid .device-frame{width:180px;margin:0 auto 25px}.app-screens-grid figcaption{margin:auto;max-width:280px}.app-floating-note{left:0}.hero-brand small{font-size:6px}.app-gallery .section-heading h2{font-size:35px}}