:root{--ink:#163c3a;--muted:#637472;--accent:#147467;--line:#dce4df;--paper:#f5f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #dfaa55;outline-offset:4px}button{cursor:pointer}[hidden]{display:none!important}.skip-link{position:absolute;left:20px;top:-80px;padding:14px;background:white;z-index:2}.skip-link:focus{top:15px}.site-header{max-width:1240px;margin:auto;padding:26px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:700;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:43px;height:46px;background:var(--ink);color:white;font-family:Georgia,serif;font-size:30px;font-weight:400;border-radius:13px 13px 13px 3px}.brand small{display:block;font-size:9px;letter-spacing:1.6px;font-weight:500;margin-top:6px;color:var(--muted)}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.nav-login{border:1px solid #cbd8d0;border-radius:24px;padding:12px 20px}.nav-login:hover{background:#e7ede7}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;padding:58px 40px 70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.6;margin:0 0 24px}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#379575;box-shadow:0 0 0 5px #e2ede3}.hero h1{font-size:clamp(46px,5.2vw,70px);letter-spacing:-3.7px;font-weight:650;line-height:1.08;margin:0 0 24px}.hero h1 span{color:var(--accent)}.intro{max-width:480px;color:var(--muted);font-size:17px;line-height:1.8;margin:0 0 34px}.workflow{display:flex;gap:12px;align-items:center;font-size:11px;line-height:1.5;margin:0 0 36px}.workflow span{max-width:118px}.workflow b{display:block;color:var(--accent);font-size:11px;font-weight:600;margin-bottom:6px}.workflow i{color:#a3b6a7;font-style:normal;font-size:20px}.discover{font-size:12px;font-weight:600;display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid #bdcbc1;padding-bottom:7px}.login-card{background:#fff;padding:32px;border-radius:22px;border:1px solid #e1e7df;box-shadow:0 18px 55px -30px #234b3938;scroll-margin-top:25px}.card-icon{display:grid;place-items:center;width:42px;height:42px;background:#edf4ef;border-radius:13px;margin-bottom:22px}.card-icon svg{width:22px;height:22px}.login-card .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:8px;color:var(--accent)}.login-card h2{font-size:24px;letter-spacing:-.8px;line-height:1.25;margin:0 0 10px}.card-intro{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 25px}form label{display:block;font-size:12px;font-weight:600;margin:18px 0 9px}form input:not([type=hidden]){width:100%;height:49px;border:1px solid #d6dfd8;border-radius:9px;background:#fcfdfb;padding:12px 14px;color:var(--ink);font-size:14px}input::placeholder{color:#96a19b}.password-field{position:relative}.password-field input:not([type=hidden]){padding-right:110px}.password-toggle{position:absolute;right:8px;top:8px;height:33px;display:flex;align-items:center;gap:6px;background:transparent;border:0;color:#5c7169;font-size:11px;padding:4px 5px;border-radius:5px}.password-toggle:hover{background:#eaf1e9}.password-toggle svg{width:18px;height:18px}.submit{width:100%;border:0;border-radius:9px;background:var(--ink);color:white;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:13px;font-weight:600;min-height:49px;transition:background .15s}.submit:hover{background:var(--accent)}.submit span{font-size:19px}.login-note{font-size:11px;color:#87948c;text-align:center;margin:17px 0 0}.error{padding:12px;background:#fff2ee;color:#a5332b;font-size:13px;line-height:1.5;border-radius:8px}.features{max-width:1160px;margin:0 auto 45px;padding:30px 0 0;border-top:1px solid var(--line)}.section-heading .eyebrow{font-size:9px;margin-bottom:11px;color:var(--muted)}.section-heading h2{font-size:26px;letter-spacing:-.9px;margin:0 0 28px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{border:1px solid var(--line);padding:23px 22px 22px;border-radius:14px;background:#f9faf6}.feature-number{font-size:9px;letter-spacing:1.4px;color:var(--accent);font-weight:700}.feature-grid h3{font-size:16px;letter-spacing:-.3px;margin:20px 0 10px}.feature-grid p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}footer{max-width:1160px;margin:0 auto;padding:24px 0 28px;border-top:1px solid var(--line);display:flex;gap:15px;align-items:center;font-size:11px;color:var(--muted)}footer>span{font-size:14px;font-weight:700;color:var(--ink)}footer p{margin:0}footer a{margin-left:auto}@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:90px}}@media(max-width:1240px){.features,footer{margin-left:40px;margin-right:40px}.hero{gap:40px}}@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;gap:28px;padding-top:40px}.hero h1{font-size:48px;letter-spacing:-2.4px}.intro{font-size:15px}.workflow{flex-wrap:wrap;font-size:10px;gap:8px}.login-card{padding:24px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.site-header{padding:22px;gap:12px}.brand{font-size:22px}.brand-mark{width:36px;height:40px}.brand small{font-size:7px}.overview-link{display:none}.nav-login{padding:10px 13px;font-size:12px}.hero{grid-template-columns:1fr;padding:26px 22px 38px;gap:32px}.hero h1{font-size:49px}.hero-copy .eyebrow{font-size:9px;margin-bottom:19px}.intro{margin-bottom:24px}.workflow{flex-wrap:nowrap;justify-content:space-between;margin-bottom:24px}.discover{font-size:11px}.login-card{padding:26px 24px}.features,footer{margin-left:22px;margin-right:22px}.section-heading h2{font-size:24px}.feature-grid{gap:10px}.feature-grid article{padding:18px 14px}.feature-grid h3{font-size:15px}.feature-number{font-size:8px;letter-spacing:1px}.feature-grid p{font-size:12px}footer{flex-wrap:wrap}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.submit{transition:none}}

/* Product-focused welcome page */
:root{--ink:#102c2a;--accent:#32694b;--muted:#586965;--paper:#fcfcf8;--line:#d8dfd8}
.site-header{padding-block:24px}.brand-mark{font-family:inherit;font-weight:700;border-radius:10px;background:#c9ef83;color:#102c2a}.brand small{letter-spacing:.3px;font-size:11px;text-transform:none}
.hero{position:relative;padding-top:50px;padding-bottom:64px;gap:80px;align-items:center}.hero h1{font-size:clamp(52px,6.4vw,86px);line-height:1.01;letter-spacing:-4.8px;font-weight:700}.hero h1 span{color:var(--ink)}.hero-copy{animation:arrive .6s ease-out}.hero-copy .eyebrow{color:var(--accent);letter-spacing:2px}.hero-copy .eyebrow>span{display:none}.intro{font-size:17px;line-height:1.65;max-width:450px}.discover{font-size:13px;background:#c9ef83;border:0;border-radius:30px;padding:15px 20px;transition:transform .2s}.discover:hover{transform:translateY(-3px)}
.login-card{border-radius:16px;background:#f0f3ed;box-shadow:none;border:1px solid #e2e7de;padding:32px;animation:arrive .7s ease-out}.card-icon{display:none}.login-card .eyebrow{margin-bottom:15px}.login-card h2{font-size:25px}.submit{background:#163d31}.password-toggle{min-height:33px}.nav-login{background:var(--ink);color:white;border-color:var(--ink)}.nav-login:hover{background:#32694b}
.product-section{max-width:1160px;margin:0 auto 64px;background:#133d33;color:#f7fcf5;border-radius:22px;padding:40px}.product-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.product-heading .eyebrow{color:#bedca8;font-size:9px;margin-bottom:12px}.product-heading h2{font-size:32px;letter-spacing:-1px;margin:0;line-height:1.15}.product-heading>p{color:#cedcd2;font-size:13px;line-height:1.7;margin:0}.product-demo{display:grid;grid-template-columns:1fr 1.35fr;gap:40px}.demo-controls{display:grid;gap:8px;align-content:center}.demo-controls button{text-align:left;color:#d6e2da;background:transparent;border:1px solid transparent;border-radius:12px;padding:20px;display:grid;grid-template-columns:25px 1fr;gap:8px 12px;transition:background .2s,color .2s}.demo-controls button[aria-pressed=true]{background:#c9ef83;color:#14362b}.demo-controls button:hover{border-color:#94b28c}.demo-controls span{grid-row:span 2;font-size:11px;padding-top:3px}.demo-controls b{font-size:17px;font-weight:600}.demo-controls small{font-size:12px;line-height:1.5}
.demo-screen{background:#fff;color:var(--ink);border-radius:13px;overflow:hidden;min-width:0;box-shadow:0 18px 35px #08261e44}.demo-top{padding:16px 22px;border-bottom:1px solid #e1e7df;display:flex;justify-content:space-between;gap:10px;font-size:11px}.demo-top small{color:#66746c;font-size:10px}.demo-panel{padding:26px;min-height:295px;animation:arrive .28s ease-out}.demo-panel .eyebrow{font-size:9px;color:#65786d;margin-bottom:8px}.demo-panel h3{font-size:23px;letter-spacing:-.6px;margin:0 0 18px}.demo-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #edf0eb;font-size:12px}.demo-row small{display:block;color:#7a837c;font-size:10px;margin-top:5px}.demo-row b{font-weight:600;color:#306444;white-space:nowrap;font-size:11px}.demo-row .pending{color:#946014}.demo-note{font-size:11px;line-height:1.6;color:#607064;margin:20px 0 0}.demo-progress{height:7px;background:#edf1e8;border-radius:5px;margin-top:24px;overflow:hidden}.demo-progress i{display:block;background:#8bb763;height:100%;width:50%;animation:bar .6s ease-out}
@keyframes arrive{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bar{from{width:0}to{width:50%}}
@media(max-width:1240px){.product-section{margin-left:40px;margin-right:40px}.hero{gap:45px}}
@media(max-width:850px){.hero h1{font-size:59px;letter-spacing:-3px}.product-section{padding:28px}.product-demo{gap:20px}.demo-controls button{padding:15px}.product-heading{align-items:start;flex-direction:column}.product-heading>p br{display:none}}
@media(max-width:640px){.hero{padding:28px 22px 38px;gap:30px}.hero h1{font-size:57px;letter-spacing:-3px}.intro{font-size:16px}.login-card{padding:25px}.product-section{margin:0 14px 32px;padding:25px 18px;border-radius:17px}.product-heading h2{font-size:28px}.product-demo{grid-template-columns:1fr;gap:20px}.demo-controls{gap:6px}.demo-controls button{padding:14px}.demo-controls small{font-size:12px}.demo-panel{padding:20px;min-height:290px}.demo-top{padding:14px}.brand small{font-size:9px}.nav-login{padding:11px 15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root{--ink:#20203a;--accent:#4338ca;--muted:#5b6472;--paper:#fff;--line:#e4e7ec}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.brand-mark{background:#4338ca;color:#fff}.nav-login{background:#4338ca;border-color:#4338ca}.nav-login:hover{background:#3730a3}.discover{background:#e9e6ff;color:#3730a3}.login-card{background:#fff;border-color:#e4e7ec}.submit{background:#4338ca}.submit:hover{background:#3730a3}form input:not([type=hidden]){border-color:#d0d5dd;background:#fff}.password-toggle:hover{background:#f4f2ff}.product-section{background:#20203a;color:#f8faff}.product-heading .eyebrow{color:#d4cff9}.product-heading>p,.demo-controls button{color:#d3dcf4}.demo-controls button[aria-pressed=true]{background:#e9e6ff;color:#3730a3}.demo-controls button:hover{border-color:#aebfff}.demo-screen{box-shadow:0 18px 35px rgba(15,30,60,.18)}.demo-row b{color:#3730a3}.demo-progress{background:#eef2ff}.demo-progress i{background:#4338ca}

.landing-steps,.landing-automation,.landing-faq{max-width:1160px;margin:0 auto 72px}.landing-heading{max-width:650px}.landing-heading .eyebrow{color:#4338ca;margin-bottom:10px}.landing-heading h2{color:#20203a;font-size:34px;letter-spacing:-1.4px;margin:0 0 12px}.landing-heading>p{color:#5b6472;line-height:1.7;margin:0}.landing-steps ol{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;margin:30px 0 0;padding:0}.landing-steps li{background:#fbfcff;border:1px solid #e0ddf3;border-radius:14px;box-shadow:0 5px 16px rgba(15,30,60,.07);padding:20px}.landing-steps li>span,.automation-grid span{align-items:center;background:#e9e6ff;border-radius:50%;color:#3730a3;display:inline-flex;font-size:13px;font-weight:800;height:30px;justify-content:center;margin-bottom:18px;width:30px}.landing-steps strong,.automation-grid strong{color:#20203a;display:block;font-size:15px}.landing-steps p,.automation-grid p{color:#5b6472;font-size:13px;line-height:1.65;margin:8px 0 0}.landing-automation{background:#f4f2ff;border:1px solid #e0ddf3;border-radius:20px;display:grid;gap:42px;grid-template-columns:1fr 1.25fr;padding:42px}.automation-grid{display:grid;gap:12px}.automation-grid article{background:#fff;border:1px solid #e0ddf3;border-radius:12px;display:grid;gap:0 14px;grid-template-columns:32px 1fr;padding:16px}.automation-grid span{grid-row:span 2;margin:0}.landing-faq{max-width:780px}.landing-faq details{border-bottom:1px solid #e4e7ec;padding:16px 0}.landing-faq summary{color:#20203a;cursor:pointer;font-weight:700}.landing-faq p{color:#5b6472;line-height:1.65;margin:10px 0 0}@media(max-width:850px){.landing-steps,.landing-automation,.landing-faq{margin-left:22px;margin-right:22px}.landing-steps ol{grid-template-columns:repeat(2,1fr)}.landing-automation{grid-template-columns:1fr}}@media(max-width:640px){.landing-heading h2{font-size:28px}.landing-steps ol{grid-template-columns:1fr}.landing-automation{padding:25px 18px;margin-inline:14px}.landing-faq{margin-inline:22px}}