.mobile-page{width:90%;max-width:1296px;margin:auto;padding:0}.mobile-page h2{font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-1.6px;margin:12px 0 24px}.mobile-page p{color:#586c80;font-size:17px;line-height:1.7}.mobile-page .eyebrow{font-size:11px;letter-spacing:1.6px}.mobile-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:52px 0;align-items:center}.mobile-breadcrumb{display:block;color:#61758a;font-size:12px;margin-bottom:30px}.mobile-hero h1{font-size:clamp(44px,5.2vw,76px);line-height:1.05;letter-spacing:-3px;margin:20px 0 26px}.mobile-hero em{font-style:normal;color:#447ca9}.mobile-hero p{max-width:520px;margin-bottom:28px}.mobile-hero figure{margin:0;position:relative;border-radius:22px;overflow:hidden}.mobile-hero img{width:100%;height:520px;object-fit:cover;display:block}.mobile-hero figcaption{position:absolute;bottom:0;padding:55px 28px 28px;background:linear-gradient(transparent,#10263bd9);width:100%;color:white;font-size:26px;font-weight:650}.mobile-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 56px;border-top:1px solid #d5e0ea;padding:38px 0}.mobile-intro>.eyebrow{grid-column:1/-1}.mobile-intro h2{margin:0}.mobile-intro p{margin:0;align-self:center}.mobile-benefits{background:#e5effa;border-radius:20px;padding:36px;margin:16px 0 48px}.mobile-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.mobile-benefit-grid article{border-top:1px solid #bfd3e7;padding-top:20px}.mobile-benefit-grid article>span{font-size:13px;color:#1574d6;font-weight:750}.mobile-benefit-grid h3{font-size:22px;margin:14px 0 8px}.mobile-benefit-grid p{font-size:15px;margin:0}.mobile-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mobile-audience-grid img{display:block;width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;border-radius:16px}.mobile-audience-grid h3{font-size:23px;margin:18px 0 5px}.mobile-audience-grid p{font-size:15px;margin:0}.mobile-audiences small{display:block;font-size:11px;color:#758394;margin-top:20px}.mobile-management{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:60px;padding:38px;background:#eaf1f8;border-radius:20px;margin:48px 0}.mobile-management p{margin-bottom:22px}.mobile-management figure{margin:0;justify-self:center;width:210px;border:7px solid #192d43;border-radius:30px;overflow:hidden;box-shadow:0 14px 30px #192d4320}.mobile-management img{display:block;width:100%;height:auto}.mobile-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 0 46px}.mobile-contact>div:last-child{display:flex;flex-direction:column;gap:20px}#nav a[aria-current=page]{color:#1475ce}body>header{position:sticky;top:0;z-index:100;background:#f8fafcf5}.mobile-page .button{font-size:15px}
@media(max-width:760px){.mobile-page{width:88%;padding:0}.mobile-hero,.mobile-intro,.mobile-management{grid-template-columns:1fr;gap:24px}.mobile-hero{padding:30px 0}.mobile-hero img{height:380px}.mobile-hero h1{font-size:46px;letter-spacing:-2px}.mobile-benefit-grid,.mobile-audience-grid{grid-template-columns:1fr}.mobile-benefits,.mobile-management{padding:24px}.mobile-audience-grid{gap:26px}.mobile-contact{align-items:flex-start;flex-direction:column}.mobile-management figure{width:190px}header nav{top:80px}}
.mobile-hero img{object-position:65% center}
.article-breadcrumb{display:flex;gap:12px;font-size:12px;color:#687b8b;padding-top:25px}.article-breadcrumb a{color:#1e6db1}.mobile-hero{padding-top:26px}.mobile-hero h1{font-size:clamp(43px,4.6vw,68px)}.mobile-hero figure{padding-bottom:0}.mobile-hero img{height:560px;object-position:75% center}.mobile-hero figcaption{padding-bottom:142px}.story-kicker{display:block;font-size:10px;letter-spacing:1.3px;margin-bottom:12px}.mobile-hero-note{position:absolute;bottom:25px;left:22px;right:22px;display:flex;gap:12px;align-items:center;background:#fffffff2;backdrop-filter:blur(10px);border-radius:15px;padding:16px;box-shadow:0 10px 28px #10283e26}.note-app{display:grid;place-items:center;background:#167bd8;color:white;border-radius:10px;font-size:32px;font-weight:750;width:44px;height:44px;flex:none}.mobile-hero-note small{font-size:9px;color:#657b8e}.mobile-hero-note b{display:block;font-size:15px;margin:5px 0}.mobile-hero-note div>span{font-size:12px;color:#52697a}.mobile-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.mobile-platforms span{font-size:11px;border:1px solid #cfdeec;border-radius:20px;padding:6px 10px;color:#47647d}.article-jumps{display:flex;gap:10px;flex-wrap:wrap;padding:18px 0;border-block:1px solid #d5e0ea;margin-bottom:12px}.article-jumps a{font-size:13px;padding:7px 12px;border-radius:6px;color:#225f95;background:#edf3f9}.article-jumps a:hover{background:#d9eafb}.mobile-page section[id]{scroll-margin-top:115px}.mobile-intro{border-top:0}.mobile-intro p+p{margin-top:14px}.mobile-benefits>.text-link{display:inline-block;margin-top:24px}.audience-number{display:block;margin-top:18px;color:#2475b5;letter-spacing:1px;font-weight:700;font-size:10px}.mobile-audience-grid h3{margin-top:9px;font-size:22px}.mobile-alert{margin:30px 0 44px;border-left:3px solid #1574d6;background:#edf4fb;border-radius:0 12px 12px 0;padding:20px 24px;display:flex;gap:18px}.mobile-alert>span{display:grid;place-items:center;background:#1574d6;color:white;width:28px;height:28px;border-radius:50%;font-weight:750;flex:none}.mobile-alert h3{font-size:18px;margin:0 0 7px}.mobile-alert p{font-size:14px;margin:0}.mobile-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mobile-story-grid a>div{position:relative}.mobile-story-grid img{width:100%;height:auto;display:block;border-radius:12px}.story-play{display:grid;place-items:center;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:#f00;color:white;width:48px;height:34px;border-radius:9px;font-size:18px}.mobile-story-grid h3{font-size:18px;margin:14px 0 5px}.mobile-story-grid a>span{font-size:12px;color:#236da9}.mobile-process{counter-reset:steps;list-style:none;padding:0}.mobile-process li{counter-increment:steps;position:relative;padding-left:38px;margin:22px 0}.mobile-process li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:#1574d6;font-weight:700;font-size:14px}.mobile-process b{font-size:18px}.mobile-process p{font-size:15px;margin:6px 0}.mobile-management figure{background:white}.mobile-management figcaption{font-size:10px;padding:10px;text-align:center;color:#52697a}.mobile-comparison>p{max-width:850px}.comparison-scroll{overflow-x:auto;margin:22px 0}.mobile-comparison table{border-collapse:collapse;width:100%;text-align:left;font-size:15px}.mobile-comparison caption{text-align:left;font-size:12px;color:#617589;margin-bottom:10px}.mobile-comparison th,.mobile-comparison td{padding:16px;border-bottom:1px solid #d4e1ec;line-height:1.5}.mobile-comparison thead{background:#e4effa}.mobile-comparison td{color:#536579}.mobile-faq{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;margin:48px 0}.mobile-faq details{border-bottom:1px solid #d4e1ec;padding:17px 0}.mobile-faq summary{display:flex;gap:16px;justify-content:space-between;cursor:pointer;font-size:16px;font-weight:650;list-style:none}.mobile-faq summary::-webkit-details-marker{display:none}.mobile-faq details[open] summary>span{transform:rotate(45deg)}.mobile-faq details p{font-size:15px;margin:12px 0 0}.mobile-contact{background:#dcecfb;padding:30px;border-radius:18px;margin:30px 0}.article-byline{font-size:11px;color:#60798e;padding:0 0 30px}.article-byline a{text-decoration:underline}
@media(max-width:760px){.mobile-hero img{height:440px}.mobile-hero figcaption{font-size:25px}.mobile-hero-note{left:16px;right:16px;bottom:16px;padding:12px}.mobile-story-grid,.mobile-faq{grid-template-columns:1fr}.mobile-faq{gap:8px}.mobile-story-grid{gap:26px}.mobile-comparison table{font-size:13px}.mobile-comparison td,.mobile-comparison th{padding:10px}.mobile-contact{padding:24px}.mobile-management{gap:24px}.mobile-management figure{width:220px}.mobile-page section[id]{scroll-margin-top:100px}}

/* A dedicated home-screen visual for the mobile-app landing page. */
.mobile-hero .brand-phone-visual{min-height:570px;padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 80% 20%,#eff8ff,transparent 55%),linear-gradient(145deg,#d9eafa,#adceec);isolation:isolate}
.brand-visual-label{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#466885;margin-bottom:24px}
.brand-home-phone{position:relative;width:250px;height:443px;padding:12px 17px 17px;border:6px solid #172a3e;border-radius:39px;background:radial-gradient(ellipse at 10% 90%,#a3d5ed,transparent 60%),linear-gradient(155deg,#17374f,#447eaa 60%,#70accc);box-shadow:0 0 0 2px #8d9eac,15px 25px 40px #1a3f6340;color:#fff;transform:rotate(-5deg)}
.brand-phone-status{display:flex;align-items:center;justify-content:space-between;font-size:9px;height:20px}.brand-phone-status i{width:66px;height:19px;background:#101c29;border-radius:20px}.brand-phone-status span{font-size:8px}
.brand-phone-widget{margin:30px 0 24px;padding:14px 12px;border-radius:15px;background:#ffffff17;border:1px solid #ffffff20}.brand-phone-widget span,.brand-phone-widget small{display:block;font-size:9px;color:#e0edf7}.brand-phone-widget strong{display:block;font-size:23px;letter-spacing:-.6px;margin:4px 0}
.brand-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 12px}.home-app{text-align:center}.home-app-icon{width:46px;height:46px;border-radius:12px;margin:auto;display:grid;place-items:center;background:#ffffff30;border:1px solid #ffffff25}.home-app-icon svg{width:26px;height:26px}.home-app>span{display:block;font-size:8px;margin-top:5px;color:#edf6ff}.home-app-icon.chat{background:#5a9ca0}.home-app-icon.calendar{background:#dde7ef;color:#36607f}.home-app-icon.photos{background:#728cbb}.home-app-icon.maps{background:#77a6a2}.home-app-icon.clock{background:#253f55}
.home-app .brand-custom-icon{background:#147be0;border:2px solid #b8e1ff;box-shadow:0 0 0 6px #ffffff22,0 5px 18px #102b4760;transform:scale(1.15)}.brand-custom-icon svg{width:36px;height:36px}.home-app-featured>span{font-weight:750;color:#fff;margin-top:10px}
.brand-phone-pages{text-align:center;font-size:6px;margin:18px 0 12px;letter-spacing:4px}.brand-phone-pages span{opacity:.35}.brand-phone-dock{display:flex;justify-content:space-around;padding:8px;border-radius:17px;background:#ffffff26}.brand-phone-dock span{display:grid;place-items:center;width:34px;height:34px;background:#e5f3fa28;border-radius:10px;font-size:22px}.brand-phone-homebar{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:80px;height:3px;border-radius:4px;background:#e4f3ff}
.mobile-hero .brand-phone-visual figcaption{position:static;width:auto;background:none;text-align:center;padding:26px 0 0;color:#18354f;font-size:24px;line-height:1.2;letter-spacing:-.7px}.brand-phone-visual figcaption span{color:#477da8}
@media(max-width:600px){.mobile-hero .brand-phone-visual{min-height:550px;padding:24px 16px}.brand-visual-label{font-size:9px}}

.mobile-hero .clean-phone-visual{margin:0;display:flex;align-items:center;justify-content:center;background:none;border:0;box-shadow:none;overflow:visible}.mobile-hero .clean-phone-visual img{display:block;width:auto;height:570px;max-width:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 18px 22px #172a441c)}@media(max-width:700px){.mobile-hero .clean-phone-visual img{height:460px}}

.mobile-contact{background:#192d43;color:#fff}.mobile-contact h2,.mobile-contact .eyebrow{color:#fff}.mobile-contact p{color:#d0deeb}.mobile-contact .button.dark{background:#a8d7ff;color:#192d43}.mobile-contact .button.dark:hover{background:#c1e3ff}.mobile-contact .text-link{color:#fff}

/* Handwritten invitation pointing to the customer's app icon. */
.mobile-hero .clean-phone-visual img{transform:translateX(42px)}
.phone-handwritten-note{position:absolute;left:-10px;top:150px;width:160px;color:#447ca9;font-family:"Apple Chancery","Segoe Print","Bradley Hand",cursive;font-size:25px;line-height:1.3;transform:rotate(-7deg);z-index:1}
.phone-handwritten-arrow{position:absolute;left:120px;top:220px;width:164px;height:120px;color:#447ca9;pointer-events:none;z-index:1}
@media(max-width:1100px) and (min-width:761px){.phone-handwritten-note{left:-18px;width:135px;font-size:23px}.phone-handwritten-arrow{left:88px;width:145px}}
@media(max-width:760px){.mobile-hero .clean-phone-visual img{transform:translateX(30px)}.phone-handwritten-note{left:0;top:100px;width:125px;font-size:22px}.phone-handwritten-arrow{left:80px;top:173px;width:130px;height:90px}}
