:root{--night:#071726;--night2:#0b2230;--text:#112635;--muted:#62737a;--teal:#43e0c6;--teal2:#08ad9d;--cream:#f6f8f6;--orange:#ff9561}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);background:#fff;overflow-x:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.055em}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.container{max-width:1320px;margin:auto;padding:0 40px}.announcement{height:36px;display:flex;align-items:center;justify-content:center;gap:13px;background:#102d38;color:#d5f3ef;font-size:11px;letter-spacing:.055em}.announcement a{font-weight:700;color:#8ef4da}.announcement-dot,.pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #43e0c622}.header{position:sticky;top:0;z-index:30;background:rgba(8,25,37,.95);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff13}.nav-wrap{max-width:1440px;margin:auto;min-height:77px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:inline-flex;align-items:center;gap:12px;font:800 27px Manrope,sans-serif;letter-spacing:-.075em;color:#fff}.logo-period{color:var(--teal)}.logo-glyph{display:flex;align-items:flex-end;gap:3px;transform:rotate(-12deg)}.logo-glyph i{display:block;background:linear-gradient(145deg,#7ef9d9,#18b6c2);width:8px;border-radius:5px}.logo-glyph i:nth-child(1){height:16px}.logo-glyph i:nth-child(2){height:26px}.logo-glyph i:nth-child(3){height:20px}.nav{display:flex;gap:30px;color:#c4d4d9;font-size:12px;font-weight:700}.nav a:hover,.nav-login:hover{color:var(--teal)}.external{font-size:11px}.nav-actions{display:flex;align-items:center;gap:23px}.nav-login{color:#d0dddf;font-size:12px;font-weight:700;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:12px;font-size:13px;font-weight:800;transition:transform .25s,background .25s,box-shadow .25s;cursor:pointer}.btn:hover{transform:translateY(-3px)}.btn-small{padding:13px 17px}.btn-large{padding:18px 23px}.btn-teal{background:var(--teal);color:#032f35;box-shadow:0 14px 50px #25ceae29}.btn-teal:hover{background:#88f6dc;box-shadow:0 18px 60px #25ceae55}.btn-outline{border:1px solid #ffffff57;color:#fff}.btn-white{background:#fff;color:#102f38}.btn-transparent{border:1px solid #ffffff7e;color:#fff}.hamburger{display:none;background:none;border:0;padding:7px}.hamburger span{display:block;width:25px;height:2px;margin:5px;background:white}.hero{color:#fff;background:radial-gradient(ellipse at 80% 20%,#174457 0%,#0b2534 30%,#071726 72%);position:relative;overflow:hidden;padding-top:108px}.hero:before{content:'';position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent 5%,black 100%)}.hero-orb{position:absolute;width:400px;height:400px;border-radius:100%;filter:blur(90px);pointer-events:none}.hero-orb-one{background:#00bca926;right:0;top:40px}.hero-orb-two{background:#147dbd1e;left:-230px;bottom:-150px}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:25px;min-height:590px;padding-bottom:95px}.hero-copy{position:relative;z-index:4}.pill{font-size:10px;letter-spacing:.13em;display:inline-flex;align-items:center;gap:11px;border:1px solid #5ad4c446;border-radius:100px;padding:12px 17px;color:#aff1e3;background:#5dcbb50c;font-weight:700}.pill-arrow{margin-left:13px;font-size:15px}.hero h1{font-size:clamp(58px,5.8vw,91px);line-height:1.07;margin:28px 0 23px;letter-spacing:-.085em}.hero h1>span{color:var(--teal)}.orange{color:var(--orange)}.hero-sub{color:#b0c7cf;font-size:17px;line-height:1.8;max-width:570px}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:33px 0}.play-icon{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid #ffffff88;border-radius:50%;font-size:9px}.hero-proof{display:flex;gap:17px;align-items:center;color:#9db2bc;font-size:11px;line-height:1.5;margin-top:47px}.avatar-stack{display:flex;padding-left:8px}.avatar-stack span{display:grid;place-items:center;width:32px;height:32px;border:2px solid #091d2b;border-radius:50%;margin-left:-8px;background:#d2fbef;color:#095a5e;font-weight:800;font-size:10px}.avatar-stack span:nth-child(2){background:#fbd1b8;color:#763b29}.avatar-stack span:nth-child(3){background:#86cde8;color:#174558}.hero-visual{position:relative;z-index:3;padding:50px 4px 65px}.dashboard-frame{transform:perspective(1300px) rotateY(-7deg) rotateX(3deg);box-shadow:0 50px 100px #0008,0 0 0 1px #a4f7ed26;border-radius:17px;background:#fff;overflow:hidden;border:6px solid #355163;transition:transform .5s}.dashboard-frame:hover{transform:perspective(1300px) rotateY(-2deg) rotateX(0)}.dashboard-bar{height:45px;background:#0e2d3e;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.dash-brand{font:800 17px Manrope;letter-spacing:-.055em}.dash-brand>span:last-child{color:var(--teal)}.tiny-logo{color:var(--teal)}.dash-window-dots{font-size:8px;letter-spacing:5px;color:#7995a2}.dashboard-body{display:grid;grid-template-columns:145px 1fr;background:#f4f7f9;min-height:345px}.dash-side{display:flex;flex-direction:column;gap:6px;background:#0f3041;padding:19px 10px;color:#8facb9;font-size:9px}.dash-side>div{padding:10px 8px;border-radius:6px;white-space:nowrap}.dash-side .side-current{background:#215364;color:#78f3dc}.dash-side .side-bottom{margin-top:auto;color:#4cd9b9}.dash-content{padding:22px 18px;color:#143342;min-width:0}.dash-hello{display:flex;justify-content:space-between;align-items:start}.dash-hello small{font-size:8px;color:#42aa9e;letter-spacing:.16em}.dash-hello h3{font-size:18px;letter-spacing:-.04em;margin:5px 0}.dash-hello p{font-size:10px;color:#8da0ac}.date-chip{font-size:9px;border:1px solid #dbe5e9;padding:8px;border-radius:6px;white-space:nowrap}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.dash-stats>div{padding:12px 10px;background:#fff;border-radius:9px;box-shadow:0 2px 10px #0f2d3b0c}.dash-stats span,.dash-stats small{font-size:9px;color:#8196a0;display:block}.dash-stats strong{font:800 23px Manrope;display:block;margin:6px 0}.dash-stats>div:nth-child(2) strong{color:#00a88e}.dash-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:9px}.graph-panel,.activity-panel{background:white;border-radius:9px;padding:14px;min-width:0}.graph-head{display:flex;justify-content:space-between;gap:7px;align-items:center}.graph-head strong,.activity-panel>strong{font-size:10px}.graph-head span{font-size:8px;color:#9aaeb8}.bars{height:105px;display:flex;align-items:end;justify-content:space-around;gap:8px;padding:8px 3px 0}.bars i{display:block;width:14%;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(0deg,#118eab,#5ae1c8)}.bars i:nth-child(4),.bars i:nth-child(6){background:linear-gradient(#ffa670,#ffcbab)}.chart-labels{display:flex;justify-content:space-around;color:#9aabb3;font-size:8px;padding-top:8px}.activity-panel>div{display:flex;gap:8px;align-items:center;margin-top:19px}.activity-panel b{font-size:12px}.d-green{color:#19b698}.d-blue{color:#40a5dc}.d-orange{color:#eb9865}.activity-panel span{font-size:9px;font-weight:700}.activity-panel small{display:block;font-size:8px;color:#95a9b2;margin-top:3px}.floating{position:absolute;display:flex;align-items:center;gap:11px;background:#fff;color:#193540;border-radius:11px;padding:13px 18px;box-shadow:0 18px 60px #00192666;z-index:4;animation:float 5s ease-in-out infinite}.floating strong{font-size:11px;display:block}.floating small{display:block;color:#879ba3;font-size:9px;margin-top:3px}.floating-top{top:0;right:-10px}.floating-bottom{bottom:23px;left:-18px;animation-delay:-2s}.flo-icon,.tick{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#d9fbf2;color:#009e91;font-size:22px}.tick{font-size:19px}.visual-caption{font-size:8px;letter-spacing:.13em;text-align:right;color:#7998a4;margin-top:30px}.hero-bottom{position:relative;border-top:1px solid #ffffff22;padding-top:25px;padding-bottom:35px;display:flex;gap:20px;justify-content:space-between;align-items:center;color:#7895a0;font-size:10px;letter-spacing:.13em}.hero-bottom>div{color:#c4d8dd;display:flex;align-items:center;gap:22px;letter-spacing:.06em;font-weight:700}.hero-bottom b{color:var(--teal)}.light-section{background:var(--cream);padding:120px 0 130px}.section-heading{text-align:center;margin-bottom:61px}.kicker{display:block;color:#118b80;font-size:11px;font-weight:800;letter-spacing:.17em;margin-bottom:24px}.section-heading h2,.story-copy h2,.faq-grid h2{font-size:clamp(35px,4.2vw,61px);line-height:1.16}.section-heading em,.story-copy em,.faq-grid em{font-style:normal;color:#11a695}.section-heading p{font-size:15px;color:#677c84;max-width:610px;margin:20px auto}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature{min-height:390px;position:relative;padding:43px;overflow:hidden;border-radius:23px;background:#fff;box-shadow:0 12px 45px #183c4210}.feature-badge{font-size:10px;font-weight:800;color:#329f91;letter-spacing:.12em;margin-bottom:28px}.feature h3{font-size:clamp(26px,3.1vw,41px);line-height:1.2;margin-bottom:15px}.feature h3 span{color:#12ad95}.feature p{font-size:14px;color:#6b8087;line-height:1.7;max-width:330px}.feature-large{background:#e5f6f0}.attendance{max-width:390px;display:flex;gap:11px;margin-top:40px}.attendance>div{display:flex;align-items:center;gap:10px;padding:15px 12px;border-radius:11px;background:#fff;flex:1;box-shadow:0 10px 23px #20776312}.attendance strong{display:block;font:800 16px Manrope}.attendance small{color:#83979b;display:block;font-size:9px}.attendance b{color:#0aaf8f;margin-left:auto}.clock-face{color:#08b394;font-size:24px}.orange-face{color:#ea9968}.feature-blue{background:#eaf1ff}.feature-blue .feature-badge{color:#476dc9}.people-card{display:flex;align-items:center;gap:12px;border-radius:12px;max-width:360px;padding:22px 20px;background:#fff;box-shadow:0 15px 30px #1b3c5a14;margin-top:50px}.people-icons{color:#4c80e7;letter-spacing:-7px;margin-right:14px;font-size:22px}.people-card strong{font-size:12px;display:block}.people-card small{font-size:9px;color:#7b8a9b}.people-arrow{margin-left:auto;color:#4a71b5}.feature-dark{background:#10313d;color:white}.feature-dark .feature-badge{color:#55e4c7}.feature-dark p{color:#afc3c7}.leave-card{background:#244a54;padding:22px;max-width:360px;border-radius:12px;margin-top:38px}.leave-card span{font-size:12px;display:flex;justify-content:space-between}.leave-card b{font-size:9px;background:#ffe4b8;color:#986327;padding:5px;border-radius:5px}.leave-progress{height:6px;border-radius:5px;background:#4a6a71;margin:22px 0 10px}.leave-progress i{display:block;width:62%;height:100%;background:#57e8ca;border-radius:5px}.leave-card small{font-size:10px;color:#b5d0d0}.feature-peach{background:#fff0e6}.feature-peach .feature-badge{color:#db804f}.report-demo{margin-top:10px;position:absolute;right:30px;bottom:-32px;width:56%;height:180px;background:white;border-radius:18px 18px 0 0;padding:20px;box-shadow:0 0 45px #cb936d33}.report-demo>span{font-size:10px;font-weight:700}.report-demo>div{height:110px;display:flex;align-items:end;gap:9px;margin-top:14px}.report-demo i{background:#f0a67a;border-radius:5px 5px 0 0;flex:1}.report-demo i:nth-child(even){background:#7adfd0}.statement{padding:120px 0;background:#081b29;color:white;position:relative;overflow:hidden}.statement-glow{position:absolute;width:450px;height:450px;border-radius:50%;right:-100px;top:-100px;background:#2de1b914;filter:blur(90px)}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%;position:relative}.kicker-light{color:#56e1c6}.statement h2{font-size:clamp(44px,5vw,76px);line-height:1.12}.statement h2 span{color:#59e4ca}.statement-right>p{font-size:17px;color:#a7bdc5;line-height:1.9;max-width:450px}.industry-list{margin-top:30px}.industry-list>div{display:flex;gap:18px;align-items:center;border-top:1px solid #45616b65;padding:19px 0}.industry-list>div:last-child{border-bottom:1px solid #45616b65}.industry-list>div span:first-child{font-size:10px;color:#5bdabe}.industry-list>div strong{font-size:17px;font-weight:600;flex:1}.industry-list>div span:last-child{color:#69dacc}.story-section{padding:130px 0;background:#fff}.story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.story-visual{min-height:420px;background:#eef6f2;border-radius:30px;display:grid;place-items:center;position:relative;overflow:hidden}.story-visual:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #66c8b64d;border-radius:50%;box-shadow:0 0 0 50px #a9e2d127,0 0 0 100px #a9e2d120}.story-circle{position:relative;z-index:1;width:270px;height:270px;background:#093344;color:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transform:rotate(-8deg);box-shadow:0 30px 70px #07364538}.story-circle>span:first-child{font-size:14px;color:#85f0d7;letter-spacing:.23em}.story-circle strong{text-align:center;font:800 27px Manrope;line-height:1.35}.story-spark{font-size:45px;color:#4be3c9}.story-stamp{position:absolute;bottom:26px;right:28px;background:#fff;padding:12px 19px;border-radius:40px;font-weight:800;font-size:10px;letter-spacing:.1em}.story-stamp span{color:#08b29a;padding:0 8px}.story-copy p{font-size:16px;line-height:1.9;color:#687f86}.text-cta{display:inline-flex;gap:38px;align-items:center;border-bottom:2px solid #079b86;font-size:14px;font-weight:800;padding:20px 0}.test-section{background:#14ac9c;color:#fff;padding:95px 0;overflow:hidden;position:relative}.test-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.test-section h2{font-size:clamp(46px,5vw,72px);line-height:1.14}.test-section h2 i{font-style:normal;color:#d3fff3}.test-section p{font-size:16px;line-height:1.8;max-width:480px;margin-bottom:27px;color:#d7fffa}.test-orbit{height:430px;display:grid;place-items:center;position:relative}.orbit-ring{position:absolute;border:1px solid #ffffff82;border-radius:50%;width:250px;height:250px}.ring-two{width:420px;height:420px;border-color:#ffffff53}.orbit-center{font:800 180px Manrope;letter-spacing:-.15em;color:#fff;text-shadow:0 20px 80px #063f4566}.orbit-center span{color:#cbfff0}.orbit-item{position:absolute;display:grid;place-items:center;width:70px;height:70px;background:#fff;color:#0b8d81;border-radius:18px;box-shadow:0 20px 50px #064d4266;font-weight:800;font-size:23px}.item-one{top:0;right:24%}.item-two{left:10%;top:47%}.item-three{right:10%;bottom:18%}.faq-section{padding:125px 0;background:#f8faf8}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.faq-grid>div:first-child p{color:#7d8a8d}.faq-list details{border-bottom:1px solid #d6e1df;padding:20px 0}.faq-list details:first-child{border-top:1px solid #d6e1df}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800;font-size:15px;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#099b89;font-size:25px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:14px;line-height:1.8;color:#617680;max-width:560px;margin:15px 0 0}.faq-list p a{color:#079f88;text-decoration:underline}.contact-section{background:#f8faf8;padding:0 0 90px}.contact-card{background:#0c2938;min-height:390px;border-radius:27px;padding:64px 72px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;position:relative;overflow:hidden}.contact-card h2{font-size:clamp(38px,4vw,58px);line-height:1.19;max-width:760px}.contact-card h2 em{color:#58dec5;font-style:normal}.contact-card p{color:#c6dcdd;font-size:15px}.contact-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.contact-mark{font:800 350px Manrope;color:#2c5360;position:absolute;right:10px;bottom:-170px;letter-spacing:-.18em;opacity:.65;pointer-events:none}.contact-mark span{color:#2e9f96}.contact-card>div:first-child{position:relative;z-index:2}.footer{background:#061923;color:#fff;padding:70px 0 20px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:90px}.footer-top p{font-size:14px;line-height:1.7;color:#8ca5ae;margin-top:25px}.footer-links{display:flex;gap:110px}.footer-links>div{display:flex;flex-direction:column;gap:17px;font-size:13px}.footer-links strong{color:#fff;margin-bottom:7px}.footer-links a{color:#9cb1b9}.footer-links a:hover{color:var(--teal)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid #ffffff1b;color:#79939e;font-size:11px}.footer-bottom b{color:var(--teal)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1150px){.nav{gap:14px}.nav-actions{gap:12px}.nav-login{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:62px}.dash-side{display:none}.dashboard-body{grid-template-columns:1fr}.floating-top{right:0}.feature{padding:32px}}@media(max-width:850px){.container{padding:0 23px}.nav-wrap{padding:0 23px}.hamburger{display:block;margin-left:auto}.nav{display:none;position:absolute;top:77px;left:0;right:0;background:#0b2834;padding:25px;flex-direction:column;gap:0;border-top:1px solid #ffffff22}.nav.open{display:flex}.nav a{padding:14px;border-bottom:1px solid #ffffff1b}.nav-actions{margin-left:auto}.nav-actions .btn{display:none}.hero{padding-top:70px}.hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:55px}.hero-visual{max-width:640px;margin:auto;width:100%}.hero h1{font-size:clamp(55px,11vw,82px)}.hero-bottom{flex-direction:column;align-items:flex-start}.hero-bottom>div{flex-wrap:wrap;gap:14px}.statement-grid,.story-grid,.test-layout,.faq-grid{grid-template-columns:1fr;gap:40px}.statement,.story-section,.faq-section{padding:85px 0}.story-visual{order:2}.contact-card{padding:45px}.footer-links{gap:55px}}@media(max-width:560px){.announcement{font-size:9px;gap:7px}.announcement a span{display:none}.logo{font-size:23px}.hero h1{font-size:54px}.hero-sub{font-size:15px}.hero-buttons{align-items:stretch;flex-direction:column}.hero-buttons a{justify-content:space-between}.dashboard-frame{transform:none;border-width:3px}.dashboard-frame:hover{transform:none}.hero-visual{padding:40px 0 55px}.floating{padding:8px 10px}.floating-top{top:9px}.floating-bottom{bottom:13px;left:0}.floating strong{font-size:9px}.floating small{font-size:8px}.dashboard-body{min-height:260px}.dash-content{padding:12px 8px}.dash-stats{gap:4px}.dash-stats>div{padding:9px 5px}.dash-stats strong{font-size:17px}.dash-stats span,.dash-stats small{font-size:7px}.date-chip{display:none}.dash-bottom{gap:4px}.graph-panel,.activity-panel{padding:10px 6px}.graph-head strong,.activity-panel>strong{font-size:8px}.activity-panel>div{margin-top:10px}.activity-panel span{font-size:8px}.light-section{padding:75px 0}.section-heading h2{font-size:34px}.feature-grid{grid-template-columns:1fr}.feature{min-height:350px}.feature h3{font-size:30px}.attendance{gap:6px}.attendance>div{padding:10px 7px}.attendance strong{font-size:12px}.clock-face{font-size:17px}.statement h2,.test-section h2{font-size:48px}.industry-list>div strong{font-size:14px}.story-visual{min-height:340px}.story-circle{width:230px;height:230px}.contact-card{padding:34px 23px}.contact-card h2{font-size:32px}.contact-mark{display:none}.footer-top,.footer-bottom{flex-direction:column}.footer-top{padding-bottom:55px}.footer-links{gap:55px}.test-orbit{height:280px}.ring-two{height:270px;width:270px}.orbit-ring:not(.ring-two){height:165px;width:165px}.orbit-center{font-size:115px}.orbit-item{width:48px;height:48px;font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}