:root{--red:#ff3333;--ink:#222326;--muted:#68696d;--paper:#fff;--line:#e7e7e9;--soft:#f5f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #971c1c;outline-offset:5px}.wrap{max-width:1280px;margin:auto;width:calc(100% - 96px)}.skip{position:absolute;top:-80px;left:20px;background:white;padding:15px;z-index:30}.skip:focus{top:10px}header{position:sticky;top:0;background:rgba(255,255,255,.96);z-index:20;border-bottom:1px solid var(--line)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:170px;height:auto;display:block}nav{display:flex;gap:36px;font-size:15px;font-weight:600}nav a:hover,.text-link:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:19px 25px;background:var(--red);color:#fff;border:1px solid var(--red);border-radius:8px;font-size:15px;font-weight:700;transition:background .18s,transform .18s}.button:hover{background:#d92727;transform:translateY(-2px)}.button.small{padding:13px 19px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:56px;padding-top:68px;padding-bottom:75px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.8;margin-bottom:28px}.tiny-mark{display:inline-grid;place-items:center;background:#fff0f0;color:var(--red);width:25px;height:25px;margin-right:7px;font-size:18px}.red{color:var(--red)}h1{font-size:clamp(50px,5.35vw,77px);line-height:1.06;letter-spacing:-.06em;margin:0 0 28px;font-weight:800}.outline{color:var(--ink)}.lead{font-size:18px;line-height:1.8;color:var(--muted);margin-bottom:29px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.text-link{font-size:14px;font-weight:600;line-height:1.6}.hero-stage{position:relative;background:var(--red);padding:27px 26px 20px;border-radius:20px;min-width:0}.stage-label{font-size:11px;color:white;font-weight:700;letter-spacing:.12em;margin-bottom:25px}.demo{background:white;border-radius:12px;box-shadow:0 25px 50px #87000022;overflow:hidden}.demo-head{height:61px;border-bottom:1px solid var(--line);padding:0 17px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.demo-symbol{font-size:23px;font-weight:900;color:var(--red);position:relative;width:27px}.demo-symbol span{font-size:15px}.avatar{margin-left:auto;border-radius:50%;background:#f0f0f2;padding:9px;font-size:11px}.demo-body{padding:24px 23px 20px}.demo-welcome>span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.demo-welcome h2{font-size:24px;letter-spacing:-.045em;margin:10px 0}.demo-welcome p{font-size:12px;color:var(--muted);margin:0 0 24px}.demo-tabs{display:flex;border-bottom:1px solid var(--line);gap:18px}.demo-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 12px;color:var(--muted);font-size:12px;cursor:pointer}.demo-tabs button[aria-selected=true]{color:#cf2626;border-bottom-color:var(--red);font-weight:700}[role=tabpanel]{min-height:270px}.month{display:flex;justify-content:space-between;align-items:center;margin:21px 0 18px;font-size:12px}.month>span{font-size:11px;color:var(--muted)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px 0;text-align:center;font-size:11px}.calendar>*{min-height:27px;display:grid;place-items:center;font-style:normal}.calendar b{font-size:10px;color:var(--muted);font-weight:400}.calendar .today{border:1px solid var(--red);border-radius:5px}.calendar .leave{background:#ffe8e8;color:#bb1818}.calendar .start{border-radius:5px 0 0 5px}.calendar .end{border-radius:0 5px 5px 0}.absence{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.person{font-size:10px;padding:9px 6px;background:#f0eafa;border-radius:50%;color:#805a96}.absence strong{font-size:11px}.absence small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.status{font-size:9px;color:#256346;background:#edf8f1;border-radius:5px;padding:6px;margin-left:auto;white-space:nowrap}.demo-footer{background:#fafafa;color:var(--muted);text-align:center;padding:11px;font-size:10px}.floating-note{position:absolute;bottom:85px;right:-25px;padding:17px 20px;border-radius:9px;background:white;box-shadow:0 10px 35px #45161622;display:flex;gap:12px;align-items:center}.floating-note>span{border-radius:50%;background:#edf8f1;color:#256346;padding:8px 10px}.floating-note strong{font-size:13px}.floating-note small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.stage-bottom{color:white;display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:10px;letter-spacing:.1em}.stage-bottom>span:last-child{font-size:30px}.request{display:flex;align-items:center;gap:10px;padding:20px 0;border-bottom:1px solid var(--line)}.request strong{font-size:12px}.request p{font-size:10px;color:var(--muted)}.request-icon{padding:12px;background:#fff0f0;color:var(--red);border-radius:8px}.pending{background:#fff5dd;color:#806018}.demo-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:22px}.balance-big strong{font-size:65px;letter-spacing:-.06em}.balance-big strong span{font-size:16px;margin-left:10px;font-weight:400;letter-spacing:0}.balance-big p{font-size:12px;color:var(--muted);margin-top:0}.balance-track{background:#ffe5e5;border-radius:10px;height:8px;margin:20px 0 14px}.balance-track span{display:block;width:45%;height:100%;background:var(--red);border-radius:10px}.balance-labels{display:flex;justify-content:space-between;font-size:12px}.value-strip{border-block:1px solid var(--line);padding:27px 0}.value-strip .wrap{display:flex;justify-content:space-between;gap:25px;font-size:14px;font-weight:600}.value-strip span:before{content:'✳';color:var(--red);margin-right:12px;font-size:18px}.section{padding-block:100px}.section-head{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;margin-bottom:45px}.section-head .eyebrow{margin-bottom:19px}h2{font-size:clamp(32px,3.2vw,46px);line-height:1.2;letter-spacing:-.045em;margin:0}p{line-height:1.8}.section-head>p{font-size:17px;color:var(--muted);margin-bottom:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:var(--soft);padding:30px;border-radius:13px;min-width:0}.feature-main{background:#fff0f0}.feature-number{font-size:13px;color:var(--red);font-weight:700}.feature h3{font-size:25px;line-height:1.3;letter-spacing:-.035em;margin:30px 0 15px}.feature p{font-size:16px;color:var(--muted)}.flow{display:flex;gap:9px;align-items:center;margin-top:32px;font-size:12px}.flow span{padding:10px 11px;border:1px solid #f8c8c8;border-radius:5px;background:white}.flow i{font-style:normal;color:var(--red)}.mini-stat{border-top:1px solid #ddd;padding-top:22px;margin-top:26px}.mini-stat b{font-size:21px;display:block;letter-spacing:-.03em}.mini-stat span{font-size:13px;color:var(--muted);display:block;margin-top:10px}.mini-week{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:30px;color:var(--muted);text-align:center;font-size:12px}.mini-week i{height:25px;background:#ffcaca;border-radius:5px}.workflow{background:var(--red);color:white}.workflow-inner{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:100px;padding-block:75px}.workflow .eyebrow{margin-bottom:20px}.workflow p{font-size:17px;max-width:530px;margin:24px 0 30px}.button.light{background:white;color:#ca2424;border-color:white}.button.light:hover{background:#fff0f0}.mobile-card{background:white;border-radius:16px;color:var(--ink);padding:30px;transform:rotate(2deg);box-shadow:0 20px 60px #92000033;max-width:380px;width:100%;justify-self:center}.mobile-label{font-size:11px;letter-spacing:.1em;color:var(--muted)}.mobile-card h3{font-size:26px;line-height:1.3;letter-spacing:-.035em;margin:22px 0}.mobile-row{border-top:1px solid var(--line);padding:17px 0;display:flex;flex-direction:column;gap:7px}.mobile-row>span{color:var(--muted);font-size:12px}.mobile-row>strong{font-size:15px}.mobile-confirm{background:#f0f8f2;color:#306742;text-align:center;border-radius:6px;padding:13px;font-size:13px;margin:10px 0 17px}.mobile-card>small{font-size:11px;color:var(--muted)}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.roles article{border-top:2px solid var(--ink);padding-top:25px}.roles article>span{font-size:11px;letter-spacing:.07em;font-weight:700;color:var(--muted)}.roles h3{font-size:29px;letter-spacing:-.035em;line-height:1.25;margin-block:26px 15px}.roles p{font-size:16px;color:var(--muted)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:90px;border:1px solid var(--line);border-radius:16px;padding:50px;background:#fafafa}.plans .eyebrow{margin-bottom:18px}.plans p{font-size:16px;color:var(--muted);max-width:430px}.plans-note{border-left:1px solid var(--line);padding-left:55px;align-self:center}.coming{font-size:11px;font-weight:700;letter-spacing:.12em;background:#ffe5e5;color:#bd2323;padding:7px 10px;border-radius:4px}.plans h3{font-size:27px;line-height:1.3;letter-spacing:-.03em;margin-top:22px}.plans .text-link{color:#ca2424}.closing{padding-block:100px;display:flex;justify-content:space-between;gap:40px;align-items:center}.closing h2{font-size:35px}.closing h2>span{color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:30px;display:flex;gap:25px;align-items:center;font-size:13px;color:var(--muted)}footer img{display:block}footer p{margin-right:auto}footer>a:last-child{color:var(--ink)}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:90px}h1{font-size:83px}.hero-stage{padding:34px}.demo-body{padding:30px}.calendar>*{min-height:31px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero-stage{padding:20px 16px}.floating-note{right:-10px;padding:13px;bottom:70px}.demo-body{padding:20px 15px}.hero-actions .button{padding:17px}.section-head{gap:40px}.features{gap:12px}.feature{padding:23px}.flow{gap:5px;font-size:11px}.flow span{padding:8px}.workflow-inner{gap:50px}.plans{gap:40px}.plans-note{padding-left:30px}.closing h2{font-size:28px}nav{gap:23px}.nav{gap:15px}.brand img{width:145px}}
@media(max-width:740px){.wrap{width:calc(100% - 36px)}.nav{height:75px}.brand img{width:125px}.button.small{font-size:12px;padding:11px 12px;gap:8px}nav{display:none}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:45px;gap:35px}h1{font-size:65px;line-height:1.02;letter-spacing:-.065em}.hero .eyebrow{font-size:10px;letter-spacing:.08em;max-width:310px;margin-bottom:24px}.hero-copy .lead{font-size:17px}.hero-stage{padding:22px;max-width:490px;width:100%;justify-self:center}.stage-label{font-size:10px}.demo-body{padding:23px 20px}.calendar>*{min-height:29px}.floating-note{right:9px;bottom:78px;padding:12px}.floating-note strong{font-size:11px}.floating-note small{font-size:10px}.value-strip{padding-block:22px}.value-strip .wrap{justify-content:center;flex-wrap:wrap;gap:15px 23px;font-size:12px}.value-strip span:before{font-size:13px;margin-right:7px}.section{padding-block:60px}.section-head{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.section-head h2{font-size:35px}.section-head>p{font-size:16px}.features{grid-template-columns:1fr;gap:14px}.feature{padding:28px}.feature h3{margin-top:20px}.flow{font-size:13px;gap:12px}.flow span{padding:12px}.mini-week{max-width:300px}.workflow-inner{grid-template-columns:1fr;padding-block:50px;gap:40px}.workflow h2{font-size:34px}.workflow p{font-size:16px}.mobile-card{transform:rotate(0);max-width:380px}.roles{grid-template-columns:1fr;gap:28px}.roles h3{font-size:27px;margin-top:18px}.roles p{margin-bottom:0}.plans{grid-template-columns:1fr;padding:30px 25px;gap:30px}.plans h2{font-size:34px}.plans-note{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.closing{padding-block:60px;flex-direction:column;align-items:flex-start;gap:27px}.closing h2{font-size:28px}footer{flex-wrap:wrap;gap:15px 20px}footer img{width:120px;height:auto}footer p{margin:0}footer>span{flex-basis:65%}.demo-head{font-size:11px}.absence small{font-size:10px}.status{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}