@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
#site{overflow:hidden}
:root{--ink:#080f1b;--panel:#101a28;--border:#ffffff12;--text:#edf3f8;--muted:#91a1b3;--cyan:#59dbef;--gold:#f5c85c;--green:#81d4ac;--font:'DM Sans','Segoe UI',sans-serif;--display:'Manrope','Segoe UI',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:wait;opacity:.55}img{max-width:100%;display:block}.icon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:650;letter-spacing:-.05em}h2{font-size:clamp(36px,4.4vw,58px);line-height:1.12}p{color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.section-shell{max-width:1360px;padding-left:64px;padding-right:64px;margin:auto}.skip-link{position:absolute;z-index:1000;left:16px;top:-80px;background:var(--gold);color:var(--ink);padding:10px}.skip-link:focus{top:10px}.site-header{max-width:1488px;margin:auto;height:104px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid var(--border)}.brand{display:flex;gap:8px;align-items:center;line-height:1.1}.brand>span{font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:-1.3px}.brand img{object-fit:contain;flex-shrink:0}.brand-digital{color:var(--gold);font-weight:500;margin-left:3px;letter-spacing:-1.5px}.brand small{display:block;color:#8295a8;font-family:var(--font);font-size:8px;letter-spacing:2.5px;margin-top:7px;font-weight:500}.site-header nav{display:flex;gap:30px;font-size:12px;color:#abb8c6}.site-header nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:12px}.text-button{font-size:13px;display:inline-flex;align-items:center;gap:12px;transition:color .2s}.text-button:hover{color:var(--cyan)}.text-button .icon{width:17px;height:17px}.menu-toggle{display:none!important}.icon-button{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#ffffff0c}.hero{min-height:768px;position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding-top:75px;padding-bottom:110px;isolation:isolate}.hero-copy{position:relative;z-index:2}.hero-grid{position:absolute;inset:0 -50px;z-index:-3;opacity:.3;background-image:linear-gradient(#7691b40b 1px,transparent 1px),linear-gradient(90deg,#7691b40b 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 65% 50%,black,transparent 73%)}.hero-glow{position:absolute;z-index:-2;right:-4%;top:-20%;width:75%;height:120%;background:radial-gradient(ellipse at 65% 48%,#124f653b,transparent 62%);pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.1px;display:flex;gap:10px;align-items:center;color:#b0c1cb;font-weight:600}.pulse-dot{width:6px;height:6px;display:inline-block;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 4px #59dbef11;flex-shrink:0}.hero h1{font-size:clamp(57px,5.65vw,82px);line-height:1.08;letter-spacing:-4.5px;margin-top:25px;font-weight:650}.accent-text{color:var(--cyan)}.hero-copy>p{font-size:15px;line-height:1.8;margin-top:27px;color:#a5b3c2}.hero-actions{display:flex;gap:16px;margin-top:33px;align-items:center}.button{min-height:50px;padding:14px 21px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:7px;font-size:12px;font-weight:650;line-height:1.3;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button .icon{width:18px;height:18px}.button-gold{background:var(--gold);color:#1e211f;box-shadow:0 4px 20px #f5c85c0c}.button-gold:hover{background:#ffda83;box-shadow:0 5px 25px #f5c85c1f}.button-quiet{color:#cbd5df;padding-left:8px;padding-right:8px;font-weight:450;font-size:11px;gap:9px}.button-outline{border:1px solid var(--border);color:var(--text);background:#ffffff03}.play-circle{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff30;border-radius:50%}.play-circle .icon{width:11px;height:11px}.hero-footnote{font-size:10px;color:#6e8396;display:flex;align-items:center;gap:8px;margin-top:27px}.hero-footnote .icon{width:13px;height:13px;color:#8aaaaf}.hero-visual{position:relative;height:535px;margin-left:-20px;align-self:center}.preview-window{position:absolute;top:105px;left:22px;width:480px;background:linear-gradient(120deg,#142333,#0d1826);border:1px solid #50657b68;border-radius:13px;box-shadow:0 40px 100px #0007,0 0 70px #59dbef08;transform:perspective(1200px) rotateY(-9deg) rotateX(5deg) rotateZ(-3deg);z-index:2;overflow:hidden}.window-top{height:32px;display:flex;gap:4px;align-items:center;padding:0 13px;border-bottom:1px solid var(--border);background:#1c2a38aa}.window-dot{height:5px;width:5px;border-radius:50%;background:#566875}.window-top>span:nth-child(4){margin:auto;font-size:8px;color:#8397a9;letter-spacing:.3px}.window-top .icon{width:11px;height:11px;color:#7795a7}.window-layout{display:grid;grid-template-columns:48px 1fr}.mini-sidebar{border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;gap:17px;padding:18px 0;color:#617b8d}.mini-sidebar>.mini-logo{font-size:22px;font-weight:800;color:#dceaf2;font-style:italic;margin-bottom:14px}.mini-logo>span{color:var(--gold)}.mini-sidebar .icon{width:15px;height:15px}.mini-sidebar .selected{background:#5bdcf31a;color:var(--cyan);padding:9px;border-radius:5px}.window-content{padding:23px 23px 15px}.preview-topline{display:flex;align-items:center;justify-content:space-between}.preview-topline small{font-size:6px;letter-spacing:1.8px;color:#7e93a5;display:block}.preview-topline strong{display:block;font-size:19px;letter-spacing:-.6px;margin-top:6px;font-family:var(--display)}.avatar{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;font-size:10px;font-weight:650;letter-spacing:0}.avatar-gold{background:#e9c989;color:#4d3c1f}.avatar-cyan{background:#a2d6de;color:#285a65}.avatar-violet{background:#c4b3e0;color:#5f4988}.avatar-green{background:#b4d9be;color:#355d41}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:21px;gap:10px}.preview-stats>div{padding:13px 11px 10px;border:1px solid #ffffff0c;background:#1b2b3b7d;border-radius:7px}.preview-stats span{font-size:7px;color:#90a1b3}.preview-stats strong{font-size:25px;display:block;font-weight:500;font-family:var(--display);margin:4px 0 8px;line-height:1.2}.preview-stats strong small{font-size:7px;color:#8b9ba8;margin-left:4px;font-weight:400}.stat-line{height:3px;background:#314a5b;border-radius:4px;position:relative}.stat-line:after{content:'';display:block;width:80%;height:100%;background:var(--cyan);border-radius:4px}.stat-line.green:after{background:var(--green);width:96%}.stat-line.gold:after{background:var(--gold);width:40%}.preview-chart{border:1px solid var(--border);border-radius:7px;padding:14px;margin-top:12px;background:#13233377}.chart-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px}.chart-heading small{font-size:7px;color:#7b93a6}.chart-heading .icon{width:9px;height:9px}.bar-chart{height:116px;display:flex;align-items:end;gap:21px;padding:18px 8px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 28px,#ffffff08 29px,#ffffff08 30px)}.bar-chart>div{height:var(--bar);flex:1;position:relative}.bar-chart i{display:block;background:linear-gradient(#5be3ee,#268b9c);height:calc(100% - 16px);opacity:.65;border-radius:3px 3px 0 0}.bar-chart span{display:block;text-align:center;font-size:7px;color:#74919f;margin-top:4px}.bar-chart .highlight i{opacity:1;background:linear-gradient(#91eee6,#37b3c0)}.bar-chart b{position:absolute;top:-18px;left:-5px;font-size:7px;background:#2b585e;color:#bdf3f1;border-radius:3px;padding:2px 5px;font-weight:500}.preview-person{display:flex;align-items:center;gap:8px;margin-top:14px;padding:11px 1px 5px;border-top:1px solid var(--border)}.preview-person>.avatar{width:25px;height:25px;font-size:7px}.preview-person strong{font-size:8px;font-weight:500;display:block}.preview-person small{font-size:7px;color:#7590a1;display:block}.preview-person>.pill{margin-left:auto;font-size:6px;padding:3px 7px}.pill{padding:4px 9px;font-size:10px;border-radius:5px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;font-weight:500;background:#d1d9e314;color:#adbdcd}.pill-green{color:#7dd9ae;background:#2ea16a1a}.pill-gold{color:#d9b44f;background:#eec45514}.pill-red{color:#ed9b9b;background:#f28a8a14}.pill-blue{color:#65bbd7;background:#56cbe414}.demo-label{display:block;text-align:right;font-size:6px;color:#607b8c;margin-top:7px}.hero-emblem{position:absolute;width:206px;right:-45px;top:1px;z-index:3;filter:drop-shadow(0 15px 27px #0007);animation:float 8s ease-in-out infinite}.floating-note{position:absolute;left:-10px;top:53px;z-index:4;padding:13px;display:flex;gap:11px;align-items:center;border:1px solid #40637777;background:#142c3ee8;border-radius:10px;box-shadow:0 12px 30px #0004;transform:rotate(-4deg);font-size:11px;line-height:1.3}.floating-note small{display:block;font-size:8px;color:#82a1b1;margin-top:4px}.note-icon{background:#59dbef14;border:1px solid #59dbef20;width:34px;height:34px;border-radius:8px;color:var(--cyan);display:flex;align-items:center;justify-content:center}.note-icon .icon{width:23px;height:23px}.note-check{color:var(--cyan);margin-left:13px}.note-check .icon{width:15px;height:15px}.floating-status{position:absolute;z-index:4;bottom:-1px;right:-18px;display:flex;align-items:center;gap:11px;padding:14px 22px 14px 13px;border:1px solid #4e5c6377;background:#1b2a34f0;border-radius:10px;box-shadow:0 10px 30px #0004;font-size:11px;transform:rotate(-3deg)}.floating-status small{display:block;font-size:8px;color:#8da5b0;margin-top:4px}.status-symbol{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:#f5c85c15}.status-symbol .icon{width:17px;height:17px}.orbit{position:absolute;width:570px;height:430px;border:1px solid #73b4ba19;left:-14px;top:83px;border-radius:50%;transform:rotate(-30deg);z-index:-1}.orbit-two{width:630px;height:350px;top:140px;left:-52px;transform:rotate(23deg);border-color:#f5c85c18}.orbit-one:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan);position:absolute;right:54px;top:43px}.scroll-cue{position:absolute;bottom:30px;left:64px;font-size:8px;letter-spacing:2px;color:#78909c;display:flex;align-items:center;gap:11px}.scroll-cue .icon{width:15px;height:15px}.capabilities-strip{border-block:1px solid var(--border);min-height:82px;display:flex;align-items:center;justify-content:center;gap:48px;background:#0c1522;font-size:9px;letter-spacing:1.5px;color:#9badbc}.capabilities-strip>div{display:flex;align-items:center;gap:12px}.capabilities-strip .icon{color:#6b8e9f;width:18px;height:18px}.strip-star{font-size:16px;color:#e4bd6b}.solution-section{padding-top:110px;padding-bottom:110px}.section-intro{display:grid;grid-template-columns:1fr 2.12fr;gap:28px;align-items:start;margin-bottom:55px}.section-number{font-size:8px;letter-spacing:2px;color:#7493a1;font-weight:550;display:block;padding-top:9px}.section-intro>div{display:flex;gap:55px;align-items:end;justify-content:space-between}.section-intro h2{white-space:nowrap;font-size:45px}.muted-text{color:#657b8d}.section-intro p{max-width:245px;font-size:11px;line-height:1.9;padding-bottom:3px}.bento-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:17px}.feature{padding:27px;border:1px solid var(--border);border-radius:13px;background:#0f1927;overflow:hidden;position:relative;min-height:385px;transition:border .3s,transform .3s}.feature:hover{border-color:#59dbef40;transform:translateY(-4px)}.feature-top{display:flex;align-items:center;justify-content:space-between}.feature-icon{width:37px;height:37px;border:1px solid #ffffff15;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#a5c1cf;background:#ffffff03}.feature-index{font-size:9px;color:#516a7b}.feature h3{font-size:27px;line-height:1.25;letter-spacing:-1px;margin-top:22px;font-weight:550}.feature p{font-size:11px;line-height:1.85;margin-top:13px;max-width:260px}.feature-bottom{position:absolute;bottom:23px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#7d9aab}.feature-bottom .icon{width:15px;height:15px}.feature-attendance{background:radial-gradient(ellipse at 75% 70%,#20475a55,transparent 65%),#101e2b}.face-visual{width:108px;height:83px;margin:24px auto 45px;position:relative;display:grid;place-items:center;color:#83dbe4}.face-visual>.icon{height:68px;width:68px;stroke-width:.8}.scan-corner{position:absolute;width:18px;height:18px;border-color:#59dbef;border-style:solid;border-width:0}.scan-corner.tl{top:0;left:0;border-top-width:2px;border-left-width:2px;border-radius:4px 0 0 0}.scan-corner.tr{top:0;right:0;border-top-width:2px;border-right-width:2px;border-radius:0 4px 0 0}.scan-corner.bl{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 4px}.scan-corner.br{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px;border-radius:0 0 4px 0}.scan-line{position:absolute;inset:35px 8px auto;height:1px;background:#7af6ff;box-shadow:0 0 14px #7af6ff;animation:scan 4s ease-in-out infinite}.face-check{position:absolute;bottom:-5px;right:-8px;border-radius:50%;background:#3b7371;border:3px solid #142838;color:#d2f8e5;display:grid;place-items:center;width:27px;height:27px}.face-check .icon{width:14px;height:14px}.people-orbit{height:110px;display:flex;align-items:center;justify-content:center;padding-right:10px}.people-orbit .avatar{width:43px;height:43px;font-size:12px;margin-right:-9px;border:3px solid #0f1927}.people-plus{width:34px;height:34px;background:#1b2c3d;border:3px solid #0f1927;border-radius:50%;display:grid;place-items:center;margin-left:1px;color:#789cac}.people-plus .icon{width:13px;height:13px}.feature-payroll{background:radial-gradient(ellipse at 90% 85%,#8f702d17,transparent 70%),#111b27}.payroll-visual{padding:15px 12px;background:#182430;border:1px solid #ffffff0c;border-radius:8px;margin-top:30px}.payroll-visual>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:7px}.payroll-visual .icon{width:14px;height:14px;color:#cbb475}.payroll-visual .pill{font-size:6px;padding:2px 4px}.payroll-steps{display:flex;align-items:center;gap:5px;margin-top:17px}.payroll-steps i{height:3px;flex:1;background:#b69e60;border-radius:2px}.payroll-steps>span{display:flex}.payroll-steps .icon{width:14px;height:14px;color:#f1cf73}.payroll-visual>small{font-size:5px;letter-spacing:1px;color:#788f9d;display:flex;justify-content:space-between;margin-top:7px}.feature-calendar{grid-column:1/-1;min-height:190px;display:flex;justify-content:space-between;align-items:center;padding:30px 36px}.feature-calendar>div:first-child{display:grid;grid-template-columns:50px 240px 1fr;align-items:center;gap:20px;width:75%}.feature-calendar h3{margin:0;font-size:26px}.feature-calendar p{margin:0;max-width:260px}.calendar-art{background:#192a3a;border:1px solid #ffffff0b;border-radius:9px;padding:15px 18px;width:218px;transform:rotate(5deg);margin-right:12px}.calendar-art>span{font-size:6px;letter-spacing:1.7px;color:#91a5b6}.calendar-art>div{display:grid;grid-template-columns:repeat(5,1fr);font-size:9px;text-align:center;gap:4px;margin-top:9px}.calendar-art i{font-style:normal;font-size:6px;color:#6c8c9e;margin-bottom:4px}.calendar-art b{font-weight:500;padding:6px 4px}.calendar-art b.vacation-day{background:#2a6c6e;border-radius:4px;color:#a4eef0}.calendar-art>small{font-size:6px;color:#7ca9b1;display:flex;align-items:center;gap:5px;margin-top:10px}.tiny-dot{width:4px;height:4px;border-radius:50%;background:var(--cyan);display:inline-block}.experience-section{background:#101b29;border-block:1px solid var(--border);padding-top:95px;padding-bottom:45px}.experience-heading{display:flex;justify-content:space-between;align-items:end}.experience-heading h2{margin-top:18px;font-size:48px}.experience-heading p{font-size:12px;line-height:1.9;padding-bottom:4px}.role-tabs{display:flex;gap:6px;background:#080f1b66;padding:5px;border:1px solid var(--border);border-radius:9px;width:max-content;margin:36px 0 27px}.role-tabs button{border-radius:5px;padding:10px 22px;font-size:11px;color:#8da4b8;display:flex;align-items:center;gap:9px;min-width:150px;justify-content:center}.role-tabs .icon{width:15px;height:15px}.role-tabs button.active{background:#263748;color:#d7f1f1;box-shadow:0 2px 7px #0003}.experience-preview{min-height:470px;background:#f5f7fa;border-radius:12px;overflow:hidden;border:1px solid #5e6f7d;color:#172b40;display:grid;grid-template-columns:186px 1fr;box-shadow:0 15px 70px #0003}.demo-sidebar{background:#fff;padding:24px 15px;border-right:1px solid #e3e9ef}.demo-brand{display:flex;align-items:center;font-size:14px;letter-spacing:-.7px;font-weight:700;margin-bottom:27px}.demo-brand img{width:35px;height:35px;object-fit:contain;margin-right:4px}.demo-brand em{font-style:normal;color:#af861c;font-weight:500}.demo-sidebar small{font-size:7px;letter-spacing:1.4px;color:#a1aebb;display:block;margin:24px 9px 10px}.demo-nav-item{padding:9px 10px;color:#7a899a;display:flex;align-items:center;gap:9px;font-size:9px;border-radius:5px;margin-bottom:4px}.demo-nav-item .icon{width:13px;height:13px}.demo-nav-item.active{color:#258796;background:#e6f4f6}.demo-nav-item .count{margin-left:auto;color:#8fa0a8;font-size:7px}.demo-main{padding:27px 30px;overflow:hidden}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#8d9bac}.demo-toolbar>div{display:flex;gap:15px;align-items:center}.demo-toolbar .icon{width:14px;height:14px}.demo-toolbar .avatar{width:27px;height:27px;font-size:8px}.demo-page-title{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.demo-page-title h3{font-size:25px;letter-spacing:-1px;color:#1d3249;font-weight:650}.demo-page-title p{font-size:9px;color:#8a99a7;margin-top:3px}.demo-action{background:#163d50;color:white;border-radius:5px;padding:9px 13px;font-size:8px;display:flex;align-items:center;gap:10px}.demo-action .icon{width:12px;height:12px}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px}.demo-metrics>div{background:white;border:1px solid #e5eaf0;border-radius:8px;padding:16px}.demo-metrics small{color:#8596a4;font-size:8px}.demo-metrics strong{display:block;font-size:25px;line-height:1.3;letter-spacing:-1px;font-family:var(--display);margin-top:6px;font-weight:650}.demo-metrics strong span{font-size:9px;color:#879ca5;font-weight:400;letter-spacing:0;margin-left:8px}.demo-metrics .mini-trend{font-size:7px;color:#63a18c;margin-top:8px}.demo-table{margin-top:19px;background:white;border:1px solid #e5eaf0;border-radius:8px;padding:17px}.demo-table-heading{display:flex;justify-content:space-between;font-size:10px;font-weight:600;margin-bottom:11px}.demo-table-heading small{font-size:7px;color:#8a9caa;font-weight:400}.demo-row{display:grid;grid-template-columns:1.5fr 1fr .8fr .7fr;align-items:center;border-top:1px solid #edf1f4;padding:9px 0;font-size:8px;color:#718698;gap:10px}.demo-row>span:first-child{display:flex;align-items:center;gap:7px;color:#354e63}.demo-row .avatar{width:25px;height:25px;font-size:7px}.demo-row .pill{font-size:7px;padding:2px 6px;justify-self:start}.experience-preview .pill-green{background:#edf8f0;color:#5b9876}.experience-preview .pill-gold{background:#fff8e8;color:#af9249}.experience-caption{display:flex;align-items:center;justify-content:space-between;margin-top:23px;font-size:9px;color:#6f8a9b}.experience-caption>span{display:flex;align-items:center;gap:9px}.experience-caption .pulse-dot{width:4px;height:4px;background:#758e9d;box-shadow:none}.experience-caption .text-button{font-size:10px;color:#a0bdc9}.journey-section{padding-block:110px}.journey-section .section-intro{margin-bottom:44px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.journey-grid article{border-top:1px solid #ffffff20;padding-top:20px}.journey-grid article>span{font-size:9px;letter-spacing:1px;color:var(--gold)}.journey-grid h3{font-size:21px;letter-spacing:-.6px;margin-top:20px}.journey-grid p{font-size:11px;line-height:1.9;margin-top:12px;max-width:290px}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-top:55px;padding-bottom:105px}.faq-section h2{font-size:37px;margin-top:17px}.faq-list details{border-bottom:1px solid var(--border);padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:16px;height:16px;color:#8ca6b5;transition:transform .2s}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list p{font-size:11px;line-height:1.9;margin-top:17px;padding-right:25px}.cta-section{position:relative;text-align:center;overflow:hidden;padding-top:87px;padding-bottom:90px;border:1px solid #36516444;border-radius:18px;margin-bottom:80px;background:radial-gradient(ellipse at 50% 120%,#185a6a55,transparent 65%),#101c2a;isolation:isolate;max-width:1232px}.cta-section>.section-number{color:#8aadb7}.cta-section h2{font-size:60px;line-height:1.17;margin-top:23px;letter-spacing:-3px}.cta-section em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.cta-section p{font-size:12px;margin-top:22px}.cta-section>div:last-child{display:flex;gap:28px;justify-content:center;margin-top:30px}.cta-orbit{position:absolute;width:1250px;height:500px;left:50%;transform:translateX(-50%) rotate(-9deg);top:-115px;border:1px solid #7daca92b;border-radius:50%;z-index:-1}.cta-orbit:after{content:'';position:absolute;inset:55px -60px -35px;border:1px solid #d2b26c13;border-radius:50%}.site-footer{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:30px;padding-bottom:28px}.site-footer .brand>span{font-size:23px}.site-footer>p{font-size:11px;line-height:1.9;align-self:center}.site-footer>div:not(.footer-bottom){font-size:10px;display:flex;flex-direction:column;gap:10px;align-items:start;color:#94a6b7}.site-footer>div button{padding:0;font-size:10px;color:#94a6b7}.site-footer .icon{width:12px;height:12px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;font-size:8px;color:#617b8c;margin-top:25px}.footer-bottom .tiny-dot{margin-left:8px;vertical-align:middle}.modal{border:1px solid #405065;background:#111d2c;color:var(--text);border-radius:17px;padding:38px;width:min(94vw,520px);max-height:90dvh;overflow:auto;box-shadow:0 25px 120px #0009}.modal::backdrop{background:#02070ed9;backdrop-filter:blur(9px)}.modal-close{position:absolute;right:15px;top:14px;color:#95a6b5}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:18px}.login-brand .section-number{font-size:7px;padding:0;max-width:135px}.modal h2{font-size:39px;line-height:1.14}.form-intro{font-size:12px;margin-top:10px}.login-roles{display:flex;gap:5px;background:#08121f;padding:4px;margin-top:23px;border-radius:7px}.login-roles button{flex:1;padding:8px;border-radius:5px;font-size:11px;color:#8da1b4}.login-roles button.active{background:#263b4c;color:#d4f1f2}form{margin:0}form label{display:block;font-size:11px;color:#adbccb;margin-top:17px}input,select,textarea{width:100%;border:1px solid #ffffff1b;border-radius:6px;padding:12px 13px;color:#e7eff5;background:#0b1624;margin-top:7px;font-size:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#59dbef88;box-shadow:0 0 0 3px #59dbef08}input::placeholder,textarea::placeholder{color:#50677c}textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:16px;height:16px;accent-color:#26869b;vertical-align:middle;margin:0 8px 0 0}input[type=file]{font-size:10px}select{appearance:auto}.optional{font-size:9px;font-weight:400;color:#647e92;float:right}.password-wrap{display:block;position:relative}.password-wrap input{padding-right:45px}.password-toggle{position:absolute;top:8px;right:4px;color:#667f92}.password-toggle .icon{width:16px;height:16px}.full-width{width:100%;margin-top:23px}.form-error{font-size:11px;color:#efb5aa;border:1px solid #f79c7f3b;background:#d5684b10;padding:12px;border-radius:7px;margin-top:16px;white-space:pre-line;overflow-wrap:anywhere}.form-error:empty{display:none}.forgot-button{display:block;margin:18px auto 0;font-size:11px;color:#9cb3c4}.login-demo{border-top:1px solid var(--border);padding-top:19px;margin-top:25px;text-align:center;font-size:10px;color:#6e879c}.login-demo button{display:block;margin:8px auto 0;color:#b8d3dd;font-size:11px}.login-demo .icon{width:14px;height:14px}.action-dialog{width:min(94vw,690px)}.action-dialog h2{font-size:27px;padding-right:25px}.action-dialog>p{font-size:11px;margin-top:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.form-grid .span-two{grid-column:1/-1}.modal-footer{display:flex;justify-content:end;gap:13px;margin-top:26px}.modal-footer .button{font-size:11px;min-height:43px}.toast{background:#183242;border:1px solid #45717f;color:#daf1f4;border-radius:9px;padding:13px 17px;box-shadow:0 12px 35px #0003;display:flex;align-items:center;gap:12px;font-size:12px;max-width:440px;animation:toast-in .3s ease;white-space:pre-line}.toast.error{background:#38252c;border-color:#8c5363}.toast .icon{width:18px;height:18px}#toast-container{position:fixed;bottom:25px;right:25px;display:flex;flex-direction:column;gap:10px;z-index:100}.field-hint{font-size:9px;line-height:1.6;color:#7692a7;margin-top:6px}.result-panel{background:#091522;padding:18px;border-radius:8px;font-size:12px;margin-top:18px;max-height:340px;overflow:auto}.result-panel dl{display:grid;grid-template-columns:1fr 1.7fr;gap:9px}.result-panel dt{color:#7e9aac}.result-panel dd{margin:0;overflow-wrap:anywhere}.result-panel pre{white-space:pre-wrap;font-size:10px;color:#9bbdca}.connection-note{padding:12px;background:#f5c85c0e;border:1px solid #f5c85c22;color:#cab26e;font-size:10px;border-radius:6px;margin-top:16px}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.camera-stage{border-radius:12px;overflow:hidden;background:#020b15;aspect-ratio:4/3;position:relative;margin-top:20px}.camera-stage video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-guide{position:absolute;inset:13% 25%;border:2px solid #59dbef88;border-radius:46%;pointer-events:none}.camera-instruction{padding:16px;text-align:center;background:#193344;border:1px solid #59dbef20;border-radius:7px;font-size:13px;color:#bde8e9;margin-top:15px}.capture-progress{height:5px;border-radius:3px;background:#2a3a48;margin-top:12px;overflow:hidden}.capture-progress i{display:block;height:100%;background:var(--cyan);transition:width .3s}.check-label{display:flex;align-items:start;line-height:1.7}.check-label input{margin-top:3px;flex-shrink:0}.check-label a{text-decoration:underline;color:var(--cyan)}
@keyframes float{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes scan{50%{transform:translateY(25px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}}
@media(min-width:1500px){.hero-visual{margin-left:5px}.hero{min-height:810px}.hero h1{font-size:84px}.hero-emblem{right:-25px}}@media(max-width:1200px){.section-shell{padding-left:40px;padding-right:40px}.site-header{padding:0 40px}.hero{min-height:720px;grid-template-columns:1fr 1fr}.hero h1{font-size:66px;letter-spacing:-3px}.hero-actions{gap:8px;flex-wrap:wrap}.hero-visual{transform:scale(.85);transform-origin:center left;width:500px;margin-left:0}.site-header nav{gap:22px}.site-header .brand>span{font-size:21px}.hero-footnote{margin-top:20px}.scroll-cue{left:40px}.capabilities-strip{gap:24px;font-size:8px}.section-intro>div{gap:25px}.section-intro h2{font-size:37px}.section-intro p{max-width:220px}.feature{padding:23px}.feature h3{font-size:25px}.feature-calendar>div:first-child{grid-template-columns:40px 190px 1fr;gap:15px}.feature-calendar h3{font-size:24px}.calendar-art{width:180px;margin-right:0}.cta-section{margin-inline:40px}.hero-copy{min-width:0}.bento-grid{gap:13px}.feature-bottom{left:23px;right:23px;font-size:6px}}
@media(max-width:980px){.site-header nav{display:none}.menu-toggle{display:flex!important}.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px;padding-bottom:75px;overflow:hidden}.hero h1{font-size:76px;max-width:700px}.hero-copy>p{font-size:16px}.hero-actions{gap:16px}.hero-visual{height:500px;transform:scale(.95);margin:35px auto 0;width:520px;transform-origin:center}.hero-emblem{right:-10px}.floating-status{right:0;bottom:-5px}.scroll-cue{display:none}.hero-grid{inset:0}.hero-glow{width:120%;right:-30%;height:80%;top:25%}.capabilities-strip{gap:20px;flex-wrap:wrap;padding:24px 30px;row-gap:20px}.capabilities-strip .strip-star{display:none}.capabilities-strip>div{width:calc(50% - 20px);justify-content:center}.section-intro{grid-template-columns:1fr;gap:20px}.section-intro>div{align-items:start}.section-intro h2{font-size:43px}.section-intro p{max-width:300px}.bento-grid{grid-template-columns:1fr 1fr}.feature-payroll{grid-column:1/2;grid-row:2}.feature-calendar{grid-column:2/3;grid-row:2;display:block;padding:23px;min-height:385px}.feature-calendar>div:first-child{display:block;width:auto}.feature-calendar h3{margin-top:22px;font-size:25px}.feature-calendar p{margin-top:13px}.calendar-art{margin:23px auto 0;width:180px}.experience-heading h2{font-size:41px}.experience-heading p{max-width:230px;font-size:11px}.experience-preview{grid-template-columns:154px 1fr;min-height:450px}.demo-sidebar{padding:20px 9px}.demo-brand{font-size:11px}.demo-main{padding:24px 20px}.demo-page-title h3{font-size:22px}.demo-metrics{gap:8px}.demo-metrics>div{padding:13px}.demo-metrics strong{font-size:23px}.demo-metrics strong span{font-size:7px;margin-left:4px}.demo-row{grid-template-columns:1.4fr 1fr .7fr}.demo-row>span:nth-child(3){display:none}.journey-grid{gap:24px}.journey-grid h3{font-size:19px}.faq-section{gap:40px}.cta-section h2{font-size:53px}.site-header nav.mobile-open{display:flex;position:absolute;top:92px;left:30px;right:30px;background:#132232;border:1px solid #34485b;padding:20px;border-radius:10px;box-shadow:0 20px 70px #0008;flex-direction:column;gap:22px}}
@media(max-width:640px){html{scroll-padding-top:30px}.section-shell{padding-left:23px;padding-right:23px}.site-header{height:84px;padding:0 21px}.site-header .brand img{width:43px;height:43px}.site-header .brand>span{font-size:20px}.brand small{font-size:6px;letter-spacing:1.9px}.site-header .text-button{font-size:10px;gap:6px}.site-header .text-button .icon{width:13px;height:13px}.header-actions{gap:7px}.hero{padding-top:47px;padding-bottom:40px}.eyebrow{font-size:7px;letter-spacing:1.6px}.hero h1{font-size:56px;letter-spacing:-3px;margin-top:23px;line-height:1.12}.hero-copy>p{font-size:12px;margin-top:22px}.hero-actions{margin-top:25px;gap:12px;align-items:start;flex-direction:column}.hero-actions .button{font-size:11px;min-height:46px}.hero-actions .button-quiet{min-height:34px;padding-top:0;padding-bottom:0}.hero-footnote{font-size:8px;margin-top:20px}.hero-visual{transform:scale(.66);height:355px;margin-top:0;margin-left:0;margin-right:0;transform-origin:top left;left:calc(50% - 171px);top:40px;width:520px}.hero-emblem{right:20px;top:3px;width:175px}.floating-note{top:60px;left:12px}.preview-window{width:480px;left:3px;top:115px}.floating-status{bottom:-148px;right:27px}.orbit{width:530px}.hero-glow{top:30%;height:80%}.capabilities-strip{gap:10px;padding:22px 14px;font-size:7px;letter-spacing:1px}.capabilities-strip>div{width:calc(50% - 10px);gap:8px}.capabilities-strip .icon{width:15px;height:15px}.solution-section{padding-top:65px;padding-bottom:65px}.section-intro{margin-bottom:30px;gap:19px}.section-number{font-size:7px;letter-spacing:1.7px}.section-intro>div{display:block}.section-intro h2{font-size:36px}.section-intro p{margin-top:23px;max-width:none;font-size:11px}.bento-grid{grid-template-columns:1fr;gap:14px}.feature{min-height:370px;padding:25px}.feature h3{font-size:29px}.feature p{font-size:12px;max-width:280px}.feature-payroll,.feature-calendar{grid-column:auto;grid-row:auto}.feature-people{min-height:340px}.feature-calendar{min-height:330px}.feature-calendar>div:first-child{display:grid;grid-template-columns:40px 1fr;gap:13px}.feature-calendar h3{font-size:26px;margin-top:0}.feature-calendar p{grid-column:1/-1;margin-top:8px}.calendar-art{margin:22px auto 0;width:220px;transform:rotate(3deg)}.feature-bottom{font-size:7px;left:25px;right:25px}.experience-section{padding-top:60px;padding-bottom:30px}.experience-heading{display:block}.experience-heading h2{font-size:36px}.experience-heading p{margin-top:22px;font-size:11px}.experience-heading p br{display:none}.role-tabs{width:100%;margin-top:25px;gap:2px}.role-tabs button{min-width:0;flex:1;padding:9px 8px;font-size:9px;gap:5px}.role-tabs .icon{width:12px;height:12px}.experience-preview{display:block;min-height:420px}.demo-sidebar{display:none}.demo-main{padding:22px 16px}.demo-page-title h3{font-size:22px}.demo-page-title p{max-width:180px;line-height:1.7}.demo-action{font-size:7px;padding:9px;gap:4px}.demo-metrics{gap:7px;margin-top:20px}.demo-metrics>div{padding:12px 9px}.demo-metrics small{font-size:7px}.demo-metrics strong{font-size:23px}.demo-metrics strong span{display:none}.demo-metrics .mini-trend{font-size:6px;line-height:1.6}.demo-table{padding:13px 10px}.demo-row{grid-template-columns:1.6fr .7fr .8fr;font-size:7px;gap:5px}.demo-row .pill{font-size:6px}.demo-row .avatar{width:21px;height:21px;font-size:6px}.demo-table-heading{font-size:9px}.experience-caption{align-items:start;flex-direction:column;gap:18px;font-size:8px}.experience-caption .text-button{align-self:end;font-size:10px}.journey-section{padding-block:65px}.journey-grid{grid-template-columns:1fr;gap:30px}.journey-grid article{padding-top:16px}.journey-grid h3{font-size:24px;margin-top:13px}.journey-grid p{font-size:12px;max-width:340px}.faq-section{grid-template-columns:1fr;gap:35px;padding-top:20px;padding-bottom:65px}.faq-section h2{font-size:34px}.faq-list summary{font-size:12px}.cta-section{margin-inline:16px;margin-bottom:55px;padding:55px 22px;border-radius:13px}.cta-section h2{font-size:39px;letter-spacing:-1.8px}.cta-section p{font-size:10px}.cta-section>div:last-child{flex-direction:column;gap:12px;align-items:center}.cta-section>.section-number{font-size:6px}.cta-orbit{width:800px}.site-footer{grid-template-columns:1fr 1fr;row-gap:28px}.site-footer>.brand{grid-column:1/-1}.site-footer>p{font-size:11px}.site-footer>div:not(.footer-bottom){font-size:11px}.footer-bottom{margin-top:5px;font-size:7px;gap:25px;align-items:start}.footer-bottom>span:last-child{max-width:140px;text-align:right}.modal{padding:30px 23px;border-radius:13px}.modal h2{font-size:35px}.action-dialog h2{font-size:25px}.form-grid{grid-template-columns:1fr}.form-grid .span-two{grid-column:auto}.toast{font-size:11px;max-width:calc(100vw - 32px)}#toast-container{right:16px;bottom:16px}.login-brand img{width:55px;height:55px}.modal-close{right:8px;top:8px}.hero-footnote .icon{width:11px;height:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

form label{font-size:12px}input,select,textarea{font-size:13px}.modal .button{font-size:12px}

.short-label{display:none}@media(max-width:480px){.site-header .long-label{display:none}.site-header .short-label{display:inline}}