@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#173d35;--muted:#5d7069;--paper:#fafaf5;--green:#175c48;--line:#dce3dc;--mint:#e4eee5;--orange:#efad7d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c16b37;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-inline:40px}header{max-width:1400px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 23px 'Manrope',sans-serif;letter-spacing:-1px}.mark,.mini-mark{display:grid;place-items:center;background:var(--ink);color:white;border-radius:11px;width:37px;height:37px;font-size:24px;letter-spacing:-2px}.mini-mark{width:30px;height:30px;font-size:20px}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:8px;text-decoration:none;padding:15px 21px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#123f32;transform:translateY(-2px)}.button.small{padding:10px 18px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:76px;padding-bottom:110px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 22px}.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:7px}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.13;letter-spacing:-2px;margin:0}h1{font-size:76px;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400;color:#347a60}h2{font-size:44px;font-weight:600}h3{font-size:27px;font-weight:600;letter-spacing:-1px}.intro{font-size:20px;line-height:1.5;max-width:430px;margin:27px 0 16px}.hero-detail{color:var(--muted);max-width:415px;font-size:15px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:600;text-decoration:none}.small-note{font-size:11px;color:var(--muted);margin-top:18px}.product-scene{position:relative;padding:25px 0 36px}.product-scene:before{content:'';position:absolute;inset:0 -28px -5px;background:#e9eee1;border-radius:45% 45% 12px 12px;z-index:-1}.scene-label{font-size:9px;letter-spacing:1.6px;margin:0 8px 16px;font-weight:700;display:flex;justify-content:space-between;gap:14px}.scene-label span{font-size:8px;color:#748073}.preview{background:#fff;border:1px solid #d7e1d5;border-radius:14px;box-shadow:0 20px 50px #1a3f3420;transform:rotate(-2deg);padding:20px}.preview-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:12px;font-weight:600}.avatar{display:grid;place-items:center;background:#e3e9dc;width:32px;height:32px;border-radius:50%;font-size:10px}.preview-head>.avatar{margin-left:auto}.preview-greeting{padding:24px 0 18px}.preview-greeting>span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.preview-greeting h2{font-size:24px;letter-spacing:-1px;margin:8px 0}.preview-greeting p{margin:0;font-size:11px;color:var(--muted)}.preview-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.mini-card{padding:17px;border-radius:10px;background:#edf4ef;font-size:11px}.mini-card>p{margin:10px 0 5px}.mini-card strong{font-size:14px;line-height:1.5;display:block}.card-icon{font-size:22px;line-height:1}.status{display:inline-block;color:#37705c;font-size:9px;background:#d7e8dc;padding:3px 8px;border-radius:20px;margin-top:10px}.leave{background:#faf0e3}.days{display:flex;gap:7px;margin-top:20px}.days>*{font-size:9px;padding:5px;border-radius:5px}.days b{background:#e6ba84}.activity{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid var(--line);padding:13px}.activity strong{font-size:11px}.activity small{font-size:9px;color:var(--muted)}.activity>span{color:var(--green);border-radius:50%;background:var(--mint);padding:5px 10px}.time-line{display:flex;gap:4px;height:24px;align-items:end;margin-top:17px}.time-line i{width:16px;height:70%;background:#98baa3;border-radius:3px}.time-line i:nth-child(2n){height:100%}.floating-note{position:absolute;bottom:0;left:-28px;display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);padding:13px 18px;border-radius:9px;box-shadow:0 9px 30px #173d3512;font-size:11px}.floating-note>span{background:#e8bc8c;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.floating-note small{display:block;color:var(--muted);font-size:9px}.strip{border-block:1px solid var(--line)}.strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:23px}.strip p{font-size:12px;line-height:1.5;margin:0}.strip span{font-size:16px;font-family:'Manrope',sans-serif;font-weight:600}.section{padding-block:90px}.section-heading>p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:16px;margin:23px 0 30px}.feature-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:45px}.feature{border:1px solid var(--line);border-radius:14px;padding:30px;background:#fff;overflow:hidden}.feature.large{grid-column:span 2;background:#e9f0e8}.feature.large+.feature{background:#f6f0e6}.number{font-size:9px;letter-spacing:1.8px;color:var(--muted);display:block;margin-bottom:24px}.feature p{font-size:14px;color:var(--muted);max-width:490px}.people-visual{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.people-visual>div:not(.connection){display:grid;grid-template-columns:40px 1fr;gap:0 10px;border:1px solid #d6e0d4;background:#fafcf8;border-radius:10px;padding:14px 20px;flex:1}.people-visual .avatar{grid-row:span 2;width:36px;height:36px}.peach{background:#f3d9c4}.mint{background:#c8ddcd}.people-visual b{font-size:11px;white-space:nowrap}.people-visual small{font-size:9px;color:var(--muted)}.connection{font-size:10px;flex-basis:100%;padding-top:5px;color:var(--muted)}.visual-bars{margin-top:30px;display:grid;gap:12px}.visual-bars span{background:#e7d7bc;border-radius:5px;width:var(--w);font-size:10px;padding:8px 12px}.feature.wide{grid-column:span 2;display:flex;align-items:center;gap:25px;background:#eff1f7}.feature.wide>div{flex:1}.receipt{border:1px solid var(--line);padding:16px;margin:26px 8px 0;border-radius:9px;font-size:10px;box-shadow:0 5px 12px #173d3506;transform:rotate(2deg)}.receipt strong{display:block;font-size:18px;margin:6px 0}.receipt strong b{float:right;color:var(--green)}.receipt hr{border:0;border-top:1px dashed var(--line)}.receipt p{font-size:11px;margin:3px 0}.goal-visual{display:flex;align-items:center;gap:14px}.progress-ring{width:88px;height:88px;border:7px solid #9caac6;border-right-color:#d9dfea;border-radius:50%;display:grid;place-items:center;font-size:36px;flex-shrink:0}.goal-visual b{font-size:13px}.goal-visual small{display:block;color:var(--muted);font-size:11px}.workflow{background:#e9eee6;padding-block:80px}.role-tabs{display:flex;gap:6px;border-bottom:1px solid #cbd8cb;margin-top:32px}.role-tabs button{cursor:pointer;background:none;border:0;border-bottom:3px solid transparent;padding:15px 22px;color:var(--muted);font-size:14px}.role-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--green);font-weight:700}.role-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:40px}.role-panel h3{font-size:31px}.role-panel p{color:var(--muted);font-size:15px;max-width:430px}.role-panel .eyebrow{font-size:9px}ol{list-style:none;padding:0;margin:0}ol li{display:flex;gap:20px;border-bottom:1px solid #cfdbcf;padding:0 0 18px;margin:0 0 20px}ol li>span{font-size:11px;color:#62816c;padding-top:4px}ol b{font-size:15px}ol p{margin:3px 0 0;font-size:13px!important}.organization{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.org-visual{padding:40px 20px;border-radius:18px;background:#f0eade;text-align:center}.org-company{display:flex;justify-content:center;align-items:center;gap:12px;background:white;border:1px solid #ddd8ca;border-radius:9px;padding:18px;max-width:220px;margin:auto;font-size:15px;font-weight:600}.org-branches{display:flex;gap:16px;padding-top:40px;position:relative}.org-branches:before{content:'';position:absolute;top:0;left:50%;height:40px;border-left:1px solid #b6bda9}.org-branches>div{flex:1;padding:20px 10px;background:#fcfcf9;border:1px solid #d9decf;border-radius:9px;z-index:1}.org-branches b{display:block;font-size:13px}.org-branches span{font-size:10px;color:var(--muted)}.org-visual>p{font-size:11px;margin:24px 0 0;color:var(--muted)}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px;font-weight:500;padding:20px 26px 20px 0;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:20px;top:15px}details[open] summary:after{content:'−'}details p{margin:0 0 22px;color:var(--muted);font-size:14px}.final-cta{background:var(--ink);color:white;border-radius:16px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta .eyebrow{color:#b5caba;margin-bottom:15px}.final-cta p:last-child{color:#c5d6cb}.light{background:#eef3e8;color:var(--ink);border-color:#eef3e8}.light:hover{background:white}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:45px}footer .wordmark{font-size:20px}footer p,footer a:not(.wordmark),footer small{font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}@media(max-width:1000px){.hero{gap:45px}h1{font-size:60px}.scene-label span{display:none}.feature.wide{display:block}.goal-visual{margin-top:25px}.role-panel{gap:40px}.floating-note{left:-10px}}@media(max-width:760px){.wrap{padding-inline:22px}header{padding:22px;gap:12px}.wordmark{font-size:20px}header nav{display:none}.mark{display:none}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:65px;gap:35px}h1{font-size:62px}.intro{font-size:19px}.hero-copy{max-width:540px}.product-scene{margin:0 12px;padding:20px 0 35px}.product-scene:before{inset:0 -12px}.preview{transform:none}.floating-note{left:-6px}.scene-label span{display:inline}.strip>.wrap{flex-wrap:wrap;justify-content:flex-start;gap:16px 26px}.strip p{flex-basis:100%}.strip p br{display:none}.strip p strong{margin-left:5px}.strip span{font-size:13px}.section{padding-block:60px}h2{font-size:35px}.feature-grid{grid-template-columns:1fr;gap:15px;margin-top:30px}.feature.large,.feature.wide{grid-column:auto}.feature{padding:25px}.people-visual{flex-direction:column}.people-visual>div:not(.connection){flex:none}.workflow{padding-block:55px}.role-tabs{gap:0}.role-tabs button{padding:14px 10px;font-size:12px;flex:1}.role-panel,.organization,.faq{grid-template-columns:1fr;gap:32px}.role-panel{padding-top:30px}.role-panel h3{font-size:28px}.org-visual{padding:30px 14px}.faq{gap:20px}.final-cta{margin:0 16px;padding:30px 24px;display:block}.final-cta .button{margin-top:15px}footer{padding-block:32px}footer small{flex-basis:100%}.actions{gap:18px}.button{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:760px){.hero,.feature-grid,.role-panel,.organization,.faq{grid-template-columns:minmax(0,1fr)}.hero>*,.feature,.role-panel>*,.organization>*,.faq>*{min-width:0}h1{font-size:clamp(44px,12.6vw,62px)}.scene-label{font-size:8px;letter-spacing:1px}.scene-label span{font-size:7px;letter-spacing:.5px}.preview{padding:15px}.mini-card{padding:12px}.actions{flex-wrap:wrap}.intro,.hero-detail{max-width:100%}}