:root{--bg:#f7f9f6;--ink:#112c2b;--muted:#6b7d7a;--line:#dfe9e3;--mint:#b9e6c9;--mint-soft:#eaf6ed;--teal:#176b5d;--navy:#122f3e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.section-pad{padding-left:max(24px,calc((100vw - 1220px)/2));padding-right:max(24px,calc((100vw - 1220px)/2))}.nav-wrap{align-items:center;display:flex;height:78px;justify-content:space-between;margin:auto;max-width:1270px;padding:0 25px}.brand{align-items:center;display:inline-flex;font-size:18px;font-weight:700;gap:9px;letter-spacing:-.04em}.brand>span:last-child>span{color:var(--teal)}.brand-mark{align-items:center;background:var(--mint);border-radius:10px;color:var(--teal);display:inline-flex;height:31px;justify-content:center;width:31px}.brand-mark.small{border-radius:6px;height:22px;width:22px}.nav-links{color:#60716e;display:flex;font-size:14px;gap:31px;margin-left:110px}.nav-links a,.text-link{transition:color .2s}.nav-links a:hover,.text-link:hover{color:var(--teal)}.nav-cta{align-items:center;background:var(--ink);border-radius:8px;color:#fff;display:inline-flex;font-size:13px;font-weight:650;gap:9px;padding:11px 16px}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 35px #173d351c;display:grid;gap:17px;padding:19px;position:absolute;right:0;top:30px;width:190px;z-index:20}.mobile-menu-panel a{font-size:14px}
.hero{align-items:center;display:grid;gap:52px;grid-template-columns:.83fr 1.17fr;min-height:630px;padding-bottom:68px;padding-top:75px}.hero-copy{max-width:510px}.eyebrow{align-items:center;color:var(--teal);display:flex;font-size:11px;font-weight:740;gap:8px;letter-spacing:.14em;text-transform:uppercase}.eyebrow-dot{background:var(--teal);border-radius:50%;height:7px;width:7px}h1,h2,h3,p{margin:0}h1,h2{color:var(--ink);font-weight:700;letter-spacing:-.065em;line-height:.98}h1{font-size:clamp(52px,6vw,82px);margin-top:19px}h1 em,h2 em{color:var(--teal);font-style:normal}.hero-lede{color:var(--muted);font-size:17px;line-height:1.65;margin-top:25px;max-width:440px}.hero-actions{align-items:center;display:flex;gap:25px;margin-top:33px}.button{align-items:center;border-radius:8px;display:inline-flex;font-size:14px;font-weight:650;gap:11px;justify-content:center;padding:14px 19px}.button-primary{background:var(--ink);color:#fff}.text-link{align-items:center;color:var(--teal);display:inline-flex;font-size:14px;font-weight:620;gap:7px}.hero-proof{align-items:center;color:#82918e;display:flex;font-size:12px;gap:10px;margin-top:50px}.proof-avatars{display:flex}.proof-avatars i{align-items:center;background:#e1eee4;border:2px solid var(--bg);border-radius:50%;color:var(--teal);display:inline-flex;font-size:8px;font-style:normal;font-weight:750;height:27px;justify-content:center;margin-left:-6px;width:27px}.proof-avatars i:first-child{margin-left:0}.proof-avatars i:nth-child(2){background:#f2ddc5;color:#865f37}.proof-avatars i:nth-child(3){background:#d9e3ec;color:#4b657a}
.hero-visual{min-height:475px;position:relative}.visual-glow{background:#c5ead35c;border-radius:50%;height:440px;position:absolute;right:0;top:7px;width:550px}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 30px 60px #113b3220,0 4px 8px #133d3910;overflow:hidden;position:absolute;right:0;top:28px;transform:perspective(1300px) rotateY(-4deg) rotateX(2deg);width:min(100%,670px);z-index:2}.dash-topbar{align-items:center;border-bottom:1px solid #edf1ed;display:flex;font-size:11px;justify-content:space-between;padding:14px 17px}.mini-brand{align-items:center;display:flex;font-size:11px;font-weight:700;gap:7px}.dash-actions{align-items:center;display:flex;gap:12px}.sync-pill{align-items:center;color:#5d7771;display:flex;font-size:9px;gap:5px}.sync-pill>span{background:#58b87a;border-radius:50%;height:6px;width:6px}.avatar{align-items:center;background:#e1eee4;border-radius:50%;color:var(--teal);display:flex;font-size:8px;font-weight:750;height:24px;justify-content:center;width:24px}.dash-content{display:flex;min-height:360px}.dash-sidebar{background:#f7faf7;border-right:1px solid #edf1ed;color:#80918d;display:flex;flex:0 0 137px;flex-direction:column;gap:6px;padding:24px 11px}.sidebar-item{border-radius:6px;font-size:9px;padding:9px 8px}.sidebar-item.active{background:#dff2e4;color:var(--teal);font-weight:700}.sidebar-spacer{flex:1}.dash-main{flex:1;padding:25px 23px}.dash-heading{align-items:flex-end;display:flex;justify-content:space-between}.dash-kicker{color:#91a09c;font-size:9px;margin-bottom:6px}.dash-heading h2{font-size:21px}.add-button{background:var(--teal);border:0;border-radius:5px;color:#fff;font-size:9px;padding:9px 11px}.metric-grid{display:grid;gap:9px;grid-template-columns:repeat(3,1fr);margin-top:21px}.metric{background:#f7faf7;border:1px solid #edf1ed;border-radius:7px;display:grid;gap:5px;padding:12px}.metric span,.metric small{color:#83938e;font-size:8px}.metric strong{color:var(--ink);font-size:24px;letter-spacing:-.06em}.metric .up{color:#43a567}.metric .warning{color:#c78a43}.table-card{border:1px solid #edf1ed;border-radius:7px;margin-top:14px;overflow:hidden;padding:14px 13px 5px}.table-head{align-items:center;display:flex;justify-content:space-between}.table-head h3{font-size:11px}.icon-button{background:transparent;border:0;color:#91a09c}.search-field{background:#f7faf7;border-radius:4px;color:#a1ada9;font-size:8px;margin:12px 0 8px;padding:8px}.policy-row{align-items:center;border-top:1px solid #f0f3ef;color:#6f7e7a;display:grid;font-size:8px;grid-template-columns:1.5fr 1fr .8fr;min-height:38px}.policy-row.header{border:0;color:#a0aaa7;font-size:7px;min-height:21px;text-transform:uppercase}.client{align-items:center;display:flex;gap:6px}.client b{align-items:center;background:#e5f1e8;border-radius:50%;color:var(--teal);display:inline-flex;font-size:7px;height:20px;justify-content:center;width:20px}.status{border-radius:20px;display:inline-block;justify-self:start;padding:4px 6px}.active-status{background:#e8f6ec;color:#4e9d68}.due-status{background:#fff2dd;color:#b77d39}.floating-note{align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;bottom:1px;box-shadow:0 18px 35px #113b3220;display:flex;gap:9px;padding:11px 13px;position:absolute;right:35px;z-index:3}.note-icon{align-items:center;background:var(--mint-soft);border-radius:7px;color:var(--teal);display:flex;height:31px;justify-content:center;width:31px}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:10px}.floating-note small{color:#82918e;font-size:8px;margin-top:3px}.note-check{color:#50aa6b;margin-left:11px}
.trust-strip{align-items:center;border-bottom:1px solid var(--line);border-top:1px solid var(--line);color:#90a09b;display:flex;font-size:10px;gap:66px;justify-content:center;letter-spacing:.12em;padding:22px 24px}.trust-strip div{align-items:center;display:flex;gap:39px}.trust-strip b{color:#688079;font-size:13px;letter-spacing:-.02em}.feature-section{padding-bottom:135px;padding-top:135px}.section-intro{display:grid;gap:25px;grid-template-columns:1fr 1.4fr 1fr}.section-intro h2{font-size:clamp(38px,4.5vw,60px)}.section-intro>p{color:var(--muted);font-size:15px;line-height:1.65;max-width:270px;padding-top:9px}.feature-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:68px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:10px;min-height:245px;padding:25px}.feature-icon{align-items:center;background:var(--mint-soft);border-radius:8px;color:var(--teal);display:flex;font-size:22px;height:43px;justify-content:center;width:43px}.feature-card h3{font-size:19px;letter-spacing:-.04em;margin-top:40px}.feature-card p{color:var(--muted);font-size:14px;line-height:1.55;margin-top:9px;max-width:260px}.feature-card a{color:var(--teal);display:inline-block;font-size:12px;font-weight:650;margin-top:25px}
.offline-section{align-items:center;background:#eaf4eb;display:grid;gap:100px;grid-template-columns:1fr 1fr;min-height:675px;overflow:hidden;padding-bottom:90px;padding-top:90px}.offline-visual{align-items:center;display:flex;justify-content:center;min-height:490px;position:relative}.phone-card{background:#fff;border:1px solid #dceae0;border-radius:23px;box-shadow:0 30px 50px #34674822;min-height:456px;padding:28px 22px 18px;position:relative;transform:rotate(-5deg);width:275px;z-index:2}.phone-notch{background:var(--ink);border-radius:8px;height:5px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:54px}.phone-header{align-items:center;display:flex;font-size:11px;font-weight:700;gap:8px;justify-content:space-between}.phone-header span:nth-child(2){flex:1}.phone-greeting{border-bottom:1px solid #eef3ee;margin-top:33px;padding-bottom:16px}.phone-greeting small{color:#93a39b;font-size:9px}.phone-greeting h3{font-size:19px;letter-spacing:-.06em;margin-top:4px}.phone-stat{align-items:flex-end;background:#f5faf5;border-radius:9px;display:flex;justify-content:space-between;margin-top:17px;padding:15px}.phone-stat small{color:#83938c;display:block;font-size:9px}.phone-stat strong{display:block;font-size:32px;letter-spacing:-.08em;margin-top:4px}.mini-chart{align-items:flex-end;display:flex;gap:4px;height:45px}.mini-chart i{background:#67b982;border-radius:2px 2px 0 0;display:block;width:8px}.phone-list{margin-top:17px}.phone-list>div{align-items:center;border-bottom:1px solid #eef3ee;display:flex;gap:9px;padding:12px 0}.list-icon{align-items:center;border-radius:7px;display:flex;height:29px;justify-content:center;width:29px}.list-icon.green{background:#e5f5e7;color:#4d9e66}.list-icon.blue{background:#e9f1f7;color:#527e9e}.phone-list span:nth-child(2){flex:1}.phone-list b,.phone-list small{display:block}.phone-list b{font-size:9px}.phone-list small{color:#94a29f;font-size:8px;margin-top:2px}.phone-offline{color:#4b9c64;display:flex;font-size:8px;justify-content:center;margin-top:17px}.orbit{border:1px solid #afd9b9;border-radius:50%;height:415px;position:absolute;width:415px}.orbit-one{opacity:.5;transform:rotate(32deg) scaleX(1.5)}.orbit-two{border-color:#d2e7d3;height:520px;transform:rotate(-34deg) scaleX(1.4);width:520px}.offline-copy{max-width:500px}.offline-copy h2{font-size:clamp(40px,4.6vw,60px);margin-top:20px}.offline-copy>p{color:#607671;font-size:16px;line-height:1.7;margin-top:25px;max-width:480px}.offline-copy ul{list-style:none;margin:28px 0 32px;padding:0}.offline-copy li{align-items:center;display:flex;font-size:14px;gap:10px;margin-top:14px}.offline-copy li>span{align-items:center;background:#c9e9ce;border-radius:50%;color:var(--teal);display:flex;height:21px;justify-content:center;width:21px}.text-link.strong{font-size:14px}
.workflow-section{padding-bottom:135px;padding-top:135px}.workflow-header{align-items:end;display:flex;justify-content:space-between}.workflow-header h2{font-size:clamp(40px,4.5vw,60px);margin-top:20px}.workflow-header>p{color:var(--muted);font-size:15px;line-height:1.65;max-width:305px}.workflow-steps{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:73px}.workflow-step{border-right:1px solid var(--line);display:grid;gap:23px;grid-template-columns:45px 1fr;padding:28px 27px 0 0}.workflow-step+.workflow-step{padding-left:27px}.workflow-step:last-child{border-right:0}.step-number{color:#76a18b;font-size:12px;font-weight:700;letter-spacing:.1em}.workflow-step h3{font-size:18px;letter-spacing:-.04em;line-height:1.15;max-width:190px}.workflow-step p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:11px;max-width:225px}.cta-section{align-items:center;background:var(--navy);border-radius:13px;color:#fff;display:grid;gap:27px;grid-template-columns:45px 1fr auto;margin-bottom:54px;padding-bottom:69px;padding-top:69px}.cta-section .eyebrow{color:#a8dec0}.cta-section h2{color:#fff;font-size:clamp(39px,4.5vw,58px);margin-top:17px}.cta-section h2 em{color:#a8dec0}.cta-section p{color:#b6c9c6;font-size:15px;line-height:1.6;margin-top:18px;max-width:365px}.cta-mark{align-items:center;background:#265264;border:1px solid #4a7380;border-radius:11px;color:#a8dec0;display:flex;height:43px;justify-content:center;width:43px}.button-light{background:var(--mint);color:#173d3a}.footer{align-items:center;border-top:1px solid var(--line);color:#849590;display:flex;font-size:11px;justify-content:space-between;margin:auto;max-width:1270px;padding:25px}.footer .brand{color:var(--ink);font-size:15px}.footer .brand-mark{height:25px;width:25px}
@media(max-width:1000px){.hero{gap:25px;grid-template-columns:.9fr 1.1fr}.dashboard-card{transform:none}.nav-links{margin-left:0}.offline-section{gap:45px}}
@media(max-width:760px){.nav-wrap{height:70px}.nav-links,.nav-cta{display:none}.mobile-menu{display:block}.hero{display:block;padding-bottom:75px;padding-top:65px}.hero-copy{max-width:560px}.hero-visual{margin-top:60px;min-height:400px}.dashboard-card{left:0;right:auto;width:100%}.dash-sidebar{display:none}.dash-main{padding:20px 16px}.floating-note{bottom:-4px;right:12px}.trust-strip{align-items:flex-start;flex-direction:column;gap:16px}.trust-strip div{flex-wrap:wrap;gap:14px 25px}.feature-section,.workflow-section{padding-bottom:85px;padding-top:85px}.section-intro{display:block}.section-intro h2{margin-top:20px}.section-intro>p{margin-top:20px;max-width:390px}.feature-grid{grid-template-columns:1fr;margin-top:40px}.feature-card{min-height:auto}.feature-card h3{margin-top:27px}.offline-section{display:flex;flex-direction:column-reverse;padding-bottom:85px;padding-top:85px}.offline-copy{max-width:560px}.offline-visual{margin-top:10px;min-height:460px;width:100%}.workflow-header{align-items:flex-start;flex-direction:column;gap:22px}.workflow-steps{grid-template-columns:1fr;margin-top:45px}.workflow-step,.workflow-step+.workflow-step{border-bottom:1px solid var(--line);border-right:0;grid-template-columns:45px 1fr;padding:23px 0}.workflow-step:last-child{border-bottom:0}.cta-section{display:block;margin-bottom:25px;padding-bottom:45px;padding-top:45px}.cta-section>div:nth-child(2){margin-top:26px}.cta-section .button{margin-top:30px}.footer{align-items:flex-start;flex-direction:column;gap:13px}}
@media(max-width:440px){h1{font-size:50px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-proof{margin-top:34px}.hero-visual{min-height:325px}.dash-main{padding:16px 10px}.dash-heading h2{font-size:16px}.add-button{font-size:8px;padding:7px}.metric strong{font-size:18px}.metric{padding:9px}.table-card{padding-left:8px;padding-right:8px}.policy-row{font-size:7px;grid-template-columns:1.45fr 1fr .9fr}.client b{height:17px;width:17px}.floating-note{padding:9px;right:0}.note-check{margin-left:2px}.phone-card{transform:rotate(-3deg) scale(.92)}.offline-visual{margin-left:-11px;width:calc(100% + 22px)}}