@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#17171f;--muted:#858592;--line:#e8e8f0;--purple:#7050df;--lav:#eeeafd;--bg:#f7f8fc;--green:#46a66e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,.button{font:inherit;cursor:pointer}.brand{display:flex;align-items:center;gap:10px}.brand-symbol{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#17171f;color:white;font-weight:700}.brand-name{font:700 20px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand-name span{color:#7659e9}.brand-caption{display:block;color:#9b9cab;font:6px 'DM Mono',monospace;letter-spacing:1.5px;margin-top:3px}.container{max-width:1160px;margin:auto;padding:0 26px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between}.nav{display:flex;align-items:center;gap:30px;color:#777787;font-size:13px}.nav a:hover{color:var(--ink)}.actions{display:flex;gap:15px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:11px 16px;font-weight:600}.button-dark{background:#1a1a22;color:#fff;box-shadow:0 8px 18px #17171f16}.button-light{background:#fff;color:#17171f}.button-outline{background:#fff;color:#5e42d0;border:1px solid #dcdbe6}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:80px 26px 95px}.eyebrow,.kicker{font:10px 'DM Mono',monospace;letter-spacing:1.8px;color:#857eaa}.eyebrow:before,.kicker:before{content:'';display:inline-block;width:20px;height:1px;background:#9c8cf0;vertical-align:middle;margin:0 9px 2px 0}.hero h1{font:700 clamp(50px,5vw,72px)/.98 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:24px 0}.hero h1 em,.section h2 em{color:#7659e9;font-style:normal}.lead{max-width:430px;color:#777787;font-size:16px;line-height:1.6}.hero-cta{display:flex;gap:20px;align-items:center;margin-top:27px}.link{color:#6748dc;font-weight:600;font-size:13px}.trust{display:flex;gap:16px;flex-wrap:wrap;color:#aaa9b3;font:9px 'DM Mono',monospace;margin-top:34px}.mock{position:relative;min-height:430px;background:radial-gradient(circle at 50% 50%,#e3defc 0,transparent 64%)}.api-card{position:absolute;z-index:1;background:#ffffffec;border:1px solid #e8e6f1;border-radius:14px;box-shadow:0 26px 60px #5344aa20}.api-main{width:90%;top:80px;left:3%;padding:20px;transform:rotate(-4deg)}.dots{display:flex;gap:4px}.dots i{width:5px;height:5px;border-radius:50%;background:#d2d0db}.api-head{display:flex;align-items:center;gap:10px;color:#a0a0ad;font:9px 'DM Mono',monospace}.api-head span:nth-child(2){flex:1}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;font:9px 'DM Mono',monospace;background:#eaf8ee;color:#3c9b5a}.pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.pill.warn{background:#fff3d8;color:#b27d22}.api-path{background:#f3f1ff;color:#5d47b9;border-radius:7px;padding:12px;margin:20px 0;font:11px 'DM Mono',monospace}.match{display:flex;align-items:center;justify-content:space-between;gap:12px}.team{display:flex;align-items:center;gap:8px}.team.right{text-align:right}.badge{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;background:#dfe8ff;color:#4d70d4}.badge.green{background:#dff5e9;color:#32a06a}.team strong,.team small{display:block}.team strong{font-size:12px}.team small{font-size:9px;color:#aaa9b3;margin-top:4px}.score{text-align:center}.score strong{font:600 17px 'Space Grotesk',sans-serif}.score small{display:block;color:#aaa9b3;font-size:9px;margin-top:4px}.api-foot{border-top:1px solid #eeeef5;margin-top:16px;padding-top:12px;display:flex;justify-content:space-between;color:#aaa9b3;font:9px 'DM Mono',monospace}.mini{right:0;bottom:30px;padding:17px;width:200px;transform:rotate(4deg)}.mini label{display:block;color:#a0a0ad;font:8px 'DM Mono',monospace;letter-spacing:1px}.mini strong{display:block;font:600 24px 'Space Grotesk',sans-serif;margin:7px 0}.mini small{font:10px 'DM Mono',monospace;color:#aaa9b3}.progress{height:6px;background:#eeeafd;border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:#7355e8}.section{padding:100px 26px}.section h2{font:600 44px/.98 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:18px 0}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-intro p{max-width:360px;color:#858592;line-height:1.6;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.card{padding:26px;border-radius:14px;background:#fff;border:1px solid var(--line);min-height:210px}.card.purple{background:#eeeafd;border:0}.card.dark{background:#25242e;color:#fff;border:0}.card h3{font:600 18px 'Space Grotesk',sans-serif;margin:25px 0 9px}.card p{color:#898793;font-size:13px;line-height:1.55}.card.dark p{color:#b4b1bc}.card a{color:#6848dc;font-size:12px;font-weight:600}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.price-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.price-card.featured{border:2px solid #876fe8}.price-card h3{font:600 18px 'Space Grotesk',sans-serif}.price{font:700 51px 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:23px 0}.price small,.price span{font:10px 'DM Mono',monospace;letter-spacing:0;color:#8d8c99}.price ul{list-style:none;padding:15px 0;margin:0 0 18px;border-top:1px solid var(--line);display:grid;gap:11px;color:#777684;font-size:12px}.cta{margin:20px auto 80px;max-width:1110px;border-radius:15px;background:#25242e;color:#fff;padding:44px 52px;display:flex;align-items:center;justify-content:space-between}.cta h2{margin:14px 0 0;font:600 40px/.98 'Space Grotesk',sans-serif}.footer{border-top:1px solid var(--line);padding:26px;display:flex;justify-content:space-between;color:#aaa9b3;font-size:11px;max-width:1110px;margin:auto}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#e8e2ff,transparent 50%),var(--bg)}.login-box{width:min(430px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:15px;padding:34px;box-shadow:0 20px 60px #5e4bc214}.login-box h1{font:600 28px 'Space Grotesk',sans-serif;margin:30px 0 6px}.login-box p{color:#8b8a96;font-size:13px;line-height:1.55}.field{display:grid;gap:6px;margin:17px 0}.field label{font:10px 'DM Mono',monospace;color:#85838f}.field input{height:42px;border:1px solid #e4e3eb;border-radius:7px;padding:0 12px;font:13px 'DM Sans',sans-serif}.full{width:100%}.error{background:#fff0f0;color:#c14e5c;border-radius:7px;padding:10px;font-size:12px}.dashboard-shell{min-height:100vh;display:flex}.side{width:245px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:24px 15px;display:flex;flex-direction:column}.side .brand{padding:0 10px 25px}.workspace{padding:12px;border:1px solid var(--line);border-radius:9px;font-size:11px;margin-bottom:26px}.side-label{color:#b5b4c0;font:9px 'DM Mono',monospace;letter-spacing:1px;padding:0 10px 9px}.side nav{display:grid;gap:4px}.side nav a{padding:10px;color:#888794;border-radius:8px;font-size:12px}.side nav a.active,.side nav a:hover{background:#f0edff;color:#6244db;font-weight:600}.side-bottom{margin-top:auto}.logout{width:100%;border:0;background:#fff;border-top:1px solid var(--line);padding:16px 4px 0;text-align:left;color:#777684;font-size:11px}.main{flex:1;min-width:0}.dash-content{max-width:1260px;margin:auto;padding:45px 46px}.dash-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:32px}.dash-head h1{font:600 30px 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:12px 0 5px}.dash-head p{color:#8e8d99;font-size:13px;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px}.metric label{color:#858590;font-size:11px}.metric strong{display:block;font:600 27px 'Space Grotesk',sans-serif;margin:14px 0 4px}.metric small{color:#aaa9b3;font:9px 'DM Mono',monospace}.grid{display:grid;grid-template-columns:1.3fr .8fr;gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel h2{font:600 15px 'Space Grotesk',sans-serif;margin:0}.panel p{color:#9b9aa6;font-size:11px;margin:6px 0 0}.big-number{font:600 29px 'Space Grotesk',sans-serif;margin:25px 0 12px}.table{width:100%;border-collapse:collapse;margin-top:18px;font-size:11px}.table th{color:#aaa9b3;font:8px 'DM Mono',monospace;text-align:left}.table td,.table th{padding:13px 8px;border-bottom:1px solid #f0f0f5}.status{color:#419b5e;background:#eaf8ee;padding:5px 8px;border-radius:15px;font:9px 'DM Mono',monospace}.status.amber{color:#aa7c26;background:#fff3d8}.empty{text-align:center;color:#aaa9b3;padding:50px 10px;font-size:12px}.api-status{display:flex;gap:10px;align-items:center;margin:17px 0;padding:13px;background:#eef9f0;border-radius:8px;color:#3f9c5c;font:10px 'DM Mono',monospace}@media(max-width:900px){.hero{grid-template-columns:1fr}.cards,.pricing{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.side{width:205px}.dash-content{padding:30px 25px}}@media(max-width:640px){.topbar{height:65px}.nav{display:none}.hero{padding:50px 19px 55px}.hero h1{font-size:49px}.hero-cta{flex-wrap:wrap}.mock{min-height:370px;transform:scale(.9);margin:-15px -20px}.section{padding:70px 19px}.section-intro{display:block}.cards,.pricing{grid-template-columns:1fr}.cta{margin:10px 19px 45px;padding:30px 24px;display:block}.cta h2{font-size:34px}.cta .button{margin-top:24px}.footer{margin:0 19px;padding-left:0;padding-right:0;display:grid;gap:12px}.dashboard-shell{display:block}.side{width:100%;min-height:auto;padding:18px;display:block}.side nav{display:flex;overflow:auto}.side nav a{white-space:nowrap}.side-bottom{display:none}.dash-content{padding:28px 18px}.dash-head{display:block}.dash-head .button{margin-top:18px}.metrics{gap:8px}.metric{padding:13px}.metric strong{font-size:22px}.grid{margin-top:10px}.panel{padding:16px}.table{font-size:10px}.table th:nth-child(3),.table td:nth-child(3){display:none}}