.app-hero,.app-promo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;position:relative;isolation:isolate;min-width:0}.app-hero{padding:28px 0 30px;min-height:650px}.app-hero-copy{padding:20px 0;max-width:570px}.app-hero h1{font-size:clamp(3rem,4.8vw,4.9rem);line-height:1.1;letter-spacing:-.055em}.app-hero h1 em{font-style:normal;color:#567684}.app-hero-copy>p{color:var(--muted);max-width:490px;font-size:1.08rem}.app-platforms{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 27px}.app-platforms span{font-size:.75rem;font-weight:750;border:1px solid #c7ced0;padding:9px 13px;border-radius:30px;white-space:nowrap}.app-hero-copy>.app-release-note{font-size:.75rem;line-height:1.7;margin:18px 0 0}.device-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:0;padding:32px 8px 38px;min-width:0}.device-orbit{position:absolute;inset:18% 9% 10%;background:#e0e3d7;border-radius:50%;z-index:-1;transform:rotate(-18deg)}.device-orbit:after{content:'';position:absolute;inset:-22px 22px;border:1px solid #bac6c0;border-radius:50%}.device-example{margin:0;width:48%;max-width:247px;flex:none;position:relative}.device-example--ios{transform:rotate(-7deg) translate(9px,-13px);z-index:2}.device-example--android{transform:rotate(7deg) translate(-3px,26px);z-index:1}.device-example figcaption{font-size:.75rem;text-align:center;font-weight:800;letter-spacing:.05em;padding:18px 0 0}.device{position:relative;padding:6px;background:#172129;border-radius:38px;border:2px solid #889096;box-shadow:0 24px 38px -14px #071b3155, inset 0 0 0 1px #101416;overflow:hidden}.device img{width:100%;border-radius:30px;background:var(--paper)}.device--android{border-color:#8c9185;border-radius:31px}.device--android img{border-radius:23px}.device--android:after{content:'';position:absolute;left:50%;top:12px;width:9px;height:9px;border:2px solid #343c3b;border-radius:50%;background:#090d0f;transform:translateX(-50%)}.app-benefit-strip{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;font-size:.85rem;font-weight:700}.app-benefit-strip span:before{content:'✓';margin-right:10px}.app-promo{background:var(--ink);border-radius:32px;padding:46px 52px;color:var(--paper);overflow:hidden;gap:40px}.app-promo .eyebrow{color:var(--accent);font-size:.6875rem}.app-promo h2{font-size:clamp(2.4rem,4vw,3.8rem)}.app-promo-copy>p{color:#c9d5dc;max-width:450px}.app-promo .app-platforms span{border-color:#ffffff30}.app-promo .device-orbit{background:#29516a}.app-promo .device-orbit:after{border-color:#587182}.app-promo .device-stage{padding:25px 0 32px}.app-promo .device-example{max-width:230px}.app-formats .section-head>p{color:var(--muted);max-width:310px;margin-bottom:0}.app-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.app-format-grid article{padding:25px 23px;border-radius:23px;background:white}.app-format-grid article:first-child{background:var(--accent)}.format-index{display:block;font-size:.75rem;margin-bottom:30px;font-weight:750;opacity:.7}.app-format-grid h3{font-size:1.25rem;margin-bottom:12px}.app-format-grid p{font-size:.875rem;color:var(--muted);margin:0}.app-format-grid article:first-child p{color:var(--ink)}.app-score-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#e0e5df;border-radius:30px;overflow:hidden;padding:45px 64px 0}.score-device-wrap{position:relative;display:flex;justify-content:center;align-self:end;height:500px;padding-top:10px}.score-device-wrap .device{width:265px;flex:none;align-self:flex-start;transform:rotate(-5deg);box-shadow:0 20px 40px #12395526}.score-float{position:absolute;right:0;top:43%;background:white;box-shadow:0 10px 30px #12395514;border-radius:22px;padding:15px 23px;font-size:2rem;font-weight:800;transform:rotate(5deg);white-space:nowrap}.score-float span{font-size:1.2rem;margin-left:12px;color:#61724a}.app-score-copy{padding-bottom:45px}.app-score-copy p{color:var(--muted);max-width:410px}.score-caption{margin-top:30px;font-size:.8125rem;line-height:1.7;max-width:360px}.score-caption strong,.score-caption span{display:block}.score-caption span{color:var(--muted);margin-top:5px}.app-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px}.app-feature-grid article{padding:27px 0 23px;border-top:1px solid var(--line)}.feature-tick{display:inline-flex;background:#e0e5df;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;margin-bottom:24px;font-size:1.3rem}.app-feature-grid h3{font-size:1.3rem}.app-feature-grid p{font-size:.9375rem;color:var(--muted);margin-bottom:0}.app-live-panel{padding:48px;background:var(--ink);border-radius:32px;color:var(--paper)}.app-live-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:35px}.app-live-heading .eyebrow{color:var(--accent);gap:10px}.live-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #dacd651c}.app-live-heading h2{margin-bottom:0}.app-live-heading p{color:#c9d5dc;margin-bottom:22px}.live-tags{display:flex;flex-wrap:wrap;gap:9px;font-size:.6875rem;font-weight:700}.live-tags span{padding:8px 11px;border:1px solid #ffffff35;border-radius:24px}.live-example{margin:0}.browser-preview{display:block;overflow:hidden;border-radius:16px;border:1px solid #ffffff45;box-shadow:0 18px 35px #02172635;transition:transform .2s}.browser-preview:hover{transform:translateY(-3px)}.browser-top{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#dfe4e4;color:var(--ink);padding:13px 18px;font-size:.6875rem;font-weight:750}.browser-dots{color:#899b9e;font-size:.55rem;letter-spacing:.12em}.browser-preview img{width:100%}.live-example figcaption{display:flex;justify-content:space-between;gap:24px;color:#c9d5dc;font-size:.6875rem;line-height:1.7;margin-top:16px}.live-details{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:30px;border-top:1px solid #ffffff25;padding-top:23px}.live-details p{font-size:.8125rem;color:#c9d5dc;margin-bottom:0}.live-details strong{display:block;color:var(--paper);margin-bottom:8px;font-size:.875rem}.app-showcase .faq{max-width:850px}.app-showcase{padding-bottom:20px}
@media(min-width:1200px){.app-promo{min-height:640px}.app-hero .device-example{max-width:265px}}
@media(max-width:1000px){.app-hero{gap:20px;min-height:570px}.app-hero h1{font-size:3.3rem}.app-hero-copy>p{font-size:1rem}.app-promo{padding:36px;gap:25px}.app-promo h2{font-size:2.7rem}.device{border-radius:30px;padding:5px}.device img{border-radius:23px}.device--android{border-radius:26px}.device--android img{border-radius:19px}.app-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-score-panel{padding:35px 35px 0;gap:35px}.score-device-wrap{height:460px}.score-device-wrap .device{width:235px}.score-float{right:-10px;font-size:1.6rem}.app-live-panel{padding:32px}.app-live-heading{gap:30px}.app-feature-grid{gap:0 25px}}
@media(max-width:760px){.app-hero,.app-promo{grid-template-columns:1fr}.app-hero{padding:5px 0 30px;gap:0}.app-hero-copy{max-width:600px;padding-top:16px}.app-hero h1{font-size:clamp(2.7rem,7.4vw,4rem)}.app-hero-copy>p{max-width:530px}.device-stage{width:100%;max-width:480px;margin:auto;padding:35px 16px 40px}.device-example{max-width:220px}.app-benefit-strip{font-size:.75rem;gap:16px;flex-wrap:wrap;justify-content:flex-start}.app-promo{gap:10px;padding:32px 28px}.app-promo h2{font-size:2.8rem}.app-promo .device-stage{max-width:420px;padding:30px 8px 32px}.app-promo .device-example{max-width:195px}.app-formats .section-head{align-items:flex-start;flex-direction:column}.app-formats .section-head>p{max-width:500px}.app-score-panel{gap:25px;padding:30px 27px 0}.app-score-copy h2{font-size:2rem}.app-score-copy .eyebrow{font-size:.625rem}.app-score-copy p{font-size:.9375rem}.score-device-wrap .device{width:200px}.score-device-wrap{height:395px}.score-float{right:-15px;font-size:1.3rem;padding:12px 15px}.app-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-live-heading{grid-template-columns:1fr;gap:22px}.live-example figcaption{flex-direction:column;gap:5px}.live-details{gap:25px}}
@media(max-width:520px){.app-hero .eyebrow{font-size:.625rem;margin-bottom:20px}.app-hero .app-platforms{margin:23px 0}.app-hero .button{min-width:235px}.app-hero .device-stage{padding-left:2px;padding-right:2px;margin-top:12px}.device-example figcaption{font-size:.6875rem;padding-top:13px}.device{border-radius:26px;padding:4px}.device img{border-radius:20px}.device--android{border-radius:23px}.device--android img{border-radius:17px}.device--android:after{width:7px;height:7px;top:9px}.app-promo{border-radius:26px;padding:30px 24px}.app-promo h2{font-size:2.35rem}.app-promo .eyebrow{font-size:.625rem;letter-spacing:.09em}.app-promo-copy>p{font-size:.9375rem}.app-promo .app-platforms{gap:6px}.app-promo .app-platforms span{font-size:.625rem;padding:8px 10px}.app-promo .button{width:100%;gap:15px;font-size:.9375rem;padding:18px 20px}.app-promo .device-stage{padding:28px 0 20px}.app-promo .device-example{width:49%}.app-benefit-strip{flex-direction:column;gap:14px;padding:22px 0}.app-format-grid{gap:12px}.app-format-grid article{padding:21px 17px;border-radius:20px}.app-format-grid h3{font-size:1.1rem;overflow-wrap:break-word}.app-format-grid p{font-size:.8125rem}.format-index{margin-bottom:24px}.app-score-panel{grid-template-columns:1fr;padding:29px 26px 0;gap:25px;border-radius:26px}.app-score-copy{order:-1;padding:0}.app-score-copy h2{font-size:2.3rem}.app-score-copy .eyebrow{font-size:.6875rem}.score-caption{margin-top:20px}.score-device-wrap{height:435px;width:100%;max-width:320px;margin:auto}.score-device-wrap .device{width:245px}.score-float{right:-5px;font-size:1.6rem;top:47%}.app-feature-grid{gap:0 20px}.app-feature-grid h3{font-size:1.1rem}.app-feature-grid p{font-size:.8125rem}.feature-tick{margin-bottom:18px}.app-live-panel{padding:29px 22px;border-radius:26px}.app-live-heading h2{font-size:2.4rem}.app-live-heading p{font-size:.9375rem}.live-tags{gap:6px;font-size:.625rem}.live-tags span{padding:7px 9px}.browser-top{padding:11px 10px;font-size:.5625rem}.browser-dots{font-size:.4rem}.browser-preview{border-radius:11px}.live-details{grid-template-columns:1fr;gap:20px;margin-top:24px}.live-details p{font-size:.8125rem}.app-live-heading{margin-bottom:25px}}