/* Moving Parts / airy product direction */
:root{--navy:#192335;--blue:#3270e8;--muted:#748091;--line:#e5e9f0;--soft:#f5f7fa}body{background:#f8f9fc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1120px;width:calc(100% - 80px)}.site-header{height:76px;position:sticky;top:0;z-index:20;max-width:none;padding:0 max(40px,calc((100vw - 1120px)/2));background:#ffffffbd;border-bottom:1px solid #ffffffcc;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.brand{font-size:20px;letter-spacing:-.8px;font-weight:650}.brand-mark{width:31px;height:31px;border-radius:9px;font-size:22px;background:linear-gradient(135deg,#72affb,#3265d7);box-shadow:inset 0 1px 2px #ffffff7a}.site-header nav{gap:31px;font-size:13px;font-weight:400;color:#627084}.button{border-radius:100px;background:#2771e9;box-shadow:0 4px 12px #2e69d519;padding:15px 25px;font-size:14px;font-weight:500;gap:14px}.button.small{font-size:12px;padding:10px 19px}.button:hover{background:#185aca;box-shadow:0 8px 22px #2e69d52b;transform:translateY(-2px)}.intro-scene{position:relative;isolation:isolate;padding-bottom:58px;overflow:hidden;background:radial-gradient(ellipse 53% 34% at 50% 57%,#d4e6ff90,transparent 100%),linear-gradient(#fcfdff 6%,#edf5ff 42%,#f8f9fc 92%)}.intro-scene:before{content:'';position:absolute;z-index:-1;width:110%;height:540px;left:-5%;top:365px;background:radial-gradient(ellipse at 25% 55%,#98d4f66b,transparent 45%),radial-gradient(ellipse at 80% 50%,#a5b9ff6b,transparent 45%);filter:blur(40px);animation:ambient 12s ease-in-out infinite alternate}.hero{display:block;text-align:center;padding:77px 0 67px}.hero-copy{max-width:1000px;margin:auto}.hero .eyebrow{letter-spacing:.05em;text-transform:none;font-size:14px;font-weight:500;color:#6b819d;margin-bottom:25px}.hero .live-dot{display:none}.hero h1{font-size:clamp(48px,6.9vw,92px);font-weight:600;letter-spacing:-.065em;line-height:1.055}.hero h1 em{color:#3776d9;background:linear-gradient(105deg,#467bd4 12%,#54a8df 48%,#797bd3 89%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lead{font-size:19px;line-height:1.65;margin-top:27px;color:#718198;letter-spacing:-.35px}.hero-actions{justify-content:center;gap:28px;margin-top:28px}.hero-actions .text-link{color:#407ac6;font-weight:400}.play{border:0;background:#ffffff8a;width:30px;height:30px}.hero .micro{margin-top:20px;font-size:12px;color:#6e7e91}.demo-section{max-width:1030px;position:relative}.demo-caption{padding:0 17px;margin-bottom:15px;color:#7f8da0;letter-spacing:0}.demo-caption>span:first-child{font-size:14px;font-weight:500;color:#65768e}.dashboard{position:relative;border:1px solid #fff;border-radius:22px;background:#f8faffd9;box-shadow:0 40px 80px -35px #2f5d9e47,0 0 0 7px #ffffff5c,0 1px 0 8px #dbe6f35e;backdrop-filter:blur(20px);transform-origin:center bottom;animation:arrive 1.15s cubic-bezier(.2,.8,.2,1) both}.dashboard-sidebar{background:#ffffffa6;border-color:#e4ebf480;width:156px}.dash-main{padding:0 25px 20px}.dash-top{height:55px}.mini-brand{font-size:27px;margin-bottom:20px;color:#598bca}.dashboard-sidebar>span:not(.mini-brand){font-size:13px}.dashboard-sidebar .side-active{background:#eaf2ff}.dash-title{margin:22px 0}.dash-title h2{font-size:26px;font-weight:550;letter-spacing:-.9px}.dash-title .eyebrow{font-size:12px;letter-spacing:1px}.kpis>div{border:0;box-shadow:0 1px 4px #17376005;border-radius:13px;background:#ffffffcf;padding:15px}.kpis strong{font-weight:500;font-size:34px}.kpis .kpi-risk{background:#fffbf2}.risk-label{font-size:10px!important;font-weight:500;letter-spacing:0}.forecast,.attention{border:0;border-radius:14px;background:#ffffffdf;padding:20px}.attention>h3{font-weight:550;font-size:20px;line-height:1.25}.attention p{font-size:12px}.attention .button{font-size:12px;padding:11px 12px;min-height:40px;box-shadow:none}.attention>.chip{font-size:10px!important}.forecast-number{font-size:31px;font-weight:500}.forecast-number span{font-size:12px}.chart{margin-top:15px}.chart-labels{color:#7e8b9d}.chip{border-radius:7px}.activity{margin-top:18px}.demo-foot{padding:8px 16px 0;color:#8290a3}.demo-foot a{color:#567eba}.industry-strip{border:0;padding:28px 0 42px;justify-content:center;gap:25px}.industry-strip>span{max-width:none;font-size:11px!important;color:#8794a7}.industry-strip p{font-size:12px}.industry-strip b{color:#bcc7d7}.section{padding:118px 0}h2{font-size:clamp(36px,4.4vw,60px);font-weight:550;letter-spacing:-.055em;line-height:1.08}.eyebrow{font-size:14px;letter-spacing:0;text-transform:none;font-weight:500;color:#7b8ca5;margin-bottom:22px}.problem{grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.problem h2{font-size:54px}.blue{color:#6795d5}.problem-right .section-intro{font-size:22px;font-weight:450;letter-spacing:-.55px;line-height:1.5;color:#38465b}.problem-right>p{line-height:1.8}.gap-list{margin-top:33px}.gap-list>div{padding:18px 0 18px 35px;border-color:#e8ecf2}.gap-list>div>span{font-size:12px;color:#7c9bbf}.gap-list strong{font-weight:500;font-size:15px}.gap-list p{font-size:13px}.how-section{background:#eef2f8;border-top:1px solid #fff;border-bottom:1px solid #fff}.section-head{align-items:center}.section-head>p{font-size:17px;line-height:1.8}.steps{gap:20px;margin-top:55px}.steps article{padding:35px 29px 32px;background:#ffffffbd;border:1px solid white;border-radius:25px;box-shadow:0 12px 40px #2b497705;transition:transform .4s}.steps article:hover{transform:translateY(-6px)}.step-number{font-size:24px;font-weight:450;color:#9ab6df;margin-bottom:45px}.step-number span{display:none}.steps h3{font-size:23px;font-weight:550}.steps p{color:#748299;line-height:1.75}.step-tag{letter-spacing:.7px;color:#7084a2;font-size:11px!important;margin-top:32px}.team{gap:95px}.team-copy>h2{font-size:50px}.tabs{background:#e9edf4;border-radius:100px;padding:5px;margin:30px 0;max-width:300px}.tabs button{border-radius:100px;font-weight:450;padding:11px}.team [role=tabpanel]>h3{font-size:22px;font-weight:500}.team [role=tabpanel]>p{line-height:1.8}.check-list{font-size:14px}.worker-stage{background:radial-gradient(ellipse at 18% 30%,#e0edff,transparent 65%),linear-gradient(155deg,#edf3fc,#e7eafa);border-radius:35px;min-height:610px;padding:47px 27px 30px;border:1px solid white}.worker-app{border:5px solid #fff;border-radius:31px;box-shadow:0 25px 55px -20px #385b9940,0 0 0 1px #d7e2f4;padding:23px;transform:rotate(-3deg);transition:transform .6s}.worker-app:hover,.worker-app:focus-within{transform:rotate(0)}.worker-app h3{font-size:22px;font-weight:550}.worker-app .eyebrow{font-size:12px}.phone-top{margin-bottom:25px;font-weight:550}.phone-top .chip{font-size:10px!important}.job-card{background:#f5f8fe;border:0;border-radius:13px}.job-card>span{font-size:11px!important}.worker-action{font-size:13px;border-radius:15px;padding:17px 10px}.worker-action small{font-size:11px!important}.worker-feedback{font-size:12px}.phone-bottom{font-size:11px!important}.stage-caption{font-size:10px!important;letter-spacing:.7px;margin-top:30px;color:#6c7f9d}.manager-card{border-radius:23px;box-shadow:0 20px 50px #35538216}.manager-card dl div{font-size:14px}.supply-section{padding-bottom:118px;gap:95px}.supply-card{border-radius:27px;background:linear-gradient(155deg,#fff,#f3f7ff);border:1px solid #fff;padding:35px;box-shadow:0 25px 70px -30px #41658c38;transform:rotate(1deg)}.supply-card .eyebrow{font-size:12px}.supply-card>h3{font-size:36px;font-weight:500}.supplier-row{padding:21px 0}.supplier-row div span{font-size:12px}.approval-note{border-radius:11px;background:#eaf1fc;padding:17px}.supply-section>div>p:not(.eyebrow){line-height:1.8}.offline-section{position:relative;overflow:hidden;border-radius:35px;padding:66px;background:radial-gradient(ellipse at 95% 20%,#284d82 0,transparent 65%),linear-gradient(145deg,#172942,#142135);gap:65px;box-shadow:0 25px 50px -30px #1b365954}.offline-section h2{font-size:40px}.offline-section .eyebrow{color:#9cb9e6;font-size:13px}.offline-section p{line-height:1.8;color:#b5c5dc}.offline-demo{background:#d4e8ff0e;border:1px solid #ffffff26;backdrop-filter:blur(18px);border-radius:23px;padding:26px}.offline-demo .button{border-radius:100px;background:#ffffff14;border-color:#ffffff30}.offline-toggle{font-size:14px}.sync-event strong{font-size:16px;font-weight:500}.value{gap:80px}.value>div>p:not(.eyebrow){line-height:1.8}.calculator{border-radius:25px;background:#fff;border-color:white;box-shadow:0 20px 60px -30px #30507b2b}.calc-inputs{padding:33px}.calc-inputs label{font-size:14px}.cost-input{border-radius:11px;background:#f8faff}.calc-result{background:linear-gradient(120deg,#ecf4ff,#f0f0fb);border-color:white;padding:29px 33px}.calc-result strong{font-size:58px;font-weight:500;letter-spacing:-3px;color:#588bcf}.calc-result>span{font-size:11px!important}.cta{padding:93px 25px;border-radius:35px;border-color:white;background:radial-gradient(ellipse at 20% 90%,#dceeff,transparent 70%),radial-gradient(ellipse at 90% 20%,#e8e8ff,transparent 70%),#f0f6ff}.cta h2{font-size:64px;font-weight:550}.cta .blue{background:linear-gradient(100deg,#5188da,#73a5d3,#878bd0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta p:not(.eyebrow){font-size:18px;line-height:1.75}.cta .micro{margin-top:20px}footer{padding:45px 0 40px}footer .brand{font-weight:550}.text-link{font-weight:450}.reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.awaiting{opacity:0;transform:translateY(26px)}dialog{border-radius:25px;border:1px solid white;box-shadow:0 40px 150px #0d234a30;background:#fbfdff}dialog::backdrop{background:#192b455c;backdrop-filter:blur(12px)}@keyframes ambient{to{transform:translate3d(3%,-20px,0) scale(1.08)}}@keyframes arrive{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.hero{padding:70px 0 60px}.hero h1{font-size:76px}.risk-label{display:none}.problem,.team,.supply-section,.value{gap:45px}.problem h2,.team-copy>h2{font-size:43px}.section{padding:90px 0}.offline-section{padding:42px;gap:32px}.offline-section h2{font-size:34px}.industry-strip{gap:17px}.steps article{padding:29px 22px}.steps h3{font-size:21px}}
@media(max-width:800px){.site-header{padding:0 30px;height:68px}.hero h1{font-size:64px}.hero .lead{font-size:18px}.wrap{width:calc(100% - 48px)}.dashboard-sidebar{width:60px}.dash-main{padding:0 17px 17px}.kpis>div{padding:12px}.forecast,.attention{padding:15px}.attention>h3{font-size:18px}.attention .button{font-size:12px}.dash-grid{grid-template-columns:1.1fr 1fr}.industry-strip>span{width:100%;text-align:center}.problem h2,.team-copy>h2{font-size:38px}.worker-stage{min-height:580px;padding:32px 17px 24px}.worker-app{padding:16px;transform:none}.phone-top{flex-wrap:wrap;gap:8px}.supply-card{padding:25px;transform:none}.supply-card .panel-heading{flex-wrap:wrap}.offline-section{grid-template-columns:1fr;gap:32px}.offline-section h2{font-size:40px}.cta h2{font-size:51px}.steps{gap:14px}.steps article{padding:25px 20px}.steps h3{font-size:20px}}
@media(max-width:600px){.site-header{height:64px;padding:0 20px}.site-header nav{display:none}.site-header .small{display:inline-flex;padding:9px 15px;font-size:12px}.brand{font-size:18px}.brand-mark{width:28px;height:28px;font-size:20px}.wrap{width:calc(100% - 40px)}.hero{padding:62px 0 53px}.hero .eyebrow{font-size:12px;letter-spacing:0;margin-bottom:22px}.hero h1{font-size:clamp(38px,10.3vw,59px);line-height:1.08;letter-spacing:-.06em}.hero .lead{font-size:16px;max-width:350px;margin:24px auto 0;line-height:1.65}.hero-actions{gap:18px;margin-top:25px}.hero-actions .button{font-size:13px;padding:14px 20px}.hero-actions .text-link{font-size:13px}.hero .micro{max-width:270px;margin:20px auto 0;font-size:12px}.intro-scene{padding-bottom:28px}.intro-scene:before{top:280px}.demo-section{width:calc(100% - 32px)}.demo-caption{padding:0 5px;gap:6px;justify-content:center}.demo-caption>span:first-child{display:none}.demo-caption>span:last-child{font-size:12px}.dashboard{border-radius:18px;box-shadow:0 25px 50px -25px #2f5d9e47,0 0 0 4px #ffffff7a}.dash-main{padding:0 13px 14px}.dash-title h2{font-size:23px}.dash-title .eyebrow{font-size:10px!important;letter-spacing:.6px}.dash-title .chip{font-size:10px!important}.kpis{gap:7px}.kpis>div{padding:12px 9px}.kpis>div>span{font-size:11px!important;line-height:1.3;display:block}.kpis strong{font-size:29px;line-height:1.55}.kpis small{display:none}.dash-grid{grid-template-columns:1fr}.forecast-number span{display:inline;font-size:12px}.forecast-number{font-size:29px}.attention{padding:20px}.attention>.chip{margin-top:15px}.attention>h3{font-size:23px}.attention p{font-size:14px}.attention .button{font-size:14px;min-height:44px}.activity p{font-size:11px!important}.activity>.muted{display:none}.demo-foot{padding:6px 4px;gap:10px;font-size:12px}.demo-foot>span{max-width:175px}.demo-foot>a{max-width:120px;text-align:right}.industry-strip{padding:22px 0 10px;gap:12px}.industry-strip>span{font-size:10px!important;letter-spacing:1px}.section{padding:75px 0}.problem{gap:33px;grid-template-columns:1fr}.problem h2{font-size:43px}.problem-right .section-intro{font-size:21px}.eyebrow{font-size:13px;margin-bottom:17px}.gap-list{margin-top:25px}.section-head h2{font-size:44px}.section-head>p{font-size:16px}.steps{grid-template-columns:1fr;gap:16px;margin-top:32px}.steps article{padding:30px;border-radius:24px}.step-number{margin-bottom:23px;font-size:26px}.steps h3{font-size:25px}.step-tag{margin-top:22px}.team{grid-template-columns:1fr;gap:32px}.team-copy>h2{font-size:42px}.worker-stage{min-height:0;padding:40px 28px 24px}.worker-app{padding:22px;transform:rotate(-2deg);max-width:305px}.supply-section{grid-template-columns:1fr;padding:0 0 75px;gap:35px}.supply-section h2{font-size:44px}.supply-card{padding:28px}.offline-section{padding:37px 24px;border-radius:28px}.offline-section .eyebrow{font-size:12px}.offline-section h2{font-size:33px}.offline-demo{padding:21px}.value{grid-template-columns:1fr;gap:30px}.value h2{font-size:44px}.calc-inputs{padding:25px}.calc-result{padding:25px}.calc-result strong{font-size:53px}.cta{padding:62px 22px;border-radius:28px}.cta h2{font-size:40px}.cta .eyebrow{font-size:13px}.cta p:not(.eyebrow){font-size:16px}.cta .button{font-size:13px}footer{padding:33px 0}.reveal.awaiting{transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){.intro-scene:before,.dashboard{animation:none}.reveal.awaiting{opacity:1;transform:none}.worker-app{transform:none}.reveal{transition:none}}