:root{--brand-forest:#194134;--brand-text:#152d26;--brand-lime:#dce169;--brand-coral:#ff8666;--brand-cream:#fafbed;--brand-white:#fff;--color-bg:var(--brand-cream);--color-surface:var(--brand-white);--color-text:var(--brand-text);--color-muted:#54665d;--color-border:#dde3d8;--color-purple:var(--brand-forest);--color-blue:var(--brand-text);--color-teal:var(--brand-forest);--color-orange:var(--brand-text);--color-danger:#9b352d;--color-primary:var(--brand-coral);--shadow-card:0 2px 4px #19413403, 0 5px 15px #19413405, 0 18px 36px #19413403;--radius-card:15px;--radius-input:4px;--ease-out:cubic-bezier(.25, 1, .5, 1);--font-sans:Arial, Helvetica, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:var(--color-bg);color:var(--color-text);font:16px/24px var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}svg{vertical-align:middle;flex-shrink:0}button:disabled{cursor:not-allowed;color:#68786d;box-shadow:none;background:#e9ede3}::selection{background:var(--brand-lime)}:focus-visible{outline:3px solid var(--brand-forest);outline-offset:4px}main:focus{outline:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.25}p{text-wrap:pretty}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;box-shadow:var(--shadow-card);background:#fff;border-radius:6px;padding:10px 18px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{border-bottom:1px solid var(--color-border);background:#fff;align-items:center;gap:22px;min-height:55px;padding:0 30px;display:flex}.brand{white-space:nowrap;flex-shrink:0;align-items:center;gap:13px;display:inline-flex}.althio-logo{object-fit:contain;flex-shrink:0;width:120px;height:auto;display:block}.brand-divider{border-right:1px solid var(--color-border);height:20px}.brand-name{letter-spacing:-.2px;font-size:12px;font-weight:600}.workflow-nav{flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.workflow-link{min-height:34px;color:var(--color-muted);white-space:nowrap;border-radius:22px;align-items:center;gap:7px;padding:4px 9px 4px 5px;font-size:11px;font-weight:550;display:inline-flex}.workflow-link:hover{background:var(--accent-pale);color:var(--accent)}.step-number{width:23px;height:23px;color:var(--accent);background:var(--accent-pale);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:650;display:inline-flex}.workflow-link.is-active{background:var(--accent-pale);color:var(--accent)}.workflow-link.is-active .step-number{color:var(--accent-on-fill);background:var(--accent-fill)}.accent-purple{--accent:var(--brand-forest);--accent-fill:var(--brand-forest);--accent-on-fill:var(--brand-white);--accent-pale:#edf2e9}.accent-blue{--accent:var(--brand-text);--accent-fill:var(--brand-lime);--accent-on-fill:var(--brand-text);--accent-pale:#f3f4cb}.accent-teal{--accent:var(--brand-forest);--accent-fill:var(--brand-forest);--accent-on-fill:var(--brand-white);--accent-pale:#e5ede5}.accent-orange{--accent:var(--brand-text);--accent-fill:var(--brand-coral);--accent-on-fill:var(--brand-text);--accent-pale:#fff0e8}.header-tools{flex-shrink:0;align-items:center;gap:12px;font-size:10px;display:flex}.header-tools select{color:var(--brand-text);background:0 0;border:0;padding:7px 2px;font-size:10px}.language-control{color:var(--color-muted);align-items:center;gap:3px;display:flex}.role-control{color:var(--color-muted);border-left:1px solid var(--color-border);align-items:center;gap:4px;padding-left:12px;display:flex}.icon-button{width:36px;height:36px;color:var(--color-muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover,.icon-button.is-active{color:var(--color-text);background:#edf2e9}.public-demo-banner{border-bottom:1px solid var(--color-border);color:var(--brand-text);background:#e5ede5;padding:14px max(24px,50% - 590px);font-size:13px;line-height:20px}.public-demo-banner strong{margin-bottom:3px;display:block}.public-demo-banner p{max-width:100ch}.preview-banner{color:var(--brand-text);background:#f3f4cb;justify-content:center;align-items:center;gap:18px;padding:8px 20px;font-size:12px;display:flex}.preview-banner button{color:var(--brand-text);background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:underline;display:inline-flex}.app-main{flex:1;width:min(1180px,100% - 80px);margin:0 auto;padding:48px 0 72px}.app-footer{color:var(--color-muted);justify-content:center;align-items:center;gap:20px;margin-top:auto;padding:22px 24px;font-size:10px;display:flex}.app-footer>:first-child{font-weight:600}.app-footer>:last-child{letter-spacing:-.7px;font-size:12px;font-weight:750}.home-page{padding-top:39px}.home-intro{text-align:center}.eyebrow{color:var(--color-muted);letter-spacing:.11em;text-transform:uppercase;margin-bottom:17px;font-size:10px;font-weight:600;display:inline-block}.home-intro h1{letter-spacing:-.055em;color:var(--brand-text);text-wrap:balance;font-size:clamp(34px,4vw,54px);font-weight:600;line-height:1.15}.gradient-word{color:var(--brand-forest);background:linear-gradient(transparent 68%, var(--brand-lime) 68%)}.home-intro>p{color:var(--color-muted);letter-spacing:-.1px;margin-top:21px;font-size:16px;line-height:24px}.home-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;margin-top:52px;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.home-step{border-top:3px solid var(--accent-fill);min-height:184px;transition:transform .16s var(--ease-out);flex-direction:column;padding:24px;display:flex;position:relative}.home-step:hover{transform:translateY(-3px)}.home-step h2{color:var(--brand-forest);letter-spacing:-.02em;align-items:center;gap:8px;font-size:12px;font-weight:550;display:flex}.home-count{margin-top:20px}.home-count strong{color:var(--accent);letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:41px;font-weight:500;line-height:1.2}.home-step>p{color:var(--color-muted);margin-top:8px;font-size:14px;line-height:22px}.home-people{flex-direction:column;align-items:center;gap:13px;padding-top:43px;display:flex}.avatar-line{justify-content:center;align-items:center;gap:11px;display:flex}.avatar{display:block;overflow:visible}.home-avatar-link{transition:transform .16s var(--ease-out);border-radius:50%}.home-avatar-link:hover{transform:translateY(-3px)}.home-people p{color:var(--color-muted);font-size:11px}.more-avatars{width:45px;height:45px;color:var(--brand-forest);background:#f3f4cb;border-radius:50%;place-items:center;font-size:12px;display:grid}.empty-people-icon{color:var(--brand-forest)}.text-link{color:var(--brand-forest);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.text-link:hover{text-underline-offset:3px;text-decoration:underline}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:31px;display:flex}.page-title{color:var(--brand-text);font-size:33px;font-weight:600}.page-description{color:var(--color-muted);max-width:65ch;margin-top:10px;font-size:16px;line-height:24px}.page-header .eyebrow{margin-bottom:10px}.page-header-actions,.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:11px 19px;font-size:14px;font-weight:550;line-height:1.4;display:inline-flex}.button-primary{background:var(--color-primary);color:var(--brand-text);box-shadow:0 2px 4px #1941340c}.button-primary:hover:not(:disabled){background:#f5795a}.button-secondary{color:var(--brand-forest);border-color:var(--color-border);background:#fff}.button-secondary:hover:not(:disabled){background:var(--brand-cream)}.button-ghost{color:var(--color-muted);background:0 0}.button-ghost:hover:not(:disabled){background:#edf2e9}.button-danger{color:var(--color-danger);background:#fff0e8;border-color:#f3c7b8}.button-danger:hover:not(:disabled){background:#ffe4d9}.button:active:not(:disabled){transform:translateY(1px)}.field{color:var(--brand-forest);flex-direction:column;gap:7px;font-size:12px;font-weight:550;display:flex}.field input,.field textarea,.field select,input.input,textarea.input,select.input{border:1px solid var(--color-border);border-radius:var(--radius-input);width:100%;color:var(--color-text);background:#fff;padding:11px 13px;font-size:16px;font-weight:400;line-height:24px}.field textarea{resize:vertical;min-height:110px}.field input::placeholder,.field textarea::placeholder{color:#68786d}.field input:hover,.field textarea:hover,.field select:hover{border-color:#9aae9c}.field small{color:var(--color-muted);font-size:11px;font-weight:400}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-grid .full-width{grid-column:1/-1}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:550;line-height:1.4;display:inline-flex}.badge-neutral{color:var(--color-muted);background:#edf2e9}.badge-purple{color:var(--brand-forest);background:#edf2e9}.badge-blue{color:var(--brand-text);background:#f3f4cb}.badge-teal{color:var(--brand-forest);background:#e5ede5}.badge-orange{color:var(--brand-text);background:#fff0e8}.badge-danger{color:var(--color-danger);background:#fff0e8}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:260px;padding:42px 24px;display:flex}.empty-state-icon{width:52px;height:52px;color:var(--brand-forest);background:#f3f4cb;border-radius:16px;place-items:center;margin-bottom:3px;display:grid}.empty-state h2{font-size:18px;font-weight:550}.empty-state p{color:var(--color-muted);max-width:48ch;font-size:16px;line-height:24px}.empty-state .button{margin-top:6px}.error-notice{color:var(--color-danger);background:#fff0e8;border:1px solid #f3c7b8;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:13px 16px;font-size:12px;display:flex}.error-notice svg{margin-top:1px}.tabs{background:#e9ede3;border-radius:23px;align-items:center;gap:4px;width:fit-content;padding:4px;display:flex}.tabs>button,.tabs>a{min-height:34px;color:var(--color-muted);background:0 0;border:0;border-radius:19px;align-items:center;gap:7px;padding:7px 18px;font-size:12px;display:inline-flex}.tabs>.is-active,.tabs>[aria-selected=true]{color:var(--brand-text);background:#fff;box-shadow:0 1px 4px #19413410}.service-state{text-align:center;max-width:610px;margin:55px auto 80px;padding:42px}.state-icon{width:58px;height:58px;color:var(--brand-text);background:#fff0e8;border-radius:18px;place-items:center;margin-bottom:20px;display:inline-grid}.service-state h1{font-size:27px}.service-state p{color:var(--color-muted);margin-top:16px;font-size:16px;line-height:24px}.service-state .error-detail{color:var(--color-danger);overflow-wrap:anywhere;background:#fff0e8;border-radius:9px;padding:12px;font-size:11px}.service-state .button-row{justify-content:center;margin-top:25px}.page-loading{padding-top:65px}.skeleton{background:#e2e9db;border-radius:10px}.skeleton-heading{width:min(600px,80%);height:42px;margin:auto}.skeleton-copy{width:min(450px,65%);height:18px;margin:24px auto 50px}.skeleton-cards{grid-template-columns:repeat(4,1fr);gap:21px;display:grid}.skeleton-card{background:#e9ede3;height:280px}@media (min-width:1450px){.app-header{padding-left:40px;padding-right:40px}.workflow-link{padding-right:12px;font-size:12px}}@media (max-width:1230px){.app-header{flex-wrap:wrap;column-gap:16px;padding:10px 24px}.workflow-nav{flex-basis:100%;order:3;justify-content:center;padding-top:4px;padding-bottom:1px}.header-tools{margin-left:auto}.home-step{padding:21px 19px 19px}.home-steps{gap:15px}.home-step h2{font-size:11px}}@media (max-width:850px){.app-main{width:calc(100% - 40px);padding-top:34px}.home-page{padding-top:26px}.home-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}.home-step{min-height:184px;padding:23px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title{font-size:29px}.home-intro h1{font-size:42px}}@media (max-width:550px){.app-header{gap:10px;padding:12px 16px 7px}.brand{gap:9px}.althio-logo{width:102px}.brand-name{font-size:11px}.header-tools{gap:5px}.header-tools .role-control{padding-left:6px}.role-control>span{display:none}.header-tools select{max-width:84px}.settings-link{width:29px;height:32px}.workflow-nav{justify-content:flex-start;gap:3px;margin:0 -16px;padding:5px 16px 7px;overflow-x:auto}.workflow-link{gap:5px;padding-right:9px;font-size:10px}.workflow-link .step-number{width:21px;height:21px}.app-main{width:calc(100% - 32px);padding-top:30px;padding-bottom:40px}.home-page{padding-top:16px}.home-intro h1{padding:0 10px;font-size:36px}.home-intro>p{padding:0 8px;font-size:16px}.home-intro br{display:none}.home-steps{gap:12px;margin-top:30px}.home-step{border-radius:12px;min-height:170px;padding:17px 15px}.home-step h2{gap:6px;min-height:34px;font-size:10px}.home-step .step-number{width:20px;height:20px;font-size:9px}.home-count{margin-top:12px}.home-count strong{font-size:32px}.home-step>p{font-size:13px;line-height:20px}.home-people{padding-top:30px}.avatar-line{gap:5px}.avatar-line .avatar{width:51px;height:51px}.home-people p{font-size:10px}.app-footer{flex-wrap:wrap;gap:8px 14px;font-size:9px}.page-header{flex-direction:column;align-items:flex-start;gap:19px;margin-bottom:25px}.page-title{font-size:29px}.page-description{font-size:16px}.form-grid,.content-grid{grid-template-columns:1fr}.button{min-height:42px}.preview-banner{flex-direction:column;align-items:flex-start;gap:4px;font-size:11px}.service-state{margin-top:25px;padding:28px 22px}.service-state h1{font-size:24px}.service-state .button{width:100%}.skeleton-cards{grid-template-columns:repeat(2,1fr);gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.app-header,.app-footer,.preview-banner,.skip-link,.no-print{display:none!important}body{background:#fff}.app-main{width:100%;padding:0}.card{box-shadow:none;break-inside:avoid}}