:root{--blue:#2440f0;--ink:#141a33;--muted:#626a7d;--cloud:#dce3ff;--line:#e3e7f1;--soft:#f4f6fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:500 16px/1.6 Quicksand,system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em;text-wrap:balance}img{max-width:100%}.container{width:min(1180px,100% - 48px);margin-inline:auto}.skip{position:fixed;top:-90px;left:16px;z-index:99;background:var(--blue);color:white;padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid #8fa0ff;outline-offset:4px}.header{position:sticky;top:0;z-index:30;background:#ffffffef;backdrop-filter:blur(15px);border-bottom:1px solid #eef1f7}.header-inner{display:flex;align-items:center;gap:38px;height:84px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.brand>span{font-size:27px;font-weight:700;letter-spacing:-1.5px}.brand b{color:var(--blue)}.header nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:700}.header nav a{text-decoration:none;color:var(--muted)}.header nav a:hover{color:var(--blue)}.login{display:inline-flex;gap:22px;align-items:center;padding:10px 18px;border-radius:12px;border:1px solid var(--line);text-decoration:none;font-size:14px;font-weight:700}.login:hover{background:var(--soft)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:54px;padding-block:84px 78px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:99px;background:#eef1ff;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.03em}.eyebrow>span{width:6px;height:6px;background:var(--blue);border-radius:50%}.hero h1{font-size:clamp(48px,5.7vw,74px);letter-spacing:-.055em;margin:24px 0;line-height:1.02}.hero h1 em{font-style:normal;color:var(--blue);position:relative}.hero h1 em:after{content:'';position:absolute;height:7px;border-radius:8px;background:var(--cloud);left:2px;right:0;bottom:-5px;z-index:-1}.lead{max-width:490px;font-size:18px;line-height:1.7;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 19px;min-height:50px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:700;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white}.primary:hover{background:#1b31c4}.secondary{background:var(--soft)}.secondary:hover{background:var(--cloud)}.hero-note{margin-top:22px;color:var(--muted);font-size:11px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.check{color:var(--blue);font-weight:700;margin-left:10px}.check:first-child{margin-left:0}.hero-visual{position:relative;background:linear-gradient(145deg,#2440f0,#5269f5);border-radius:28px;padding:22px;box-shadow:0 28px 70px -32px #2440f078;transform:rotate(-1.5deg)}.hero-visual:before{content:'';width:160px;height:160px;position:absolute;right:-30px;top:-22px;background-image:radial-gradient(#bbc7ff 1.5px,transparent 1.5px);background-size:14px 14px;z-index:-1}.visual-heading{display:flex;align-items:center;justify-content:space-between;color:#fff;margin-bottom:18px;gap:10px}.visual-logo{display:flex;gap:7px;align-items:center;font-weight:700;font-size:15px;letter-spacing:-.5px}.visual-logo img{border:1px solid #8192ff;border-radius:10px}.visual-caption{font-size:10px;padding:4px 9px;border:1px solid #ffffff44;border-radius:30px;color:#e2e7ff}.dashboard{background:white;padding:23px;border-radius:17px}.dashboard-title{display:flex;gap:12px;align-items:center;justify-content:space-between}.dashboard-title small{font-size:8px;letter-spacing:1px;color:var(--muted);font-weight:700}.dashboard-title h2{font-size:21px;margin-top:5px;letter-spacing:-.03em}.period{font-size:10px;color:var(--muted);background:var(--soft);padding:5px 10px;border-radius:7px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.metrics>div{background:var(--soft);border-radius:10px;padding:12px}.metrics span{display:block;font-size:10px;color:var(--muted)}.metrics b{font-size:28px;line-height:1.1;display:block;margin-top:5px;color:var(--ink);letter-spacing:-1px}.metrics>div:nth-child(2){background:#eef2ff}.metrics>div:nth-child(2) b{color:var(--blue)}.metrics .metric-check{display:inline;margin-left:12px;font-size:19px;color:#8293ff}.metrics b.amber{color:#b87c11}.progress-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:10px}.progress-heading>span{color:var(--muted);font-size:8px}.workflow{display:flex;align-items:flex-start;justify-content:space-between;margin:18px 0 36px;gap:4px}.workflow>span{flex-shrink:0;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:#8990a2;font-size:10px;position:relative}.workflow .done{background:#e2f4ea;color:#128a4e}.workflow .active{background:var(--blue);color:white;box-shadow:0 0 0 4px #eef1ff}.workflow small{position:absolute;top:34px;font-size:7px;white-space:nowrap;color:var(--muted)}.workflow>i{height:2px;background:var(--line);flex:1;margin-top:13px}.sample-jobs>div{display:flex;align-items:center;gap:9px;border-top:1px solid #eff2f7;padding:12px 0}.sample-jobs>div:last-child{padding-bottom:0}.job-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;font-size:15px;font-weight:700;flex-shrink:0}.sample-jobs b{display:block;font-size:10px;letter-spacing:-.02em}.sample-jobs small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.sample-jobs .badge{margin-left:auto;font-size:7px;font-weight:700;padding:4px 7px;border-radius:20px;white-space:nowrap}.blue{background:#e8edff;color:var(--blue)}.amber{background:#fff1d8;color:#aa7510}.green{background:#e2f4ea;color:#128a4e}.visual-bottom{display:flex;align-items:center;gap:11px;color:white;padding:18px 2px 0}.mini-check{display:grid;place-items:center;background:#ffffff20;border-radius:12px;width:36px;height:36px;color:#dce3ff;font-size:20px}.visual-bottom b{display:block;font-size:12px}.visual-bottom small{display:block;color:#dce3ff;font-size:9px;margin-top:3px}.integration-strip{border-block:1px solid var(--line);background:var(--soft)}.integration-strip .container{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:21px;color:var(--muted);font-size:13px}.integration-strip .container>span{font-size:11px}.integration-strip b{color:#4e5774;font-size:14px}.integration-strip i{font-style:normal;color:#b1bbd4}.section{padding-block:88px}.section-heading{text-align:center;max-width:650px;margin-inline:auto}.eyebrow.plain{padding:0;background:none;font-size:11px;letter-spacing:1.3px}.section h2,.flow-section h2,.faq h2{font-size:clamp(30px,3.8vw,45px);margin-top:17px}.section-heading>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);max-width:570px;margin:20px auto 0}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.feature{padding:27px 23px;border:1px solid var(--line);border-radius:19px;transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-5px);border-color:#a6b2ff}.feature-icon{width:45px;height:45px;display:grid;place-items:center;background:#eef1ff;color:var(--blue);border-radius:13px;font-size:25px;margin-bottom:24px}.feature h3{font-size:18px;line-height:1.35;letter-spacing:-.025em}.feature p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:12px}.feature-label{display:block;font-size:10px;color:var(--blue);font-weight:700;margin-top:22px}.flow-section{background:#f4f6fb;padding-block:80px}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.flow-description{font-size:16px;color:var(--muted);line-height:1.8;margin:23px 0;max-width:450px}.text-link{font-size:14px;font-weight:700;text-decoration:none;color:var(--blue);display:inline-flex;gap:20px;align-items:center}.flow-list{list-style:none;margin:0;padding:0}.flow-list li{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.flow-list li:last-child{border:0}.flow-list li>span{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e6ebff;color:var(--blue);font-size:14px;font-weight:700}.flow-list h3{font-size:18px;letter-spacing:-.03em}.flow-list p{color:var(--muted);font-size:13px;line-height:1.8;margin-top:8px}.demo-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px}.demo-section .section-heading{text-align:left}.demo-section .section-heading>p{margin-inline:0}.demo-section .button{margin-top:26px}.demo-window{position:relative;display:block;text-decoration:none;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 18px 50px -20px #141a3325;background:white;transition:transform .2s}.demo-window:hover{transform:translateY(-4px)}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;background:var(--soft);color:#bec7dd;font-size:9px;border-bottom:1px solid var(--line)}.window-bar small{color:var(--muted);font-size:9px}.demo-body{display:grid;grid-template-columns:125px 1fr;min-height:270px}.demo-sidebar{display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line);padding:22px 12px;font-size:8px;font-weight:700;color:var(--muted)}.demo-sidebar img{margin-bottom:12px}.demo-sidebar>span{padding:8px;border-radius:7px}.demo-sidebar .selected{background:#e6ebff;color:var(--blue)}.demo-content{padding:25px}.demo-content>small{font-size:8px;color:var(--muted);letter-spacing:.6px}.demo-content h3{font-size:23px;margin-top:7px}.demo-bars{display:flex;align-items:flex-end;gap:8px;height:105px;margin-top:24px;border-bottom:1px solid #e2e8fa;padding-bottom:4px}.demo-bars>span{height:var(--h);background:#c0cbff;border-radius:5px 5px 0 0;flex:1}.demo-bars>span:nth-last-child(-n+3){background:var(--blue)}.demo-status{display:flex;gap:12px;font-size:8px;color:var(--muted);margin-top:13px;flex-wrap:wrap}.demo-play{padding:15px 20px;background:#2440f0;color:white;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding-block:50px 95px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:20px 30px 20px 0;font-size:15px;font-weight:700;cursor:pointer;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:5px;top:17px;color:var(--blue);font-size:23px;font-weight:500}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;line-height:1.9;color:var(--muted);padding:0 24px 20px 0}.cta{background:var(--blue);color:white;border-radius:23px;padding:44px 48px;display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:65px}.cta p{font-size:9px;letter-spacing:1.5px;color:#cbd5ff;font-weight:700}.cta h2{font-size:30px;line-height:1.3;margin-top:13px;letter-spacing:-.025em}.white{background:white;color:var(--blue);flex-shrink:0}footer{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-block:20px 45px;font-size:12px;color:var(--muted)}footer .brand>span{font-size:22px;color:var(--ink)}footer p{line-height:1.8}footer small{font-size:10px}footer>a:last-child{text-decoration:none;font-weight:700;color:var(--ink)}
@media(max-width:1050px){.header-inner{gap:22px}.header nav{gap:20px}.hero{gap:30px;padding-block:60px}.hero h1{font-size:60px}.hero-visual{padding:17px}.dashboard{padding:18px}.features{grid-template-columns:repeat(2,1fr)}.flow-grid{gap:50px}.demo-section{gap:40px}.sample-jobs .badge{font-size:6px;padding:4px}.cta{padding:35px}.cta h2{font-size:26px}}
@media(max-width:760px){html{scroll-padding-top:76px}.container{width:calc(100% - 36px)}.header-inner{height:72px;gap:12px;position:relative}.brand>span{font-size:23px}.brand img{width:34px;height:34px}.menu-toggle{display:block;margin-left:auto;border:1px solid var(--line);border-radius:9px;background:white;min-width:40px;min-height:40px;color:var(--ink);font-size:19px}.header nav{display:none;position:absolute;top:71px;left:-18px;right:-18px;background:white;padding:20px 22px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #141a3310}.header nav.open{display:flex;flex-direction:column;gap:19px}.login{padding:9px 12px;gap:8px;font-size:12px;min-height:40px}.hero{grid-template-columns:1fr;gap:42px;padding-top:39px;padding-bottom:45px}.hero h1{font-size:clamp(49px,11vw,66px);margin:20px 0}.hero .eyebrow{font-size:10px;padding:6px 10px}.lead{font-size:16px}.actions{gap:9px;margin-top:24px}.button{padding:13px 16px;font-size:12px;gap:12px}.hero-note{font-size:9px;gap:5px;margin-top:18px}.hero-visual{transform:none;max-width:550px;width:100%;margin-inline:auto}.hero-visual:before{display:none}.dashboard{padding:18px}.sample-jobs .badge{font-size:7px}.sample-jobs b{font-size:10px}.integration-strip .container{gap:12px;justify-content:center;flex-wrap:wrap;padding-block:18px}.integration-strip .container>span{flex-basis:100%;text-align:center;font-size:9px}.integration-strip b{font-size:10px}.section{padding-block:57px}.section-heading>p:not(.eyebrow){font-size:14px;margin-top:18px}.features{gap:12px;margin-top:30px}.feature{padding:21px 17px}.feature-icon{width:39px;height:39px;font-size:22px;margin-bottom:16px}.feature h3{font-size:16px}.feature p{font-size:12px}.feature-label{font-size:9px;margin-top:16px}.flow-section{padding-block:55px}.flow-grid{grid-template-columns:1fr;gap:23px}.flow-description{font-size:14px}.flow-list li{padding:19px 0}.demo-section{grid-template-columns:1fr;gap:30px}.demo-section .section-heading{text-align:center}.demo-section .section-heading>p{margin-inline:auto}.demo-body{grid-template-columns:92px 1fr;min-height:235px}.demo-sidebar{padding:19px 9px;font-size:7px}.demo-content{padding:20px 16px}.demo-content h3{font-size:21px}.demo-bars{height:90px;gap:6px}.demo-status{font-size:7px;gap:8px}.faq{grid-template-columns:1fr;gap:22px;padding-block:5px 50px}.faq summary{font-size:14px}.cta{padding:28px 24px;display:block;margin-bottom:38px}.cta h2{font-size:25px}.cta .button{margin-top:24px}footer{flex-wrap:wrap;gap:20px;padding-bottom:30px}footer .brand{flex-basis:100%}footer p{font-size:11px}footer>a:last-child{margin-left:auto;font-size:11px}}
@media(max-width:380px){.brand>span{font-size:20px;letter-spacing:-1px}.brand{gap:7px}.brand img{width:31px;height:31px}.header-inner{gap:8px}.login{font-size:11px;padding:8px 10px}.features{grid-template-columns:1fr}.hero h1{font-size:47px}.hero-visual{padding:14px}.sample-jobs small{font-size:7px}.sample-jobs .badge{font-size:6px}.metrics{gap:5px}.metrics>div{padding:10px}.dashboard-title h2{font-size:19px}.workflow small{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}