html{scroll-behavior:smooth}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:900;width:58px;height:58px;border:0;border-radius:50%;background:#0b3764;color:#fff;box-shadow:0 7px 22px #092f5940;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.back-to-top span{font-size:25px;line-height:1;font-weight:700}
.back-to-top small{font-size:11px;line-height:1.2;font-weight:800}
.back-to-top:hover{background:#0875d7}
.back-to-top:focus-visible{outline:3px solid #ff7a35;outline-offset:3px}
@media(max-width:700px){.back-to-top{right:16px;bottom:16px;width:50px;height:50px}.back-to-top span{font-size:22px}.back-to-top small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.back-to-top{transition:none}}
section[id]{scroll-margin-top:110px}
main{overflow:hidden}
.section-pad{padding:96px 0}
.section-soft{background:#f3f9ff}
.section-kicker{margin:0 0 15px;color:#0875d7;font-size:19px;font-weight:800;letter-spacing:.04em}
main section:not(.hero):not(.features) h2{font-size:42px;line-height:1.4;letter-spacing:-.035em;margin:0 0 28px;color:#0b2e52}
main section:not(.hero):not(.features) h3{color:#0b2e52}
main section:not(.hero):not(.features) p{line-height:1.8}
.footnote{font-size:15px;color:#58718a}
.align-right{text-align:right}

.product-overview{background:#fff;padding:75px 0 90px}
.overview-intro{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;margin-bottom:28px}
.overview-intro>strong{font-size:56px;line-height:1.15;white-space:nowrap;color:#0b2e52;letter-spacing:-.055em}
.overview-intro p{margin:0!important;font-weight:800;font-size:22px;line-height:1.35!important}
.overview-intro small{display:block;font-size:16px;font-weight:500;margin-top:5px}
.overview-intro>span{background:#e6f4ff;color:#0874d0;border-radius:18px;padding:15px 23px;font-weight:900;font-size:20px;line-height:1.25;white-space:nowrap}
.overview-upper,.overview-lower{display:grid;gap:25px}
.overview-upper{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:25px}
.overview-lower{grid-template-columns:repeat(3,minmax(0,1fr))}
.overview-item{min-width:0}
.product-overview .overview-item h3{display:flex;align-items:center;gap:12px;font-size:23px;line-height:1.25;margin:0 0 10px;white-space:nowrap}
.overview-item h3 b{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#0c4d98;color:#fff;font-size:20px}
.overview-item h3 small{font-size:14px;font-weight:600;white-space:normal}
.demo-screen{display:grid;grid-template-columns:155px minmax(0,1fr);height:500px;overflow:hidden;background:#fff;border:1px solid #cfdfed;border-radius:9px;box-shadow:0 9px 24px #0a4a7a10;color:#0b2e52}
.demo-side{background:linear-gradient(120deg,#edf6fd,#fff);border-right:1px solid #e1ecf4;padding:0;font-size:13px}
.demo-side strong{display:block;background:#0b2e52;color:#fff;font-size:13px;padding:15px 10px;margin-bottom:13px;white-space:nowrap}
.demo-side span{display:block;padding:13px 10px;white-space:nowrap}
.demo-side .active{background:#dcebfc;border-left:4px solid #0978d8;color:#0467c2;font-weight:800;padding-left:6px}
.demo-content{min-width:0;padding:24px 22px;font-size:13px}
.demo-topbar{font-size:18px;font-weight:800;margin-bottom:25px}
.demo-topbar span{float:right;font-size:12px;font-weight:500}
.demo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.demo-stats>div{border:1px solid #d7e5f0;border-radius:7px;padding:12px;min-width:0}
.demo-stats i{display:block;font-size:23px;color:#0d7cd7;font-style:normal}
.demo-stats small{display:block;font-size:11px;white-space:nowrap}
.demo-stats strong{display:block;font-size:26px;white-space:nowrap}
.demo-stats em{font-size:12px;font-style:normal}
.demo-balance{display:flex;align-items:center;gap:10px;margin-top:19px}
.demo-balance>span:first-child{border:1px solid #d6e6f3;border-radius:7px;padding:8px 15px;font-size:11px;flex:1}
.demo-balance strong{display:block;font-size:26px}
.demo-blue,.demo-outline{display:inline-block;padding:11px 13px;border-radius:5px;white-space:nowrap;font-size:12px;font-weight:800}
.demo-blue{color:#fff;background:#0878dc}
.demo-outline{color:#0878dc;background:#fff;border:1px solid #68adfa}
.demo-content h4{font-size:16px;margin:23px 0 9px}
.demo-content h4 small{font-size:11px;font-weight:600;color:#4284c7;margin-left:8px}
.demo-content h4 small:last-child{float:right}
.demo-crumb{font-size:12px;color:#57819e;margin-bottom:9px}
.demo-actions{display:flex;align-items:center;gap:9px;margin:16px 0 20px}
.demo-total{font-size:11px;text-align:right;margin-left:auto}
.demo-total strong{display:block;font-size:23px}
.demo-table{border:1px solid #e0eaf2;border-radius:4px;overflow:hidden}
.demo-table>div{display:flex;align-items:center;min-height:31px;border-top:1px solid #e6edf3;font-size:11px}
.demo-table>div:first-child{background:#edf4f9;border:0;font-weight:800}
.demo-table b,.demo-table span{display:block;flex:1;min-width:0;padding:5px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-table b:nth-child(2),.demo-table span:nth-child(2){flex:1.4}
.overview-lower .demo-screen{grid-template-columns:105px minmax(0,1fr);height:530px}
.overview-lower .demo-side{font-size:10px}
.overview-lower .demo-side strong{font-size:10px;padding:13px 5px}
.overview-lower .demo-side span{padding:12px 5px}
.overview-lower .demo-content{padding:18px 13px;font-size:11px}
.overview-lower .demo-content h4{font-size:14px;margin:13px 0 7px}
.overview-lower .demo-table>div{font-size:9px;min-height:28px}
.overview-lower .demo-table b,.overview-lower .demo-table span{padding:4px}
.demo-form label{display:block;margin:11px 0;font-weight:800}
.demo-form label>span{display:block;border:1px solid #d3e2ee;border-radius:4px;font-weight:500;padding:9px;margin-top:5px}
.demo-form>p{font-size:10px;color:#0878dc;margin:10px 0!important}
.demo-submit{background:#0878dc;color:#fff;border-radius:4px;text-align:center;padding:10px;font-size:12px;font-weight:800;margin-top:16px}
.demo-sum{background:#eaf5ff;border-radius:4px;padding:9px;margin-top:10px;font-size:11px;font-weight:800}
.demo-sum strong{float:right;font-size:15px}
.phone-stage{height:530px;background:#f4f9fe;display:grid;place-items:end center;border:1px solid #d4e4ef;border-radius:9px;overflow:hidden}
.demo-phone{height:510px;width:250px;border:8px solid #15191d;border-bottom:0;border-radius:35px 35px 0 0;background:#fff;position:relative;box-shadow:0 5px 14px #10263b40}
.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:105px;height:15px;background:#15191d;border-radius:0 0 13px 13px}
.phone-inner{padding:23px 13px 10px;color:#0b2e52;font-size:10px}
.phone-inner>strong{display:block;margin:5px 0 22px;font-size:12px}
.phone-inner>strong span{float:right}
.phone-inner h4{font-size:15px;margin:0 0 15px}
.phone-inner label{display:block;font-weight:800;margin:8px 0}
.phone-inner label div{border:1px solid #d7e5ef;border-radius:4px;padding:9px;margin-top:3px;font-weight:400}
.phone-inner h5{font-size:11px;margin:16px 0 6px}
.phone-row{display:flex;align-items:center;gap:4px;border-bottom:1px solid #e0eaf2;padding:7px 0}
.phone-row span{flex:1}.phone-row small{color:#5b7890}
.phone-row b{display:inline-block;border:1px solid #d7e5ef;border-radius:3px;padding:5px 8px;min-width:32px;text-align:center}
.phone-status{display:grid;grid-template-columns:1fr repeat(3,34px);align-items:center;gap:4px;border-bottom:1px solid #e0eaf2;padding:7px 0}
.phone-status>b{border:1px solid #d7e5ef;border-radius:3px;padding:5px 2px;text-align:center;font-size:9px}
.phone-status:first-of-type>b{border:0;padding:2px;color:#55728b}
.phone-status:first-of-type>b:first-child{text-align:left}
.phone-status small{color:#5b7890}
.phone-inner .demo-submit{font-size:11px;margin-top:13px}

/* The current product name is longer than the former working title. */
.overview-intro>strong{font-size:48px}
.demo-side strong{font-size:11px;letter-spacing:-.04em}
@media(max-width:1450px){
  .overview-intro>strong{font-size:43px}.overview-intro p{font-size:18px}.overview-intro small{font-size:13px}
  .overview-item h3 small{font-size:11px}
  .demo-screen{grid-template-columns:125px minmax(0,1fr)}
  .demo-side{font-size:11px}.demo-side strong{font-size:11px}
  .demo-content{padding:18px 13px}
}

.pain{padding:70px 0}
.pain-grid{display:grid;grid-template-columns:45% 1fr;gap:70px;align-items:center}
.pain-grid>img{display:block;width:100%;height:560px;object-fit:cover;object-position:center;border-radius:12px}
.pain-copy h2{font-size:39px!important}
.check-list,.tick-grid{padding:0;margin:0;list-style:none}
.check-list li{position:relative;padding:13px 10px 13px 38px;border-bottom:1px solid #d8e7f4;font-size:19px;line-height:1.45}
.check-list li:before,.tick-grid li:before{content:"✓";position:absolute;left:0;top:12px;background:#0c79d8;color:white;width:22px;height:22px;border-radius:3px;text-align:center;font-size:17px;line-height:22px;font-weight:800}
.pain-answer{margin:31px 0 0;font-size:27px;font-weight:800;color:#0b2e52}

.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:43px}
.steps article{position:relative;min-height:290px;border:1px solid #d4e5f5;background:#f7fbff;border-radius:12px;padding:32px 35px;box-shadow:0 7px 24px #0d508210}
.step-no{color:#0b75d4;font-weight:900;font-size:22px}
.step-mark{display:block;color:#1679d5;font-size:58px;font-weight:800;line-height:1.2;margin:4px 0 12px}
.steps h3{font-size:27px;margin:0 0 13px}
.steps p{font-size:19px;margin:0}
.calc-grid,.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.calc-grid>div>p:not(.section-kicker),.plan-grid>div>p:not(.section-kicker){font-size:21px}
.strong-line{font-weight:800;color:#086fcf;margin-top:28px}
.calculation-card{background:#fff;border:1px solid #d6e6f6;box-shadow:0 18px 45px #164c7618;border-radius:14px;padding:20px 38px}
.calculation-card div{display:flex;gap:40px;align-items:center;min-height:87px;border-bottom:1px solid #dbe8f3;font-size:23px;font-weight:700}
.calculation-card div:last-child{border-bottom:0;color:#0679d7}
.calculation-card span{width:85px;flex:none;color:#0c73ce;font-weight:900}
.rate-list{display:grid;gap:18px}
.rate-list div{display:flex;justify-content:space-between;align-items:center;background:#f3f9ff;border:1px solid #d8e8f5;padding:28px 35px;border-radius:10px;font-size:23px}
.rate-list strong{font-size:25px}
.tick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 52px;margin:44px 0}
.tick-grid li{position:relative;padding-left:38px;font-size:22px;font-weight:700}
.tick-grid li:before{top:4px}
.audience>.wrap>p:last-child{font-size:21px}

.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 80px;align-items:center}
.price-grid>div>p:not(.section-kicker){margin:10px 0}
.price{font-size:72px;font-weight:900;letter-spacing:-.04em;line-height:1.25!important}
.price small{font-size:23px;letter-spacing:0}
.price-benefits{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px}
.price-benefits span{background:#eaf5ff;color:#0868c3;border-radius:7px;padding:11px 15px;font-weight:800;font-size:18px}
.price-cta{border:1px solid #cfe4f6;background:#f3f9ff;border-radius:15px;text-align:center;padding:54px 25px}
.price-cta strong{display:block;font-size:35px;margin-bottom:30px}
.price-cta .orange{font-size:22px}
.price-grid>.footnote{grid-column:1/-1;margin:0}

.monitor-info{position:relative}
.monitor-grid{display:grid;grid-template-columns:55% 45%;align-items:stretch}
.monitor-copy{padding:85px 70px 85px 0;position:relative;z-index:1}
.monitor-copy>p{font-size:20px}
.monitor-features{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:34px 0}
.monitor-features>div{background:#fff;border:1px solid #d8e8f5;border-radius:9px;padding:17px 20px;min-height:104px}
.monitor-features strong,.monitor-features span{display:block}
.monitor-features strong{font-size:20px;color:#086dcc;margin-bottom:6px}
.monitor-features span{font-size:16px;line-height:1.5}
.monitor-details{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.monitor-details h3{font-size:20px;margin:0}
.monitor-details p{font-size:17px;margin:7px 0}
.monitor-copy>.orange{margin-top:15px;font-size:22px}
.monitor-photo{background:#f3f9ff url('assets/workers-tablet.png') 70% center/auto 88% no-repeat;min-height:100%;margin-right:min(-90px,calc((1740px - 100vw)/2));position:relative}
.monitor-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f3f9ff 0%,#f3f9ff 6%,transparent 19%,transparent 81%,#f3f9ff 94%,#f3f9ff 100%),linear-gradient(90deg,#f3f9ff 0%,rgba(243,249,255,.78) 10%,transparent 39%)}

.roadmap>.wrap>p:not(.section-kicker){font-size:20px}
.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:42px 0 18px}
.timeline article{border:1px solid #cfe2f4;border-radius:10px;background:#fff;overflow:hidden;min-height:230px;text-align:center}
.timeline span{display:block;background:#ecf6ff;font-size:18px;font-weight:800;padding:16px}
.timeline h3{font-size:21px;line-height:1.45;padding:12px 23px 0;margin:0}
.timeline article p{font-size:16px;margin:6px 20px 22px}
.roadmap .footnote{font-size:15px!important}

.company-grid{display:grid;grid-template-columns:55% 45%;gap:55px;align-items:center;padding:85px 0}
.company-copy{padding-right:20px}
.company-copy p{font-size:20px;margin:15px 0}
.outline-link{display:inline-block;border:2px solid #215078;border-radius:6px;padding:14px 22px;color:#0b2e52;text-decoration:none;font-weight:800;margin-top:20px}
.company-photo{height:330px;border-radius:11px;background:url('assets/company-yard.png') center 48%/cover no-repeat}
.company-side dl{background:white;border:1px solid #dce9f5;border-radius:10px;padding:10px 30px;margin:22px 0 0}
.company-side dl div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #e5eef6}
.company-side dl div:last-child{border:0}
.company-side dt{font-weight:800;color:#587590}
.company-side dd{margin:0;font-weight:700}
.company-side a{color:#0874d1}
.faq-grid{display:grid;grid-template-columns:37% 1fr;gap:70px}
.faq-list{display:grid;gap:0}
.faq-list details{border:0;border-top:1px solid #d6e7f5;border-radius:0;background:transparent;padding:21px 4px 26px;font-size:20px;font-weight:800}
.faq-list details:last-child{border-bottom:1px solid #d6e7f5}
.faq-list summary{cursor:pointer}
.faq-list summary::marker{color:#0b2e52}
.faq-list details p{font-size:18px;font-weight:400;margin:21px 0 0;color:#0b2e52}

.form-grid{display:grid;grid-template-columns:42% 1fr;gap:80px}
.form-grid>div>p:not(.section-kicker){font-size:21px}
.monitor-form{background:#fff;border:1px solid #d5e7f5;border-radius:12px;padding:38px;box-shadow:0 12px 38px #0b4e8212;display:grid;gap:19px}
.monitor-form label{display:grid;gap:8px;font-size:17px;font-weight:800}
.monitor-form label span{color:#e34b2d}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.monitor-form input:not([type=checkbox]),.monitor-form select,.monitor-form textarea{width:100%;min-width:0;border:1px solid #bed4e5;border-radius:5px;padding:14px 15px;font:inherit;background:#fff;color:#0b2e52}
.monitor-form input:focus,.monitor-form select:focus,.monitor-form textarea:focus{outline:2px solid #1884e4;outline-offset:1px}
.monitor-form .consent{display:flex;gap:10px;align-items:flex-start;font-size:15px;font-weight:500}
.monitor-form .consent input{width:19px;height:19px;flex:none;margin:1px 0}
.monitor-form button{border:0;cursor:default;font-size:21px}
.monitor-form .footnote{margin:0;font-size:14px}
.monitor-form .form-privacy-note{margin:0;color:#49667f;font-size:14px;line-height:1.8}
.monitor-form .legal-consent span{color:#0b2e52}
.monitor-form .legal-consent a{color:#087dde;text-decoration:underline;text-underline-offset:2px}
.monitor-form .form-error{margin:-8px 0 0 29px;color:#c9362b;font-size:14px;font-weight:800}
.monitor-form .form-status{margin:0;font-size:15px;font-weight:800}
.monitor-form .form-status.is-error{color:#c9362b}
.monitor-form .form-status.is-success{color:#177a3d}
.form-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-footer{background:#0b3459;color:#fff;padding:65px 0 35px}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:45px}
.footer-grid strong{display:block;font-size:29px}
.footer-grid p{font-size:16px;margin:8px 0 35px}
.footer-nav{display:flex;gap:26px;flex-wrap:wrap;margin:0 0 45px}
.footer-grid a{color:#fff;text-decoration:none}
.footer-grid small{color:#b6cfe1}
.footer-grid>div:last-child span{display:block;font-size:16px;margin-bottom:8px}
.footer-grid>div:last-child strong{font-size:22px}
.footer-grid>div:last-child a{display:inline-block;border:1px solid #a9cde4;border-radius:5px;padding:12px 20px;margin-top:20px}

@media(max-width:1300px){
  .pain-grid{gap:35px}.pain-grid>img{height:450px}
  .monitor-photo{margin-right:0}
  .company-grid{gap:25px}
}