*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f5f2;color:#151515;line-height:1.6}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #ddd;background:#f5f5f2;position:sticky;top:0;z-index:5}.logo{font-weight:900;letter-spacing:.12em;color:#151515;text-decoration:none}.nav nav{display:flex;gap:28px}.nav nav a{color:#333;text-decoration:none;font-size:14px}.nav-btn,.primary,button{background:#151515;color:white;text-decoration:none;border:0;border-radius:999px;padding:12px 20px;font-weight:700}.hero{min-height:620px;display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center;padding:80px 10%}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#666}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.98;letter-spacing:-.055em;margin:18px 0}.hero h1 span{font-style:italic}.lead{max-width:600px;font-size:19px;color:#5d5d5d}.actions{display:flex;gap:12px;margin-top:30px}.secondary{padding:12px 20px;border:1px solid #bbb;border-radius:999px;text-decoration:none;color:#151515;font-weight:700}.hero-card{background:#171717;color:#fff;border-radius:28px;padding:28px;min-height:370px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 25px 60px #0002}.card-top{display:flex;gap:7px;align-self:flex-start;margin-bottom:auto}.card-top span{width:9px;height:9px;border-radius:50%;background:#777}.metric{border-top:1px solid #444;padding:22px 0}.metric strong{display:block;font-size:42px;line-height:1}.metric small{color:#aaa}.section,.contact{padding:110px 10%}.section h2,.showcase h2,.contact h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.04em;line-height:1.05;margin:10px 0 45px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article{padding:30px;border:1px solid #d5d5d0;border-radius:22px;min-height:220px}.grid b{font-size:13px;color:#777}.grid h3{font-size:25px;margin:35px 0 8px}.grid p,.showcase p,.contact p{color:#666}.showcase{padding:90px 10%;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;background:#e7e7e1}.browser{background:#171717;border-radius:22px;padding:12px;box-shadow:0 20px 50px #0002}.bar{height:22px;border-bottom:1px solid #444;margin-bottom:12px}.browser-body{height:280px;border-radius:12px;background:#2b2b2b;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.browser-body span{font-size:44px;font-weight:900;letter-spacing:-.06em}.browser-body small{color:#aaa}.contact{max-width:950px;margin:auto}.contact form{display:grid;gap:14px;max-width:650px}.contact input,.contact textarea{width:100%;border:1px solid #ccc;border-radius:14px;padding:15px 16px;background:#fff;font:inherit}.contact button{cursor:pointer;justify-self:start}footer{text-align:center;padding:30px 10%;border-top:1px solid #ddd;color:#777;font-size:13px}@media(max-width:800px){.nav nav,.nav-btn{display:none}.hero{grid-template-columns:1fr;padding:60px 7%}.hero-card{min-height:300px}.section,.showcase,.contact{padding:75px 7%}.grid,.showcase{grid-template-columns:1fr}.browser-body{height:220px}.browser-body span{font-size:32px}}