:root{--ink:#10233f;--muted:#64748b;--blue:#1769e0;--cyan:#00a9b8;--mint:#e9faf6;--line:#dce5ee;--bg:#f5f8fb;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}header,main,footer{max-width:1220px;margin:auto}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font:700 17px Manrope;text-decoration:none}.brand span{display:inline-grid;place-items:center;background:var(--blue);color:white;border-radius:8px;width:29px;height:29px;margin-right:9px}.status{font-size:11px;font-weight:700;letter-spacing:.12em}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#24c875;margin-right:7px;box-shadow:0 0 0 4px #d9f8e8}main{padding:0 24px}.hero{padding:72px 0 54px;display:grid;grid-template-columns:1fr 260px;gap:60px;align-items:center}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.16em;margin:0 0 14px}.hero h1{font:800 clamp(38px,5vw,65px)/1.05 Manrope;margin:0;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--blue)}.intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:730px}.hero-card{position:relative;background:var(--ink);color:#fff;padding:28px;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #10233f24}.hero-card span,.hero-card small{display:block;color:#a9bdd7}.hero-card strong{display:block;font:700 27px Manrope;margin:7px 0 28px}.pulse{height:45px;background:linear-gradient(110deg,transparent 5%,#23ddc3 6%,transparent 8%,transparent 22%,#23ddc3 23%,transparent 25%,transparent 40%,#23ddc3 41%,#23ddc3 43%,transparent 44%);opacity:.8}.pipeline{display:flex;background:white;border:1px solid var(--line);border-radius:16px;padding:20px 26px;align-items:center;justify-content:space-between;box-shadow:0 5px 22px #10233f0a}.pipeline div{display:flex;align-items:center;gap:10px}.pipeline b{color:var(--blue);font-size:11px;background:#eaf2ff;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.pipeline span{font-weight:700}.pipeline i{font-style:normal;color:#9aabba}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;min-height:470px}.panel-title,.score{display:flex;justify-content:space-between;align-items:start}.panel h2{font:700 24px Manrope;margin:0 0 22px}.ghost{border:1px solid var(--line);background:white;padding:9px 13px;border-radius:9px;color:var(--blue);font-weight:700;cursor:pointer}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:13px;font-weight:600;position:relative}input,select{display:block;width:100%;border:1px solid #cfdbe6;border-radius:9px;margin-top:7px;padding:12px;font:500 15px DM Sans;color:var(--ink);background:#fbfdff}label small{position:absolute;right:10px;bottom:13px;color:#94a3b8}.primary{grid-column:1/-1;border:0;background:var(--blue);color:white;border-radius:10px;padding:14px 18px;font:700 15px DM Sans;display:flex;justify-content:space-between;cursor:pointer}.primary:hover{background:#1058bd}#empty{text-align:center;padding:75px 38px;color:var(--muted)}#empty h2{color:var(--ink);margin:14px}.radar{margin:auto;width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--cyan);font-size:34px}.score span,.result-grid span,.factors>span{font-size:12px;color:var(--muted);display:block}.score strong{display:block;font:800 52px Manrope;margin-top:5px}.badge{background:#fff3d6;color:#9b6200;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:800}.meter{height:9px;background:#e8eef4;border-radius:10px;margin:18px 0 28px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#20c997,#ffbe42,#ed5c5c);transition:.6s}.result-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.result-grid div,.factors{border:1px solid var(--line);padding:15px;border-radius:10px}.result-grid strong{display:block;margin-top:6px}.factors{margin-top:15px}.factors b{display:inline-block;background:#eef4ff;color:#315a91;padding:7px 10px;border-radius:7px;margin:9px 6px 0 0;font-size:12px}.notice{font-size:11px;color:#7c8998;background:#f6f8fa;padding:10px;border-radius:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:white;border-radius:17px;padding:27px;margin-bottom:60px}.metrics div{padding:0 24px;border-right:1px solid #31445e}.metrics div:last-child{border:0}.metrics span{display:block;color:#9fb0c5;font-size:12px}.metrics strong{display:block;font:700 25px Manrope;margin-top:7px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:0 0 65px}.about h2{font:700 30px Manrope;margin:0}.about>p{color:var(--muted);line-height:1.7;margin:0}footer{display:flex;justify-content:space-between;padding:25px 24px;color:var(--muted);border-top:1px solid var(--line);font-size:13px}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:45px 0 30px}.hero-card{display:none}.pipeline{overflow:auto;gap:18px}.pipeline i{display:none}.workspace,.about{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr;gap:20px}.metrics div{border:0;padding:0}form{grid-template-columns:1fr}.panel{padding:21px}.hero h1{font-size:42px}footer{display:block;line-height:2}}