@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{font-family:Arial,sans-serif}button,input,textarea,select{font:inherit}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111;background:#fafafa;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}.app{min-height:100vh}.navbar{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:28px 0;display:flex}.logo{letter-spacing:-.8px;font-size:20px;font-weight:800}.navbar nav{gap:32px;display:flex}.navbar nav a{color:#666;font-size:14px;transition:color .2s}.navbar nav a:hover{color:#111}section{width:min(1180px,100% - 48px);margin:0 auto}.eyebrow{letter-spacing:2px;color:#777;font-size:12px;font-weight:700}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:720px;display:grid}.hero-content h1{letter-spacing:-4px;max-width:680px;margin-top:20px;font-size:clamp(46px,5vw,72px);line-height:1.02}.hero-content h1 span{color:#777}.hero-content p{color:#666;max-width:560px;margin-top:28px;font-size:17px;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:14px;margin-top:35px;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:#111}.button.secondary{background:#fff;border:1px solid #ddd}.hero-card{background:#fff;border:1px solid #e6e6e6;border-radius:22px;padding:12px;box-shadow:0 30px 70px #00000014}.card-top{align-items:center;gap:7px;height:35px;padding-left:8px;display:flex}.card-top span{background:#d9d9d9;border-radius:50%;width:8px;height:8px}.fake-dashboard{background:#fafafa;border:1px solid #eee;border-radius:14px;grid-template-columns:90px 1fr;min-height:390px;display:grid;overflow:hidden}.dashboard-sidebar{background:#f3f3f3;border-right:1px solid #eee}.dashboard-content{padding:28px}.fake-line{background:#ddd;border-radius:20px;width:45%;height:10px;margin-top:12px}.fake-line.large{background:#cfcfcf;width:65%;height:18px;margin-top:0}.fake-boxes{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px;display:grid}.fake-boxes div{background:#fff;border:1px solid #e9e9e9;border-radius:10px;height:75px}.fake-chart{background:linear-gradient(160deg,#0000 45%,#ddd 46% 47%,#0000 48%),#fff;border:1px solid #e9e9e9;border-radius:10px;height:150px;margin-top:15px}.services{padding:120px 0}.section-header{max-width:700px}.section-header h2{letter-spacing:-2px;margin-top:18px;font-size:clamp(34px,4vw,52px);line-height:1.1}.services-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:55px;display:grid}.service-card{background:#fff;border:1px solid #e7e7e7;border-radius:16px;padding:32px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0000000f}.service-number{color:#999;margin-bottom:50px;font-size:12px;font-weight:700}.service-card h3{font-size:23px}.service-card p{color:#666;margin-top:14px;line-height:1.65}.process{padding:100px 0}.process-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:55px;display:grid}.process-grid>div{border-top:1px solid #ddd;padding-top:25px}.process-grid span{color:#999;font-size:12px;font-weight:700}.process-grid h3{margin-top:30px}.process-grid p{color:#666;margin-top:12px;font-size:14px;line-height:1.6}.contact{color:#fff;text-align:center;background:#111;border-radius:24px;margin-top:80px;margin-bottom:100px;padding:90px 50px}.contact .eyebrow{color:#aaa}.contact h2{letter-spacing:-2px;max-width:750px;margin:20px auto;font-size:clamp(35px,4vw,52px);line-height:1.1}.contact p{color:#aaa;margin-bottom:30px}footer{color:#777;border-top:1px solid #e5e5e5;align-items:center;gap:30px;width:min(1180px,100% - 48px);margin:0 auto;padding:35px 0;font-size:13px;display:flex}footer .logo{color:#111}footer span{margin-left:auto}@media (width<=900px){.navbar nav{display:none}.hero{grid-template-columns:1fr;padding:70px 0}.hero-card{max-width:700px}.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){section{width:min(100% - 32px,1180px)}.hero-content h1{letter-spacing:-2px}.services-grid,.process-grid{grid-template-columns:1fr}.contact{padding:60px 25px}footer{flex-direction:column;align-items:flex-start;gap:12px}footer span{margin-left:0}}
