:root{color:#14213a;font-synthesis:none;--page:#f4f7fb;--page-glow:#5f89c438;--text:#14213a;--muted:#52637d;--brand:#087a68;--eyebrow:#365f96;--surface:#fffffff0;--surface-raised:#fff;--surface-subtle:#edf3fa;--surface-nav:#e7eff8;--border:#c8d5e6;--border-strong:#aabbd2;--primary:#087866;--primary-text:#fff;--secondary:#dfe8f4;--secondary-text:#1c385e;--danger:#a43d39;--danger-text:#fff;--ghost-text:#294361;--warning:#bd7620;--focus:#845500;--link:#096d5c;--message:#d8f3eb;--message-text:#0b4a3d;--confirmation:#e1f5ef;--confirmation-border:#75b6a6;--shadow:0 28px 72px #2d3f5b24;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{color:#eef4ff;--page:#07101f;--page-glow:#17345d;--text:#eef4ff;--muted:#aebfd6;--brand:#8bf0d3;--eyebrow:#8fb7ef;--surface:#0b182deb;--surface-raised:#0d1c33;--surface-subtle:#0a192e;--surface-nav:#09182c;--border:#293c5a;--border-strong:#304563;--primary:#68e0c1;--primary-text:#06241d;--secondary:#233552;--secondary-text:#dce8ff;--danger:#8f3d3b;--danger-text:#fff0ec;--ghost-text:#c7d6ef;--warning:#9b6733;--focus:#f3c969;--link:#9ddbc9;--message:#85e8ce;--message-text:#0b2e25;--confirmation:#102d31;--confirmation-border:#6ebaa7;--shadow:0 30px 80px #00000040;background:#07101f}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 0%, var(--page-glow) 0, transparent 38rem), var(--page);margin:0;transition:color .2s,background-color .2s}button{background:var(--primary);color:var(--primary-text);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.82rem 1.15rem;font-weight:760;display:inline-flex}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}button.secondary{color:var(--secondary-text);background:var(--secondary)}button.danger{color:var(--danger-text);background:var(--danger)}button.ghost{color:var(--ghost-text);border:1px solid var(--border-strong);background:0 0}svg{width:1.1em;height:1.1em}main{width:min(1180px,100% - 2rem);margin:0 auto;padding:1.25rem 0 5rem}.hero{padding:2rem clamp(0rem,4vw,4rem) 2.5rem}.hero-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{color:var(--brand);letter-spacing:.03em;align-items:center;gap:.65rem;font-weight:800;display:flex}.brand svg{width:1.5rem;height:1.5rem}.theme-toggle{color:var(--ghost-text);background:var(--surface);border:1px solid var(--border);padding:.6rem .9rem;box-shadow:0 8px 24px #2d3f5b14}.eyebrow{color:var(--eyebrow);text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:800}h1{letter-spacing:-.055em;max-width:900px;margin:.6rem 0 1rem;font-size:clamp(2.4rem,6vw,5.3rem);line-height:.98}.lead{max-width:760px;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.35rem;display:flex}.actions.compact{align-items:center;margin:0}.state-card,.workspace,.showcase,.tour{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:28px;margin:1rem 0}.tour{grid-template-columns:minmax(19rem,.9fr) minmax(0,1.6fr);gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.4rem,3vw,2.4rem);display:grid}.tour-heading h2{max-width:18ch;margin:.35rem 0 .7rem;font-size:clamp(1.7rem,2.6vw,2.2rem)}.tour-heading>p:last-child{color:var(--muted);line-height:1.65}.tour-steps{grid-template-columns:1fr 1fr;gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.tour-steps li{border:1px solid var(--border);background:var(--surface-subtle);border-radius:18px;gap:.8rem;min-width:0;padding:1rem;display:flex}.tour-steps li>span{width:2rem;height:2rem;color:var(--primary-text);background:var(--primary);border-radius:50%;flex:0 0 2rem;place-items:center;font-weight:850;display:grid}.tour-steps strong{margin:.25rem 0 .35rem;display:block}.tour-steps p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.state-card{text-align:center;padding:clamp(1.5rem,5vw,3.5rem)}.state-card>svg{width:2rem;height:2rem;color:var(--primary)}.state-card h2{margin:.6rem 0;font-size:clamp(1.6rem,3vw,2.5rem)}.state-card p{color:var(--muted);max-width:650px;margin:.6rem auto 1.4rem;line-height:1.6}.warning{border-color:var(--warning)}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace,.showcase{padding:clamp(1.1rem,3vw,2.4rem)}.workspace-head,.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.workspace-head h2,.showcase h2{margin:.3rem 0;font-size:clamp(1.7rem,4vw,2.8rem)}.workspace-head p{color:var(--muted)}.message{color:var(--message-text);background:var(--message);border-radius:14px;padding:.8rem 1rem}.section-nav{border:1px solid var(--border-strong);background:var(--surface-nav);border-radius:18px;flex-wrap:wrap;gap:.55rem;margin:1rem 0;padding:.75rem;display:flex}.section-nav a,.text-link{color:var(--link);font-weight:750;text-decoration:none}.section-nav a{background:var(--surface-raised);border-radius:999px;padding:.45rem .7rem}.confirmation{border:1px solid var(--confirmation-border);background:var(--confirmation);border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.confirmation strong,.confirmation span{display:block}.confirmation span{color:var(--muted);margin-top:.25rem}.confirmation dl{gap:.35rem;margin:.8rem 0 0;display:grid}.confirmation dl div{grid-template-columns:minmax(7rem,.4fr) 1fr;gap:.6rem;display:grid}.confirmation dt{color:var(--eyebrow);font-weight:750}.confirmation dd{color:var(--text);overflow-wrap:anywhere;margin:0}.return-link{color:var(--link);font-weight:750;display:inline-block}.workflow-grid,.client-grid,.metric-grid{gap:1rem;display:grid}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.4rem}.workflow-grid article,.client-grid article,.metric-grid div{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:20px;padding:1.25rem}.workflow-grid h3,.client-grid h3{margin:.5rem 0}.workflow-grid p,.client-grid p{color:var(--muted);min-height:3rem;line-height:1.5}.step{color:var(--primary);font:800 .75rem/1 ui-monospace,monospace}.success{color:var(--primary);width:1.7rem;height:1.7rem}.data-section{border:1px solid var(--border-strong);background:var(--surface-subtle);border-radius:22px;margin-top:1.2rem;padding:1.25rem;scroll-margin-top:1rem}.data-section h3{margin:0}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.record-grid article{border:1px solid var(--border);background:var(--surface-raised);border-radius:16px;min-width:0;padding:1rem}.record-grid h4{margin:.3rem 0}.record-grid p{color:var(--muted);overflow-wrap:anywhere}.record-grid code{color:var(--eyebrow);overflow-wrap:anywhere;white-space:normal;margin-top:.45rem;font-size:.78rem;display:block}.audit-panel{border-top:1px solid var(--border-strong);margin-top:1rem;padding-top:1.4rem}.section-heading{align-items:center}.section-heading h3,.section-heading h2{margin:0}.section-heading span{color:var(--eyebrow);border:1px solid var(--border-strong);border-radius:999px;padding:.25rem .65rem}.audit-panel ol{gap:.55rem;padding:0;list-style:none;display:grid}.audit-panel li{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.8rem 0;display:flex}.audit-panel li span{color:var(--muted);text-align:right;font-size:.88rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:1.3rem 0}.metric-grid strong{color:var(--primary);font-size:2rem;display:block}.metric-grid span{color:var(--muted)}.client-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.client-grid article>span{color:var(--eyebrow);text-transform:uppercase;font-size:.75rem}.client-grid article p{min-height:auto;margin-bottom:0}@media (width<=850px){.tour{grid-template-columns:1fr}.workflow-grid,.metric-grid,.client-grid{grid-template-columns:1fr 1fr}.workspace-head{flex-direction:column}.confirmation{flex-direction:column;align-items:stretch}}@media (width<=560px){main{width:min(100% - 1rem,1180px)}.hero{padding-inline:.5rem}.tour-steps,.workflow-grid,.metric-grid,.client-grid{grid-template-columns:1fr}.hero-top{align-items:flex-start}.theme-toggle{padding-inline:.75rem}.actions button{width:100%}.audit-panel li{flex-direction:column}.audit-panel li span{text-align:left}.record-grid{grid-template-columns:1fr}.section-nav a{text-align:center;flex:45%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}
