:root{--ink:#18322b;--muted:#63716c;--paper:#fbfaf6;--white:#fff;--line:#dce2dc;--cream:#f2eee3;--green:#1e5948;--green2:#34745e;--saffron:#d99b31;--sage:#6f927c;--berry:#9d5964;--danger:#a43d3d;--shadow:0 16px 48px rgba(24,50,43,.10);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}button,textarea,input,select{font:inherit}button{color:inherit}.skip-link{position:fixed;left:12px;top:-60px;background:#fff;padding:10px 15px;z-index:99}.skip-link:focus{top:8px}.demo-strip{height:32px;background:#153d32;color:#eaf3ee;display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;letter-spacing:.02em}.demo-strip strong{font-size:10px;padding:2px 7px;border:1px solid #769689;border-radius:99px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-mark,.modal-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-family:Georgia,serif;font-size:13px;letter-spacing:.05em}.brand span:last-child{display:flex;flex-direction:column}.brand b{font-family:Georgia,serif;font-size:19px}.brand small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.member-chip{font-size:13px;border:1px solid var(--line);border-radius:99px;padding:8px 12px;background:#fbfcfa}.member-chip span{color:#48a66f;font-size:9px}.shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 108px)}.sidebar{background:#f4f3ed;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:6px}.nav-item,.skill-link{width:100%;border:0;background:transparent;text-align:left;border-radius:10px;padding:11px 12px;cursor:pointer;display:flex;align-items:center;gap:11px}.nav-item:hover,.nav-item:focus-visible,.skill-link:hover,.skill-link:focus-visible{background:#e8ece7}.nav-item.active{background:var(--green);color:#fff}.count{margin-left:auto;border-radius:99px;background:rgba(255,255,255,.18);padding:0 7px;font-size:11px}.side-rule{height:1px;background:var(--line);margin:15px 4px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:10px;color:var(--green2)}.sidebar>.eyebrow{margin:4px 12px 6px}.skill-link small,.skill-link b{display:block}.skill-link b{font-size:13px}.skill-link small{font-size:11px;color:var(--muted)}.skill-dot{width:9px;height:9px;border-radius:50%;flex:none}.saffron{background:var(--saffron)}.sage{background:var(--sage)}.berry{background:var(--berry)}.side-help{margin-top:auto;padding:16px;background:#e8ece7;border-radius:14px;font-size:12px}.side-help p{color:var(--muted);margin:5px 0 10px}.text-button{border:0;padding:0;background:transparent;color:var(--green);font-weight:750;text-decoration:underline;cursor:pointer}.content{min-width:0}.view{display:none}.view.active{display:block}.hero{max-width:920px;margin:0 auto;padding:60px 42px}.hero h1,.flow-head h1{font-family:Georgia,serif;font-weight:500;line-height:1.08}.hero h1{font-size:clamp(36px,5vw,57px);max-width:740px;margin:0 0 18px;letter-spacing:-.025em}.hero-copy{font-size:18px;color:var(--muted);max-width:710px}.question-card{margin:34px 0 48px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:21px}.question-card label{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.question-card textarea{width:100%;resize:vertical;border:0;outline:0;font-size:18px;color:var(--ink);min-height:86px}.question-actions{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:15px}.privacy-mini{font-size:11px;color:var(--muted);max-width:460px;margin-right:auto}.primary,.ghost,.back-button{border:0;border-radius:9px;cursor:pointer;font-weight:750}.primary{background:var(--green);color:#fff;padding:12px 18px}.primary:hover,.primary:focus-visible{background:#123e31;transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.ghost{background:#fff;border:1px solid var(--line);padding:9px 13px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-heading h2{font-family:Georgia,serif;font-size:26px;font-weight:500;margin:0}.section-heading>span{font-size:11px;color:var(--muted)}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sample-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;cursor:pointer}.sample-card:hover,.sample-card:focus-visible{border-color:#9caf9f;box-shadow:0 8px 22px rgba(24,50,43,.08);transform:translateY(-2px)}.sample-card b,.sample-card small{display:block}.sample-card b{font-size:13px}.sample-card small{font-size:11px;color:var(--muted);margin-top:4px}.icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-family:Georgia,serif;font-weight:bold}.saffron-bg{background:#f6e7ca;color:#885a0c}.sage-bg{background:#dfebe2;color:#38634b}.berry-bg{background:#f2dfe2;color:#793d48}.flow-head{max-width:960px;margin:0 auto;padding:34px 38px 18px;display:flex;align-items:center;gap:16px}.flow-head h1{margin:0;font-size:32px}.flow-head .ghost{margin-left:auto}.back-button{width:38px;height:38px;background:#fff;border:1px solid var(--line);font-size:18px}.progress{list-style:none;display:flex;max-width:880px;margin:0 auto 28px;padding:0}.progress li{position:relative;display:flex;gap:7px;align-items:center;flex:1;font-size:11px;color:#8a9691;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.progress li:not(:last-child):after{content:"";height:1px;background:var(--line);flex:1;margin:0 10px}.progress span{width:23px;height:23px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.progress .current,.progress .done{color:var(--green)}.progress .current span{background:var(--green);color:#fff;border-color:var(--green)}.progress .done span{background:#dce9e2;border-color:#a6bdaf}.panel{max-width:880px;margin:0 auto 60px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(24,50,43,.05)}.chat-bubble{background:#eef2ed;border-radius:16px 16px 4px 16px;padding:15px 18px;margin:0 0 22px auto;max-width:650px}.chat-bubble small{display:block;color:var(--muted);margin-bottom:4px}.route-card{border:1px solid #bfcfc3;background:#f8fbf8;border-radius:14px;padding:20px}.route-top{display:flex;align-items:center;gap:12px}.route-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}.route-top h2{margin:0;font-family:Georgia,serif;font-weight:500}.confidence{margin-left:auto;background:#dfede4;color:#245b43;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;text-transform:uppercase}.route-card p{color:var(--muted)}.route-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label,.fieldset-label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd8d1;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(52,116,94,.15);border-color:var(--green2)}.hint{font-size:10px;color:var(--muted)}.check-row{display:flex;gap:10px;align-items:flex-start;font-size:13px}.check-row input{margin-top:3px}.form-section{border:0;margin:0 0 24px;padding:0}.form-section legend{font-family:Georgia,serif;font-size:21px;margin-bottom:15px}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px}.error{color:var(--danger);font-size:12px;margin:10px 0 0}.risk-banner{border:1px solid #e3b7b1;background:#fff2ef;padding:16px;border-radius:12px;display:flex;gap:12px}.risk-banner b{display:block;color:#772d2d}.risk-banner p{margin:3px 0;color:#7b504b;font-size:13px}.artifact{max-width:960px;margin:0 auto 70px}.artifact-status{display:flex;justify-content:space-between;align-items:center;background:#f8ead0;border:1px solid #e4c78e;border-radius:12px 12px 0 0;padding:12px 18px;font-size:12px}.artifact-status b{text-transform:uppercase;letter-spacing:.08em}.artifact-paper{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;box-shadow:var(--shadow);padding:34px}.artifact-header{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding-bottom:22px}.artifact-header h2{font-family:Georgia,serif;font-size:34px;font-weight:500;margin:0 0 7px}.artifact-header p{margin:0;color:var(--muted)}.artifact-meta{text-align:right;font-size:11px;color:var(--muted);white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.metric{background:#f3f5f1;border-radius:12px;padding:15px}.metric span{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:.07em}.metric b{display:block;font-family:Georgia,serif;font-size:24px;margin-top:4px}.artifact-section{padding:20px 0;border-top:1px solid var(--line)}.artifact-section h3{font-family:Georgia,serif;font-weight:500;margin:0 0 10px;font-size:21px}.artifact-section p,.artifact-section li{font-size:13px}.artifact-section ul,.artifact-section ol{padding-left:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px}.data-list{display:grid;grid-template-columns:1fr auto;gap:8px 20px;font-size:12px}.data-list dt{color:var(--muted)}.data-list dd{margin:0;font-weight:700;text-align:right}.score-row{display:grid;grid-template-columns:1fr 130px 80px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0ed;font-size:12px}.bar{height:7px;background:#e8ece8;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green2)}.pill{font-size:10px;border-radius:99px;padding:3px 7px;text-align:center;background:#edf1ed;text-transform:capitalize}.artifact-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.empty-state{text-align:center;max-width:620px;margin:90px auto;padding:45px;background:#fff;border:1px dashed #c9d2cb;border-radius:18px}.empty-state>span{font-size:34px;color:var(--sage)}.empty-state h2{font-family:Georgia,serif}.empty-state p{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(12,31,25,.66);z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{max-width:490px;background:#fff;border-radius:20px;padding:34px;box-shadow:var(--shadow)}.modal h2{font:500 31px/1.1 Georgia,serif;margin:0 0 14px}.modal p{color:var(--muted)}.modal .check-row{margin:22px 0}.full{width:100%}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{display:none}.hero{padding:42px 22px}.sample-grid{grid-template-columns:1fr}.flow-head{padding:26px 20px 16px}.progress{padding:0 22px}.panel,.artifact{margin-left:18px;margin-right:18px}.artifact-paper{padding:23px}.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.demo-strip span{display:none}}
@media(max-width:560px){.topbar{padding:0 16px}.member-chip{display:none}.question-actions,.route-actions,.artifact-header{align-items:stretch;flex-direction:column}.privacy-mini{order:2}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.flow-head h1{font-size:25px}.progress li{font-size:0}.progress li span{font-size:11px}.metric-grid{grid-template-columns:1fr 1fr}.artifact-actions{flex-direction:column}.score-row{grid-template-columns:1fr 80px}.score-row .bar{display:none}.artifact-meta{text-align:left}.modal{padding:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
