/* The inspection app's blue sits within Horizon's paper, ink and editorial type. */
.ia-page{--ia-blue:#254f89;--ia-deep:#183858;--ia-pale:#e7eef6;color:#08272b}
.ia-page :is(h1,h2,h3,p,figure){margin:0}
body.horizon-type .ia-page .eyebrow{color:var(--ia-blue);font-size:11px;letter-spacing:.1em;margin-bottom:20px}
.ia-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px;padding-top:60px;padding-bottom:48px}
.ia-app-name{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-weight:600;line-height:1.25;font-size:16px}
.ia-app-name>img{border-radius:12px;box-shadow:0 3px 9px #18385812}
.ia-app-name span span{display:block;font-size:12px;font-weight:400;color:#657877;margin-top:4px}
body.horizon-type .ia-page h1{font-size:clamp(44px,4.7vw,70px);line-height:1.06;letter-spacing:-.045em;font-weight:600;color:#08272b}
.ia-page :is(h1,h2) em{font-family:Georgia,serif;font-weight:400;color:var(--ia-blue);letter-spacing:-.045em}
body.horizon-type .ia-page .ia-lead{max-width:450px;font-size:19px;line-height:1.65;color:#657877;margin-top:26px}
.ia-hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:30px}
.ia-store{display:inline-flex;flex-shrink:0;border-radius:9px}
.ia-store img{display:block;width:156px;height:52px;object-fit:contain}
.ia-page a:focus-visible,.ia-page summary:focus-visible,.ia-gallery:focus-visible{outline:2px solid #254f89;outline-offset:6px}
body.horizon-type .ia-page .ia-hero-actions .text-link{font-size:14px}
body.horizon-type .ia-page .ia-reassurance{font-size:14px;font-weight:500;margin-top:24px;color:var(--ia-deep)}
body.horizon-type .ia-page .ia-device-note{font-size:12px;color:#657877;margin-top:6px}
.ia-hero-visual{position:relative;min-width:0;height:560px;overflow:visible;display:flex;align-items:center;justify-content:center;isolation:isolate}
.ia-orbit{position:absolute;width:100%;aspect-ratio:1;background:radial-gradient(ellipse,#d6e5f1 0%,#eaf0f5 57%,transparent 72%);z-index:-1;border-radius:50%}
.ia-phone{width:224px;border:6px solid #172e40;border-radius:35px;overflow:hidden;box-shadow:0 24px 36px -22px #18385866;background:#f4f7fa;flex-shrink:0}
.ia-phone img{display:block;width:100%;height:auto;aspect-ratio:640/1391}
.ia-phone-front{position:absolute;top:20px;left:max(8%,calc(50% - 180px));width:min(43%,224px);transform:rotate(-6deg);z-index:2}
.ia-phone-back{position:absolute;top:70px;left:calc(50% - 15px);width:min(41%,210px);transform:rotate(8deg)}
.ia-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:28px;padding-bottom:28px;border-top:1px solid #d7e0dc;border-bottom:1px solid #d7e0dc}
.ia-points>div{position:relative;padding-left:30px}
.ia-points>div>span{position:absolute;left:0;top:2px;font-size:10px;color:#254f89}
.ia-points strong{font-size:16px;font-weight:600}
body.horizon-type .ia-page .ia-points p{font-size:13px;line-height:1.6;color:#657877;margin-top:6px}
.ia-tour{padding-block:88px 72px;scroll-margin-top:140px}
.ia-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}
body.horizon-type .ia-page h2{font-size:clamp(32px,3.2vw,46px);line-height:1.12;letter-spacing:-.035em;font-weight:600}
body.horizon-type .ia-page .ia-section-heading>p{max-width:330px;color:#657877;font-size:16px}
.ia-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ia-gallery>article{min-width:0}
.ia-screen{height:460px;border-radius:18px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:30px 15px 0;background:#e8edf1}
.ia-screen-photo{background:#e8eee7}.ia-screen-sign{background:#e1eaf5}.ia-screen-pdf{background:#eeeae1}
.ia-screen .ia-phone{width:190px;border-width:5px;box-shadow:0 16px 36px #18385826;border-radius:32px}
.ia-gallery-copy{padding:22px 0 0}
.ia-gallery-copy>span{font-size:10px;letter-spacing:.08em;color:#657877}
body.horizon-type .ia-page h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin:8px 0 10px}
body.horizon-type .ia-page .ia-gallery-copy p{font-size:14px;line-height:1.65;color:#657877;max-width:34ch}
.ia-document{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;align-items:center;padding:60px;border-radius:24px;background:#e9eef3;margin-top:16px}
.ia-document-copy>p:not(.eyebrow){color:#536a78;margin-top:22px}
.ia-document ul{list-style:none;padding:0;margin:28px 0 0}
.ia-document li{padding:16px 0;border-top:1px solid #18385820;font-size:14px}
.ia-document li strong,.ia-document li span{display:block}
.ia-document li strong{color:var(--ia-deep);font-weight:600;margin-bottom:3px}
.ia-document li span{color:#536a78}
body.horizon-type .ia-page .ia-local-note{font-size:12px;line-height:1.7}
.ia-paper{max-width:350px;justify-self:center;transform:rotate(3deg)}
.ia-paper img{display:block;width:100%;height:auto;box-shadow:0 16px 36px #18385822}
.ia-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:100px;padding-block:100px 80px}
.ia-faq>div>p:not(.eyebrow){color:#657877;max-width:330px;margin-top:24px;margin-bottom:22px}
.ia-faq>div>a{font-size:14px}
.ia-faq details{border-top:1px solid #d7e0dc}
.ia-faq details:last-child{border-bottom:1px solid #d7e0dc}
.ia-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;font-size:16px;line-height:1.4;font-weight:500}
.ia-faq summary::-webkit-details-marker{display:none}
.ia-faq summary:after{content:'+';font-size:22px;font-weight:400;color:var(--ia-blue)}
.ia-faq details[open] summary:after{content:'−'}
body.horizon-type .ia-page .ia-faq details p{font-size:14px;line-height:1.75;color:#657877;margin:0 24px 20px 0}
.ia-last{display:flex;align-items:center;gap:24px;background:var(--ia-deep);padding:32px;border-radius:20px;color:#fff}
.ia-last>img{border-radius:16px;flex-shrink:0}
.ia-last>div{flex:1;min-width:0}
body.horizon-type .ia-page .ia-last h2{font-size:25px;color:#fff;line-height:1.2}
body.horizon-type .ia-page .ia-last p{font-size:14px;color:#c3d5e7;margin-top:7px}
.ia-bridge{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:28px 72px}
body.horizon-type .ia-page .ia-bridge p,body.horizon-type .ia-page .ia-bridge a{font-size:13px;color:#657877}
.ia-bridge>a{flex-shrink:0}
@media(max-width:1100px){.ia-hero{gap:30px}.ia-hero-visual{height:510px}.ia-phone-front{top:30px}.ia-phone-back{top:70px}.ia-document{gap:40px;padding:40px}.ia-faq{gap:48px}.ia-hero-actions{gap:18px}}
@media(max-width:767px){
.ia-hero{grid-template-columns:minmax(0,1fr);padding-top:48px;gap:28px;padding-bottom:38px}
.ia-app-name{margin-bottom:24px}.ia-hero-copy{max-width:560px}
body.horizon-type .ia-page h1{font-size:clamp(39px,7.6vw,56px)}
body.horizon-type .ia-page .ia-lead{font-size:17px;margin-top:20px}
.ia-hero-actions{margin-top:24px}.ia-hero-visual{height:430px;width:100%;max-width:400px;justify-self:center;overflow:visible}
.ia-phone-front{top:12px;left:max(7%,calc(50% - 135px));width:min(49%,174px)}.ia-phone-back{top:56px;left:calc(50% - 10px);width:min(46%,160px)}
.ia-orbit{width:100%}.ia-points{gap:18px;grid-template-columns:1fr;padding-block:22px}.ia-points>div{padding-left:30px}.ia-points>div>span{top:3px}
.ia-tour{padding-block:56px 40px}.ia-section-heading{display:block;margin-bottom:26px}.ia-section-heading>p{margin-top:18px}
body.horizon-type .ia-page h2{font-size:34px}
.ia-gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;padding-bottom:16px;overscroll-behavior-x:contain}
.ia-gallery>article{flex:0 0 82%;scroll-snap-align:start}.ia-screen{height:440px}.ia-screen .ia-phone{width:184px}
.ia-document{grid-template-columns:minmax(0,1fr);padding:28px;gap:32px;border-radius:20px}.ia-paper{max-width:260px;transform:rotate(2deg)}
.ia-faq{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:56px 40px}.ia-faq summary{font-size:15px}
.ia-last{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:24px}.ia-last>img{width:48px;height:48px;border-radius:12px}.ia-last .ia-store{grid-column:1/-1;justify-self:start}
body.horizon-type .ia-page .ia-last h2{font-size:23px}.ia-bridge{align-items:start;flex-direction:column;gap:14px;padding-block:24px 48px}
}
@media(prefers-reduced-motion:reduce){.ia-page *{scroll-behavior:auto!important;transition:none!important}}

/* The released utility apps share a family layout, with their own product accent. */
.qa-page{--ia-blue:#0f766e;--ia-deep:#083c3c;--ia-pale:#edf2e5}
.qa-page .ia-orbit{background:radial-gradient(ellipse,#dbe8d2 0%,#edf2e5 57%,transparent 72%)}
.qa-page .ia-phone{border-color:#123c3b}
.qa-page .ia-phone img{aspect-ratio:auto}
.qa-page .ia-screen-photo,.qa-page .ia-screen-sign{background:#e4ecdf}
.qa-page .ia-document{background:#eaf0e5}
.qa-document-phone{width:220px;justify-self:center}
.ia-faq .qa-online-link{font-size:14px;margin:0 0 20px}
.ia-sibling{display:flex;align-items:center;gap:22px;padding:26px 0;margin-bottom:28px;border-block:1px solid #d7e0dc}
.ia-sibling>img{border-radius:13px;flex-shrink:0}
.ia-sibling>div{flex:1;min-width:0}
body.horizon-type .ia-page .ia-sibling p{font-size:12px;color:#657877;margin-bottom:5px}
body.horizon-type .ia-page .ia-sibling h2{font-size:24px;margin-bottom:5px}
.ia-sibling>div>span{display:block;font-size:13px;line-height:1.6;color:#657877}
.ia-sibling>a{font-size:14px;flex-shrink:0}
@media(max-width:767px){.ia-sibling{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px}.ia-sibling>img{width:48px;height:48px}.ia-sibling>a{grid-column:2}.qa-document-phone{width:190px}}

body.horizon-type .ia-page .ia-web-context{font-size:12px;line-height:1.6;color:#657877;max-width:48ch;margin-top:16px}
.ia-web-context a{color:#31594f;text-decoration:underline;text-underline-offset:3px}
.ia-bridge strong{font-weight:600;color:#153c32}
