:root{--ink:#101a40;--muted:#657092;--blue:#2f5cff;--blue-dark:#1c43db;--pale:#f5f8ff;--line:#e4e9f6;--cream:#fff8ec;--mint:#e9fbf4;--violet:#f0ebff;--coral:#fff0ed;--paper:#fff;--sans:"Manrope",sans-serif;--heading:"Plus Jakarta Sans",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfcff;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1190px,calc(100% - 48px));margin:0 auto}.skip-link{background:var(--ink);color:white;padding:11px 16px;position:fixed;z-index:999;left:14px;top:-80px;border-radius:8px;transition:top .2s}.skip-link:focus{top:14px}.site-header{position:absolute;top:0;left:0;right:0;z-index:30;padding:23px 0}.navigation{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand-mark{width:37px;height:37px;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(145deg,#3668ff,#2049e9);box-shadow:0 8px 18px rgba(46,89,255,.25)}.brand-mark i{position:absolute;bottom:8px;width:5px;background:#fff;border-radius:5px 5px 2px 2px;transform:skewY(-18deg)}.brand-mark i:nth-child(1){height:10px;left:9px}.brand-mark i:nth-child(2){height:17px;left:16px}.brand-mark i:nth-child(3){height:24px;left:23px}.brand-copy{font-family:var(--heading);font-size:16px;letter-spacing:-.6px;line-height:1;display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-weight:800}.brand-copy em{font-size:10px;font-style:normal;letter-spacing:1.25px;color:var(--blue);font-weight:800;text-transform:uppercase}.desktop-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.desktop-nav a,.nav-login{font-weight:700;font-size:13px;color:#4b577a;transition:color .2s}.desktop-nav a:hover,.nav-login:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;padding:14px 21px;border-radius:11px;background:linear-gradient(125deg,#3265ff,#294ee6);color:white;box-shadow:0 11px 20px rgba(48,93,255,.22);font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 15px 24px rgba(48,93,255,.28);background:linear-gradient(125deg,#2858ec,#203fd0)}.button span{font-size:18px;line-height:10px}.button-small{padding:10px 15px;border-radius:9px;font-size:12px}.button-small span{font-size:16px}.button-large{padding:16px 22px;font-size:14px}.menu-toggle{display:none;background:transparent;border:0;padding:7px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:5px}.mobile-nav{display:none}.hero{min-height:760px;position:relative;padding:155px 0 74px;overflow:hidden;background:radial-gradient(circle at 75% 37%,rgba(192,213,255,.38),transparent 33%),radial-gradient(circle at 0% 82%,rgba(214,232,255,.8),transparent 30%),#fbfcff}.hero:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:96px;background:linear-gradient(0deg,#fbfcff,transparent);z-index:1}.hero-layout{position:relative;z-index:3;display:grid;grid-template-columns:minmax(360px,.79fr) minmax(580px,1.21fr);align-items:center;gap:36px}.hero-copy{padding-top:16px;position:relative;z-index:3}.eyebrow{font-size:10px;letter-spacing:1.45px;text-transform:uppercase;color:var(--blue);font-weight:800;margin:0 0 17px;display:flex;align-items:center;gap:8px}.eyebrow-pulse{height:7px;width:7px;border-radius:99px;background:#2bca8c;box-shadow:0 0 0 5px rgba(43,202,140,.12);animation:pulse 1.9s infinite}.hero h1,.section-heading h2,.workflow-copy h2,.insights-copy h2,.final-card h2{font-family:var(--heading);letter-spacing:-2.6px;font-size:clamp(42px,4.6vw,67px);line-height:1.1;margin:0;color:#111a42;font-weight:800}.hero h1 span,.section-heading h2 span,.workflow-copy h2 span,.insights-copy h2 span,.final-card h2 span{background:linear-gradient(100deg,#2762ff,#7967f5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:447px;color:var(--muted);font-size:15px;line-height:1.8;margin:22px 0 27px}.hero-actions{display:flex;align-items:center;gap:23px}.text-link{font-size:13px;color:#445070;font-weight:800;display:inline-flex;align-items:center;gap:8px;transition:color .2s}.text-link:hover{color:var(--blue)}.text-link span{font-size:16px;color:var(--blue)}.trust-row{display:flex;align-items:center;gap:16px;margin-top:30px;font-size:10px;font-weight:700;color:#5c6682}.trust-row span{display:flex;gap:6px;align-items:center}.mini-check{height:16px;width:16px;border-radius:99px;background:#e4f8f0;color:#17ac72;display:inline-grid;place-items:center;font-size:10px}.hero-stage{height:515px;position:relative}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-one{height:610px;width:610px;right:-80px;top:52px;background:radial-gradient(circle,rgba(95,147,255,.22),rgba(169,205,255,.04) 56%,transparent 70%);animation:glow-breathe 7s ease-in-out infinite}.hero-glow-two{height:300px;width:300px;right:40%;top:-35px;background:rgba(200,217,255,.31);filter:blur(58px)}.dot-field{position:absolute;width:86px;height:86px;background-image:radial-gradient(#7fa3ff 1.3px,transparent 1.4px);background-size:14px 14px;opacity:.5}.dot-field-one{right:7%;top:130px}.dot-field-two{left:3%;bottom:88px;opacity:.35}.orbit{position:absolute;border:1px solid rgba(86,134,255,.25);border-radius:50%;pointer-events:none}.orbit-one{height:630px;width:630px;right:-26px;top:-62px;border-style:dashed;animation:spin 36s linear infinite}.orbit-two{height:438px;width:438px;right:66px;top:37px;border-color:rgba(110,169,255,.23);animation:spin-reverse 30s linear infinite}.spark{height:11px;width:11px;position:absolute;border:2px solid white;background:#81b0ff;transform:rotate(45deg);box-shadow:0 1px 10px #60a5fa;z-index:3}.spark-one{right:55px;top:76px;animation:float-spark 4s ease-in-out infinite}.spark-two{left:30px;top:152px;background:#7ee5c1;animation:float-spark 4.6s ease-in-out .4s infinite}.spark-three{right:10px;bottom:83px;background:#b7b7ff;animation:float-spark 5.2s ease-in-out .8s infinite}.dashboard-card{position:absolute;z-index:4;left:50%;top:56px;width:537px;height:348px;transform:translateX(-47%);border:1px solid rgba(255,255,255,.7);border-radius:19px;background:rgba(255,255,255,.93);box-shadow:0 30px 65px rgba(47,83,176,.22),0 10px 22px rgba(35,50,100,.09);overflow:hidden;animation:dashboard-float 6s ease-in-out infinite}.dashboard-topbar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #edf0f7}.app-logo{font-size:10px;display:flex;align-items:center;gap:6px;color:#24355b}.app-logo span{background:var(--blue);height:19px;width:19px;border-radius:6px;position:relative}.app-logo span:before{content:"";position:absolute;bottom:4px;left:5px;width:3px;height:6px;border-radius:2px;background:#fff;box-shadow:4px -4px 0 #fff,8px -7px 0 #fff}.topbar-icons{display:flex;align-items:center;gap:10px}.topbar-icons i:not(.avatar){width:11px;height:11px;border-radius:50%;border:1.7px solid #8792b2;position:relative}.topbar-icons i:not(.avatar):first-child:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#ff7869;top:-4px;right:-3px}.topbar-icons .avatar{width:23px;height:23px;background:#c3d5ff;color:#3653a2;border-radius:50%;font-size:9px;font-style:normal;font-weight:800;display:grid;place-items:center}.dashboard-content{height:305px;display:flex}.dashboard-sidebar{background:#f6f8fe;width:47px;padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:15px}.dashboard-sidebar span{height:8px;width:8px;border-radius:3px;background:#b2bdd6}.dashboard-sidebar .side-active{height:20px;width:20px;border-radius:6px;background:#e1e9ff;position:relative}.dashboard-sidebar .side-active:after{content:"";height:8px;width:8px;background:#3162ff;position:absolute;border-radius:2px;top:6px;left:6px}.dashboard-main{padding:16px 18px;flex:1;min-width:0}.dashboard-greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.dashboard-greeting small{font-size:7px;color:#99a2b9}.dashboard-greeting h2{font-family:var(--heading);margin:2px 0 0;font-size:14px;letter-spacing:-.5px}.dashboard-greeting h2 span{font-size:9px;color:#faaf2f}.dashboard-greeting button{font-size:7px;color:#737e9c;background:#f7f8fc;border:1px solid #ebedf4;border-radius:5px;padding:6px 8px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.summary-tile{height:86px;padding:11px;border-radius:9px;position:relative;overflow:hidden}.summary-tile:after{content:"";position:absolute;border:12px solid rgba(255,255,255,.4);height:59px;width:59px;right:-20px;bottom:-30px;border-radius:50%}.summary-tile .tile-icon{font-family:var(--heading);height:17px;width:17px;display:grid;place-items:center;border-radius:5px;font-size:10px;margin-bottom:6px}.summary-tile small{display:block;font-size:7px;color:#7984a3}.summary-tile strong{display:block;font-family:var(--heading);font-size:14px;letter-spacing:-.4px;margin-top:1px}.summary-tile em{font-size:6px;font-style:normal;display:block;margin-top:2px}.tile-blue{background:#e9efff}.tile-blue .tile-icon{background:#cddcff;color:#2d5cf0}.tile-blue strong{color:#1e49cf}.tile-blue em{color:#4770d7}.tile-cream{background:#fff5df}.tile-cream .tile-icon{background:#ffe7b1;color:#e59613}.tile-cream strong{color:#cc8815}.tile-cream em{color:#c79a52}.tile-green{background:#e9faf2}.tile-green .tile-icon{background:#c9f2df;color:#24a76e}.tile-green strong{color:#168a5a}.tile-green em{color:#51a982}.dashboard-lower{margin-top:11px;display:grid;grid-template-columns:1.48fr .9fr;gap:10px}.salary-chart,.activity-card{height:139px;border:1px solid #eef0f6;border-radius:9px;padding:11px;background:#fff}.chart-heading{display:flex;justify-content:space-between;gap:6px}.chart-heading span{display:flex;flex-direction:column}.chart-heading strong{font-size:8px;line-height:1.3}.chart-heading small{font-size:6px;color:#9aa4b9;margin-top:2px}.chart-heading>b{font-family:var(--mono);font-size:8px;white-space:nowrap}.chart-heading em{font-size:6px;color:#2ba772;font-style:normal;background:#e9f8f0;border-radius:3px;padding:2px 3px}.bars{height:72px;display:flex;align-items:end;gap:11px;padding:5px 5px 0;border-bottom:1px dashed #e9edf5;background:repeating-linear-gradient(0deg,transparent 0 22px,#f0f2f7 23px)}.bars i{width:14px;height:var(--h);display:block;border-radius:4px 4px 0 0;background:linear-gradient(#7494ff,#315eff);animation:bar-rise 1s cubic-bezier(.2,.8,.3,1) both}.bars i:nth-child(2){animation-delay:.08s}.bars i:nth-child(3){animation-delay:.15s}.bars i:nth-child(4){animation-delay:.22s}.bars i:nth-child(5){animation-delay:.3s}.bars i:nth-child(6){animation-delay:.37s}.months{display:flex;justify-content:space-between;padding-top:5px;font-size:5.8px;color:#a0a9bd}.activity-card{padding:11px}.activity-card .chart-heading{margin-bottom:5px}.activity-card button{border:0;background:transparent;border-top:1px solid #f0f1f5;width:100%;height:29px;padding:0;display:flex;align-items:center;gap:5px;color:#5b6681;font-size:6.5px;text-align:left}.activity-card button span{margin-left:auto;color:#9ba5b9}.action-dot{height:15px;width:15px;border-radius:4px;display:grid;place-items:center;font-size:8px}.action-violet{background:#efebff;color:#785bdb}.action-blue{background:#e7efff;color:#3161e8}.action-coral{background:#fff0ed;color:#e7675e}.feature-float{position:absolute;z-index:5;display:flex;gap:9px;align-items:center;padding:10px 13px 10px 10px;border:1px solid rgba(255,255,255,.87);background:rgba(255,255,255,.91);box-shadow:0 16px 28px rgba(70,95,158,.15);border-radius:13px;backdrop-filter:blur(10px)}.feature-float>span:last-child{display:flex;flex-direction:column}.feature-float strong{font-size:9px;line-height:1.4;white-space:nowrap}.feature-float small{font-size:7px;color:#73809e;white-space:nowrap}.float-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;box-shadow:0 5px 10px rgba(63,91,165,.12)}.float-icon svg,.feature-icon svg,.workflow-icon svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-violet{background:#e9e3ff;color:#7954e8}.icon-mint{background:#d8f8e8;color:#20a96e}.icon-coral{background:#ffe1da;color:#ed6a5f}.icon-blue{background:#deebff;color:#2e61ed}.float-employees{left:5px;top:16px;animation:float-one 5s ease-in-out infinite}.float-attendance{right:6px;top:38px;animation:float-two 5.7s ease-in-out .4s infinite}.float-payslip{left:-6px;bottom:50px;animation:float-two 6.2s ease-in-out .3s infinite}.float-analytics{right:-4px;bottom:4px;animation:float-one 4.8s ease-in-out .6s infinite}.processed-pill{z-index:6;position:absolute;right:100px;bottom:34px;border:1px solid rgba(255,255,255,.95);border-radius:12px;padding:9px 11px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.92);box-shadow:0 16px 26px rgba(56,86,142,.15);animation:float-one 5.4s ease-in-out 1s infinite}.processed-pill>b{width:25px;height:25px;background:#d8f7e8;color:#23aa70;border-radius:8px;display:grid;place-items:center}.processed-pill svg{height:15px;width:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.processed-pill span{display:flex;flex-direction:column}.processed-pill small{font-size:6px;color:#8790a5}.processed-pill strong{font-size:8px;line-height:1.6}.processed-pill>i{font-size:6px;color:#98a1b6;font-style:normal;margin-left:6px}.hero-scroll-hint{position:absolute;z-index:2;bottom:23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#8e9bbd;font-family:var(--mono);font-size:7px;letter-spacing:1.1px}.hero-scroll-hint i{display:block;width:27px;height:1px;background:#9fb3ed;position:relative}.hero-scroll-hint i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #9fb3ed;border-right:1px solid #9fb3ed;transform:rotate(45deg)}.logo-strip{border-top:1px solid #edf0f8;border-bottom:1px solid #edf0f8;background:rgba(255,255,255,.75)}.logo-strip .shell{height:79px;display:flex;align-items:center;justify-content:space-between}.logo-strip p{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.1px;color:#a0a9bd}.logo-strip div{display:flex;gap:33px;align-items:center;color:#5f6b8e;font-family:var(--heading);font-size:15px;font-weight:700;letter-spacing:-.5px}.logo-strip b{color:#a6bbf8;margin-left:2px}.section{padding:123px 0}.section-heading{max-width:680px;margin:0 auto 53px;text-align:center}.eyebrow-center{justify-content:center}.section-heading h2,.workflow-copy h2,.insights-copy h2{font-size:42px;letter-spacing:-1.9px}.section-heading>p:last-child{color:var(--muted);font-size:14px;line-height:1.75;max-width:540px;margin:17px auto 0}.features-section{background:linear-gradient(180deg,#fbfcff,#f5f8ff)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{position:relative;border-radius:19px;padding:24px 21px 0;min-height:335px;overflow:hidden;border:1px solid rgba(255,255,255,.72);box-shadow:0 13px 25px rgba(51,74,133,.06);transition:transform .27s,box-shadow .27s}.feature-card:hover{transform:translateY(-7px);box-shadow:0 20px 34px rgba(40,65,130,.13)}.blue-card{background:#eaf1ff}.mint-card{background:#e9faf2}.violet-card{background:#f0ecff}.coral-card{background:#fff0ed}.feature-icon{height:43px;width:43px;border-radius:13px;background:rgba(255,255,255,.72);display:grid;place-items:center;position:relative;z-index:1}.blue-card .feature-icon{color:#3265ec}.mint-card .feature-icon{color:#20a96e}.violet-card .feature-icon{color:#7a5ae6}.coral-card .feature-icon{color:#ed6a5f}.feature-card h3{font-family:var(--heading);letter-spacing:-.6px;font-size:16px;margin:17px 0 8px;position:relative;z-index:1}.feature-card p{color:#657292;font-size:11px;line-height:1.72;margin:0;max-width:205px;position:relative;z-index:1}.feature-card>a{position:absolute;z-index:2;bottom:22px;font-size:10px;color:#385683;font-weight:800;display:flex;gap:6px;align-items:center}.feature-card>a span{font-size:15px;color:var(--blue);transition:transform .2s}.feature-card>a:hover span{transform:translateX(4px)}.feature-art{position:absolute;right:0;bottom:0;left:0;height:128px}.people-art b{position:absolute;width:144px;height:144px;border-radius:50%;right:-37px;bottom:-78px;border:23px solid rgba(66,108,255,.13)}.people-art i{position:absolute;width:38px;height:38px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800;font-style:normal;box-shadow:0 7px 12px rgba(55,79,145,.14)}.people-art i:nth-child(1){background:#8c77ef;right:61px;bottom:45px;animation:avatar-float 3.8s ease-in-out infinite}.people-art i:nth-child(2){background:#5594f7;right:17px;bottom:28px;animation:avatar-float 4.4s ease-in-out .3s infinite}.people-art i:nth-child(3){background:#4ebc98;right:95px;bottom:5px;animation:avatar-float 4s ease-in-out .6s infinite}.calendar-art{right:23px;left:auto;bottom:-29px;width:145px;height:145px;background:#fff;border-radius:17px 17px 0 0;box-shadow:0 0 0 9px rgba(255,255,255,.38);padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-content:center;transform:rotate(-8deg)}.calendar-art b{grid-column:1/4;font:8px var(--mono);color:#4e5f88;margin-bottom:2px}.calendar-art span{height:13px;width:13px;border-radius:4px;background:#e4f0ea}.calendar-art span:nth-of-type(2),.calendar-art span:nth-of-type(5),.calendar-art span:nth-of-type(8){background:#63cda4}.rupee-art{right:-5px;left:auto;bottom:-5px;height:143px;width:172px;background:linear-gradient(150deg,#8668f5,#5742c8);border-radius:30px 0 18px 0;color:white;box-shadow:0 15px 25px rgba(106,83,211,.25);padding:21px;transform:rotate(-5deg)}.rupee-art:after{content:"";position:absolute;width:102px;height:102px;border-radius:50%;right:-31px;bottom:-31px;border:18px solid rgba(255,255,255,.12)}.rupee-art b{font-size:24px;display:block;opacity:.85}.rupee-art span{display:block;font-family:var(--heading);font-size:24px;letter-spacing:-1px;margin-top:6px}.rupee-art i{font-size:7px;font-style:normal;letter-spacing:1px;opacity:.65}.slip-art{background:#fff;border-radius:10px 10px 0 0;right:15px;left:auto;bottom:-8px;width:158px;height:142px;box-shadow:0 9px 20px rgba(188,89,75,.1);padding:14px;transform:rotate(6deg)}.slip-art span{font-size:6px;font-weight:800;letter-spacing:.6px;color:#eb6b63}.slip-art b{display:block;height:5px;border-radius:5px;background:#eef0f5;margin-top:11px}.slip-art b:nth-of-type(2){width:75%;margin-top:6px}.slip-art b:nth-of-type(3){width:88%;margin-top:17px}.slip-art i{display:block;background:#e5f8ef;color:#32ae77;font-size:7px;font-style:normal;font-weight:800;text-align:center;padding:4px;border-radius:4px;margin-top:13px}.workflow-section{background:#fff}.workflow-layout{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:105px}.workflow-copy p:not(.eyebrow){max-width:400px;color:var(--muted);font-size:14px;line-height:1.78;margin:19px 0 28px}.button-outline{background:transparent;color:var(--blue);border-color:#cfdbff;box-shadow:none;padding:13px 18px}.button-outline:hover{background:#f2f5ff;color:var(--blue);box-shadow:none}.workflow-list{padding:0;margin:0;list-style:none;position:relative}.workflow-list:before{content:"";position:absolute;border-left:1px dashed #d6dff1;left:17px;top:41px;bottom:41px}.workflow-list li{position:relative;display:grid;grid-template-columns:35px 47px 1fr;align-items:center;gap:15px;padding:14px 0}.workflow-list li>b{width:35px;height:35px;background:#fff;border:1px solid #e0e6f4;border-radius:10px;font:9px var(--mono);color:#8190b2;display:grid;place-items:center;position:relative;z-index:1}.workflow-icon{height:43px;width:43px;border-radius:13px;display:grid;place-items:center}.workflow-list li span{display:flex;flex-direction:column;gap:3px}.workflow-list strong{font-family:var(--heading);font-size:14px;letter-spacing:-.35px}.workflow-list small{font-size:11px;line-height:1.55;color:#73809c}.insights-section{background:#f6f8ff;padding-top:105px;padding-bottom:105px}.insights-card{border-radius:25px;background:linear-gradient(125deg,#f0f5ff,#e9efff);display:grid;grid-template-columns:.9fr 1.1fr;min-height:422px;overflow:hidden;position:relative;padding:70px 75px}.insights-card:before{content:"";position:absolute;height:480px;width:480px;background:radial-gradient(circle,rgba(117,156,255,.22),transparent 70%);right:-155px;top:-111px}.insights-copy{position:relative;z-index:1}.insights-copy p:not(.eyebrow){font-size:13px;line-height:1.76;color:#657292;max-width:330px;margin:17px 0 23px}.insight-stat{display:flex;align-items:center;gap:11px}.insight-stat b{font-family:var(--heading);font-size:27px;letter-spacing:-1px;color:#2b5df3}.insight-stat span{color:#66739a;font-size:10px;font-weight:700;line-height:1.35}.insights-chart{height:310px;position:relative;align-self:center;z-index:2}.insight-panel{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 33px rgba(67,91,166,.12);border-radius:14px}.panel-main{position:absolute;width:397px;height:235px;padding:18px 21px;top:43px;right:0}.panel-main>div:first-child{display:flex;justify-content:space-between}.panel-main b{font-size:11px}.panel-main small{font:8px var(--mono);color:#8e9bb6}.line-chart{height:159px;margin-top:8px}.line-chart svg{height:100%;width:100%;overflow:visible}.chart-grid{stroke:#e9edf8;stroke-width:1}.chart-area{fill:url(#areaFill)}.chart-line{fill:none;stroke:#3364f4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-chart circle{fill:#fff;stroke:#3364f4;stroke-width:3}.chart-labels{display:flex;justify-content:space-between;color:#97a1b7;font-size:8px;margin-top:1px}.panel-small{position:absolute;width:133px;padding:14px;left:3px;top:0;animation:float-one 4.8s ease-in-out infinite}.panel-small small{display:block;font:7px var(--mono);color:#96a1bd}.panel-small b{font-family:var(--heading);font-size:19px;letter-spacing:-.8px;display:block;margin:4px 0}.panel-small span{display:block;color:#4fac82;font-size:8px;font-weight:700}.panel-small i{font-style:normal;font-size:10px}.panel-donut{position:absolute;width:135px;height:101px;right:-22px;bottom:1px;display:flex;align-items:center;gap:10px;padding:13px;animation:float-two 5.5s ease-in-out .5s infinite}.donut{height:55px;width:55px;border-radius:50%;background:conic-gradient(#4bc69a 0 94%,#e8f1f7 94%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:41px;height:41px;background:#fff;border-radius:50%}.donut b{font:10px var(--mono);position:relative;z-index:1}.donut small{font-size:6px}.panel-donut>span{font-size:8px;color:#76829c;font-weight:700;line-height:1.35}.final-section{background:#fff;padding:111px 0}.final-card{background:linear-gradient(125deg,#285bfb,#6459e5);border-radius:25px;min-height:386px;text-align:center;color:#fff;padding:70px 24px;position:relative;overflow:hidden}.final-card:before,.final-card:after{content:"";height:360px;width:360px;position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.final-card:before{left:-174px;bottom:-240px}.final-card:after{right:-150px;top:-260px}.eyebrow-light{justify-content:center;color:#c7dcff;position:relative;z-index:1}.final-card h2{color:#fff;font-size:42px;position:relative;z-index:1}.final-card h2 span{background:linear-gradient(110deg,#fff,#dce8ff);-webkit-background-clip:text;background-clip:text}.final-card>p:not(.eyebrow){color:#d8e3ff;max-width:450px;font-size:13px;line-height:1.75;margin:16px auto 26px;position:relative;z-index:1}.final-card>div:last-child{display:flex;justify-content:center;gap:11px;position:relative;z-index:1}.button-white{background:#fff;color:#2b57db;box-shadow:0 12px 20px rgba(17,39,123,.18)}.button-white:hover{background:#f3f6ff;color:#244ed1;box-shadow:0 14px 24px rgba(17,39,123,.24)}.button-ghost{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);box-shadow:none}.button-ghost:hover{background:rgba(255,255,255,.2);box-shadow:none}.final-confetti i{position:absolute;width:9px;height:9px;border-radius:2px;background:#76d5ff;transform:rotate(28deg)}.final-confetti i:nth-child(1){left:11%;top:25%;background:#ffe181}.final-confetti i:nth-child(2){right:12%;top:33%;background:#f6b8d8}.final-confetti i:nth-child(3){right:22%;bottom:23%;width:6px;height:6px}.final-confetti i:nth-child(4){left:18%;bottom:19%;background:#b2f1d4}.final-confetti i:nth-child(5){right:7%;bottom:13%;background:#ffe181}.final-confetti i:nth-child(6){left:7%;top:46%;width:5px;height:5px}.site-footer{background:#f7f9ff;border-top:1px solid #eaedf6}.footer-top{display:flex;justify-content:space-between;gap:60px;padding:57px 0 45px}.footer-brand{margin-bottom:14px}.footer-top>div>p{margin:0;color:#75819e;font-size:11px}.footer-links{display:flex;gap:72px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-links h3{font-family:var(--heading);font-size:12px;margin:0 0 3px}.footer-links a{font-size:11px;color:#73809a;transition:color .2s}.footer-links a:hover{color:var(--blue)}.footer-bottom{height:57px;border-top:1px solid #e6eaf3;display:flex;justify-content:space-between;align-items:center;color:#98a1b5;font-size:9px}.footer-bottom b{color:#6c8aff}.reveal{opacity:0;transform:translateY(21px);transition:opacity .65s ease,transform .65s ease}.reveal-late{transition-delay:.16s}.reveal.is-visible{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(43,202,140,0)}}@keyframes dashboard-float{50%{transform:translateX(-47%) translateY(-10px)}}@keyframes float-one{50%{transform:translateY(-9px)}}@keyframes float-two{50%{transform:translateY(9px)}}@keyframes avatar-float{50%{transform:translateY(-7px)}}@keyframes glow-breathe{50%{transform:scale(1.09);opacity:.72}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes float-spark{50%{transform:rotate(45deg) translate(6px,-7px);opacity:.65}}@keyframes bar-rise{from{height:0}@keyframes nope{}}@media(max-width:1080px){.hero-layout{grid-template-columns:.78fr 1.22fr;gap:8px}.dashboard-card{width:500px}.float-employees{left:0}.float-payslip{left:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:326px}.workflow-layout{gap:56px}.insights-card{padding:60px 52px}}@media(max-width:820px){.site-header{padding:16px 0;background:rgba(251,252,255,.8);backdrop-filter:blur(12px);position:fixed;border-bottom:1px solid rgba(227,233,246,.7)}.desktop-nav,.nav-login,.nav-actions .button{display:none}.menu-toggle{display:block}.mobile-nav{margin:7px 24px 0;padding:14px;border:1px solid #e5eaf6;border-radius:13px;background:white;box-shadow:0 15px 30px rgba(35,56,112,.12);grid-template-columns:repeat(2,1fr);gap:10px}.mobile-nav:not([hidden]){display:grid}.mobile-nav a{font-size:12px;font-weight:800;color:#536080;padding:8px}.hero{padding-top:129px;min-height:0}.hero-layout{grid-template-columns:1fr;gap:25px}.hero-copy{text-align:center;padding:0}.eyebrow,.hero-actions,.trust-row{justify-content:center}.hero h1{font-size:50px}.hero-description{margin-left:auto;margin-right:auto}.hero-stage{height:484px;width:min(670px,100%);margin:0 auto}.logo-strip .shell{height:auto;justify-content:center;padding:19px 0;flex-direction:column;gap:10px}.logo-strip p{margin:0}.section{padding:86px 0}.workflow-layout,.insights-card{grid-template-columns:1fr}.workflow-copy{text-align:center}.workflow-copy p:not(.eyebrow){margin-left:auto;margin-right:auto}.workflow-copy .eyebrow{justify-content:center}.workflow-list{margin-top:33px;max-width:590px;margin-left:auto;margin-right:auto}.insights-card{padding:53px 36px;gap:15px}.insights-copy{text-align:center}.insights-copy .eyebrow{justify-content:center}.insights-copy p:not(.eyebrow){margin-left:auto;margin-right:auto}.insight-stat{justify-content:center}.insights-chart{width:min(500px,100%);margin:auto}.panel-main{width:calc(100% - 42px);right:20px}.footer-top{gap:35px}.hero-scroll-hint{display:none}}@media(max-width:570px){.shell{width:min(100% - 30px,1190px)}.brand-mark{width:34px;height:34px}.brand-copy{font-size:14px}.hero{padding-bottom:35px}.hero h1{font-size:40px;letter-spacing:-1.8px}.hero-description{font-size:13px;line-height:1.7;margin-top:16px}.button-large{padding:14px 16px;font-size:12px}.hero-actions{gap:16px}.trust-row{gap:8px;flex-wrap:wrap}.trust-row span{font-size:9px}.hero-stage{height:368px;transform:scale(.92);transform-origin:top center;margin-bottom:-26px}.dashboard-card{width:432px;height:280px;top:51px;border-radius:16px}.dashboard-topbar{height:35px}.dashboard-content{height:245px}.dashboard-sidebar{width:36px;padding-top:10px;gap:11px}.dashboard-sidebar span{transform:scale(.8)}.dashboard-main{padding:11px 13px}.dashboard-greeting{margin-bottom:8px}.dashboard-greeting h2{font-size:11px}.dashboard-greeting button{font-size:6px;padding:4px}.summary-tile{height:69px;padding:8px}.summary-tile .tile-icon{height:13px;width:13px;font-size:7px;margin-bottom:3px}.summary-tile strong{font-size:11px}.summary-tile small,.summary-tile em{font-size:5.6px}.dashboard-lower{margin-top:7px}.salary-chart,.activity-card{height:112px;padding:8px}.bars{height:55px;gap:8px}.bars i{width:10px}.activity-card button{height:23px;font-size:5.5px}.action-dot{width:12px;height:12px;font-size:6px}.float-employees{left:-8px;top:6px}.float-attendance{right:-5px;top:4px}.float-payslip{left:-5px;bottom:55px}.float-analytics{right:-5px;bottom:22px}.feature-float{padding:7px 8px 7px 7px;border-radius:10px;gap:6px}.float-icon{height:23px;width:23px;border-radius:7px}.float-icon svg{width:13px}.feature-float strong{font-size:7px}.feature-float small{font-size:5px}.processed-pill{transform:scale(.75);transform-origin:right bottom;right:17px;bottom:16px}.orbit-one{height:450px;width:450px;right:-62px;top:-30px}.orbit-two{height:315px;width:315px;right:20px;top:25px}.spark-one{right:12px}.spark-three{right:-8px;bottom:40px}.dot-field{display:none}.logo-strip div{gap:9px;justify-content:center;flex-wrap:wrap;font-size:11px}.logo-strip b{display:none}.section-heading{margin-bottom:32px}.section-heading h2,.workflow-copy h2,.insights-copy h2,.final-card h2{font-size:32px;letter-spacing:-1.3px}.section-heading>p:last-child{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:285px;padding:20px}.feature-art{height:112px}.workflow-list li{grid-template-columns:30px 42px 1fr;gap:10px}.workflow-list li>b{width:30px;height:30px;font-size:8px}.workflow-list:before{left:14px}.workflow-icon{height:38px;width:38px;border-radius:11px}.workflow-list strong{font-size:12px}.workflow-list small{font-size:10px}.insights-section{padding:65px 0}.insights-card{padding:42px 16px 28px}.insights-chart{height:266px}.panel-main{height:200px;width:calc(100% - 19px);right:9px;top:40px;padding:14px}.line-chart{height:132px}.panel-small{transform:scale(.83);transform-origin:left top;left:0}.panel-donut{transform:scale(.8);transform-origin:right bottom;right:-11px;bottom:3px}.final-section{padding:70px 0}.final-card{padding:57px 16px;min-height:350px}.final-card>p:not(.eyebrow){font-size:12px}.final-card>div:last-child{flex-wrap:wrap}.footer-top{padding:42px 0 35px;display:block}.footer-links{margin-top:35px;gap:50px}.footer-bottom{height:auto;padding:17px 0;gap:8px;align-items:flex-start;flex-direction:column}.hero-glow-one{right:-220px}.insights-copy h2 br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}