/* Local design revision awaiting the owner's approval. */
.app-page{background:#0d2031;color:#faf8f1;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Best,sans-serif;background-image:radial-gradient(ellipse at 78% 25%,#1c3948 0,transparent 50%)}
.app-page .header,.app-page main,.app-page footer{width:min(1160px,calc(100% - 96px))}.app-page .header{padding:27px 0;border-bottom:1px solid #ffffff16}.app-page .brand{font-size:19px;letter-spacing:-.02em;gap:12px}.app-page .brand img{width:38px;height:38px}.app-page .brand small{font-size:11px;color:#b3c1ca;letter-spacing:.02em}.app-page .languages{background:transparent;border:0;border-radius:0;gap:9px;padding:0}.app-page .languages a{border-radius:0;color:#aebcc6;font-size:13px;padding:5px 7px;min-width:32px}.app-page .languages a[aria-current]{color:#f4dca9;background:transparent;box-shadow:0 1px #f4dca9}.app-page .hero{grid-template-columns:1.15fr .85fr;gap:80px;padding:48px 0 44px;align-items:center;min-height:610px}.app-page .eyebrow{color:#c4b493;font-size:11px;font-weight:500;letter-spacing:.15em}.app-page .eyebrow span{width:18px;background:#e1c48b}.app-page h1{font-size:clamp(44px,4.9vw,66px);font-weight:500;line-height:1.12;letter-spacing:-.038em;margin:23px 0 25px}.app-page h1 span{color:#edd6a9}.app-page .intro{color:#b4c3cd;font-size:17px;line-height:1.75;max-width:405px;margin:0 0 30px}.app-page .stores{gap:12px;max-width:470px}.app-page .store{flex:none;min-width:0;width:214px;min-height:68px;padding:13px 18px;border-radius:11px;gap:13px;border:1px solid #ffffff30;box-shadow:none}.app-page .android{background:#f5f3ed;border-color:#f5f3ed;color:#112a3f}.app-page .android:hover{background:#e8d9bb}.app-page .store svg{width:23px;height:27px}.app-page .store small{font-size:11px;color:inherit;opacity:.78}.app-page .store b{font-size:18px;line-height:1.25}.app-page .pending{background:#ffffff03;color:#c3cdd4}.app-page .pending b{font-size:14px;font-weight:500}.app-page .ios-note{font-size:12px;color:#99aeba;line-height:1.6;max-width:440px;margin:14px 0 0}.app-page .free{font-size:12px;color:#d0d7db;font-weight:400;letter-spacing:.03em;margin-top:26px}.app-page .free span{color:#e0c28b}.app-page .showcase{position:relative;display:grid;place-items:center;justify-self:center;width:100%}.app-page .photo-stage{height:520px;width:100%;max-width:380px;border-radius:0;background:transparent;box-shadow:none;overflow:visible;padding:0;align-items:center;justify-content:center;position:relative}.app-page .photo-stage:before{content:'';position:absolute;left:50%;top:50%;width:430px;height:430px;transform:translate(-50%,-50%);border:1px solid #b7c8d31b;border-radius:50%;pointer-events:none}.app-page .photo-stage:after{content:'';position:absolute;left:50%;top:50%;width:530px;height:530px;transform:translate(-50%,-50%);border:1px solid #b7c8d30c;border-radius:50%;pointer-events:none}.app-page .app-screen{width:246px;height:auto;border:5px solid #536575;border-radius:24px;box-shadow:0 28px 60px #0007,0 0 0 1px #182d41;transform:none;position:relative;z-index:1}.app-page .screen-context{position:absolute;top:26px;left:-30px;right:-30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#95aab7}.app-page .screen-context span:last-child{display:none}.app-page .screen-context span:first-child{writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-start;margin-top:60px}.app-page .screen-caption{position:absolute;bottom:32px;right:-26px;writing-mode:vertical-rl;color:#8fa6b5;font-size:10px;letter-spacing:.06em}.app-page figcaption{font-size:11px;letter-spacing:.01em;color:#9bafbb;margin-top:26px}.app-page .features{border-color:#ffffff1d;padding:24px 0 29px;gap:40px}.app-page .features article{display:grid;grid-template-columns:25px 1fr;gap:0 13px}.app-page .number{font-size:10px;color:#bb9f6c;grid-row:1/3;margin-top:7px}.app-page .features h2{font-size:16px;font-weight:500;margin:0 0 7px;color:#e9ecec}.app-page .features p{font-size:13px;line-height:1.6;color:#91a8b7;max-width:260px}.app-page .access{background:none;border:0;border-top:1px solid #ffffff1d;border-radius:0;padding:22px 0;gap:15px;margin:0}.app-page .access-mark{display:none}.app-page .access h2{font-size:13px;font-weight:500;color:#dae1e4}.app-page .access p{font-size:12px;color:#91a8b7;max-width:750px}.app-page .access>a{color:#d9c18f;font-size:13px}.app-page footer{border-color:#ffffff1d;padding:20px 0;color:#8099aa;gap:20px;font-size:11px}.app-page footer nav a{font-size:11px;color:#a0b0bb}.app-page footer .copyright{color:#8099aa}.app-page .skip{color:#142d48}
@media(min-width:1550px){.app-page .header,.app-page main,.app-page footer{width:min(1250px,calc(100% - 120px))}.app-page .hero{padding:55px 0;min-height:650px}.app-page h1{font-size:74px}.app-page .photo-stage{height:565px}.app-page .app-screen{width:265px}}
@media(max-width:1050px){.app-page .header,.app-page main,.app-page footer{width:calc(100% - 56px)}.app-page .hero{gap:30px;grid-template-columns:1.1fr .9fr}.app-page h1{font-size:49px}.app-page .store{width:190px;padding:12px 14px}.app-page .stores{gap:10px}.app-page .intro{font-size:16px}.app-page .photo-stage:after{width:430px;height:430px}.app-page .photo-stage:before{width:340px;height:340px}.app-page .screen-context{left:0}.app-page .screen-caption{right:0}.app-page .app-screen{width:226px}}
@media(max-width:730px){.app-page{overflow-x:clip}.app-page .header,.app-page main,.app-page footer{width:calc(100% - 40px)}.app-page .header{padding:20px 0}.app-page .brand{font-size:16px}.app-page .brand img{width:31px;height:31px}.app-page .brand small{font-size:9px}.app-page .languages{gap:3px}.app-page .languages a{font-size:12px;padding:4px;min-width:30px}.app-page .hero{grid-template-columns:1fr;gap:38px;padding:38px 0 27px;min-height:0}.app-page h1{font-size:clamp(42px,10.8vw,63px);margin:20px 0;line-height:1.12;font-weight:500}.app-page .eyebrow{font-size:9px;letter-spacing:.12em}.app-page .intro{font-size:16px;max-width:430px;margin-bottom:24px}.app-page .stores{flex-wrap:nowrap;max-width:430px;gap:10px}.app-page .store{width:auto;flex:1;min-width:0;padding:12px;gap:10px;min-height:64px}.app-page .store small{font-size:10px}.app-page .store b{font-size:16px}.app-page .pending b{font-size:12px}.app-page .store svg{width:21px;height:25px}.app-page .ios-note{font-size:11px;max-width:400px}.app-page .free{font-size:11px;margin-top:19px}.app-page .photo-stage{height:auto;max-width:350px;padding:10px 0}.app-page .app-screen{width:239px}.app-page .photo-stage:before{width:325px;height:325px}.app-page .photo-stage:after{width:395px;height:395px}.app-page .screen-caption{right:4px;bottom:35px}.app-page .screen-context{left:5px;top:0}.app-page figcaption{margin-top:19px;font-size:11px}.app-page .features{grid-template-columns:1fr;gap:22px;padding:24px 0}.app-page .features h2{font-size:16px}.app-page .features p{font-size:13px;max-width:none}.app-page .access{display:block;padding:24px 0}.app-page .access h2{font-size:14px}.app-page .access p{font-size:13px}.app-page .access>a{display:inline-block;margin-top:14px}.app-page footer{gap:14px;padding-bottom:26px}.app-page footer nav a{font-size:12px}.app-page footer nav{gap:13px}.app-page .copyright{margin-left:0}}

/* The original navy-backed mark sits on a contrasting light header. */
.app-page .header{width:100%;margin:0;background:#d6dfe7;color:#142d48;border-bottom:1px solid #bccbd7;padding:22px max(24px,calc((100% - 1160px)/2))}
.app-page .header .brand{color:#142d48;font-size:20px}
.app-page .header .brand img{width:48px;height:48px}
.app-page .header .brand small{color:#596c7c;font-size:12px}
.app-page .header .languages a{color:#596c7c}
.app-page .header .languages a[aria-current]{color:#142d48;font-weight:600;box-shadow:0 1px #142d48}
@media(min-width:1550px){.app-page .header{padding-inline:max(60px,calc((100% - 1250px)/2))}}
@media(max-width:730px){.app-page .header{padding:19px 20px}.app-page .header .brand{font-size:17px;gap:10px}.app-page .header .brand img{width:40px;height:40px}.app-page .header .brand small{font-size:10px}}

/* Android device chrome surrounds the unchanged app screenshot. */
.app-page .photo-stage{height:auto;min-height:550px;padding:12px 0}
.phone-device{position:relative;z-index:1;width:258px;max-width:calc(100% - 34px);padding:7px;border:1.5px solid #79838b;border-radius:37px;background:#101318;box-shadow:inset 0 0 0 1px #31373e,0 28px 58px #0008,0 3px 6px #0005}
.phone-display{position:relative;overflow:hidden;border-radius:28px;background:#192c46}
.app-page .phone-display .app-screen{display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:0;box-shadow:none;transform:none;position:static}
.phone-status{height:30px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:2px 13px 0;background:#192c46;color:#f7f9fc;font-family:Arial,sans-serif;font-size:10px;line-height:1;font-weight:600;letter-spacing:0}
.phone-time{font-size:11px;letter-spacing:.02em}
.phone-camera{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:8px;height:8px;border:2px solid #0a0e15;border-radius:50%;background:#14212e;box-shadow:0 0 0 1px #2d3c51}
.phone-indicators{display:flex;align-items:center;gap:4px;height:16px}
.phone-indicators svg{display:block;flex-shrink:0}
.phone-signal{width:10px;height:10px}
.phone-wifi{width:12px;height:11px}
.phone-battery-percent{margin-left:1px;font-size:9px}
.phone-battery{width:7px;height:12px}
.phone-navigation{height:20px;background:#fff;display:flex;align-items:center;justify-content:center;padding-top:3px}
.phone-navigation span{width:74px;height:3px;border-radius:5px;background:#152334}
.phone-power,.phone-volume{position:absolute;right:-4px;width:3px;background:linear-gradient(90deg,#20272f,#8a9299);border-radius:0 2px 2px 0}
.phone-power{top:91px;height:29px}
.phone-volume{top:139px;height:57px}
@media(min-width:1550px){.phone-device{width:280px}}
@media(max-width:1050px) and (min-width:731px){.phone-device{width:246px}}
@media(max-width:730px){.app-page .photo-stage{min-height:0;padding:10px 0}.phone-device{width:258px}}
