:root{--ink:#243238;--muted:#647375;--paper:#fffdf8;--cream:#f4efe5;--ocean:#18545b;--coral:#c86d58;--plum:#6d536d;--forest:#355f4a;--line:#d9d2c7}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}.site-header{min-height:76px;padding:10px 5vw;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:2}.brand{display:grid;grid-template-columns:44px auto;text-decoration:none;color:inherit;margin-right:auto}.brand span{grid-row:1/3;width:38px;height:38px;border:1px solid var(--ocean);border-radius:50%;display:grid;place-items:center;margin-right:10px}.brand small{color:var(--muted)}nav{display:flex;gap:8px;flex-wrap:wrap}button{border:1px solid var(--line);background:white;border-radius:7px;padding:10px 14px;cursor:pointer}.login,.primary{background:var(--ocean);color:white;border-color:var(--ocean)}main{max-width:1320px;margin:auto;padding:46px 5vw 70px}.view{display:none}.view.active{display:block}.hero{grid-template-columns:1.5fr .8fr;gap:48px;align-items:center;min-height:560px}.hero.active{display:grid}.hero h1,.view>h1{font:400 clamp(38px,6vw,72px)/1.02 Georgia,serif;max-width:850px;margin:12px 0 20px}.hero p{font-size:18px;line-height:1.6;color:var(--muted)}.hero aside{background:var(--ocean);color:white;padding:34px}.hero aside p{color:#d4e1df;font-size:15px}.hero-actions{display:flex;gap:10px;margin-top:28px}.kicker{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--coral)}h2{font:400 27px Georgia,serif}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article,.intake fieldset,.notice,.module-grid article,.workflow-grid article,.owner-queue article,.owner-stats article{background:var(--paper);border:1px solid var(--line);padding:24px}.cards label,.intake label,.workflow-grid label,.owner-toolbar label{display:grid;gap:7px;margin:12px 0;font-size:13px}.cards input,.cards select,.cards textarea,.intake input,.intake select,.workflow-grid select,.workflow-grid textarea,.owner-toolbar select{width:100%;padding:11px;border:1px solid var(--line);background:white}.cards textarea,.workflow-grid textarea{min-height:100px}.result{margin-top:14px;background:#e8f0ee;border-left:3px solid var(--ocean);padding:12px;display:none}.result.visible{display:block}.hidden{display:none!important}.intake{display:grid;grid-template-columns:1fr 1fr;gap:18px}.intake fieldset{margin:0}.intake legend{font:400 25px Georgia,serif}.intake fieldset:first-child label{grid-template-columns:auto 1fr;align-items:center}.intake fieldset:first-child input{width:auto}.intake>.primary{grid-column:1/-1}.workspace-head{display:flex;justify-content:space-between;align-items:center}.workspace-head h1{font:400 48px Georgia,serif}.workspace-head span{border:1px solid var(--coral);color:var(--coral);padding:8px 12px;border-radius:99px}.workspace-grid{display:grid;grid-template-columns:220px 1fr;gap:20px}.workspace-grid>aside{display:grid;align-content:start;gap:8px}.workspace-grid>aside button{text-align:left}.notice{border-left:4px solid var(--coral)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.workflow-grid,.owner-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.owner-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.owner-stats b{display:block;font-size:2rem;color:var(--ocean)}.owner-stats span,.owner-queue span{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.owner-toolbar{max-width:360px}footer{padding:22px 5vw;background:var(--ocean);color:#d8e5e3;font-size:12px}.theme-coral{--ocean:#9b4f43}.theme-plum{--ocean:#6d536d}.theme-forest{--ocean:#355f4a}@media(max-width:850px){.site-header{height:auto;padding:16px;flex-wrap:wrap}.site-header nav{order:3;overflow:auto;width:100%;flex-wrap:nowrap}.hero.active,.cards,.intake,.workspace-grid,.module-grid,.workflow-grid,.owner-queue,.owner-stats{grid-template-columns:1fr}.intake>.primary{grid-column:auto}.hero{min-height:auto}}
