@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{--forest:#14382c;--green:#1f493a;--cream:#f7f6f0;--ink:#20332b;--muted:#728078;--line:#e7ebe7;--orange:#c7764c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:99;background:#fff;padding:12px}.site-header{height:86px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #19372a12}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{display:block;width:118px;height:54px;object-fit:contain;object-position:left}.brand span{font-size:9px;letter-spacing:1.8px;color:#829087;font-weight:700}.site-nav{display:flex;align-items:center;gap:31px}.site-nav>a:not(.button){font-size:13px;text-decoration:none;color:#52645a}.site-nav>a:not(.button):hover,.footer-links a:hover{color:var(--orange)}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;border:0;border-radius:6px;padding:14px 20px;font-size:13px;line-height:1.2;font-weight:700;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-small{padding:12px 15px;font-size:12px}.button-green{background:var(--forest);color:#fff}.button-green:hover{background:#245542}.button-cream{background:#f5e7cb;color:var(--forest)}.hero{background:var(--cream);padding:72px 0 26px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;min-height:390px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#bb7651;margin:0 0 17px}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:#ce8056;border-radius:50%;margin-right:7px}.hero h1,.auth-card h1{font:600 clamp(43px,5.3vw,67px)/1.08 Manrope,sans-serif;letter-spacing:-2.8px;margin:0;color:var(--forest);max-width:590px}.hero h1 em,.intro h2 em,.how h2 em{font-style:normal;color:#c47750}.hero-lede{font-size:16px;color:#64746b;line-height:1.8;max-width:530px;margin:24px 0}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:13px;text-decoration:none;font-weight:700;color:var(--forest)}.hero-footnote{margin-top:23px;font-size:11px;color:#718077}.check-mark{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#dfe9df;color:#346346;font-weight:700;margin-right:6px}.hero-art{height:370px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:310px;height:310px;border-radius:50%;background:#e5e7d9}.art-card-main{position:absolute;z-index:1;display:flex;align-items:center;gap:16px;width:320px;padding:22px;background:#fff;border:1px solid #ecece4;border-radius:11px;box-shadow:0 25px 65px #23362917;transform:rotate(-4deg)}.art-card-main img{width:62px;height:62px;object-fit:contain}.art-card-main small,.art-card-main strong,.art-chip small,.art-chip b{display:block}.art-card-main small{font-size:9px;letter-spacing:1.4px;color:#9b7964;font-weight:700}.art-card-main strong{font:700 16px Manrope;color:var(--forest);margin-top:4px}.art-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:8px;background:#fff;box-shadow:0 10px 30px #20332b15;font-size:11px}.art-chip b{font-size:11px}.art-chip small{font-size:9px;color:#89938d}.chip-top{top:35px;right:18px}.chip-left{left:9px;top:190px}.chip-right{right:9px;bottom:35px}.chip-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;font-weight:700}.chip-orange{background:#fff0e6;color:#bd734a}.chip-green{background:#e5f0e8;color:#50805b}.chip-yellow{background:#fbf3d9;color:#a78a3d}.art-caption{position:absolute;bottom:3px;right:12px;font-size:10px;color:#8b948e}.hero-bottom{display:flex;align-items:center;justify-content:center;gap:21px;margin-top:34px;color:#65746a;font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:700}.hero-bottom i{width:4px;height:4px;border-radius:50%;background:#c98259}.section-pad{padding:90px 0}.intro,.how{background:var(--forest);color:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.eyebrow-light{color:#d4a57b}.intro h2,.how h2,.section-heading h2,.demo h2,.final-cta h2{font:600 clamp(34px,4vw,48px)/1.16 Manrope;margin:0;letter-spacing:-1.8px}.intro-copy{color:#d0dcd4;font-size:14px;line-height:1.9}.under-link{display:inline-block;color:#f1d6b2;font-weight:700;font-size:12px;margin-top:7px;text-decoration:none}.modules{background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading h2{color:var(--forest)}.section-heading>p{max-width:355px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 3px}.mobile-break{display:none}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card{min-height:226px;border:1px solid var(--line);border-radius:9px;padding:23px;position:relative;overflow:hidden}.module-card-featured{background:#f8faf7}.module-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-size:17px;margin-bottom:19px}.icon-pos{background:#e5f0e9;color:#427552}.icon-safety{background:#fff0e7;color:#bb724d}.icon-loyalty{background:#f7f1da;color:#a18936}.icon-shifts{background:#e8eef5;color:#5e7594}.icon-payroll{background:#f3e9e3;color:#9b6850}.icon-business{background:#eee9f4;color:#806493}.module-state{position:absolute;top:29px;right:20px;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:700}.state-demo{background:#edf4ed;color:#54745c}.state-planned{background:#f4f3f0;color:#817f77}.module-card h3{font:700 16px Manrope;margin:0 0 8px;color:var(--forest)}.module-card p{font-size:12px;line-height:1.75;color:#77837c;margin:0;max-width:290px}.module-number{position:absolute;right:20px;bottom:13px;color:#cbd2ce;font:600 21px Manrope}.accounting-note{margin-top:18px;padding:18px 20px;background:#f8f7f1;border-radius:8px;display:flex;align-items:center;gap:14px}.accounting-symbol{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#eee7d8;color:#977d47;font-size:19px}.accounting-note strong{font:700 12px Manrope;color:var(--forest)}.accounting-note p{font-size:11px;color:#7b857e;margin:3px 0 0}.roadmap-pill{margin-left:auto;color:#887b57;background:#eee9d9;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700;letter-spacing:1px}.how-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center}.how-heading>p:last-child{font-size:13px;color:#c6d3ca;max-width:400px;margin-top:20px}.steps{border-top:1px solid #ffffff27}.step{display:flex;gap:19px;padding:19px 0;border-bottom:1px solid #ffffff27}.step>span{color:#e1b58f;font:600 12px Manrope}.step h3{font:600 14px Manrope;margin:0 0 5px}.step p{font-size:11px;color:#c4d1c8;margin:0}.demo{background:#f8f7f2}.demo-panel{background:#fff;border:1px solid #ecece4;border-radius:12px;min-height:320px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.demo-copy{padding:46px}.demo h2{color:var(--forest);font-size:36px}.demo-copy>p:not(.eyebrow){max-width:480px;color:#738078;font-size:13px;line-height:1.8;margin:15px 0 24px}.demo-art{position:relative;display:grid;place-items:center;background:#f2f3eb;overflow:hidden}.demo-window{z-index:1;width:235px;height:194px;border-radius:9px;background:#fff;box-shadow:0 15px 40px #182f211c;padding:14px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#cbd1c8;border-radius:50%}.demo-squares{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0 11px}.demo-squares span{height:47px;display:grid;place-items:center;background:#f3f6f1;border-radius:6px;color:#588263}.demo-window strong,.demo-window small{display:block;font-size:10px;color:var(--forest)}.demo-window small{font-size:8px;color:#8d9890}.demo-orbit{position:absolute;border:1px solid #d7dfd5;border-radius:50%;width:310px;height:310px}.orbit-b{width:390px;height:390px}.final-cta{background:#bc754f;color:#fff;padding:61px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.final-cta h2{font-size:37px}.final-cta p:not(.eyebrow){font-size:12px;color:#ffede2;margin-bottom:0}.site-footer{padding:28px 0;background:#112e23;color:#cad6ce}.footer-inner{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.footer-brand img{width:78px;height:36px;object-fit:contain}.footer-inner>p{font-size:10px;color:#a6b6ac;margin-right:auto}.footer-links{display:flex;gap:17px}.footer-links a,.footer-inner>small{font-size:9px;color:#bfcbc3;text-decoration:none}.footer-inner>small{width:100%;padding-top:14px;border-top:1px solid #ffffff1d}.auth-page{min-height:100vh;background:var(--cream)}.auth-header{height:82px;padding:0 max(24px,calc((100% - 1160px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.auth-header .brand img{width:100px;height:48px}.auth-back{font-size:12px;color:#66766c;text-decoration:none}.auth-main{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:35px 20px}.auth-card{width:min(100%,480px);background:#fff;border:1px solid #eaede9;border-radius:12px;padding:34px 38px;box-shadow:0 18px 60px #1e382408}.auth-card h1{font-size:35px;letter-spacing:-1.4px}.auth-intro{font-size:12px;color:#78857d;margin:11px 0 21px}.auth-card form label{display:block;margin:13px 0 5px;font-size:11px;font-weight:700;color:#53635a}.auth-card input{width:100%;height:43px;padding:0 12px;border:1px solid #dce3dd;border-radius:6px;font:13px 'DM Sans',sans-serif;color:var(--ink);background:#fff}.auth-card input:focus{outline:2px solid #83a891;outline-offset:1px}.field-hint{display:block;color:#859188;font-size:10px;margin:4px 0}.auth-submit{width:100%;margin-top:16px;min-height:46px}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-message{min-height:20px;font-size:11px;color:#3e744e;margin:10px 0 0}.auth-message.error{color:#aa443b}.auth-switch{border-top:1px solid var(--line);padding-top:16px;text-align:center;font-size:11px;color:#6d7a72;margin:16px 0 0}.auth-switch a{font-weight:700;color:#24533e}.auth-footnote{font-size:10px;line-height:1.65;color:#98a19b;background:#f7f8f6;border-radius:6px;padding:10px 11px;margin:16px 0 0}.demo-notice{background:#fbf0d4;color:#493b20;border-bottom:1px solid #ead49c;padding:12px max(20px,calc((100% - 1320px)/2));font-size:13px;line-height:1.45}.demo-notice strong{color:#3d3018}.demo-notice a{color:#375e47;font-weight:700;margin-left:8px}
@media(max-width:850px){.site-nav{gap:17px}.hero-grid{gap:15px}.hero-art{transform:scale(.9)}.module-grid{grid-template-columns:repeat(2,1fr)}.how-grid{gap:45px}.section-pad{padding:72px 0}}
@media(max-width:650px){.container{width:min(calc(100% - 36px),520px)}.site-header{height:70px}.brand img{width:88px;height:44px}.brand span{font-size:7px;letter-spacing:1.3px}.nav-toggle{display:flex;width:40px;height:40px;border:1px solid var(--line);border-radius:7px;background:#fff;flex-direction:column;justify-content:center;gap:5px;align-items:center}.nav-toggle span{width:16px;height:2px;background:var(--forest)}.site-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px 22px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #142f1d0c;align-items:stretch;flex-direction:column;gap:15px}.site-nav.open{display:flex}.site-nav>a:not(.button){padding:4px 0}.site-nav .button{align-self:flex-start}.hero{padding:52px 0 20px}.hero-grid{grid-template-columns:1fr;gap:0}.hero h1{font-size:47px;letter-spacing:-2px}.hero-lede{font-size:14px;margin:18px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-art{height:270px;transform:none;margin-top:15px}.art-glow{width:225px;height:225px}.art-card-main{width:255px;padding:15px;gap:12px}.art-card-main img{width:50px;height:50px}.art-card-main strong{font-size:13px}.chip-top{right:-2px;top:5px}.chip-left{left:-3px;top:150px}.chip-right{right:-2px;bottom:9px}.art-caption{bottom:-2px;right:0;font-size:8px}.hero-bottom{gap:10px;font-size:8px;margin-top:17px}.section-pad{padding:60px 0}.intro-grid,.how-grid{grid-template-columns:1fr;gap:24px}.intro h2,.how h2,.section-heading h2{font-size:35px}.section-heading{display:block}.section-heading>p{margin-top:13px}.mobile-break{display:block}.module-grid{grid-template-columns:1fr;gap:10px}.module-card{min-height:195px;padding:19px}.module-icon{margin-bottom:13px}.accounting-note{align-items:flex-start}.accounting-note p{line-height:1.55}.roadmap-pill{font-size:8px}.steps{margin-top:4px}.demo-panel{grid-template-columns:1fr}.demo-copy{padding:29px 22px}.demo h2{font-size:31px}.demo-art{min-height:225px}.final-cta{padding:45px 0}.cta-inner{align-items:flex-start;flex-direction:column}.final-cta h2{font-size:31px}.footer-inner{gap:12px}.footer-links{flex-wrap:wrap;gap:10px 15px}.auth-header{height:68px;padding-inline:18px}.auth-header .brand img{width:82px;height:40px}.auth-header .brand span{display:none}.auth-main{min-height:calc(100vh - 68px);padding:20px 14px}.auth-card{padding:27px 22px}.auth-card h1{font-size:31px}}
.module-submodule{margin-top:15px;padding:10px 11px;border:1px solid #dfe9df;background:#f7faf6;border-radius:8px}.module-submodule span,.module-submodule strong,.module-submodule small{display:block}.module-submodule span{font-size:8px;letter-spacing:.8px;font-weight:800;color:#829185}.module-submodule strong{font-size:11px;margin:4px 0;color:#2c503c}.module-submodule small{font-size:9px;color:#829087;line-height:1.4}.module-card-featured{padding-bottom:66px}

/* The homepage brand origin sits directly beneath the Mise wordmark. */
.home-brand{align-items:flex-start;flex-direction:column;gap:0}
.home-brand img{height:45px}
.home-brand span{font-size:8px;letter-spacing:.35px;font-weight:600;line-height:1.2;color:#829087}
@media(max-width:650px){.home-brand img{height:38px}.home-brand span{font-size:7px}}

/* Keep the Mise mark and legal credit legible in the dark footer. */
.footer-brand img{filter:brightness(0) invert(1)}
.footer-legal{width:100%;padding-top:14px;border-top:1px solid #ffffff1d;display:flex;align-items:center;justify-content:space-between;gap:16px}
.footer-legal small,.powered-by{font-size:9px;color:#bfcbc3}
.powered-by a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media(max-width:650px){.footer-legal{align-items:flex-start;flex-direction:column;gap:8px}}