.opening{background:#edf4f8;overflow:hidden}.opening-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;padding-top:78px;padding-bottom:70px;align-items:center}.opening h1{font-size:clamp(42px,4.8vw,66px);line-height:1.08;margin-top:22px;font-weight:650}.opening h1 em{font-style:normal;color:#096fac}.opening .lead{font-size:19px;max-width:580px}.opening-bottom{display:flex;justify-content:space-between;border-top:1px solid #ccdae4;padding-top:19px;padding-bottom:19px;font-size:14px;color:#476175}.connection{position:relative;min-height:365px}.screen{background:white;border:1px solid #adc6d6;box-shadow:0 20px 35px #142e4312}.desktop{width:90%;height:230px;border:8px solid #19374b;border-bottom-width:16px;border-radius:12px;position:absolute;top:15px;left:0}.screen-top{height:20px;background:#e3edf4;display:flex;gap:4px;padding:7px}.screen-top span{height:5px;width:5px;border-radius:50%;background:#9fb9cc}.screen-body{display:flex;height:178px;gap:14px;padding:12px}.screen-sidebar{width:25%;background:#edf4f8;border-radius:4px}.screen-content{flex:1}.mock-title{width:65%;height:12px;background:#4d95bd;border-radius:3px;margin:7px 0 20px}.mock-row{display:flex;gap:8px}.mock-row i{display:block;height:38px;flex:1;background:#d9edf7;border-radius:4px}.mock-lines{margin-top:17px}.mock-lines b{display:block;height:8px;background:#e5edf2;margin:9px 0;border-radius:2px}.desktop-base{height:13px;width:112%;background:#a3bac8;position:absolute;bottom:-30px;left:-6%;border-radius:2px 2px 15px 15px}.handset{position:absolute;right:-8px;top:125px;width:125px;height:225px;border:6px solid #19374b;border-radius:21px;padding:13px 9px;background:#fff}.handset-speaker{width:35%;height:4px;background:#adc6d6;margin:0 auto 15px;border-radius:6px}.handset .mock-title{height:8px;margin-bottom:15px}.mobile-row{height:28px;background:#e8f1f6;border-radius:5px;margin:9px 0}.mobile-action{height:18px;background:#096fac;border-radius:4px;margin-top:17px}.sync{position:absolute;left:20px;top:275px;display:flex;align-items:center;gap:10px;color:#096fac}.sync span{font-size:32px}.sync p{font-size:14px}.diagram-note{position:absolute;top:360px;left:0;font-size:11px;color:#607586}.integration-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:65px}.integration p:not(.eyebrow){max-width:730px}.personal{background:#f1f5f7}.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.personal p{max-width:520px}.working{padding:30px 0 0 30px;border-left:1px solid #ccdae4}.working ol{list-style:none;padding:0;margin:0;counter-reset:work}.working li{counter-increment:work;padding:18px 0 18px 38px;position:relative;border-bottom:1px solid #d7e2e9}.working li:before{content:counter(work);position:absolute;left:0;color:#096fac;font-weight:600}.working strong,.working span{display:block}.working span{font-size:16px;color:#476175;margin-top:5px}.closing{display:flex;align-items:center;justify-content:space-between;gap:45px}.contact{background:#0b2538;color:#f4f8fb}.contact .eyebrow{color:#91cdec}.contact a.email{color:#91cdec;font-size:23px}.contact .small{color:#bccedb}.example-thumb{object-fit:contain}.section{padding:65px 0}a:focus-visible{outline:3px solid #32a9ec;outline-offset:5px}@media(max-width:760px){header{align-items:center}.opening-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:50px;gap:28px}.opening h1{font-size:43px}.opening-bottom{flex-wrap:wrap;gap:8px 20px;justify-content:flex-start}.connection{width:100%;max-width:400px;margin:10px auto 25px;min-height:370px}.handset{right:0}.integration-grid,.personal-grid{grid-template-columns:1fr;gap:16px}.working{border-left:0;border-top:1px solid #ccdae4;padding:24px 0 0}.closing{display:block}.closing>div+div{margin-top:25px}.section{padding:45px 0}.opening .eyebrow{font-size:12px}.diagram-note{max-width:270px}}

.integration-grid{grid-template-columns:.55fr 1.45fr;align-items:start}.integration h2{font-size:clamp(27px,2.8vw,35px);max-width:680px;margin-top:0;margin-bottom:22px}.integration p:not(.eyebrow){font-size:18px;line-height:1.65;color:#476175;margin:0 0 18px;max-width:730px}.integration .eyebrow{margin-top:7px}@media(max-width:760px){.integration-grid{grid-template-columns:1fr;gap:15px}.integration p:not(.eyebrow){font-size:17px}.integration h2{font-size:29px}}