:root { color-scheme: light; --ink:#172033; --muted:#647089; --line:#e7ebf2; --brand:#5d55e8; --brand-dark:#473fc8; --surface:#fff; --wash:#f6f7fb; --success:#16835c; --danger:#bd3b4b; font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:var(--wash); line-height:1.5; }
a { color:inherit; text-decoration:none; }
.site-header { height:72px; display:flex; align-items:center; justify-content:space-between; padding:0 6vw; background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5; backdrop-filter:blur(12px); }
.brand { font-size:1.45rem; font-weight:800; letter-spacing:-.04em; color:var(--brand); }.brand span { color:var(--ink); font-weight:500; }
.nav { display:flex; gap:1.2rem; align-items:center; color:var(--muted); font-size:.94rem; }.nav a:hover { color:var(--brand); }
.shell { max-width:1160px; margin:0 auto; padding:56px 24px 96px; }.hero { display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; min-height:510px; }.hero h1 { font-size:clamp(2.4rem,6vw,5rem); line-height:1.02; letter-spacing:-.06em; margin:.2rem 0 1.1rem; }.hero p { max-width:610px; color:var(--muted); font-size:1.12rem; }.eyebrow { color:var(--brand); text-transform:uppercase; letter-spacing:.15em; font-size:.76rem; font-weight:800; }.hero-art { background:linear-gradient(135deg,#6e66f5,#9f9aff); border-radius:32px; min-height:330px; padding:32px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; box-shadow:0 24px 70px rgba(83,75,220,.25); }.hero-art strong { font-size:2rem; letter-spacing:-.04em; }.hero-art span { opacity:.82; }
.grid { display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }.card { background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:24px; box-shadow:0 10px 30px rgba(23,32,51,.04); }.card h2,.card h3 { margin-top:0; letter-spacing:-.025em; }.muted { color:var(--muted); }.page-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:24px; }.page-head h1 { margin:0; font-size:2.2rem; letter-spacing:-.05em; }
.button { border:0; border-radius:10px; background:var(--brand); color:white; padding:11px 16px; font-weight:700; cursor:pointer; }.button:hover { background:var(--brand-dark); }.button.secondary { color:var(--ink); background:#edf0f7; }.button.danger { background:var(--danger); }.button.small { padding:7px 11px; font-size:.86rem; }
.stack { display:flex; flex-direction:column; gap:13px; max-width:520px; }.compact { gap:9px; }.split { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.field { display:flex; flex-direction:column; gap:5px; font-weight:650; font-size:.9rem; }.field small { color:var(--muted); font-weight:400; }.field input,.field textarea,input,textarea,select { width:100%; border:1px solid #d9dfeb; border-radius:9px; padding:11px 12px; color:var(--ink); background:#fff; font:inherit; }.field textarea,textarea { min-height:92px; resize:vertical; }.check { display:flex; gap:8px; align-items:flex-start; font-size:.9rem; color:var(--muted); }.check input { width:auto; margin-top:4px; }.form-card { max-width:560px; margin:20px auto; }.error { color:var(--danger); background:#fff0f2; border:1px solid #ffd4da; padding:10px 12px; border-radius:9px; }.success { color:var(--success); background:#edf9f3; border:1px solid #c8efdc; padding:10px 12px; border-radius:9px; }
.metric { display:flex; flex-direction:column; gap:4px; }.metric strong { font-size:2rem; letter-spacing:-.05em; }.metric span { color:var(--muted); font-size:.9rem; }.badge { display:inline-flex; align-items:center; border-radius:999px; padding:4px 9px; background:#eef0ff; color:var(--brand-dark); font-size:.76rem; font-weight:750; }.badge.green { color:var(--success); background:#e8f8f0; }.badge.gray { color:var(--muted); background:#f0f2f5; }.badge.red { color:var(--danger); background:#fff0f2; }
.tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:25px; }.tabs a { padding:8px 12px; border-radius:9px; color:var(--muted); }.tabs a.active,.tabs a:hover { background:#ebeaff; color:var(--brand-dark); }.list { display:flex; flex-direction:column; gap:12px; }.list-row { display:flex; justify-content:space-between; align-items:center; gap:15px; border-bottom:1px solid var(--line); padding:14px 0; }.list-row:last-child { border-bottom:0; }.list-row h3 { margin:0; font-size:1rem; }.list-row p { margin:3px 0 0; color:var(--muted); font-size:.88rem; }.actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }.check-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; margin:14px 0; }.check-card { border:1px solid var(--line); border-radius:10px; padding:10px; display:flex; gap:8px; align-items:flex-start; }.check-card small { display:block; color:var(--muted); }
.assistant-toggle { position:fixed; right:24px; bottom:24px; z-index:8; border:0; border-radius:999px; padding:15px 19px; background:var(--brand); color:#fff; font-weight:800; box-shadow:0 10px 30px rgba(83,75,220,.3); cursor:pointer; }.assistant { position:fixed; right:24px; bottom:82px; width:min(360px,calc(100vw - 32px)); background:#fff; border:1px solid var(--line); border-radius:18px; padding:18px; z-index:8; box-shadow:0 20px 60px rgba(23,32,51,.2); }.assistant-head { display:flex; justify-content:space-between; font-size:1.1rem; margin-bottom:12px; }.assistant-head button { border:0; background:none; font-size:1.5rem; cursor:pointer; color:var(--muted); }.toast { position:fixed; left:50%; bottom:24px; transform:translate(-50%,20px); opacity:0; pointer-events:none; transition:.2s; padding:11px 15px; border-radius:10px; background:var(--ink); color:#fff; z-index:20; }.toast.show { opacity:1; transform:translate(-50%,0); }
@media (max-width:760px) { .site-header { padding:0 20px; }.nav { gap:.55rem; font-size:.8rem; }.hero { grid-template-columns:1fr; }.hero-art { min-height:230px; }.split { grid-template-columns:1fr; }.page-head { flex-direction:column; }.shell { padding-top:35px; } }
.user-card,.lead-card { margin-bottom:18px; }.user-card fieldset,.lead-card fieldset { margin-top:14px; }.user-card .page-head { margin-bottom:14px; } fieldset { border:1px solid var(--line); border-radius:12px; padding:14px; } legend { padding:0 6px; color:var(--muted); font-size:.9rem; font-weight:700; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.assistant-free-form { display: flex; gap: .45rem; padding-top: .65rem; border-top: 1px solid rgba(73, 117, 161, .2); }
.assistant-free-form input { min-width: 0; flex: 1; padding: .6rem .68rem; border-radius: .55rem; }
.assistant-free-form .button { flex: 0 0 auto; }