:root{--ink:#102a37;--muted:#637580;--teal:#119fa5;--dark:#082833;--pale:#eef8f7;--line:#dce9e8;--cream:#f8fbfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;font-size:15px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}h2{font-size:clamp(2.2rem,4vw,3.75rem);line-height:1.12;margin-bottom:20px}h2 em,h1 em{font-style:normal;color:var(--teal)}p{line-height:1.65}.nav{height:78px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);background:#fffc;border-bottom:1px solid #eff5f4;backdrop-filter:blur(12px)}.brand img,footer img{width:156px;height:auto;display:block}.nav nav{display:flex;align-items:center;gap:25px}.nav nav>a{color:#314650;text-decoration:none;font-size:14px;font-weight:500}.nav .login{margin-left:8px}.button{border:0;border-radius:7px;background:var(--teal);color:#fff!important;text-decoration:none;display:inline-flex;gap:18px;align-items:center;padding:14px 20px;font-weight:700;font-size:14px;box-shadow:0 9px 20px #119fa527;transition:.25s}.button:hover{background:#087e86;transform:translateY(-2px)}.button.small{padding:11px 15px}.menu{display:none;background:none;border:0}.hero{min-height:680px;display:grid;grid-template-columns:44% 56%;gap:20px;padding:92px 7% 70px;overflow:hidden;background:radial-gradient(circle at 78% 30%,#dbf7f4 0,transparent 27%),linear-gradient(115deg,#f9fcfc 0%,#fff 64%)}.hero-copy{padding:37px 0 0 3%;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#148f96;margin-bottom:16px}.hero h1{font-size:clamp(2.9rem,4.35vw,4.6rem);line-height:1.06;margin-bottom:23px}.lead{max-width:520px;color:#58707b;font-size:16px}.actions{display:flex;align-items:center;gap:27px;margin:32px 0}.text-link{font-size:14px;font-weight:700;color:#1a3f49;text-decoration:none}.text-link span{color:var(--teal);font-size:19px;margin-left:8px}.micro{font-size:12px;color:#7b9299}.micro:before{content:'✓';color:#139da2;border:1px solid #a1dbdc;border-radius:50%;padding:1px 3px;margin-right:8px}.product{position:relative}.hero-product{width:680px;height:440px;margin:28px 0 0 0;background:#fff;border:1px solid #e2eded;border-radius:13px;box-shadow:0 35px 65px #0d5b6230;overflow:visible;transform:perspective(1500px) rotateY(-3deg) rotateX(2deg)}.appbar{height:46px;border-bottom:1px solid #edf2f2;display:flex;gap:9px;align-items:center;padding:0 16px;font-size:11px}.logo-dot{background:var(--teal);color:#fff;padding:4px 6px;border-radius:5px}.app-date{margin-left:auto;color:#7b8e94}.avatar{background:#dff2f1;color:#108f92;border-radius:50%;padding:6px;font-size:9px}.hero-product aside{position:absolute;width:50px;top:46px;bottom:0;border-right:1px solid #edf2f2;display:grid;align-content:start;justify-content:center;gap:19px;padding-top:21px;color:#7a939a}.hero-product aside span{font-size:16px}.hero-product aside .active{color:var(--teal);background:#e4f6f5;padding:7px;border-radius:6px;margin-top:-7px}.dash{padding:23px 24px 18px 74px}.greeting{display:flex;justify-content:space-between;align-items:flex-start}.greeting small,.metrics small,.card-head small,.donut-card small,.mini-metrics small{color:#80939a;font-size:10px}.greeting h3{font-size:17px;margin:5px 0}.greeting p{font-size:10px;margin:0;color:#8a9aa0}.export{border:1px solid #d8e6e5;border-radius:5px;padding:7px 9px;background:#fff;color:#45616a;font-size:9px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.metrics>div,.chart-card,.donut-card{border:1px solid #e6efee;border-radius:7px;padding:12px}.metrics strong{display:block;font-family:Manrope;font-size:19px;margin:4px 0}.metrics b{font-size:9px}.up{color:#20a875}.down{color:#ca786e}.dash-bottom{display:grid;grid-template-columns:2fr 1fr;gap:10px}.card-head{display:flex;justify-content:space-between;font-size:10px}.chart{height:100px;border-bottom:1px solid #dce8e7;display:flex;gap:13px;align-items:end;padding:8px 10px 0;background:repeating-linear-gradient(to bottom,transparent 0 24px,#eef5f5 25px)}.chart i{display:block;flex:1;background:linear-gradient(#3cc3c0,#0f9da4);border-radius:3px 3px 0 0}.months{font-size:7px;color:#96a5a9;word-spacing:7px;padding-top:6px}.donut-card{text-align:center;font-size:10px}.donut{height:88px;width:88px;margin:11px auto 7px;border-radius:50%;background:conic-gradient(var(--teal) 0 348deg,#e4eeee 348deg);position:relative;display:grid;place-items:center}.donut:after{content:'';position:absolute;inset:9px;background:#fff;border-radius:50%}.donut span{position:relative;z-index:1;font-family:Manrope;font-size:17px;font-weight:800}.donut small{font-size:8px}.float{position:absolute;background:#fff;border:1px solid #e4efee;box-shadow:0 18px 30px #0d454022;border-radius:9px;padding:11px;display:flex;align-items:center;gap:9px;z-index:3}.float span{color:#fff;background:#12a1a5;border-radius:5px;padding:7px}.float small{display:block;font-size:8px;color:#87989c}.float b{font-family:Manrope;font-size:16px}.employee{right:-13px;top:86px}.employee em{color:#179b72;font-style:normal;font-weight:bold;margin-left:11px}.payroll{left:-31px;bottom:34px}.payroll span{background:#64bb98}.value-strip{padding:42px 7%;background:var(--dark);color:#fff;display:grid;grid-template-columns:27% 1fr;gap:40px}.strip-intro h2{font-size:21px;letter-spacing:-.03em;margin:7px 0}.mini-icon{color:#57ded7}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.values article{border-left:1px solid #2a525d;padding-left:18px}.values span{color:#5bdfd6;font-size:19px}.values h3{font-size:14px;letter-spacing:-.02em;margin:9px 0 5px}.values p{font-size:12px;margin:0;color:#b1c2c7}.section{padding:105px 9%}.section-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;max-width:1000px}.section-top p:last-child{max-width:410px;color:var(--muted)}.journey{display:grid;grid-template-columns:repeat(7,1fr);margin-top:55px;position:relative}.journey:before{content:'';height:1px;background:#d8e7e6;position:absolute;left:8%;right:8%;top:49px}.journey article{text-align:center;position:relative}.journey i{display:block;font-style:normal;color:#9aacae;font-size:10px;margin-bottom:11px}.journey span{position:relative;z-index:1;margin:auto;background:#fff;border:1px solid #b8d9d7;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;color:#0e9ba2;font-size:17px}.journey h3{font-size:13px;margin:13px 0 5px}.journey p{font-size:11px;color:#809298;margin:0;padding:0 4px}.modules{background:#f4fafa}.center-head{text-align:center}.center-head p:last-child{color:#74868c}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px}.feature-card{background:#fff;border:1px solid #e1edeb;border-radius:10px;padding:28px;min-height:190px;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #20545412}.feature-card>span,.why-grid article>span{height:37px;width:37px;background:#e3f5f3;color:#0d9ca2;border-radius:8px;display:grid;place-items:center;font-size:19px}.feature-card h3{font-size:17px;margin:18px 0 8px}.feature-card p{font-size:12px;color:#6d8188;margin-bottom:12px}.feature-card a{font-size:12px;color:#09989e;text-decoration:none;font-weight:bold}.feature-card.large{grid-row:span 2;background:#0c3945;color:#fff;min-height:395px;padding-top:42px}.feature-card.large>span{background:#1d5a65;color:#65ded7}.feature-card.large p{color:#c0d4d7}.feature-card.accent{background:#dff4f2}.showcase{background:#fff;display:grid;grid-template-columns:38% 1fr;gap:9%;align-items:center}.show-copy p:not(.eyebrow){color:#61747b;max-width:410px}.analytics-screen{padding:27px;background:#fff;border:1px solid #deebea;border-radius:12px;box-shadow:0 25px 45px #225d5d17}.screen-header{display:flex;justify-content:space-between;font-size:14px}.screen-header button{border:1px solid #dce9e8;background:#fff;border-radius:5px;color:#73878c;font-size:10px;padding:5px 8px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}.mini-metrics div{background:#f5faf9;border-radius:7px;padding:13px}.mini-metrics strong{font-family:Manrope;display:block;margin-top:6px;font-size:19px}.line-chart{height:200px;background:repeating-linear-gradient(to bottom,#fff 0 38px,#edf4f3 39px 40px);padding-top:10px}.line-chart svg{height:100%;width:100%}.legend{display:flex;justify-content:space-between;font-size:10px;color:#7b8e93;margin-top:10px}.legend span:first-child{color:#168f95}.why{background:#f5faf9}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:45px 0 0 40%}.why-grid article{border-top:1px solid #c9e2df;padding:20px 5px}.why-grid h3{font-size:15px;margin:15px 0 7px}.why-grid p{font-size:12px;color:#71848a;margin:0}.transform{margin:0 9%;padding:72px 8%;background:var(--dark);border-radius:13px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px}.transform h2{font-size:34px}.transform-copy p:not(.eyebrow){color:#b4c8cc}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare>div{border-radius:8px;padding:24px}.before{background:#163d47}.after{background:#e5f6f3;color:var(--ink)}.compare small{font-size:9px;letter-spacing:.13em;color:#72d7d0}.after small{color:#118b91}.compare ul{padding:0;list-style:none;font-size:12px;line-height:2.7}.compare li:before{content:'×';color:#ed9a92;margin-right:9px}.after li:before{content:'✓';color:#109b93}.industries{padding-bottom:95px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}.industry-grid span{border:1px solid #dceaea;border-radius:7px;padding:19px 15px;font-size:13px;font-weight:600;color:#36535b}.mobile{background:#f0f9f8;display:flex;align-items:center;justify-content:center;gap:13%;padding-top:80px;padding-bottom:80px}.phone{width:228px;height:420px;border:8px solid #133640;border-radius:31px;background:#fff;box-shadow:0 22px 30px #074a4a2e;padding:28px 17px;position:relative}.phone-bar{position:absolute;top:8px;left:67px;width:78px;height:15px;background:#133640;border-radius:0 0 11px 11px}.phone>small{font-size:10px;color:#72898d}.phone h3{font-size:19px;margin:7px 0 23px}.phone-card{background:linear-gradient(135deg,#149fa4,#086e78);border-radius:10px;color:#fff;padding:15px;margin-bottom:22px}.phone-card span,.phone-card small{display:block;font-size:10px;opacity:.8}.phone-card strong{display:block;font-family:Manrope;font-size:14px;margin:12px 0}.phone-card b{float:right;background:#7bdfc3;border-radius:50%;padding:2px 4px;color:#126c66}.phone-row{display:flex;justify-content:space-between;text-align:center;color:#13979a;font-size:22px}.phone-row small{display:block;font-size:9px;color:#4d6a72;margin-top:6px}.security{margin:0 9%;padding:72px 8%;display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;align-items:start;border-bottom:1px solid #dcebea}.security h2{font-size:30px}.security p:not(.eyebrow){color:#6b7e84;max-width:470px}.shield{font-size:43px;color:#11a0a3}.security-list{display:grid;gap:13px;align-self:center;font-size:13px;color:#35535b}.security-list span{border-bottom:1px solid #e6eeee;padding-bottom:13px}.security-list span::first-letter{color:#11a0a3}.demo{background:#f3fafa;padding:105px 11%;display:grid;grid-template-columns:42% 1fr;gap:80px}.demo-copy>p:not(.eyebrow){color:#65797f}.demo-note{padding:14px;border-left:2px solid var(--teal);background:#e3f4f2;font-size:12px;color:#41636a;line-height:1.5}form{background:#fff;padding:30px;border-radius:10px;box-shadow:0 15px 35px #15535312}label{display:block;font-size:11px;font-weight:bold;color:#38555d;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,select,textarea{display:block;width:100%;border:1px solid #dce9e7;border-radius:5px;padding:11px;margin-top:6px;color:#38555d;font:12px "DM Sans";background:#fff}textarea{height:70px;resize:vertical}.privacy{font-size:10px;color:#7d9195;margin:12px 0 0}.form-success{color:#078d77;font-size:12px;margin:10px 0 0}footer{background:#082a35;color:#c1d1d5;padding:65px 9% 21px}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;padding-bottom:55px}.footer-top img{filter:brightness(0) invert(1);width:145px;margin-bottom:20px}.footer-top>div:first-child p{font-family:Manrope;color:#fff;font-size:16px}.footer-top h4{font:700 12px Manrope;color:#6fe0d8;margin:4px 0 18px}.footer-top a{display:block;color:#b6c7ca;text-decoration:none;font-size:12px;margin:0 0 12px}.footer-bottom{padding-top:20px;border-top:1px solid #234752;font-size:11px;display:flex;justify-content:space-between}.footer-bottom a{color:#c1d1d5;text-decoration:none;margin-left:20px}@media(max-width:900px){.nav nav{gap:12px}.hero{grid-template-columns:1fr;padding:65px 8%}.hero-copy{padding:0}.hero-product{margin:20px auto;max-width:100%}.value-strip{grid-template-columns:1fr}.why-grid{margin-left:0}.showcase{grid-template-columns:1fr}.security{grid-template-columns:55px 1fr}.security-list{grid-column:2}.demo{gap:35px}.journey{grid-template-columns:repeat(4,1fr);row-gap:35px}.journey:before{display:none}}@media(max-width:650px){.nav{height:65px;padding:0 22px}.brand img{width:125px}.menu{display:grid;gap:5px}.menu i{display:block;background:var(--ink);height:2px;width:21px}.nav nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:18px 25px;box-shadow:0 10px 20px #1232;align-items:flex-start;flex-direction:column}.nav nav.open{display:flex}.nav .login{margin-left:0}.hero{padding:55px 22px 38px;min-height:auto}.hero h1{font-size:2.65rem}.lead{font-size:14px}.hero-product{width:560px;height:362px;transform:scale(.72);transform-origin:top left;margin-bottom:-94px}.dash{padding-right:15px}.float{display:none}.value-strip{padding:35px 22px}.values{grid-template-columns:1fr 1fr}.values article{padding-left:12px}.section{padding:70px 22px}.section-top{grid-template-columns:1fr;gap:0}.journey{grid-template-columns:repeat(2,1fr);margin-top:35px}.module-grid,.why-grid{grid-template-columns:1fr}.feature-card.large{grid-row:auto;min-height:220px}.showcase{gap:35px}.analytics-screen{padding:16px}.transform{margin:0 22px;padding:42px 24px;grid-template-columns:1fr;gap:25px}.transform h2{font-size:28px}.industry-grid{grid-template-columns:1fr 1fr}.mobile{gap:35px;flex-direction:column;padding:65px 22px}.security{margin:0 22px;padding:58px 0;grid-template-columns:1fr}.security-list{grid-column:auto}.demo{grid-template-columns:1fr;padding:70px 22px;gap:25px}.form-row{grid-template-columns:1fr;gap:0}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:span 2}.footer-bottom{gap:14px;flex-direction:column}.footer-bottom a{margin:0 15px 0 0}}