:root { color-scheme: light; --ink:#14231f; --muted:#62716c; --teal:#0b7b69; --teal-dark:#075e51; --mint:#ddf6ef; --line:#dce7e3; --paper:#f7faf8; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 78% 8%, #dff8ef 0, transparent 31%), linear-gradient(180deg,#fbfdfc 0%,#f3f8f5 100%); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
header { height:72px; padding:0 6vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(20,35,31,.08); background:rgba(255,255,255,.72); backdrop-filter:blur(16px); }
.brand { display:flex; align-items:center; gap:11px; color:var(--ink); text-decoration:none; font-size:19px; font-weight:750; letter-spacing:-.02em; }
.mark { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:white; background:var(--teal); font-family:Georgia,serif; font-style:italic; }
.badge { padding:7px 11px; border:1px solid #b9ded5; border-radius:999px; color:var(--teal-dark); background:#effaf7; font-size:12px; font-weight:700; }
main { width:min(1180px,90vw); margin:0 auto; }
.onboarding { padding:10vh 0 8vh; text-align:center; }
.eyebrow { color:var(--teal); text-transform:uppercase; letter-spacing:.14em; font-size:12px; font-weight:800; }
h1 { margin:20px auto; max-width:900px; font-size:clamp(44px,7vw,78px); line-height:.98; letter-spacing:-.055em; font-weight:760; }
h1 span { color:var(--teal); }
.hero-copy { max-width:700px; margin:26px auto 38px; color:var(--muted); font-size:18px; line-height:1.65; }
form { max-width:720px; margin:0 auto; padding:22px; text-align:left; border:1px solid var(--line); border-radius:20px; background:white; box-shadow:0 24px 70px rgba(22,76,63,.11); }
label { display:block; margin-bottom:9px; font-size:13px; font-weight:750; }
.input-row { display:flex; gap:10px; }
input { min-width:0; flex:1; height:54px; border:1px solid #cbd9d4; border-radius:11px; padding:0 17px; font:inherit; font-size:16px; outline:none; }
input:focus { border-color:var(--teal); box-shadow:0 0 0 3px rgba(11,123,105,.12); }
button { border:0; border-radius:11px; padding:0 23px; color:white; background:var(--teal); font:inherit; font-weight:750; cursor:pointer; transition:.2s ease; }
button:hover { background:var(--teal-dark); transform:translateY(-1px); }
.hint { margin:12px 2px 0; color:#7b8984; font-size:12px; }
.proof { display:flex; justify-content:center; gap:0; margin:54px auto 0; }
.proof div { min-width:180px; padding:0 32px; border-right:1px solid var(--line); }
.proof div:last-child { border:0; }
.proof strong,.proof span { display:block; }
.proof strong { font-size:25px; letter-spacing:-.03em; }
.proof span { margin-top:5px; color:var(--muted); font-size:12px; }
.hidden { display:none !important; }
.loading,.error { min-height:70vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.spinner { width:70px; height:70px; margin-bottom:28px; border:2px solid #cfe7e0; border-top-color:var(--teal); border-radius:50%; animation:spin 1.1s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.loading h2,.error h2,.results h2 { margin:13px 0 9px; font-size:38px; letter-spacing:-.04em; }
.loading p,.error p,.results-head p { color:var(--muted); }
.progress { width:min(480px,80vw); height:7px; margin:28px 0 5px; overflow:hidden; border-radius:99px; background:#dceae5; }
.progress span { display:block; width:15%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--teal),#45bba6); transition:width .3s ease; }
.loading-label { font-size:12px; }
.results { padding:58px 0 80px; }
.results-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:30px; }
.secondary { height:43px; padding:0 17px; color:var(--teal-dark); background:white; border:1px solid var(--line); }
.lead-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.lead-card { padding:23px; border:1px solid var(--line); border-radius:17px; background:white; box-shadow:0 12px 35px rgba(22,76,63,.06); }
.lead-top { display:flex; align-items:center; gap:12px; }
.lead-top img { width:48px; height:48px; border-radius:13px; object-fit:cover; background:var(--mint); }
.identity { min-width:0; flex:1; }
.identity h3 { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }
.identity p { margin:4px 0 0; color:var(--muted); font-size:12px; }
.linkedin { width:28px; height:28px; display:grid; place-items:center; border-radius:7px; color:white; background:#0a66c2; text-decoration:none; font-weight:800; }
.score { text-align:right; }
.score strong,.score span { display:block; }
.score strong { color:var(--teal); font-size:22px; }
.score span { color:var(--muted); font-size:10px; text-transform:uppercase; }
.role { margin:20px 0 11px; }
.role strong,.role span { display:block; }
.role strong { font-size:14px; }
.role span { margin-top:4px; color:var(--muted); font-size:13px; }
.reason { min-height:57px; margin:0; color:#4f5e59; font-size:12px; line-height:1.55; }
.metrics { display:flex; align-items:center; gap:10px; margin:18px 0; padding:12px 0; border-top:1px solid #edf2f0; border-bottom:1px solid #edf2f0; color:var(--muted); font-size:11px; }
.metrics b { color:var(--ink); }
.intent { margin-left:auto; padding:5px 8px; border-radius:99px; color:#08725f; background:var(--mint); font-weight:750; }
.signals { display:grid; gap:11px; margin:0; padding:0; list-style:none; }
.signals li { display:grid; grid-template-columns:7px 1fr auto; align-items:start; gap:8px; color:#55645f; font-size:11px; line-height:1.4; }
.signal-dot { width:6px; height:6px; margin-top:5px; border-radius:50%; background:#35af97; }
.signals time { color:#91a09b; font-size:10px; }
@media (max-width:900px) { .lead-grid{grid-template-columns:1fr 1fr}.proof div{min-width:0}.input-row{flex-direction:column}.input-row button{height:52px}.results-head{align-items:start}.onboarding{padding-top:7vh} }
@media (max-width:620px) { header{padding:0 5vw}.lead-grid{grid-template-columns:1fr}.proof{gap:14px}.proof div{padding:0 10px}.results-head{display:block}.secondary{margin-top:15px}h1{font-size:46px} }