@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#071c3a;--navy2:#0b2852;--blue:#0878f9;--blue2:#42a5ff;--ink:#10233f;--muted:#617087;--line:#dce6f1;--soft:#f3f8fd;--white:#fff;--radius:20px;--shadow:0 20px 60px rgba(19,53,92,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);font:400 16px/1.65 'DM Sans',sans-serif;background:#fff;overflow-x:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.13}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.section{padding:105px 0}.skip-link{position:fixed;top:-60px;left:20px;z-index:999;background:#fff;padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}.site-header{height:82px;display:flex;align-items:center;position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(210,225,240,.7);transition:.3s}.site-header.scrolled{box-shadow:0 8px 35px rgba(15,43,76,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand strong{font:800 23px/1 'Manrope';letter-spacing:.04em;color:var(--navy)}.brand small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-top:5px;color:#718096}.brand-mark{width:34px;height:35px;position:relative;display:block}.brand-mark i{position:absolute;width:26px;height:8px;background:var(--blue);border-radius:3px;transform:skewX(-28deg);left:4px}.brand-mark i:nth-child(1){top:2px}.brand-mark i:nth-child(2){top:13px;left:1px;width:31px}.brand-mark i:nth-child(3){top:24px}.main-nav{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:600}.main-nav>a:not(.button){position:relative}.main-nav>a:not(.button):after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--blue);transition:.25s}.main-nav>a:hover:after,.main-nav>a.active:after{right:0}.button{border:0;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 22px;border-radius:10px;background:var(--blue);color:#fff;font-weight:700;box-shadow:0 10px 25px rgba(8,120,249,.22);transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);background:#006be4;box-shadow:0 14px 30px rgba(8,120,249,.3)}.button-sm{padding:11px 17px;font-size:13px}.button-ghost{color:var(--navy);background:transparent;border:1px solid #cbd9e8;box-shadow:none}.button-ghost:hover{background:#fff;border-color:#9fb5cc}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px;transition:.25s}
.hero{min-height:760px;padding-top:170px;position:relative;background:linear-gradient(135deg,#f7fbff 0%,#fff 55%,#eef7ff 100%)}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:60px;align-items:center}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.13em}.hero .eyebrow{display:flex;align-items:center;gap:9px}.hero .eyebrow>span{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 6px rgba(8,120,249,.1)}.hero h1{font-size:clamp(42px,4.2vw,63px);letter-spacing:-.045em;margin:22px 0 25px;color:var(--navy)}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:580px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.trust-row{display:flex;gap:25px;margin-top:30px;color:#4d6078;font-size:13px;font-weight:600}.trust-row i{font-style:normal;color:var(--blue);margin-right:5px}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px)}.glow-one{width:320px;height:320px;right:-160px;top:100px;background:rgba(44,150,255,.12)}.glow-two{width:140px;height:140px;left:-70px;bottom:30px;background:rgba(44,150,255,.08)}
.dashboard-wrap{position:relative}.dashboard{height:435px;background:#fff;border:1px solid rgba(194,215,235,.8);border-radius:18px;box-shadow:0 35px 80px rgba(24,69,115,.18);display:flex;overflow:hidden;transform:perspective(1000px) rotateY(-2deg)}.dash-side{width:55px;background:var(--navy);display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:18px}.mini-logo{width:26px;height:26px;border-radius:7px;background:var(--blue);color:#fff;font-weight:800;text-align:center;line-height:26px}.dash-side span{width:19px;height:19px;border:2px solid #527092;border-radius:5px}.dash-side span.active{border-color:var(--blue);background:rgba(8,120,249,.4)}.dash-main{padding:25px 23px;flex:1;min-width:0}.dash-top{display:flex;justify-content:space-between;align-items:center}.dash-top>div:first-child{display:flex;flex-direction:column}.dash-top small{color:#8190a4;font-size:8px;letter-spacing:.13em}.dash-top strong{font:700 16px 'Manrope';margin-top:3px}.avatar{width:30px;height:30px;border-radius:9px;background:#e4f1ff;color:var(--blue);font-size:9px;font-weight:800;display:grid;place-items:center}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.metric-grid>div{border:1px solid #e5edf5;border-radius:10px;padding:13px;display:flex;flex-direction:column}.metric-grid span{font-size:9px;color:#728197}.metric-grid strong{font:700 23px 'Manrope';margin:4px 0}.metric-grid small{font-size:8px;color:#8a98aa}.metric-grid .up{color:#16a46d}.metric-grid .down{color:#0878f9}.chart-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:12px;margin-top:14px}.chart-card,.tasks{height:229px;border:1px solid #e5edf5;border-radius:10px;padding:14px}.card-head{display:flex;justify-content:space-between;font-size:9px}.card-head span{color:#8190a4}.chart{height:137px;margin:12px 0 3px;position:relative;background:repeating-linear-gradient(to bottom,#edf3f8 0 1px,transparent 1px 34px);overflow:hidden}.chart:before{content:'';position:absolute;inset:20px -10px 0;background:linear-gradient(165deg,transparent 0 30%,rgba(8,120,249,.12) 31% 100%);clip-path:polygon(0 65%,18% 48%,39% 56%,60% 28%,78% 36%,100% 5%,100% 100%,0 100%)}.chart .line{position:absolute;inset:0;background:var(--blue);height:2px;top:70%;transform:rotate(-15deg);transform-origin:left;box-shadow:100px -6px 0 var(--blue)}.chart i{position:absolute;left:var(--x);top:var(--y);width:6px;height:6px;background:#fff;border:2px solid var(--blue);border-radius:50%;z-index:2}.months{display:flex;justify-content:space-between;color:#95a2b2;font-size:7px}.tasks>strong{font-size:10px}.tasks p{display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf2f7;padding:13px 0;margin:0}.tasks p>i{width:20px;height:20px;border-radius:6px;background:#e6f2ff;color:var(--blue);display:grid;place-items:center;font-size:8px;font-style:normal}.tasks p>i.done{background:#e2f8ef;color:#12a56d}.tasks p span{display:flex;flex-direction:column;font-size:8px;font-weight:700}.tasks p small{font-size:7px;color:#98a4b4;font-weight:400;margin-top:2px}.float-card{position:absolute;z-index:3;background:#fff;border-radius:11px;box-shadow:0 15px 35px rgba(20,57,96,.18)}.float-goal{right:-27px;top:55px;width:122px;padding:12px 14px;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:8px}.float-goal strong{font-size:11px}.float-goal div{height:4px;flex-basis:100%;margin-top:8px;background:#e5edf6;border-radius:4px}.float-goal div i{display:block;width:84%;height:100%;background:var(--blue);border-radius:4px}.float-status{bottom:36px;left:-34px;padding:11px 14px;display:flex;align-items:center;gap:9px}.float-status>i{width:8px;height:8px;border-radius:50%;background:#20bb79;box-shadow:0 0 0 5px #e1f8ef}.float-status span{display:flex;flex-direction:column;font-size:8px}.float-status small{font-size:7px;color:#8b99aa}
.section-intro h2,.section-heading h2,.benefit-copy h2,.about-copy h2,.contact-copy h2{font-size:clamp(31px,3.3vw,47px);letter-spacing:-.035em;color:var(--navy);margin:17px 0}.positioning{border-top:1px solid #e7eef5}.positioning-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center}.position-copy{border-left:2px solid #dbe8f5;padding-left:38px;color:var(--muted)}.position-copy p{margin-bottom:16px}.text-link{color:var(--blue);font-weight:700;display:inline-block;margin-top:7px}.text-link span{margin-left:5px}.solutions{background:var(--soft)}.section-heading{text-align:center;max-width:720px;margin:0 auto 50px}.section-heading>p{color:var(--muted);font-size:18px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;background:#fff;border:1px solid #e2ebf4;border-radius:16px;padding:28px;min-height:230px;box-shadow:0 8px 25px rgba(30,66,105,.04);transition:.3s}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c9e1fa}.feature-card .icon,.price-icon{width:46px;height:46px;display:grid;place-items:center;color:var(--blue);background:#eaf4ff;border-radius:12px;font-size:24px}.feature-card h3{font-size:18px;margin:23px 0 10px}.feature-card p{font-size:14px;color:var(--muted);margin:0}.feature-card>i{position:absolute;right:22px;top:22px;color:#cfdae6;font-size:10px;font-style:normal}.custom-banner{margin-top:24px;background:linear-gradient(120deg,var(--navy),#0b3f78);color:#fff;padding:28px 32px;border-radius:16px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.custom-icon{width:50px;height:50px;background:rgba(39,145,255,.25);display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:28px}.custom-banner h3{margin:0 0 4px}.custom-banner h3 em{color:#54adff;font-style:normal}.custom-banner p{font-size:13px;color:#b9cbe0;margin:0}.button-light{background:#fff;color:var(--navy);box-shadow:none;white-space:nowrap}.button-light:hover{background:#eaf4ff}
.process{background:var(--navy);color:#fff}.section-heading.light h2{color:#fff}.section-heading.light p{color:#a9bdd4}.timeline{display:grid;grid-template-columns:repeat(6,1fr);padding:0;margin:60px 0 0;list-style:none;position:relative}.timeline:before{content:'';position:absolute;top:59px;left:7%;right:7%;height:1px;background:#244567}.timeline li{padding:0 15px;position:relative;text-align:center}.timeline li>span{display:block;font-size:9px;letter-spacing:.1em;color:#5d7a99;margin-bottom:16px}.timeline li>i{position:relative;z-index:1;margin:auto;width:54px;height:54px;border-radius:50%;background:#0c2a4c;border:1px solid #2b527b;display:grid;place-items:center;color:#57aeff;font-size:20px;font-style:normal;box-shadow:0 0 0 7px var(--navy)}.timeline li:hover>i{background:var(--blue);color:#fff}.timeline h3{font-size:15px;margin:23px 0 9px}.timeline p{font-size:12px;line-height:1.55;color:#92aac2}.benefits-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.benefit-copy>p,.about-copy>p,.contact-copy>p{color:var(--muted)}.benefit-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e1eaf3;border-radius:18px;padding:15px 28px;background:#fff;box-shadow:var(--shadow)}.benefit-list>div{display:flex;align-items:center;gap:13px;padding:21px 10px;border-bottom:1px solid #e8eef5}.benefit-list>div:nth-last-child(-n+2){border-bottom:0}.benefit-list i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e9f4ff;color:var(--blue);font-style:normal;font-weight:700;flex:none}.benefit-list span{display:flex;flex-direction:column}.benefit-list strong{font-size:14px}.benefit-list small{font-size:11px;color:#8795a7;margin-top:3px}
.pricing{background:var(--soft)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{background:#fff;border:1px solid #dfe9f2;border-radius:18px;padding:30px;position:relative}.price-card.featured{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-10px);box-shadow:0 25px 55px rgba(7,28,58,.2)}.popular{position:absolute;right:20px;top:18px;color:#69b8ff;font-size:8px;font-weight:800;letter-spacing:.1em}.price-card h3{font-size:16px;margin:22px 0 17px}.price{display:flex;align-items:flex-start;margin-bottom:18px}.price strong{font:800 37px/1 'Manrope'}.price small{font-size:12px;margin:3px 3px}.price small:last-child{align-self:flex-end;margin-bottom:4px;color:#77889b}.from{font-size:10px;color:#77889b;margin-bottom:4px}.price-card>p{font-size:12px;color:#6e7c90;min-height:78px}.featured>p{color:#aabdd1}.price-card ul{list-style:none;padding:17px 0 0;margin:0;border-top:1px solid #e4ecf4}.featured ul{border-color:#294666}.price-card li{font-size:12px;padding:6px 0}.price-card li:before{content:'✓';color:var(--blue);font-weight:800;margin-right:8px}.proposal{text-align:center;margin-top:32px;color:#5f7085}.proposal span{font-weight:700;color:var(--navy)}.proposal a{color:var(--blue);font-weight:700;margin-left:6px}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:center}.about-visual{height:430px;display:grid;place-items:center;background:radial-gradient(circle,#eaf5ff 0 2px,transparent 2px) 0 0/22px 22px}.orbit{width:280px;height:280px;border:1px solid #d4e4f3;border-radius:50%;position:relative;display:grid;place-items:center}.orbit:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #e1ebf5;border-radius:50%}.orbit-logo{width:100px;height:100px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(145deg,#1490ff,#075ccf);color:#fff;font:800 50px 'Manrope';box-shadow:0 20px 45px rgba(8,120,249,.27);z-index:2}.orb{position:absolute;width:45px;height:45px;background:#fff;box-shadow:0 10px 25px rgba(34,74,114,.15);border-radius:12px;display:grid;place-items:center;color:var(--blue);font-style:normal;z-index:3}.o1{left:-18px;top:105px}.o2{right:7px;top:20px}.o3{right:-8px;bottom:45px}.o4{left:42px;bottom:-8px}.values{display:flex;gap:32px;margin-top:30px;padding-top:25px;border-top:1px solid #e1e9f2}.values span{display:flex;align-items:center;gap:8px;font-size:13px}.values i{font-style:normal;color:var(--blue)}
.contact{padding-top:0}.cta{border-radius:25px;background:linear-gradient(125deg,#075fcf,#0788fa);color:#fff;min-height:375px;padding:65px 70px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden;position:relative}.cta h2{font-size:clamp(34px,4vw,53px);margin:15px 0}.cta p{max-width:650px;color:#d9edff}.cta .eyebrow{color:#b9ddff}.button-white{background:#fff;color:#075fcf}.button-outline{background:transparent;border:1px solid rgba(255,255,255,.5);box-shadow:none}.button-outline:hover{background:rgba(255,255,255,.1)}.cta-art{display:grid;place-items:center}.cta-art:before,.cta-art:after{content:'';position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.cta-art:after{width:220px;height:220px}.cta-art span{font:800 130px 'Manrope';color:rgba(255,255,255,.14);position:relative;z-index:1}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:95px;padding-top:105px}.contact-item{display:flex;gap:14px;align-items:center;margin-top:25px}.contact-item>i{width:43px;height:43px;background:#e9f4ff;border-radius:10px;display:grid;place-items:center;color:var(--blue);font-style:normal}.contact-item span{display:flex;flex-direction:column}.contact-item small{font-size:9px;color:#8795a6;letter-spacing:.1em}.contact-item strong{font-size:13px;margin-top:2px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:19px;background:#fff;border:1px solid #dfe9f2;border-radius:18px;padding:30px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:7px}.field-full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field textarea{width:100%;border:1px solid #d9e4ef;border-radius:8px;padding:12px 14px;outline:none;color:var(--ink);background:#fbfdff;transition:.2s}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,120,249,.1)}.form-note{text-align:center;color:#8997a8;font-size:10px;margin:0}.footer{background:#06172f;color:#aabbd0;padding-top:70px}.footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:55px;padding-bottom:55px}.brand-light strong{color:#fff}.footer-main>div:first-child>p{font-size:13px;max-width:260px;margin-top:22px}.footer h3{color:#fff;font-size:12px;margin-bottom:19px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-main a:not(.brand){font-size:12px}.footer-main a:hover{color:#fff}.footer-bottom{border-top:1px solid #1b314c;padding:22px 0;display:flex;justify-content:space-between;font-size:11px}.footer-bottom strong{color:#d4deea}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.cards-grid .reveal:nth-child(2),.pricing-grid .reveal:nth-child(2){transition-delay:.08s}.cards-grid .reveal:nth-child(3),.pricing-grid .reveal:nth-child(3){transition-delay:.16s}
@media(max-width:980px){.main-nav{gap:15px}.main-nav>a:not(.button){display:none}.hero-grid{grid-template-columns:1fr;gap:60px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero .eyebrow,.button-row,.trust-row{justify-content:center}.dashboard-wrap{max-width:650px;margin:auto;width:100%}.positioning-grid,.benefits-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.cards-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:repeat(3,1fr);gap:45px 0}.timeline:before{display:none}.pricing-grid{grid-template-columns:1fr;max-width:620px;margin:auto}.price-card.featured{transform:none}.footer-main{grid-template-columns:1.7fr 1fr 1fr}.footer-main>div:last-child{grid-column:2}.about-visual{height:350px}.contact-grid{padding-top:80px}}
@media(max-width:720px){.container{width:min(100% - 30px,1160px)}.section{padding:75px 0}.site-header{height:72px}.menu-toggle{display:block;position:relative;z-index:2}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{position:fixed;inset:72px 0 auto;background:#fff;flex-direction:column;align-items:stretch;padding:20px 25px 27px;box-shadow:0 20px 35px rgba(12,40,72,.12);transform:translateY(-130%);opacity:0;pointer-events:none;transition:.3s}.main-nav.open{transform:none;opacity:1;pointer-events:auto}.main-nav>a:not(.button){display:block;padding:9px}.main-nav .button{margin-top:5px}.hero{padding-top:125px;min-height:auto}.hero h1{font-size:39px}.hero-copy>p{font-size:16px}.trust-row{gap:13px;flex-wrap:wrap}.dashboard{height:360px}.dash-main{padding:17px 13px}.dash-side{width:43px}.metric-grid>div:nth-child(3){display:none}.metric-grid{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}.tasks{display:none}.chart-card{height:200px}.chart{height:110px}.float-goal{right:-5px}.float-status{left:-5px}.positioning-grid{gap:30px}.position-copy{padding-left:20px}.cards-grid{grid-template-columns:1fr}.custom-banner{grid-template-columns:1fr;text-align:center}.custom-icon{margin:auto}.timeline{grid-template-columns:1fr 1fr;gap:45px 5px}.benefit-list{grid-template-columns:1fr;padding:10px 20px}.benefit-list>div{border-bottom:1px solid #e8eef5!important}.benefit-list>div:last-child{border-bottom:0!important}.values{gap:15px;flex-wrap:wrap}.cta{padding:48px 28px;grid-template-columns:1fr;text-align:center}.cta .button-row{justify-content:center}.cta-art{display:none}.contact-form{grid-template-columns:1fr;padding:22px}.field{grid-column:1/-1}.footer-main{grid-template-columns:1fr 1fr;gap:38px}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}
@media(max-width:430px){.hero h1{font-size:34px}.button-row .button{width:100%}.dashboard{height:325px}.dash-side{display:none}.float-card{display:none}.timeline{grid-template-columns:1fr}.timeline li{max-width:280px;margin:auto}.about-visual{height:300px}.orbit{width:230px;height:230px}.orbit:after{width:150px;height:150px}.pricing .container,.solutions .container{width:min(100% - 24px,1160px)}.price-card{padding:25px 22px}.cta{border-radius:18px;padding:42px 20px}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}
