@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
.screens{padding:108px 28px;max-width:1240px;margin:auto}.screens-intro{max-width:590px}.screens h2{font-size:46px;letter-spacing:-2.5px;line-height:1.1;margin:0 0 18px}.screens-intro>p:last-child{color:var(--muted);font-size:16px}.screen-stage{margin-top:44px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.screen{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 42px #0a254415}.screen-label{display:flex;gap:11px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.screen-label>span{font:500 12px 'DM Mono',monospace;color:#2379e8}.screen-label b,.screen-label small{display:block}.screen-label b{font-size:13px}.screen-label small{font-size:11px;color:var(--muted)}.screen img{width:100%;height:330px;display:block;object-fit:cover;object-position:top}.side-screen img{height:248px}.floating-screen{width:74%;margin-top:-70px;margin-left:13%;position:relative;z-index:2}.floating-screen img{height:180px}
@media(max-width:850px){.screens h2{font-size:38px}.screen-stage{grid-template-columns:1fr}.side-screen{width:82%;justify-self:end}.floating-screen{margin-top:-60px}}
@media(max-width:560px){.screens{padding:75px 24px}.screens h2{font-size:34px}.screen-stage{margin-top:30px}.screen img{height:220px}.side-screen{width:90%}.side-screen img{height:180px}.floating-screen{width:85%;margin-left:7%;margin-top:-40px}.floating-screen img{height:120px}}
:root{--ink:#091a35;--blue:#2479e8;--line:#d7dfeb;--muted:#62708a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 Manrope,Arial,sans-serif}header{height:76px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:var(--ink);text-decoration:none;display:flex;gap:10px;align-items:center}.brand span{background:linear-gradient(135deg,#2b8bf7,#487bf2);color:white;width:33px;height:33px;display:grid;place-items:center;border-radius:10px;font-size:21px}nav{display:flex;gap:30px}nav a,footer a{font-size:14px;color:#40516c;text-decoration:none;font-weight:600}.button{background:#2379e8;color:#fff!important;text-decoration:none;border-radius:10px;padding:14px 21px;font-size:14px;font-weight:800;display:inline-block;box-shadow:0 12px 28px #2379e833}.small{padding:10px 16px;font-size:13px;box-shadow:none}.hero{min-height:650px;overflow:hidden;background:linear-gradient(110deg,#091a35,#0b2448 55%,#113c70);color:#fff;display:grid;grid-template-columns:minmax(340px,510px) minmax(400px,620px);gap:45px;align-items:center;padding:82px max(28px,calc((100% - 1120px)/2))}.copy{z-index:2}.eyebrow{font:600 11px/1.4 'DM Mono',monospace;letter-spacing:1.8px;color:#639eff;margin:0 0 18px}.hero h1,.intro h2,.plans h2,.cta h2{font-size:clamp(40px,5vw,67px);letter-spacing:-3.5px;line-height:1.05;margin:0 0 25px}.hero h1 em{font-family:'Playfair Display',serif;font-weight:600;color:#8dbdff}.lead{font-size:18px;line-height:1.7;color:#c1d1e8}.actions{display:flex;gap:26px;align-items:center;margin-top:32px}.link{color:white;font-weight:700;text-decoration:none;font-size:14px}.trust{display:flex;gap:10px;align-items:center;margin-top:56px;color:#99b3d5;font-size:13px}.trust i{width:8px;height:8px;border-radius:50%;background:#65d8aa;box-shadow:0 0 0 6px #65d8aa22}.visual{height:460px;display:grid;place-items:center;position:relative}.orbit{position:absolute;border:1px solid #8cbcf14d;border-radius:50%}.one{width:510px;height:510px}.two{width:380px;height:380px}.dash{z-index:2;width:min(500px,100%);color:var(--ink);background:#fafdff;padding:23px;border-radius:17px;box-shadow:0 35px 65px #0008;transform:rotate(-2deg)}.dash small{display:block;font:500 9px 'DM Mono',monospace;letter-spacing:1px;color:#7c8ca5}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head strong{display:block;font-size:17px}.dash-head>b{background:#e3effe;color:#2075db;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:11px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.cards article{background:#f4f8fd;padding:13px;border-radius:10px}.cards strong{font-size:22px;letter-spacing:-1px;display:block}.cards em{font-size:10px;color:#00a873;font-style:normal;font-weight:800}.bar{height:6px;background:#dce7f4;border-radius:99px;margin-top:10px;display:block}.bar i{display:block;height:100%;width:82%;background:#2984eb;border-radius:inherit}.chart{border:1px solid #e4ebf3;padding:13px;border-radius:10px}.chart>div{display:flex;justify-content:space-between;font-size:12px}.chart svg{width:100%;height:90px}.todo{margin-top:12px;border-top:1px solid #e7edf5;padding-top:13px;display:flex;align-items:center;gap:9px;font-size:10px}.todo>b{width:23px;height:23px;border-radius:7px;background:#e2f8ed;color:#15985d;display:grid;place-items:center}.todo span strong,.todo span small{display:block}.todo em{margin-left:auto;color:#15985d;background:#e4faee;padding:3px 7px;border-radius:5px;font-style:normal}.strap{border-bottom:1px solid var(--line);padding:21px 28px;text-align:center;color:#62708a;font-size:14px;margin:0}.intro,.plans{max-width:1120px;padding:110px 28px;margin:auto;text-align:center}.intro{max-width:800px}.intro h2,.plans h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2.7px;line-height:1.13;margin:0 0 20px}.intro>p:last-child{color:var(--muted);font-size:17px}.features{max-width:1120px;padding:10px 28px 110px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:15px}.features article{border:1px solid var(--line);padding:30px;border-radius:18px;min-height:330px;display:flex;flex-direction:column}.features .dark{background:var(--ink);grid-row:span 2;color:white;min-height:675px}.features h3{font-size:25px;line-height:1.18;letter-spacing:-1.4px;margin:16px 0 12px}.features p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}.features .dark p:not(.eyebrow){color:#b5c9e4}.icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef5ff;color:#277ee6;font-size:22px}.violet{background:#f0eaff;color:#7a55dc}.green{background:#e4f8ed;color:#10a064}.features a{margin-top:auto;color:#277ee6;font-size:13px;font-weight:800}.bars{margin-top:auto;height:190px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #6081ab}.bars i{width:13%;background:linear-gradient(#5a9cf6,#286cce);border-radius:6px 6px 0 0}.bars i:nth-child(1){height:35%}.bars i:nth-child(2){height:51%}.bars i:nth-child(3){height:48%}.bars i:nth-child(4){height:70%}.bars i:nth-child(5){height:92%}.process{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#f6f9fd;padding:110px max(28px,calc((100% - 1120px)/2))}.process h2{font-size:38px;letter-spacing:-2px;line-height:1.18;margin:0}.steps{border-top:1px solid #cdd9e9}.steps p{display:grid;grid-template-columns:45px 1fr;gap:15px;border-bottom:1px solid #cdd9e9;padding:20px 0;margin:0;color:#62708a}.steps b{font:500 14px 'DM Mono',monospace;color:#277ee6}.steps strong{color:var(--ink)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;text-align:left;margin-top:42px}.plan-grid article{border:1px solid var(--line);border-radius:16px;padding:29px;position:relative}.plan-grid h3{font-size:21px;margin:0}.plan-grid article>p{font-size:13px;color:var(--muted);min-height:43px}.price{font-size:30px;letter-spacing:-1.5px;display:block;margin:24px 0}.price small{font-size:13px;font-weight:500;color:#71819a;letter-spacing:0}.plan-grid ul{padding:0;margin:0 0 29px;list-style:none;border-top:1px solid #e5ebf3}.plan-grid li{font-size:13px;padding:9px 0;border-bottom:1px solid #e5ebf3}.plan-grid li:before{content:'✓';color:#2280e9;font-weight:800;margin-right:9px}.plan-grid>a,.plan-grid article>a:not(.button){font-size:13px;color:#2379e8;font-weight:800;text-decoration:none}.featured{border:2px solid #267ce7!important;box-shadow:0 16px 35px #287ee01c}.featured mark{position:absolute;right:22px;top:25px;background:#e4f0ff;color:#1972dd;font:600 9px 'DM Mono',monospace;padding:5px 7px;border-radius:4px}.featured .button{font-size:13px;padding:10px 14px;box-shadow:none}.enterprise{color:#63718a;font-size:14px}.enterprise a{color:#2379e8;font-weight:800;text-decoration:none}.cta{max-width:1120px;margin:0 auto 90px;border-radius:20px;padding:66px 58px;background:linear-gradient(120deg,#0a1b37,#174d88);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:39px;max-width:600px;margin:0 0 15px;letter-spacing:-2px}.cta p:not(.eyebrow){margin:0;color:#bbcfeb;max-width:600px}.light{background:#fff;color:#103a6b!important;white-space:nowrap;box-shadow:none}footer{max-width:1120px;margin:auto;padding:30px 28px 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer .brand{font-size:19px}footer .brand span{width:27px;height:27px;border-radius:8px;font-size:16px}footer p{color:#728098;font-size:13px}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:74px;padding-bottom:55px}.visual{height:410px}.features{grid-template-columns:1fr 1fr}.features .dark{grid-row:auto;grid-column:span 2;min-height:390px}.process{grid-template-columns:1fr;gap:40px}.plan-grid{grid-template-columns:1fr}.cta{margin:0 18px 70px;padding:44px 30px;display:block}.cta .button{margin-top:26px}}@media(max-width:560px){header{padding:0 18px}.small{font-size:11px;padding:9px 11px}.brand{font-size:22px}.hero{padding-left:24px;padding-right:24px;min-height:620px}.hero h1{letter-spacing:-2.4px}.lead{font-size:16px}.visual{height:330px}.one{width:350px;height:350px}.two{width:270px;height:270px}.dash{padding:16px;transform:none}.cards strong{font-size:17px}.features{grid-template-columns:1fr;padding:75px 18px}.features .dark{grid-column:auto}.intro,.plans{padding:75px 24px}.process{padding:75px 24px}.cta h2{font-size:32px}.cta{padding:38px 25px}footer{display:grid;gap:8px;padding-left:24px;padding-right:24px}}
.crm{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1120px;margin:0 auto;padding:110px 28px}.crm h2{font-size:42px;letter-spacing:-2.2px;line-height:1.12;margin:0 0 16px}.crm>div>p:not(.eyebrow){color:var(--muted);max-width:490px;margin-bottom:28px}.funnel{background:var(--ink);color:white;border-radius:20px;padding:30px}.funnel p{margin:0 0 20px}.funnel small{font:500 10px 'DM Mono',monospace;letter-spacing:1.5px;color:#78aeff;display:block}.funnel b{font-size:21px}.funnel>div{display:grid;gap:9px}.funnel span{background:#ffffff10;border:1px solid #ffffff1c;padding:12px;border-radius:9px;font-size:13px;display:flex;justify-content:space-between}.funnel i{background:#2b80e8;border-radius:99px;padding:1px 8px;font-size:11px;font-style:normal}.funnel footer{border:0;padding:18px 0 0;color:#adc6e5;font-size:12px}@media(max-width:850px){.crm{grid-template-columns:1fr;gap:35px}}@media(max-width:560px){.crm{padding:75px 24px}.crm h2{font-size:34px}}
.audience{padding:112px max(28px,calc((100% - 1120px)/2));background:#f5f8fc}.audience-heading{max-width:680px}.audience h2{font-size:46px;letter-spacing:-2.5px;line-height:1.1;margin:0 0 18px}.audience-heading>p:last-child{color:var(--muted);font-size:17px}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.audience-grid article{background:white;padding:25px;border:1px solid var(--line);border-radius:16px}.audience-grid span{font:500 12px 'DM Mono',monospace;color:#267ce7}.audience-grid h3{font-size:20px;line-height:1.2;margin:18px 0 10px;letter-spacing:-.8px}.audience-grid p{font-size:13px;color:var(--muted);min-height:84px}.audience-grid ul{list-style:none;padding:14px 0 0;margin:0;border-top:1px solid #e6edf6}.audience-grid li{font-size:12px;padding:5px 0}.audience-grid li:before{content:'✓';color:#2479e8;font-weight:800;margin-right:7px}.audience-bottom{margin-top:24px;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-radius:12px;background:#e6f1ff;color:#174878;gap:24px;font-size:14px}.audience-bottom a{color:#176cd5;text-decoration:none;font-weight:800;white-space:nowrap}@media(max-width:950px){.audience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.audience{padding:75px 24px}.audience h2{font-size:34px}.audience-grid{grid-template-columns:1fr}.audience-grid p{min-height:0}.audience-bottom{display:grid;padding:20px}.audience-bottom a{white-space:normal}}
.more-screens{padding:115px max(28px,calc((100% - 1120px)/2));background:#fff}.more-screens>div:first-child{max-width:650px}.more-screens h2{font-size:45px;letter-spacing:-2.5px;line-height:1.1;margin:0 0 18px}.more-screens>div>p:last-child{color:var(--muted);font-size:16px}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.more-grid figure{margin:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 14px 35px #0a254410}.more-grid img{display:block;width:100%;height:235px;object-fit:cover;object-position:top}.more-grid figcaption{padding:15px}.more-grid b,.more-grid span{display:block}.more-grid b{font-size:14px}.more-grid span{font-size:12px;color:var(--muted);margin-top:4px}.argument{margin-top:28px;border-radius:16px;background:linear-gradient(120deg,#e8f3ff,#f4f8fd);padding:28px;display:grid;grid-template-columns:1.2fr 1.5fr auto;gap:25px;align-items:center}.argument strong{font-size:19px;line-height:1.25}.argument span{font-size:13px;color:#50627d}.argument a{font-size:13px;font-weight:800;color:#176cd5;text-decoration:none;white-space:nowrap}@media(max-width:850px){.more-grid{grid-template-columns:1fr 1fr}.more-grid figure:last-child{grid-column:span 2}.argument{grid-template-columns:1fr;gap:10px}}@media(max-width:560px){.more-screens{padding:75px 24px}.more-screens h2{font-size:34px}.more-grid{grid-template-columns:1fr}.more-grid figure:last-child{grid-column:auto}.more-grid img{height:200px}}
.cta{align-items:flex-start}.lead-form{width:min(390px,100%);display:grid;grid-template-columns:1fr 1fr;gap:11px}.lead-form label{font-size:11px;font-weight:700;color:#d7e6f9}.lead-form label:nth-of-type(3),.lead-form label:nth-of-type(4),.lead-form button,.lead-form small{grid-column:span 2}.lead-form input,.lead-form select{display:block;width:100%;margin-top:4px;border:1px solid #ffffff35;border-radius:8px;background:#ffffff;color:#132848;padding:10px;font:13px Manrope,Arial,sans-serif}.lead-form button{border:0;cursor:pointer;margin-top:4px}.lead-form small{color:#b6cce8;font-size:11px;line-height:1.35}.features a{cursor:pointer;text-decoration:none}@media(max-width:850px){.lead-form{margin-top:25px}}