:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff4df;--ink-muted:#d9ccb4;--ink-soft:#afa38f;--paper:#07182a;--paper-strong:#fff6e4;--surface:#0c2036e6;--surface-solid:#102842;--line:#fff4df29;--line-strong:#fff4df4d;--cedar:#7bd1c5;--cedar-dark:#061424;--moss:#a7bf76;--sun:#d7a756;--sun-soft:#f2d392;--clay:#d9825f;--sage:#dce8d529;--mint:#7bd1c533;--sky:#acc2d62e;--rose:#d9825f33;--shadow-soft:0 24px 70px #00000061;--shadow-card:0 18px 44px #00000042;--radius-lg:28px;--radius-md:18px;--radius-sm:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 0 0,#d7a7563d,#0000 30rem),radial-gradient(circle at 90% 14%,#7bd1c529,#0000 28rem),linear-gradient(135deg,#061426 0%,#0b1f36 48%,#112d49 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#fff4df0b 1px,#0000 1px),linear-gradient(90deg,#fff4df0b 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}#app{min-height:100vh}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #f2c76f;box-shadow:0 0 0 7px #f2c76f38}button{min-height:48px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);letter-spacing:-.035em}h1{max-width:11ch;margin-bottom:22px;font-size:clamp(3rem,8vw,6.8rem);line-height:.88}h2{margin-bottom:14px;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.05}h3{margin-bottom:8px;font-size:1.05rem;line-height:1.2}.app-shell{width:min(1280px,100%);margin:0 auto;padding:34px 22px 56px}.hero-panel{border-radius:var(--radius-lg);min-height:430px;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#0a1c31f5,#123652e6),radial-gradient(circle at 85% 8%,#d7a75647,#0000 17rem),linear-gradient(135deg,#07182a,#123652);border:1px solid #fff4df33;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:32px;margin-bottom:28px;padding:clamp(28px,5vw,56px);display:grid;position:relative;overflow:hidden}.hero-panel:before,.hero-panel:after{content:"";pointer-events:none;position:absolute}.hero-panel:before{background:radial-gradient(circle,#7bd1c51c,#0000 62%);border:1px solid #f2d39238;border-radius:50%;width:430px;height:430px;bottom:-140px;right:-110px}.hero-panel:after{border-top:2px solid #d7a756c2;border-right:2px solid #7bd1c561;width:180px;height:180px;top:62px;right:86px;transform:rotate(45deg)}.hero-content,.pathway-card{z-index:1;position:relative}.eyebrow{color:#f2d392;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow:before{background:var(--cedar);content:"";border-radius:999px;width:28px;height:2px}.intro-copy{color:#fff7e8;max-width:60ch;margin-bottom:16px;font-size:clamp(1.12rem,2vw,1.35rem)}.hero-note{max-width:64ch;color:var(--ink-muted);margin-bottom:0;font-size:1rem}.pathway-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06142494;border:1px solid #fff4df38;border-radius:24px;justify-self:end;gap:14px;width:min(100%,320px);padding:18px;display:grid;box-shadow:0 18px 40px #0000004d}.pathway-card span{color:#fff4df;background:linear-gradient(135deg,#fff4df21,#7bd1c51f);border-radius:18px;align-items:center;min-height:58px;padding:14px 18px 14px 54px;font-weight:800;display:flex;position:relative}.pathway-card span:before{color:#061424;background:var(--sun-soft);content:counter(step);counter-increment:step;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.82rem;display:grid;position:absolute;left:18px}.pathway-card{counter-reset:step}.workflow{grid-template-columns:minmax(310px,390px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.form-panel,.results-panel{background:var(--surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff4df2e}.form-panel{border-radius:var(--radius-lg);padding:24px;position:sticky;top:20px}.form-panel h2{margin-bottom:18px}.website-form{gap:16px;display:grid}.field-group{gap:9px;display:grid}label{color:var(--ink);font-weight:800}input,textarea{color:#10223a;background:#fff6e4;border:1px solid #fff4df5c;border-radius:16px;width:100%;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px #ffffffbd}input{min-height:52px;padding:14px 15px}textarea{resize:vertical;min-height:104px;padding:13px 14px}input:hover,textarea:hover{background:#fffaf0;border-color:#f2d392c7}button{color:#07182a;cursor:pointer;background:linear-gradient(135deg,#f2d392,#d7a756);border:0;border-radius:999px;width:100%;padding:13px 18px;font-weight:850;transition:transform .15s,box-shadow .15s,background .15s,opacity .15s;box-shadow:0 12px 24px #00000047}button:hover{background:linear-gradient(135deg,#ffe0a1,#e4b868);transform:translateY(-1px);box-shadow:0 14px 28px #00000057}button:active{transform:translateY(0)}button:disabled{cursor:wait;opacity:.72;transform:none}.secondary-button{color:#fff4df;box-shadow:none;background:#fff4df14;border:1px solid #fff4df47;margin-top:16px}.secondary-button:hover{color:#fffaf0;background:#fff4df24;box-shadow:0 8px 18px #0000002e}.form-status{border-left:4px solid var(--sun-soft);color:#fff1d1;background:#d7a75629;border-radius:0 16px 16px 0;margin:18px 0 0;padding:12px 14px;font-size:.95rem;position:relative}.demo-note{color:var(--ink-soft);margin:10px 0 0;font-size:.9rem}.retrieval-panel{border:1px solid var(--line);background:linear-gradient(#06142452,#fff4df0d);border-radius:20px;margin-top:20px;padding:18px}.retrieval-panel h3{margin-bottom:8px}.retrieval-summary{color:var(--ink-muted);margin-bottom:0;font-size:.95rem}.retrieval-summary.success,.retrieval-summary.error,.retrieval-summary.loading{border-radius:14px;padding:10px 12px}.retrieval-summary.success{color:#dcfff5;background:#529e8c38}.retrieval-summary.error{color:#ffe3d8;background:#d9825f33}.retrieval-summary.loading{color:#fff0c8;background:#d7a7562e}.retrieval-preview{white-space:pre-wrap;color:#f6ead3;background:#030c186b;border:1px solid #fff4df33;border-radius:16px;max-height:280px;margin:14px 0 0;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem;overflow:auto}.results-panel{border-radius:var(--radius-lg);overflow:hidden}.results-header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#0614245c,#fff4df14),linear-gradient(90deg,#d7a7561f,#0000);grid-template-columns:minmax(190px,.85fr) minmax(260px,1.15fr);align-items:start;gap:22px;padding:28px;display:grid}.empty-state{color:var(--ink-muted);margin-bottom:0}.results-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:18px;list-style:none;display:grid}.result-row{border:1px solid var(--line);background:#fff4df14;border-radius:24px;min-height:180px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 22px #0000002e}.result-row:before{content:"";background:var(--line-strong);width:5px;position:absolute;inset:0 auto 0 0}.result-row.is-found:before{background:linear-gradient(180deg, var(--cedar), var(--moss))}.result-row.is-not-found:before{background:linear-gradient(180deg, var(--sun-soft), #c9983f)}.result-row.is-pending:before{background:linear-gradient(#8fa3b8,#526a83)}.field-summary{gap:10px;display:grid}.result-label-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.result-label-group h3{margin-bottom:0}.extraction-state,.review-status{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:.76rem;font-weight:850;display:inline-flex}.extraction-state.is-found{color:#dcfff5;background:#529e8c47;border-color:#7bd1c552}.extraction-state.is-not-found{color:#fff0c8;background:#d7a7563d;border-color:#f2d39257}.extraction-state.is-pending{color:#e1ebf5;background:#acc2d62e;border-color:#acc2d647}.review-status-unreviewed{color:#e1ebf5;background:#acc2d629;border-color:#acc2d642}.review-status-confirmed{color:#dcfff5;background:#529e8c42;border-color:#7bd1c557}.review-status-edited{color:#fff0c8;background:#d7a75640;border-color:#f2d3925c}.result-value,.result-evidence{color:var(--ink-muted);margin-bottom:0}.result-value{background:#fff4df17;border-radius:16px;padding:12px 14px;font-weight:700}.result-value strong,.result-evidence strong{color:var(--ink)}.result-evidence{border-left:3px solid #7bd1c552;margin-top:14px;padding-left:12px;font-size:.94rem}.review-panel{border-top:1px solid var(--line);gap:10px;margin-top:18px;padding-top:16px;display:grid}.review-actions{flex-wrap:wrap;gap:8px;display:flex}.review-button{width:auto;min-height:42px;margin-top:0;padding:9px 14px;font-size:.9rem}.review-note{color:var(--ink-soft);margin-bottom:0;font-size:.88rem}@media (prefers-reduced-motion:no-preference){.hero-panel,.form-panel,.results-panel,.result-row{animation:.26s both rise-in}.result-row:nth-child(2n){animation-delay:35ms}.retrieval-summary.loading{animation:1.2s ease-in-out infinite warm-pulse}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes warm-pulse{0%,to{box-shadow:0 0 #d7a75600}50%{box-shadow:0 0 0 6px #d7a75624}}@media (width<=1060px){.hero-panel{grid-template-columns:1fr;min-height:auto}.pathway-card{grid-template-columns:repeat(3,1fr);justify-self:stretch;width:100%}.pathway-card span{text-align:center;justify-content:center;min-height:72px;padding:42px 12px 12px}.pathway-card span:before{top:13px;left:50%;transform:translate(-50%)}.workflow{grid-template-columns:1fr}.form-panel{position:static}}@media (width<=820px){.app-shell{padding:18px 14px 40px}.hero-panel{border-radius:24px;margin-bottom:18px;padding:28px 22px}.results-header,.results-list{grid-template-columns:1fr}.results-list{padding:14px}.review-button{width:100%}}@media (width<=560px){.app-shell{padding-inline:10px}h1{max-width:9ch}.hero-panel{padding:24px 18px}.pathway-card{grid-template-columns:1fr}.pathway-card span{text-align:left;justify-content:flex-start;min-height:54px;padding:14px 16px 14px 52px}.pathway-card span:before{top:50%;left:16px;transform:translateY(-50%)}.form-panel,.results-header,.result-row{border-radius:20px;padding:18px}.results-panel{border-radius:22px}.results-list{padding:10px}.result-label-group{align-items:flex-start}.extraction-state,.review-status{font-size:.72rem}input,textarea,button{font-size:1rem}}
