@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0a2345;--blue:#255eff;--pale:#eff4ff;--muted:#58667b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);background:white;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6b96ff;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-left:36px;padding-right:36px}header{height:104px;max-width:1370px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:Manrope,Arial,sans-serif;font-size:36px;letter-spacing:-1.4px;white-space:nowrap;font-weight:400}.logo strong{font-weight:800}.logo span{color:var(--blue)}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--blue);color:white;padding:16px 25px;border:0;border-radius:7px;font-weight:600;font-size:15px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#1648d9;transform:translateY(-2px)}.small{padding:11px 20px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding-top:73px;padding-bottom:108px}.eyebrow{font-size:12px;letter-spacing:1.65px;font-weight:700;color:var(--blue);margin:0 0 23px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.13;margin:0;letter-spacing:-1.8px}h1{font-size:clamp(48px,5.1vw,70px);font-weight:800;letter-spacing:-3.7px}h1 span{color:var(--blue)}.intro{font-size:18px;max-width:490px;color:var(--muted);margin:28px 0}.note{font-size:13px;color:var(--muted);margin:14px 0 0}.demo{position:relative;border:1px solid #dbe4f1;border-radius:15px;box-shadow:0 28px 70px #13336d1c;transform:rotate(-2deg);background:white}.demo-top{display:flex;gap:10px;align-items:center;background:var(--navy);color:white;padding:16px;border-radius:14px 14px 0 0;font-size:12px}.app-icon{background:white;color:var(--blue);border-radius:7px;width:28px;text-align:center;font-size:20px;font-weight:800}.demo-label{margin-left:auto;font-size:9px;letter-spacing:1px;color:#b6c9e7}.demo-body{padding:26px}.demo-heading{display:flex;justify-content:space-between;align-items:center}.demo-heading small{font-size:10px;letter-spacing:1px;color:var(--muted)}.demo-heading h2{font-size:25px;letter-spacing:-1px;margin-top:7px}.avatar{background:var(--pale);border-radius:50%;padding:7px 15px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.stats>div{padding:15px;background:#f2f5fb;border-radius:8px}.stats small{display:block;font-size:11px}.stats b{font-size:34px;display:block;line-height:1.4}.stats span{font-size:10px;color:var(--muted)}.agenda-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.agenda-head span{color:var(--muted)}.job{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0f5;padding:16px 0;font-size:11px}.job time{color:var(--muted)}.job div{flex:1}.job small{display:block;color:var(--muted);font-size:10px}.pill{padding:3px 7px;border-radius:5px;background:#e4eee9;color:#356951;font-size:9px}.pale{background:var(--pale);color:var(--blue)}.demo-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf0f5;padding-top:18px;font-size:10px;color:var(--muted)}.floating{position:absolute;bottom:-31px;right:-18px;display:flex;align-items:center;gap:13px;background:white;box-shadow:0 15px 40px #153a7420;border:1px solid #e3eaf6;border-radius:10px;padding:15px 24px;transform:rotate(2deg)}.floating>span{background:var(--blue);color:white;border-radius:50%;width:30px;text-align:center}.floating b{font-size:13px}.floating small{display:block;font-size:11px;color:var(--muted)}.principles{display:flex;justify-content:center;gap:65px;padding:25px 25px;border-block:1px solid #e4eaf3;background:#f9fbff;font-size:14px;font-weight:500}.principles span:before{content:'+';color:var(--blue);margin-right:12px}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin-bottom:45px}.section-heading h2,.faq h2{font-size:43px}.section-heading p:not(.eyebrow){margin:0;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.services article{padding:30px;border:1px solid #dde5f0;border-radius:10px;min-height:240px}.number{font-size:11px;letter-spacing:1px;color:var(--blue);font-weight:700}.services h3{font-size:22px;letter-spacing:-.7px;margin:26px 0 13px}.services p{font-size:15px;color:var(--muted);margin:0}.services .ai{grid-column:span 2;background:var(--navy);color:white;padding-right:75px}.ai .number{color:#90b0ff}.ai p{color:#ccd8eb;max-width:530px}.tag{display:inline-block;margin-top:17px;color:#a8c0ff;font-size:10px;letter-spacing:1px}.sector-section{background:var(--pale);padding:85px 0}.sector-buttons{display:flex;gap:12px;flex-wrap:wrap}.sector-buttons button{border:1px solid #ced9ee;border-radius:100px;padding:12px 22px;background:transparent;color:var(--navy);font-size:14px;cursor:pointer}.sector-buttons button.active{background:var(--navy);border-color:var(--navy);color:white}.sector-content{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;margin-top:45px;min-height:225px}.sector-content .eyebrow{font-size:11px;margin-bottom:18px}.sector-content h3{font-size:32px;letter-spacing:-1px}.sector-content p:not(.eyebrow){max-width:500px;color:var(--muted)}.sector-content ul{list-style:none;padding:0;margin:0;align-self:center}.sector-content li{border-bottom:1px solid #d5dfee;padding:13px 0;font-size:15px}.sector-content li:before{content:'✓';color:var(--blue);margin-right:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:55px}.steps b{font-size:14px;color:var(--blue);border-top:2px solid var(--blue);padding-top:15px;display:block}.steps h3{font-size:24px;letter-spacing:-.5px;margin-top:25px}.steps p{color:var(--muted);font-size:15px}.security{display:flex;gap:35px;margin-top:65px;padding:40px;background:#f6f8fc;border-radius:12px}.security-mark{background:var(--navy);color:white;flex-shrink:0;width:52px;height:60px;border-radius:12px 12px 24px 24px;display:grid;place-items:center;font-size:26px}.security .eyebrow{margin-bottom:12px}.security h3{font-size:27px;letter-spacing:-.7px}.security p:last-child{max-width:790px;color:var(--muted);margin-bottom:0;font-size:15px}.pricing{background:var(--navy);color:white;border-radius:18px;padding:65px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.pricing h2{font-size:45px}.pricing h2 span{color:#82a6ff}.pricing .eyebrow{color:#a5c0ff;font-size:11px}.pricing p{color:#c0cfe4;font-size:15px}.pricing-options article{padding:0 0 24px;margin-bottom:25px;border-bottom:1px solid #38506f}.pricing-options article>span{font-size:11px;letter-spacing:1.2px;color:#a5c0ff}.pricing-options h3{font-size:22px;letter-spacing:-.4px;margin-top:12px}.pricing-options p{margin-bottom:0}.pricing .price-note{font-size:12px}.faq{max-width:990px}.faq h2{margin-bottom:35px}.faq details{border-bottom:1px solid #dce4ef;padding:22px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary:after{content:'+';color:var(--blue);font-size:22px}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);max-width:750px;margin-bottom:0}.contact{background:#edf3ff;padding:85px 0}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:48px}.contact h2 span{color:var(--blue)}.contact p:not(.eyebrow){max-width:470px;color:var(--muted)}.location{font-size:14px;display:block;margin-top:35px}form{background:white;padding:30px;border:1px solid #dbe4f5;border-radius:12px}label{display:block;font-size:14px;font-weight:500;margin-bottom:17px}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #d6dfec;border-radius:6px;padding:12px;color:var(--navy);background:#fcfdff;font-size:15px;resize:vertical}input:focus,textarea:focus{outline:2px solid #89a9ff;outline-offset:1px}.form-note{font-size:12px!important;line-height:1.5}#form-status{font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:35px;padding-bottom:35px}footer>span{font-size:12px;color:var(--muted)}@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:130px}}@media(max-width:1000px){header{padding:0 28px}nav{gap:18px}.hero{gap:30px}h1{font-size:53px}.hero-copy .intro{font-size:16px}.demo-body{padding:18px}.demo-top strong{font-size:10px}.demo-label{display:none}.job{gap:7px}.principles{gap:25px;font-size:12px}.section-heading{gap:45px}.section-heading h2,.faq h2{font-size:36px}.pricing{margin:0 25px;padding:45px;gap:40px}.pricing h2{font-size:36px}.contact-inner{gap:40px}.contact h2{font-size:40px}}@media(max-width:720px){header{height:83px;padding:0 22px}.logo{font-size:32px}nav{display:none}.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:75px;gap:45px}h1{font-size:52px;letter-spacing:-2.8px}.eyebrow{font-size:10px}.intro{max-width:520px}.demo{margin:0 8px}.demo-body{padding:22px}.floating{right:-7px;padding:12px 17px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:23px}.section{padding-top:65px;padding-bottom:65px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.section-heading h2,.faq h2{font-size:34px}.services{grid-template-columns:1fr}.services article{min-height:0;padding:25px}.services .ai{grid-column:auto;padding-right:25px}.services h3{margin-top:18px}.sector-section{padding:60px 0}.sector-buttons{gap:8px}.sector-buttons button{font-size:12px;padding:10px 14px}.sector-content{grid-template-columns:1fr;gap:15px;margin-top:32px}.sector-content h3{font-size:29px}.steps{grid-template-columns:1fr;gap:20px;margin-top:30px}.steps h3{margin-top:16px}.security{padding:25px;gap:15px;margin-top:35px}.security-mark{width:32px;height:40px;font-size:18px}.security h3{font-size:23px}.pricing{grid-template-columns:1fr;margin:0 15px;padding:35px 25px;gap:25px;border-radius:12px}.pricing h2{font-size:35px}.contact{padding:60px 0}.contact-inner{grid-template-columns:1fr;gap:30px}.contact h2{font-size:42px}form{padding:23px}.location{margin-top:20px}footer{flex-wrap:wrap}footer>span:last-child{width:100%}.section-heading .eyebrow{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Bespoke sample dashboard */
.dashboard{transform:rotate(-1.5deg);min-width:0}.dashboard .demo-body{padding:22px}.dashboard .demo-heading h2{font-size:23px}.dashboard .demo-heading small{font-size:10px}.dashboard-metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:9px;margin:20px 0 16px}.dashboard-metrics>div{background:#f3f6fc;border:1px solid #e8edf7;border-radius:8px;padding:12px 10px;min-width:0}.dashboard-metrics>div:first-child{background:#255eff;border-color:#255eff;color:white}.dashboard-metrics small{font-size:10px;display:block;white-space:nowrap}.dashboard-metrics b{font-size:24px;letter-spacing:-1px;display:block;line-height:1.5}.dashboard-metrics>div>span{font-size:9px;display:block;color:#6b7890;white-space:nowrap}.dashboard-metrics>div:first-child>span{color:#d6e4ff}.dashboard-metrics .metric-unit{font-weight:400;letter-spacing:0;font-size:10px}.dashboard-metrics .trend{color:#27704f}.chart-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:10px;margin-bottom:20px}.revenue-chart,.job-chart{border:1px solid #e4eaf4;border-radius:8px;padding:12px 10px;min-width:0}.chart-heading{display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:10px;margin-bottom:7px}.chart-heading>span{font-size:9px;color:#718098}.revenue-svg{display:block;width:100%;height:126px}.donut{width:90px;height:90px;border-radius:50%;background:conic-gradient(#255eff 0 75%,#e7edfa 75% 100%);display:grid;place-items:center;margin:10px auto 9px;transform:rotate(-90deg)}.donut>div{width:70px;height:70px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.donut b{font-size:22px;letter-spacing:-1px;line-height:1.3}.donut b span{font-size:12px;color:#7c889d;font-weight:400}.donut small{font-size:8px;color:#788599}.chart-key{display:flex;justify-content:center;gap:8px;font-size:8px;color:#778398}.chart-key span{display:flex;align-items:center;gap:3px}.chart-key i{width:5px;height:5px;border-radius:50%;background:#255eff}.chart-key span:last-child i{background:#e0e8f8}.schedule-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:10px}.schedule-header strong span{font-weight:400;background:#eff3fb;border-radius:4px;padding:2px 6px;font-size:9px;margin-left:5px}.schedule-header>span{font-size:10px;color:#7a879a}.dashboard .job{padding:12px 0;gap:9px}.dashboard .current-job{background:#f0f5ff;border-radius:6px;margin:0 -7px;padding:12px 7px;border-top-color:transparent;box-shadow:inset 3px 0 #255eff}.team-avatar{border-radius:50%;background:#eef0f4;color:#69758a;font-size:8px;width:23px;height:23px;display:grid;place-items:center;flex-shrink:0}.blue-avatar{color:#255eff;background:#e0eaff}.neutral-pill{color:#6a768a;background:#f0f2f6}.dashboard .demo-bottom{font-size:8px;padding-top:13px}.dashboard .floating{bottom:-24px;right:-19px;transform:rotate(1.5deg)}
@media(min-width:1100px){.hero{grid-template-columns:1fr 1.12fr;gap:45px}.dashboard .demo-body{padding:24px}.dashboard-metrics b{font-size:27px}}
@media(max-width:1000px) and (min-width:721px){.dashboard .demo-body{padding:13px}.dashboard-metrics{gap:5px}.dashboard-metrics>div{padding:9px 6px}.dashboard-metrics small{font-size:8px}.dashboard-metrics b{font-size:21px}.dashboard-metrics>div>span{font-size:7px}.chart-grid{gap:6px;grid-template-columns:1.6fr 1fr}.revenue-chart,.job-chart{padding:8px 6px}.chart-heading{font-size:8px}.donut{width:75px;height:75px}.donut>div{width:59px;height:59px}.chart-key{font-size:6px;gap:4px}.dashboard .job{gap:5px}.dashboard .team-avatar{display:none}}
@media(max-width:720px){.dashboard{margin:0;transform:none}.dashboard .demo-body{padding:17px}.dashboard .floating{transform:none;right:-4px}.dashboard-metrics{gap:7px}.dashboard-metrics>div{padding:10px 8px}.dashboard-metrics b{font-size:23px}.dashboard-metrics small{font-size:9px}.dashboard-metrics>div>span{font-size:8px}.chart-grid{gap:8px}.revenue-chart,.job-chart{padding:10px 7px}.chart-heading{font-size:9px}.revenue-svg{height:125px}.chart-key{font-size:7px;gap:5px}.dashboard .demo-bottom{font-size:7px}.dashboard .job{font-size:10px}.dashboard .job small{font-size:9px}.dashboard .team-avatar{width:20px;height:20px}.dashboard .pill{font-size:8px}}
@media(max-width:380px){.dashboard .demo-body{padding:12px}.dashboard-metrics small{font-size:8px}.dashboard-metrics>div>span{font-size:7px}.dashboard-metrics b{font-size:21px}.dashboard .team-avatar{display:none}.donut{width:78px;height:78px}.donut>div{width:61px;height:61px}.chart-key{font-size:6px}.chart-heading>span{font-size:8px}}

/* Scroll-led interaction layer: readable without JavaScript. */
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:#255eff;transform-origin:left;transform:scaleX(0);z-index:100;pointer-events:none}header{position:relative;z-index:5}.hero{perspective:1200px}.dashboard{will-change:transform}.build-story{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start;margin-top:65px}.story-preview{position:sticky;top:60px;background:var(--navy);color:white;border-radius:18px;min-height:420px;overflow:hidden;box-shadow:0 25px 70px #102d571a}.story-top{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid #ffffff20;gap:15px}.story-top .logo{font-size:21px}.story-top>span:last-child{font-size:8px;letter-spacing:1.3px;color:#a8bcda}.story-stage{padding:34px;min-height:335px}.story-stage[hidden]{display:none}.story-stage .eyebrow{color:#92b2ff;font-size:10px;margin-bottom:17px}.story-stage h3{font-size:35px;letter-spacing:-1.2px}.brief-tile{font-size:17px;background:#ffffff0d;border:1px solid #ffffff20;border-radius:10px;padding:20px;margin-top:24px;color:#e2eafe}.story-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:19px}.story-chips span{font-size:10px;padding:5px 10px;border:1px solid #5e7fac;border-radius:20px;color:#b4caff}.workflow-row{display:flex;justify-content:space-between;border:1px solid #ffffff20;background:#ffffff0a;border-radius:8px;padding:11px 16px;margin-top:12px;font-size:14px}.workflow-row b{color:#8fb0ff}.story-caption{font-size:12px;color:#acc0de}.launch-stat{background:#255eff;border-radius:10px;margin-top:24px;padding:20px}.launch-stat strong{font-size:30px;display:block;line-height:1.2}.launch-stat span{font-size:12px;color:#d7e3ff}.launch-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;font-size:11px;color:#c4d7f5}.story-track{display:flex;gap:7px;padding:0 34px 25px}.story-track span{height:3px;background:#304869;flex:1;border-radius:3px;transition:background .4s}.story-track span.active{background:#82a9ff}.build-story .steps{display:block;margin:0}.build-story .steps article{min-height:380px;padding:75px 0 65px;transition:opacity .4s}.build-story .steps article h3{font-size:32px}.build-story .steps article p{font-size:17px}.build-story .steps article b{max-width:55px}.build-story .steps article:last-child{padding-bottom:20px}.motion-on .build-story .steps article{opacity:.38}.motion-on .build-story .steps article.story-active{opacity:1}.motion-on .reveal-ready{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-on .reveal-ready.is-visible{opacity:1;transform:none}.story-stage.stage-enter{animation:stage-in .55s cubic-bezier(.2,.7,.2,1) both}.story-stage.stage-enter .workflow-row{animation:stage-in .55s both}.story-stage.stage-enter .workflow-row:nth-of-type(2){animation-delay:.08s}.story-stage.stage-enter .workflow-row:nth-of-type(3){animation-delay:.16s}.services article{transition:transform .25s,box-shadow .25s,border-color .25s}.services article:hover{transform:translateY(-6px);box-shadow:0 18px 38px #102b5410;border-color:#9eb8ff}.sector-content.sector-enter{animation:stage-in .45s ease both}.dashboard.chart-enter .revenue-svg>path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:draw-chart 1.7s .2s ease forwards}.dashboard.chart-enter .revenue-svg>path[fill]{animation:fade-chart 1.5s ease both}.dashboard.chart-enter .donut{animation:donut-in 1.1s ease both}.dashboard.chart-enter .floating{animation:notification-in .7s 1.15s both}.pricing{position:relative;overflow:hidden}.pricing:before{content:'';position:absolute;width:360px;height:360px;border:1px solid #ffffff16;border-radius:50%;left:-210px;top:-210px;transform:translateY(var(--ring-shift,0px));pointer-events:none}.pricing:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #ffffff0d;border-radius:50%;left:-240px;top:-240px;transform:translateY(var(--ring-shift,0px));pointer-events:none}.pricing>div{position:relative;z-index:1}@keyframes draw-chart{to{stroke-dashoffset:0}}@keyframes fade-chart{from{opacity:0}to{opacity:1}}@keyframes stage-in{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes donut-in{from{opacity:0;transform:rotate(-155deg) scale(.85)}to{opacity:1;transform:rotate(-90deg) scale(1)}}@keyframes notification-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.build-story{gap:35px}.story-stage{padding:26px}.story-top{padding:19px}.story-stage h3{font-size:30px}.story-top>span:last-child{font-size:7px}.build-story .steps article{min-height:370px}}@media(max-width:720px){.build-story{grid-template-columns:1fr;gap:20px;margin-top:35px}.story-preview{top:12px;z-index:3;min-height:0;box-shadow:0 12px 35px #102d5724}.story-top{padding:12px 20px}.story-top .logo{font-size:19px}.story-top>span:last-child{font-size:8px}.story-stage{padding:20px;min-height:245px}.story-stage h3{font-size:26px}.story-stage h3 br{display:none}.story-stage .eyebrow{margin-bottom:10px}.brief-tile{margin-top:15px;padding:14px;font-size:14px}.story-chips{margin-top:12px}.story-track{padding:0 20px 15px}.workflow-row{padding:7px 12px;margin-top:8px;font-size:12px}.story-caption{margin-bottom:0}.launch-stat{margin-top:15px;padding:14px}.launch-stat strong{font-size:26px}.launch-list{gap:10px;margin-top:12px}.build-story .steps article{min-height:330px;padding:38px 0 95px}.build-story .steps article h3{font-size:27px}.build-story .steps article p{font-size:16px}.build-story .steps article:last-child{min-height:300px}.dashboard{will-change:auto}}
@media(prefers-reduced-motion:reduce){.motion-on .reveal-ready{opacity:1;transform:none}.story-stage.stage-enter,.story-stage.stage-enter .workflow-row,.sector-content.sector-enter,.dashboard.chart-enter .revenue-svg>path,.dashboard.chart-enter .donut,.dashboard.chart-enter .floating{animation:none!important}.dashboard.chart-enter .revenue-svg>path[stroke]{stroke-dashoffset:0}.dashboard{transform:none!important}.services article:hover{transform:none}.motion-on .build-story .steps article{opacity:1}.story-preview{position:relative;top:auto}.build-story .steps article{min-height:0;padding:25px 0}.scroll-progress{display:none}}

/* Immersive product convergence */
.hero-copy h1{animation:hero-type .9s cubic-bezier(.2,.8,.2,1) both}.hero-copy .intro{animation:hero-type .9s .12s both}.hero-copy>.button{animation:hero-type .9s .24s both}.hero{position:relative}.hero:before{content:'';position:absolute;inset:-50px -5% 0 45%;z-index:-1;background:radial-gradient(ellipse at 65% 45%,#dfeaff 0%,#f5f8ff 40%,transparent 70%);pointer-events:none}.connect-scene{height:240vh;position:relative;background:#071b38;color:white}.connect-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:55px 30px 30px;background:radial-gradient(ellipse at 50% 65%,#123b76,transparent 65%)}.connect-title{text-align:center;z-index:3}.connect-title .eyebrow{color:#8aafff;margin-bottom:16px}.connect-title h2{font-size:clamp(32px,3.5vw,52px);letter-spacing:-2px}.connect-title h2 span{color:#87a9ff}.connect-stage{position:relative;width:100%;max-width:1050px;flex:1;min-height:370px;display:grid;place-items:center;perspective:1100px}.orbit-ring{position:absolute;border:1px solid #8eb7ff20;border-radius:50%;width:540px;height:540px;left:50%;top:50%;translate:-50% -50%;pointer-events:none}.ring-two{width:740px;height:740px;border-style:dashed;border-color:#8eb7ff12}.task-card{position:absolute;width:265px;min-height:100px;padding:19px;display:flex;gap:12px;align-items:center;background:#fff;color:#0a2345;border:1px solid #c8d9f5;border-radius:13px;box-shadow:0 15px 55px #0003;z-index:4;left:calc(50% - 132px);top:calc(50% - 50px);will-change:transform,opacity}.task-icon{font-size:12px;font-weight:700;display:grid;place-items:center;background:#eaf0ff;border-radius:9px;color:#255eff;width:33px;height:38px;flex-shrink:0}.task-card small{font-size:8px;letter-spacing:1px;color:#6c7f9d;display:block}.task-card b{font-size:13px;display:block;margin:3px 0}.task-card div>span{font-size:9px;color:#6e7c90;display:block}.task-one{transform:translate(-310px,-115px) rotate(-9deg)}.task-two{transform:translate(310px,-100px) rotate(8deg)}.task-three{transform:translate(-305px,135px) rotate(5deg)}.task-four{transform:translate(305px,135px) rotate(-7deg)}.unified-app{background:white;color:#0a2345;width:370px;border-radius:15px;box-shadow:0 30px 90px #0005;border:1px solid #e4ecfb;z-index:2;transform:scale(.7);opacity:.25;will-change:transform,opacity}.unified-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px;border-bottom:1px solid #e6ecf6}.unified-top .logo{font-size:21px}.unified-top>span:last-child{font-size:8px;letter-spacing:1px;color:#738198}.unified-body{padding:22px}.unified-greeting{font-size:11px;color:#6b7890}.unified-body h3{font-size:30px;letter-spacing:-1px;margin:6px 0 18px}.unified-tabs{display:flex;gap:21px;border-bottom:1px solid #e2e9f3;font-size:10px;color:#7b8799}.unified-tabs span{padding-bottom:9px}.unified-tabs span:first-child{color:#255eff;border-bottom:2px solid #255eff}.unified-kpis{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;margin:15px 0}.unified-kpis>div{padding:12px;border-radius:8px;background:#eff4ff}.unified-kpis>div:last-child{background:#255eff;color:white}.unified-kpis small{display:block;font-size:10px}.unified-kpis b{font-size:26px}.unified-flow{display:flex;align-items:center;gap:7px;font-size:9px;color:#41699d;margin:20px 0}.unified-flow i{flex:1;height:1px;background:#b9ceee}.unified-job{display:flex;gap:9px;align-items:center;border:1px solid #dce6f5;padding:11px;border-radius:7px;font-size:10px}.unified-job small{display:block;color:#7b879c;font-size:8px}.unified-job>span:last-child{margin-left:auto;font-weight:700}.unified-check{color:#2a7859;background:#e7f4ed;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.connect-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1050px;gap:20px;font-size:12px;color:#aec5e8;z-index:5;padding-top:16px}.connect-bottom a{color:white;border-bottom:1px solid #7999cc;padding-bottom:3px}.scroll-cue{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.scroll-cue i{width:40px;height:2px;background:#4c6e9e;position:relative;overflow:hidden}.scroll-cue i:after{content:'';position:absolute;width:20px;height:2px;background:#a0bfff;animation:cue-slide 1.8s infinite ease-in-out}.scene-caption{min-width:210px}.hero-copy h1 span{background:linear-gradient(100deg,#255eff 15%,#719dff 45%,#255eff 75%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:blue-sweep 7s ease-in-out infinite}@keyframes hero-type{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes blue-sweep{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes cue-slide{0%{transform:translateX(-20px)}100%{transform:translateX(50px)}}
@media(max-width:1000px){.task-card{width:225px;left:calc(50% - 112px);padding:13px;min-height:88px}.connect-title h2{font-size:40px}}@media(max-width:720px){.connect-scene{height:230svh}.connect-sticky{padding:35px 18px 20px;min-height:580px}.connect-title h2{font-size:30px;letter-spacing:-1px}.connect-title .eyebrow{font-size:9px}.connect-stage{min-height:340px}.unified-app{width:290px}.unified-top{padding:13px 17px}.unified-body{padding:16px}.unified-body h3{font-size:25px;margin-bottom:12px}.unified-kpis{margin:12px 0}.unified-kpis>div{padding:9px}.unified-kpis b{font-size:22px}.unified-flow{margin:15px 0}.task-card{width:175px;left:calc(50% - 87px);min-height:82px;padding:12px;gap:7px}.task-icon{width:23px;height:30px;font-size:10px}.task-card b{font-size:10px}.task-card small{font-size:7px}.task-card div>span{font-size:8px}.orbit-ring{width:350px;height:350px}.ring-two{width:490px;height:490px}.connect-bottom{font-size:10px;gap:8px;flex-wrap:wrap}.scene-caption{min-width:0}.scroll-cue{display:none}.hero:before{inset:0;max-width:100%}}@media(prefers-reduced-motion:reduce){.hero-copy h1,.hero-copy .intro,.hero-copy>.button,.hero-copy h1 span,.scroll-cue i:after{animation:none}.connect-scene{height:auto}.connect-sticky{position:relative;height:auto;min-height:0;padding:45px 20px}.connect-stage{min-height:450px}.task-card{display:none}.unified-app{transform:none!important;opacity:1!important}.scroll-cue{display:none}.scene-caption{display:none}}
.contact-mail{margin-top:6px}.contact-mail a{color:var(--navy);border-bottom:1px solid #c5d0e4}.contact-mail a:hover{color:var(--blue);border-bottom-color:var(--blue)}.form-lead{margin:0 0 18px;font-size:14px;font-weight:500;color:var(--muted)}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}altcha-widget{display:block;margin:0 0 18px;--altcha-border-radius:12px;--altcha-max-width:100%;--altcha-color-primary:#255eff;--altcha-color-base:#fff;--altcha-color-base-content:#0a2345;--altcha-border-color:#dbe4f5}footer a.mail{font-size:12px;color:var(--muted)}footer a.mail:hover{color:var(--blue)}
@property --donut-fill{syntax:"<percentage>";inherits:false;initial-value:75%}
.donut{--donut-fill:75%;background:conic-gradient(#255eff 0 var(--donut-fill),#e7edfa var(--donut-fill) 100%)}
.plot-dots circle,.plot-end{transform-box:fill-box;transform-origin:center}
.motion-on .plot-dots circle,.motion-on .plot-halo,.motion-on .plot-end{opacity:0}
.motion-on .dashboard.chart-enter .revenue-svg>path[stroke]{stroke-dashoffset:1;animation:draw-chart 2.15s .2s cubic-bezier(.22,.75,.28,1) forwards}
.motion-on .dashboard.chart-enter .revenue-svg>path[fill]:not([stroke]){animation:chart-fill 2.15s .2s ease both}
@keyframes chart-fill{from{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}
.motion-on .dashboard.chart-enter .plot-dots circle{animation:dot-pop .4s ease forwards}
.motion-on .dashboard.chart-enter .plot-dots circle:nth-child(1){animation-delay:.2s}
.motion-on .dashboard.chart-enter .plot-dots circle:nth-child(2){animation-delay:.63s}
.motion-on .dashboard.chart-enter .plot-dots circle:nth-child(3){animation-delay:1.06s}
.motion-on .dashboard.chart-enter .plot-dots circle:nth-child(4){animation-delay:1.49s}
.motion-on .dashboard.chart-enter .plot-dots circle:nth-child(5){animation-delay:1.92s}
.motion-on .dashboard.chart-enter .plot-end{animation:dot-pop .45s 2.25s ease forwards}
.motion-on .dashboard.chart-enter .plot-halo{animation:halo-pop .5s 2.25s ease forwards}
@keyframes dot-pop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
@keyframes halo-pop{from{opacity:0;transform:scale(.4)}to{opacity:.12;transform:scale(1)}}
.motion-on .dashboard.chart-enter .donut{animation:donut-sweep 1.55s .3s cubic-bezier(.22,.8,.28,1) both}
@keyframes donut-sweep{from{--donut-fill:0%}to{--donut-fill:75%}}
@media(prefers-reduced-motion:reduce){.plot-dots circle,.plot-halo,.plot-end{opacity:1!important;animation:none!important;transform:none}.plot-halo{opacity:.12!important}.motion-on .dashboard.chart-enter .revenue-svg>path[fill]{clip-path:none;animation:none!important;opacity:1}.donut{--donut-fill:75%}}