:root{--ink:#222a40;--muted:#73798b;--blue:#4865d9;--line:#e9e9e6;--paper:#f9f9f5;--white:#fff;--ease:cubic-bezier(.2,.75,.2,1);font-family:'Avenir Next',Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffb579;outline-offset:6px}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}button{color:inherit}.container{width:min(1216px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-70px;left:20px;padding:14px 20px;background:white;z-index:100;border:2px solid var(--blue);border-radius:10px}.skip-link:focus{top:10px}.site-header{height:100px;position:relative;z-index:20}.nav-bar{height:100%;display:flex;align-items:center;gap:60px}.brand{display:inline-flex;align-items:center;white-space:nowrap;font-weight:800;font-size:25px;letter-spacing:-1.5px}.brand-symbol{height:36px;width:36px;border-radius:11px;background:var(--blue);color:white;display:grid;place-items:center;margin-right:9px;transform:rotate(-7deg)}.brand-symbol svg{width:26px;height:26px;transform:rotate(7deg)}.brand-dot{color:var(--blue)}.site-menu{display:flex;align-items:center;justify-content:space-between;flex:1;gap:24px}.nav-links,.nav-actions{display:flex;align-items:center;gap:30px}.nav-links{margin-left:45px}.nav-links>a,.sign-in{font-size:12px;font-weight:600;color:#535a6d;transition:color .2s}.nav-links>a:hover,.sign-in:hover{color:var(--blue)}.nav-actions{gap:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:19px 24px;border:0;border-radius:11px;font-size:13px;font-weight:650;line-height:1.4;transition:transform .25s var(--ease),box-shadow .25s,background .25s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button>span{font-size:22px;font-weight:400;line-height:1}.button-small{padding:14px 17px;font-size:11px;gap:20px}.button-small>span{font-size:19px}.button-blue{color:#fff;background:var(--blue);box-shadow:0 5px 0 #3450bc,0 10px 20px #3f5ece16}.button-blue:hover{background:#3c59cf;box-shadow:0 5px 0 #2e47a7,0 15px 22px #3f5ece26}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#39445d}.button-white{background:white;color:var(--ink);box-shadow:0 6px 15px #2a225609}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;padding-top:71px;padding-bottom:90px;min-height:744px}.hero-copy{position:relative;z-index:2;padding-bottom:6px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.7}.hero-eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:1.35px;margin-bottom:26px;color:#636b80}.little-spark{font-size:25px;line-height:1;color:#e69569}.hero h1{font-size:clamp(48px,4.9vw,69px);font-weight:650;line-height:1.1;letter-spacing:-3.4px}.people-time{position:relative;color:var(--blue);display:inline-block}.people-time svg{position:absolute;left:-2px;bottom:-11px;width:100%;height:18px;color:#e4a887;stroke-width:3}.hero-dot{color:var(--blue)}.hero-description{font-size:16px;color:var(--muted);line-height:1.85;margin-top:34px;font-weight:400;letter-spacing:-.15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:29px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;font-weight:650;transition:color .2s,gap .2s}.text-link:hover{color:var(--blue);gap:20px}.text-link>span{font-size:19px}.quiet-note{display:flex;align-items:center;gap:7px;color:#8a8e9a;font-size:10px;margin-top:20px}.quiet-note svg{width:14px;height:14px;color:#83967c}.hero-visual{position:relative;padding:31px 0 39px 34px;isolation:isolate}.hero-orbit{position:absolute;inset:-30px -55px -20px -50px;background:radial-gradient(ellipse at 75% 40%,#ede3ed 0,transparent 60%),radial-gradient(ellipse at 32% 68%,#e5eaf9 0,transparent 60%);z-index:-2;border-radius:50%;transform:rotate(-17deg)}.hero-orbit::after{content:'';position:absolute;inset:36px 0;border:1px solid #e2e4e761;border-radius:50%;transform:rotate(-28deg)}.preview-window{background:#fff;border:1px solid #ececf3;border-radius:16px;box-shadow:0 30px 65px -20px #283a6528,0 3px 7px #303e5010;transform:rotate(-2deg);position:relative;transition:transform .8s var(--ease)}.hero-visual:hover .preview-window{transform:rotate(0)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;height:41px;padding:0 17px;border-bottom:1px solid #eeeef5;background:#fafbff;border-radius:16px 16px 0 0;font-size:7px;letter-spacing:1px;color:#9098ab}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#e3e5ed;border-radius:50%}.window-dots i:first-child{background:#efc4b5}.preview-sample{font-size:8px;letter-spacing:0;color:#8d91a1}.preview-body{padding:26px 28px 23px;background:linear-gradient(#fafbff,#f7f8fc);border-radius:0 0 16px 16px}.preview-greeting{display:flex;justify-content:space-between;align-items:center}.preview-greeting>div>span{font-size:7px;letter-spacing:1.1px;color:#8a91a4;font-weight:650}.preview-greeting h2{font-size:22px;letter-spacing:-.8px;font-weight:650;margin-top:5px}.preview-greeting h2 span{font-size:18px;color:#e2b369;margin-left:3px}.sample-avatar{width:34px;height:34px;display:grid;place-items:center;background:#e9edfa;border:3px solid white;border-radius:50%;color:#7485b2;font-size:9px;font-weight:600}.sample-timeline{margin-top:23px}.sample-timeline>div:first-child{display:flex;justify-content:space-between;font-size:9px}.sample-timeline>div:first-child>span{color:#7d869b}.sample-timeline strong{font-weight:600;color:#637bad}.sample-track{height:7px;background:#e8ecf5;border-radius:4px;margin:10px 0;position:relative;overflow:hidden}.sample-track>span{width:56.7%;height:100%;display:block;background:linear-gradient(90deg,#8ca7e5,#607fc6);border-radius:4px;transition:width 1s linear}.sample-track>i{position:absolute;top:0;bottom:0;width:2px;background:#fff8;left:25%}.sample-track>i:nth-of-type(2){left:50%}.sample-track>i:nth-of-type(3){left:75%}.sample-times{display:flex;justify-content:space-between;color:#929cb0;font-size:8px}.sample-clock{background:white;border:1px solid #e5eaf4;border-radius:13px;margin-top:21px;padding:18px 22px 0;text-align:center;box-shadow:0 4px 8px #8c9fb106;overflow:hidden}.sample-status{display:flex;align-items:center;justify-content:space-between}.sample-status>span:first-child{display:flex;align-items:center;gap:5px;font-size:8px;color:#4d9272;background:#eef8f1;border-radius:5px;padding:5px 8px}.sample-status i{width:4px;height:4px;background:#6baa87;border-radius:50%;box-shadow:0 0 0 3px #6baa8710}.sample-timer-icon{color:#a5b1c4;font-size:17px}.sample-clock>p{font-size:9px;color:#7c8aa1;margin-top:16px}.sample-digits{font-size:48px;letter-spacing:-1.2px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.45;color:#304366;white-space:nowrap}.sample-digits>span{color:#b3bfd3;font-weight:300;padding:0 4px}.sample-digits>em{font-style:normal;color:#748bb0}.sample-facts{display:flex;justify-content:center;gap:27px;font-size:8px;color:#8f99aa;margin:3px 0 22px}.sample-facts strong{color:#71809a;font-weight:600;margin-left:6px}.preview-clock-actions{display:flex;gap:10px}.preview-clock-actions button{height:40px;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #e0e7f1;border-radius:7px;background:#fff;font-size:10px;font-weight:550;flex:1;white-space:nowrap;transition:transform .2s,background .25s}.preview-clock-actions button:active{transform:scale(.97)}.preview-clock-actions button:first-child{background:#6587c7;color:#fff;border-color:#6587c7;flex:1.1}.preview-clock-actions button:first-child:hover{background:#5577b7}.preview-clock-actions button svg{width:13px;height:13px}.preview-clock-actions button:nth-child(2){color:#7e90af}.preview-clock-actions button:disabled{opacity:.45;cursor:default}.sample-saved{border-top:1px solid #eef1f6;font-size:7px;color:#8c9bb1;margin:20px -22px 0;padding:12px 8px;min-height:35px}.sample-clock[data-state=break] .sample-status>span:first-child{background:#fff5e1;color:#ab8741}.sample-clock[data-state=break] .sample-status i{background:#c8a25a}.sample-clock[data-state=out] .sample-status>span:first-child{background:#f0f3fa;color:#7289ad}.sample-clock[data-state=out] .sample-status i{background:#8d9fba}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:white;border:1px solid #edecf0;border-radius:12px;padding:15px 17px;box-shadow:0 12px 32px #3c405512;font-size:10px;font-weight:600;animation:float-note 7s ease-in-out infinite}.floating-note small{display:block;font-size:8px;font-weight:400;color:#9197a5;margin-top:5px}.note-top{top:5px;left:7px;transform:rotate(-4deg)}.note-check{width:28px;height:28px;display:grid;place-items:center;background:#edf6ed;color:#699269;border-radius:50%;font-size:13px}.note-star{color:#e1b179;font-size:22px;margin-left:4px}.note-bottom{bottom:16px;right:-22px;transform:rotate(3deg);animation-delay:-3s}.mini-calendar{display:grid;place-items:center;width:34px;height:36px;border-radius:7px;background:#f3f0fb;color:#8c81aa;font-size:15px;position:relative;padding-top:4px}.mini-calendar i{position:absolute;top:7px;left:7px;right:7px;border-top:2px solid #c9bfdf}.holiday-check{font-size:13px;color:#9aabc3;margin-left:12px}.preview-caption{position:absolute;bottom:-27px;left:80px;color:#8e91a3;font-size:10px;transform:rotate(-3deg)}.preview-caption>span{font-size:27px;margin-right:9px;display:inline-block;transform:rotate(20deg);color:#a7a5b5}@keyframes float-note{0%,100%{translate:0 0}50%{translate:0 -7px}}.team-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:28px;display:flex;align-items:center;gap:58px}.team-strip>p{font-size:11px;line-height:1.8;color:#9194a0;white-space:nowrap}.team-strip strong{color:#626b80;font-weight:500}.team-types{display:flex;justify-content:space-between;gap:23px;flex:1}.team-types>span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#788195;white-space:nowrap}.team-types svg{width:21px;height:21px;color:#a0a7b5}.section-pad{padding-block:110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:43px}.section-heading .eyebrow,.how-intro .eyebrow,.faq-intro .eyebrow{color:#8c92a0;margin-bottom:16px}h2{font-size:45px;line-height:1.14;font-weight:600;letter-spacing:-1.8px}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:320px;padding-bottom:4px}.feature-grid{display:grid;grid-template-columns:1.08fr 1fr;grid-template-rows:1fr 1fr;gap:20px}.feature-card{border-radius:19px;border:1px solid #e6e9ed;background:#f0f4f9;overflow:hidden;position:relative}.attendance-feature{grid-row:span 2;display:flex;flex-direction:column;background:#eef2f9}.feature-copy{padding:30px 31px 23px}.feature-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;margin-bottom:17px}.feature-icon svg{width:19px;height:19px}.blue-icon{background:#e2e9f8;color:#6c8bc7}.purple-icon{background:#e8e2f5;color:#9784b7}.peach-icon{background:#f5e2d9;color:#bd907a}.feature-card h3{font-size:22px;font-weight:600;letter-spacing:-.65px;margin-bottom:10px}.feature-card p{color:#7c8596;font-size:12px;line-height:1.9;max-width:360px}.team-preview{margin:auto 0 0 30px;border:1px solid #e2e7f1;background:white;border-radius:13px 0 0 0;box-shadow:0 15px 35px #8297b216;transform:translateY(4px);padding:22px 20px 0}.mini-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.mini-card-heading>strong{font-size:12px;font-weight:650}.live-label{display:flex;align-items:center;gap:5px;color:#719982;font-size:8px}.live-label i{height:4px;width:4px;background:#70a080;border-radius:50%}.mini-table-head,.mini-person{display:grid;grid-template-columns:1.6fr 1fr .5fr;align-items:center;gap:10px}.mini-table-head{font-size:7px;color:#9aa2b1;padding:11px 0;border-block:1px solid #eef1f6;letter-spacing:.3px}.mini-table-head>span:last-child{text-align:right}.mini-person{padding:19px 0;border-bottom:1px solid #f0f2f7;font-size:10px}.mini-person-name{display:flex;align-items:center;gap:8px;font-weight:550}.initial-avatar{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;font-size:8px;font-weight:600;font-style:normal;border-radius:50%}.peach{background:#fae9e2;color:#b48570}.lavender{background:#efebfa;color:#9989bd}.green{background:#eaf3eb;color:#85a088}.sand{background:#f6f0df;color:#ac9f77}.mini-person small{display:block;margin-top:3px;font-size:7px;color:#a1a6b1;font-weight:400}.mini-status{font-size:7px;padding:5px 6px;display:inline-flex;align-items:center;gap:4px;border-radius:5px;justify-self:start;white-space:nowrap}.mini-status:before{content:'';width:3px;height:3px;border-radius:50%;background:currentColor}.working{color:#74a88a;background:#eef7f0}.on-break{color:#bda369;background:#fff7e9}.off{color:#929daf;background:#f2f4f8}.mini-person>strong{font-size:9px;text-align:right;font-weight:550;color:#8491a8}.mini-table-foot{padding:15px 0;font-size:8px;color:#a1a9b8}.holiday-feature{background:#f2eef8;border-color:#e9e2f0}.holiday-feature .feature-copy{padding-bottom:18px}.holiday-preview{padding:18px 21px 20px;background:#fff9;border:1px solid #ffffff;border-radius:12px;margin:0 31px 27px}.holiday-preview-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px;color:#a195b5}.holiday-preview-top>span:last-child{font-size:19px;color:#b5a0c8}.holiday-preview>strong{display:block;font-size:36px;font-weight:500;letter-spacing:-1px;color:#8974a6;line-height:1.4}.holiday-preview>strong>span{font-size:12px;color:#a191b4;letter-spacing:0;font-weight:400}.holiday-balance-track{display:flex;gap:4px;height:18px;margin-top:12px}.holiday-balance-track i{background:#e2dbee;border-radius:2px;flex:1}.holiday-balance-track i:nth-child(n+9){background:#b7a6ce}.holiday-preview-foot{display:flex;justify-content:space-between;font-size:7px;color:#a99cbb;margin-top:9px}.holiday-preview-foot span{display:flex;align-items:center;gap:4px}.holiday-preview-foot i{width:4px;height:4px;border-radius:50%;background:#d9cfe5}.message-feature{background:#f8f0e9;border-color:#eee6df}.message-preview{display:flex;align-items:flex-start;gap:12px;margin:0 31px 29px;padding:21px;background:#fff9;border:1px solid white;border-radius:12px}.message-preview .initial-avatar{width:33px;height:33px;font-size:9px}.message-preview strong{font-size:10px;display:flex;align-items:center;gap:9px;font-weight:600}.message-preview strong>span{display:block;width:4px;height:4px;background:#c69b80;border-radius:50%}.message-preview small{display:block;color:#b5a492;font-size:7px;margin:5px 0 11px}.message-preview p{font-size:10px;color:#a69283;line-height:1.8}.feature-footnotes{display:flex;justify-content:center;gap:42px;margin-top:28px;font-size:10px;color:#9297a4}.feature-footnotes>span{display:flex;align-items:center;gap:7px}.feature-footnotes svg{width:13px;height:13px;color:#849781}.how-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:95px;padding-bottom:105px}.how-intro>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9;margin:24px 0}.how-intro .text-link{color:var(--blue)}.how-decoration{display:flex;align-items:center;gap:18px;margin:31px 0 0 21px;transform:rotate(-8deg);color:#dfb294}.how-decoration>span{display:grid;place-items:center;font-size:45px;font-weight:650;letter-spacing:-3px;width:92px;height:92px;background:#f5e6db;border-radius:24px;border:1px solid #ecd9cb}.how-decoration svg{width:85px;height:85px;stroke-width:1.4;transform:rotate(20deg)}.how-steps{padding-top:9px}.how-step{display:flex;gap:25px;padding:0 0 37px;position:relative}.how-step:not(:last-child){border-bottom:1px solid var(--line);margin-bottom:35px}.step-number{font-size:11px;color:#8a9bbb;background:#edf0f6;border:1px solid #e3e8f1;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;margin-top:2px}.step-kicker{font-size:8px;letter-spacing:1.25px;color:#989dac;font-weight:650}.how-step h3{font-size:23px;letter-spacing:-.7px;font-weight:600;margin:9px 0 13px}.how-step p{font-size:13px;line-height:1.9;color:var(--muted)}.people-banner{background:#f0eef6;border:1px solid #e7e3ee;border-radius:19px;display:flex;align-items:center;gap:35px;padding:42px 45px;position:relative;overflow:hidden}.banner-flower{font-size:110px;color:#b8afd0;font-weight:400;line-height:1;transform:rotate(10deg);margin-right:5px}.people-banner .eyebrow{font-size:8px;letter-spacing:1.5px;color:#9c93ae;margin-bottom:12px}.people-banner h2{font-size:31px;letter-spacing:-1px}.people-banner p:not(.eyebrow){font-size:12px;line-height:1.8;color:#8c819c;margin-top:13px}.people-banner .button{margin-left:auto;font-size:11px;gap:14px;padding:17px 20px}.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-block:120px}.faq-intro>p:not(.eyebrow){font-size:13px;color:#8c919f;margin-top:23px}.faq-list{border-top:1px solid #e4e6e9}.faq-list details{border-bottom:1px solid #e4e6e9;overflow:hidden}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:600;padding:24px 0;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;font-weight:400;color:#999ead;transition:transform .25s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-answer{padding:0 34px 24px 0}.faq-answer p{font-size:12px;line-height:1.95;color:var(--muted)}.closing-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#eff1f7 5%,#f2edf5 55%,#f7f0e9 100%);border-block:1px solid #e9e7ec}.closing-content{padding-block:80px 85px;text-align:center;position:relative;isolation:isolate}.closing-content>.eyebrow{color:#8b8699;font-size:9px;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.closing-content>.eyebrow .little-spark{font-size:19px}.closing-content h2{font-size:58px;font-weight:550;letter-spacing:-2.6px;line-height:1.12}.closing-content h2>span{color:var(--blue)}.closing-content>p{font-size:13px;color:#8f8a9c;margin-top:23px}.closing-content .button{margin-top:28px}.closing-note{display:block;font-size:9px;color:#a19baa;margin-top:20px}.closing-orbit{position:absolute;width:970px;height:315px;border:1px solid #d9d5e365;border-radius:50%;top:70px;left:50%;transform:translateX(-50%) rotate(-18deg);z-index:-1;pointer-events:none}.closing-orbit:after{content:'';width:12px;height:12px;background:#d7b9a4;border:5px solid #f3e7df;box-shadow:0 0 0 1px #e8d8c9;border-radius:50%;position:absolute;top:64px;left:46px;box-sizing:content-box}.site-footer{min-height:145px;display:flex;align-items:center;gap:25px}.site-footer .brand{font-size:20px;letter-spacing:-1.1px}.site-footer .brand-symbol{width:29px;height:29px;border-radius:9px}.site-footer .brand-symbol svg{width:21px;height:21px}.site-footer>p{font-size:10px;color:#969ca8;margin-left:15px}.site-footer nav{display:flex;gap:24px;margin-left:auto;font-size:10px;font-weight:500;color:#808799}.site-footer nav a:hover{color:var(--blue)}.site-footer small{font-size:9px;color:#a3a7b1;margin-left:15px}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}
@media(min-width:1500px){.hero{padding-block:85px 105px;min-height:800px}.hero h1{font-size:72px}.hero-visual{padding-left:25px}.container{width:min(1260px,calc(100% - 128px))}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.nav-bar{gap:35px}.nav-links{margin-left:10px;gap:20px}.nav-actions{gap:20px}.hero{gap:15px;padding-top:55px;min-height:680px}.hero h1{font-size:53px;letter-spacing:-2.8px}.hero-description{font-size:14px}.hero-visual{padding-left:15px}.note-top{left:-3px;top:0}.note-bottom{right:-10px}.floating-note{padding:12px;font-size:9px}.preview-body{padding:23px 20px}.preview-clock-actions{gap:7px}.sample-clock{padding-inline:15px}.sample-digits{font-size:42px}.sample-saved{margin-inline:-15px;font-size:6px}.hero-actions{gap:20px}.hero-actions .button{font-size:12px;padding:17px 20px;gap:17px}.hero-actions .text-link{font-size:11px}.team-strip{gap:25px}.team-types{gap:16px;flex-wrap:wrap}.team-types>span{font-size:10px}.team-types svg{width:18px;height:18px}.section-pad{padding-block:85px}.how-section{gap:60px}.people-banner{padding:36px 30px;gap:22px}.people-banner h2{font-size:27px}.banner-flower{font-size:85px}.people-banner .button{font-size:10px;padding:15px}.feature-copy{padding:26px}.holiday-preview,.message-preview{margin-inline:26px}.faq-section{gap:55px}.site-footer{flex-wrap:wrap;gap:20px;padding-block:35px}.site-footer>p{margin-left:0}.site-footer small{margin-left:0}.nav-actions .button{font-size:10px}}
@media(max-width:900px){.container{width:calc(100% - 56px)}.site-header{height:85px}.nav-bar{gap:20px}.nav-links{gap:17px;margin:0}.nav-links>a,.sign-in{font-size:10px}.nav-actions{gap:17px}.nav-actions .button{padding:12px 14px;gap:12px}.brand{font-size:23px}.hero{grid-template-columns:1fr 1fr;gap:14px;padding-block:55px 83px;min-height:640px}.hero h1{font-size:44px;letter-spacing:-2.1px}.eyebrow{font-size:8px}.hero-eyebrow{letter-spacing:1px;font-size:8px;margin-bottom:23px}.hero-eyebrow .little-spark{font-size:20px}.hero-description{font-size:12px;margin-top:27px}.hero-actions{gap:15px}.hero-actions .button{padding:16px 16px;font-size:10px;gap:12px}.hero-actions .text-link{font-size:10px;gap:8px}.quiet-note{font-size:8px;gap:5px}.quiet-note svg{width:12px;height:12px}.hero-visual{padding:30px 0 35px 0}.preview-toolbar{padding:0 12px;height:33px;font-size:5px}.preview-sample{font-size:6px}.preview-body{padding:20px 17px}.preview-greeting>div>span{font-size:5px}.preview-greeting h2{font-size:18px}.preview-greeting h2 span{font-size:15px}.sample-timeline{margin-top:18px}.sample-timeline>div:first-child{font-size:8px}.sample-clock{margin-top:17px;padding:13px 13px 0}.sample-digits{font-size:34px}.sample-clock>p{font-size:8px;margin-top:11px}.sample-facts{font-size:7px;margin-bottom:17px;gap:18px}.preview-clock-actions button{font-size:8px;height:34px;gap:6px}.preview-clock-actions button svg{width:11px;height:11px}.sample-saved{font-size:6px;margin:15px -13px 0;padding:10px 5px;min-height:30px}.floating-note{font-size:8px;gap:8px;padding:10px;border-radius:9px}.floating-note small{font-size:6px}.note-top{left:-9px;top:0}.note-check{width:23px;height:23px;font-size:10px}.note-star{font-size:17px}.note-bottom{bottom:4px;right:-9px}.mini-calendar{width:28px;height:30px;font-size:12px}.preview-caption{font-size:8px;left:40px;bottom:-33px}.hero-orbit{inset:-10px -25px 0 -25px}.team-strip{padding-block:23px;gap:24px}.team-strip>p{font-size:10px}.team-types{display:grid;grid-template-columns:1fr 1fr;gap:15px}.team-types>span{font-size:11px}h2{font-size:37px;letter-spacing:-1.5px}.section-heading>p{font-size:12px;max-width:250px}.feature-card h3{font-size:19px}.feature-card p{font-size:11px}.feature-copy{padding:25px 23px 20px}.team-preview{margin-left:23px;padding-inline:15px}.mini-person{gap:5px;font-size:8px;padding:18px 0}.mini-person-name{gap:6px}.mini-person-name .initial-avatar{width:25px;height:25px;font-size:7px}.mini-status{font-size:6px;padding:4px}.mini-person>strong{font-size:8px}.mini-person small{font-size:6px}.holiday-preview,.message-preview{margin-inline:23px}.holiday-preview{padding:15px}.message-preview{padding:17px;gap:9px}.message-preview strong{font-size:9px}.message-preview p{font-size:9px}.feature-footnotes{font-size:8px;gap:23px}.how-section{gap:45px}.how-step{gap:17px;padding-bottom:27px}.how-step:not(:last-child){margin-bottom:27px}.how-step h3{font-size:20px}.how-step p{font-size:11px}.how-intro>p:not(.eyebrow){font-size:12px}.step-kicker{font-size:7px}.people-banner{gap:25px;flex-wrap:wrap;padding:33px}.banner-flower{font-size:80px}.people-banner>.button{margin:0 0 0 108px}.people-banner>div:not(.banner-flower){flex:1}.people-banner h2{font-size:29px}.faq-section{gap:40px}.faq-list summary{font-size:12px;padding:21px 0}.faq-answer p{font-size:11px}.closing-content h2{font-size:50px}.site-footer>p{display:none}.site-footer nav{font-size:9px;gap:20px}.site-footer small{font-size:8px}}
@media(max-width:700px){:root{scroll-padding-top:30px}.container{width:calc(100% - 40px)}.site-header{height:78px}.nav-bar{justify-content:space-between}.brand{font-size:25px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:38px;height:38px;border:1px solid #e4e6ea;background:#fff8;border-radius:10px;padding:10px}.menu-toggle span{height:1.5px;background:#687084;width:16px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.site-menu{display:none;position:absolute;top:70px;left:20px;right:20px;background:#fff;border:1px solid #e8e9ed;border-radius:15px;box-shadow:0 15px 35px #30395512;padding:24px;flex-direction:column;align-items:stretch;gap:24px}.site-menu.open{display:flex;animation:menu-in .25s var(--ease)}.nav-links{flex-direction:column;align-items:flex-start;gap:22px}.nav-links>a,.sign-in{font-size:14px}.nav-actions{justify-content:space-between;border-top:1px solid #edf0f4;padding-top:20px}.nav-actions .button{font-size:11px}.hero{grid-template-columns:1fr;padding-top:37px;padding-bottom:61px;gap:46px}.hero-copy{text-align:center;padding:0}.hero-eyebrow{justify-content:center;font-size:8px;margin-bottom:22px}.hero h1{font-size:clamp(43px,9.3vw,62px);letter-spacing:-2.5px;line-height:1.09}.people-time svg{bottom:-9px;height:14px}.hero-description{font-size:13px;margin-top:28px;line-height:1.85}.hero-actions{justify-content:center;gap:24px;margin-top:25px}.hero-actions .button{font-size:12px;padding:17px 22px;gap:20px}.hero-actions .text-link{font-size:11px;gap:10px}.quiet-note{justify-content:center;font-size:9px;margin-top:19px}.hero-visual{width:100%;max-width:440px;justify-self:center;padding:28px 13px 40px;margin-top:5px}.preview-body{padding:24px 22px}.preview-toolbar{height:36px;font-size:6px;padding-inline:14px}.preview-sample{font-size:7px}.preview-greeting>div>span{font-size:6px}.preview-greeting h2{font-size:21px}.preview-greeting h2 span{font-size:17px}.sample-timeline{margin-top:21px}.sample-timeline>div:first-child{font-size:9px}.sample-track{height:6px;margin-block:10px}.sample-times{font-size:8px}.sample-clock{padding:17px 18px 0;margin-top:19px}.sample-clock>p{font-size:9px;margin-top:14px}.sample-digits{font-size:43px}.sample-status>span:first-child{font-size:8px}.sample-facts{font-size:8px;margin-bottom:21px}.preview-clock-actions button{font-size:9px;height:38px}.preview-clock-actions button svg{width:12px;height:12px}.sample-saved{font-size:6px;margin:17px -18px 0;padding:11px 5px}.floating-note{font-size:9px;padding:12px}.floating-note small{font-size:7px}.note-top{left:2px;top:0}.note-check{width:25px;height:25px}.note-star{font-size:20px}.note-bottom{right:0;bottom:13px}.mini-calendar{width:31px;height:33px;font-size:14px}.preview-caption{font-size:8px;bottom:-21px;left:44px}.hero-orbit{inset:0 -8px 0 -8px}.team-strip{flex-direction:column;align-items:center;gap:22px;padding-block:25px}.team-strip>p{text-align:center;font-size:11px}.team-strip>p>br{display:none}.team-strip strong{margin-left:4px}.team-types{width:100%;gap:20px 10px;max-width:410px;grid-template-columns:1fr 1fr}.team-types>span{font-size:10px;gap:8px;justify-content:center}.team-types svg{width:19px;height:19px}.section-pad{padding-block:67px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}.section-heading .eyebrow,.how-intro .eyebrow,.faq-intro .eyebrow{font-size:8px;margin-bottom:14px}h2{font-size:38px;line-height:1.12;letter-spacing:-1.7px}.section-heading>p{font-size:12px;max-width:330px;line-height:1.9}.feature-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:16px}.attendance-feature{grid-row:auto}.feature-copy{padding:27px 25px 23px}.feature-card h3{font-size:22px;letter-spacing:-.7px}.feature-card p{font-size:12px;max-width:360px}.feature-icon{margin-bottom:18px}.team-preview{margin:5px 0 0 25px;padding:22px 20px 0}.mini-card-heading{margin-bottom:20px}.mini-person{font-size:10px;padding:19px 0}.mini-person-name .initial-avatar{width:29px;height:29px;font-size:8px}.mini-person small{font-size:7px}.mini-person>strong{font-size:9px}.mini-status{font-size:7px;padding:5px}.mini-table-head{font-size:7px}.mini-table-foot{font-size:7px}.holiday-preview{margin:0 25px 26px;padding:17px 20px}.holiday-preview>strong{font-size:37px}.holiday-preview-top{font-size:8px}.holiday-preview-foot{font-size:8px}.message-preview{padding:20px;margin:0 25px 26px;gap:12px}.message-preview strong{font-size:11px}.message-preview small{font-size:8px}.message-preview p{font-size:10px}.feature-footnotes{display:flex;flex-wrap:wrap;gap:13px 20px;font-size:9px;justify-content:flex-start;padding-inline:4px;margin-top:23px}.how-section{grid-template-columns:1fr;gap:40px}.how-intro h2 br:nth-child(2){display:none}.how-intro>p:not(.eyebrow){margin-block:20px;font-size:12px}.how-decoration{display:none}.how-step{gap:19px;padding-bottom:28px}.how-step h3{font-size:23px;margin-top:9px}.how-step p{font-size:12px;line-height:1.9}.step-kicker{font-size:7px}.how-step:last-child{padding-bottom:0}.step-number{height:33px;width:33px;font-size:10px}.people-banner{width:calc(100% - 40px);padding:31px 25px;display:block}.banner-flower{position:absolute;font-size:140px;right:-21px;top:-24px;color:#e2dced;z-index:0;transform:rotate(-12deg)}.people-banner>div:not(.banner-flower),.people-banner>a{position:relative}.people-banner .eyebrow{font-size:7px;max-width:230px}.people-banner h2{font-size:30px;max-width:250px;line-height:1.15}.people-banner p:not(.eyebrow){font-size:11px;max-width:290px}.people-banner p>br{display:none}.people-banner>.button{margin:24px 0 0;font-size:11px;padding:16px 19px}.faq-section{grid-template-columns:1fr;gap:32px;padding-block:70px}.faq-intro h2 br{display:none}.faq-intro h2{max-width:310px;font-size:37px}.faq-intro>p:not(.eyebrow){font-size:12px;margin-top:19px}.faq-list summary{font-size:12px;padding-block:22px;gap:14px}.faq-list summary>span{font-size:20px}.faq-answer p{font-size:12px}.faq-answer{padding-right:20px}.closing-content{padding-block:60px}.closing-content>.eyebrow{font-size:7px;letter-spacing:1.15px;gap:7px}.closing-content h2{font-size:40px;letter-spacing:-1.8px}.closing-content>p{font-size:11px;line-height:1.8;max-width:240px;margin:20px auto 0}.closing-content .button{font-size:12px;margin-top:25px}.closing-note{font-size:8px}.closing-orbit{width:640px;height:230px;top:70px}.closing-orbit:after{top:47px;left:51px;width:8px;height:8px}.site-footer{gap:25px;padding-block:32px;justify-content:space-between;min-height:0}.site-footer .brand{font-size:21px}.site-footer nav{order:3;width:100%;margin:0;justify-content:space-between;font-size:10px;gap:15px}.site-footer small{font-size:8px}.site-footer .brand-symbol{height:30px;width:30px}.preview-window{transform:rotate(-1deg)}.hero-visual:hover .preview-window{transform:rotate(-1deg)}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:40px;letter-spacing:-2px}.hero-eyebrow{font-size:7px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:17px;font-size:11px}.hero-actions .text-link{font-size:10px}.preview-body{padding-inline:16px}.sample-clock{padding-inline:13px}.sample-digits{font-size:38px}.sample-saved{margin-inline:-13px;font-size:5px}.preview-clock-actions button{font-size:8px}.floating-note{font-size:8px}.floating-note small{font-size:6px}.team-types>span{font-size:9px}.team-preview{padding-inline:14px;margin-left:20px}.feature-copy{padding-inline:22px}.people-banner{width:calc(100% - 32px)}.closing-content h2{font-size:36px}}
@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.preview-window{transform:none!important}}
/* Keep decorative orbits inside the page, without creating a scroll container. */
main{overflow:clip}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.attendance-overview{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;margin:0 30px 25px;padding-top:7px}.attendance-overview>div{padding:18px 14px;border:1px solid #e0e6f2;border-radius:11px;background:#ffffff59}.attendance-overview strong{font-size:25px;letter-spacing:-.7px;line-height:1.3;font-weight:550;color:#7c93b8;display:flex;align-items:center;gap:8px;white-space:nowrap}.attendance-overview strong em{font-size:15px;font-style:normal;letter-spacing:-.3px}.attendance-overview>div>span{display:block;font-size:8px;color:#95a2b7;margin-top:5px}.overview-dot{width:5px;height:5px;border-radius:50%;background:#8cb49a}.holiday-balance-track i:nth-child(8){background:linear-gradient(90deg,#e2dbee 50%,#b7a6ce 50%)}
@media(max-width:1150px){.attendance-overview{margin-inline:23px;gap:8px}.attendance-overview>div{padding:14px 10px}.attendance-overview strong{font-size:21px;gap:5px}.attendance-overview strong em{font-size:12px}.attendance-overview>div>span{font-size:7px}}
@media(max-width:900px) and (min-width:701px){.attendance-overview{margin-inline:23px;gap:7px}.attendance-overview>div{padding:13px 8px}.attendance-overview strong{font-size:18px;gap:4px}.attendance-overview strong em{font-size:10px}.attendance-overview>div>span{font-size:6px}}
@media(max-width:700px){.attendance-overview{margin:0 25px 21px;padding-top:0;gap:8px}.attendance-overview>div{padding:14px 10px}.attendance-overview strong{font-size:21px}.attendance-overview>div>span{font-size:7px}}

.pricing-section{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;scroll-margin-top:100px}.pricing-section h2{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-2px}.pricing-section>div>p:not(.eyebrow){max-width:400px;line-height:1.8}.pricing-card{border:1px solid #e0e5de;border-radius:28px;background:white;padding:38px;box-shadow:0 20px 70px #193b2910}.pricing-tag{font-size:11px;letter-spacing:2px;font-weight:700;color:#487263}.pricing-card .pricing-price{font-size:62px;font-weight:700;letter-spacing:-3px;margin:18px 0;line-height:1.2}.pricing-price span{font-size:16px;letter-spacing:0;color:#6d7774;font-weight:400}.pricing-card ul{list-style:none;padding:14px 0;line-height:2.2;font-size:14px}.pricing-card li:before{content:'✓';color:#487263;margin-right:12px}.pricing-extra{padding:20px;background:#f2f6f1;border-radius:16px;margin-bottom:24px;font-size:14px}.pricing-extra p{margin:7px 0 0;line-height:1.7}.pricing-card>.button{width:100%;justify-content:space-between}.pricing-card>small{display:block;text-align:center;margin-top:16px;color:#6d7774;font-size:11px}@media(max-width:800px){.pricing-section{grid-template-columns:1fr;gap:32px;padding-top:65px;padding-bottom:65px}.pricing-card{padding:26px}}