*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fa;color:#202d31;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:82px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand img{width:190px;display:block}.nav-cta{font-size:14px;font-weight:600;color:#025e72;display:flex;gap:8px}.hero{max-width:1200px;margin:28px auto 0;min-height:610px;border-radius:28px;background:#00303c;position:relative;overflow:hidden;padding:76px 64px;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}.copy,.preview{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;color:#00b7ce}.hero h1{font-family:Jost,sans-serif;color:#fff;font-size:55px;line-height:1.02;letter-spacing:-1.8px;margin:18px 0 22px}.hero p{color:#bad0d6;font-size:17px;line-height:1.7;margin:0}.actions{display:flex;gap:12px;margin-top:34px}.btn{height:48px;padding:0 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600}.primary{background:#00b7ce;color:#00303c}.ghost{border:1px solid #315e69;color:#d8e8ec}.light{background:#fff;color:#00303c}.orb{position:absolute;border-radius:999px}.orb-a{width:370px;height:370px;background:rgba(0,183,206,.13);right:-110px;top:-130px}.orb-b{width:250px;height:250px;border:48px solid rgba(0,115,139,.35);left:-110px;bottom:-120px}.browser{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.34);transform:rotateY(-5deg) rotateX(2deg)}.top{height:42px;background:#f7f9fa;border-bottom:1px solid #e4e9eb;display:flex;align-items:center;padding:0 14px;gap:6px}.top span{width:7px;height:7px;background:#cad4d7;border-radius:50%}.top b{font-size:10px;color:#7c8f95;margin-left:8px}.screen{display:grid;grid-template-columns:65px 1fr;min-height:330px}.screen aside{background:#00303c;padding:22px 17px;display:flex;flex-direction:column;gap:17px}.screen aside i{display:block;width:28px;height:5px;border-radius:8px;background:#305e69}.screen aside .mark{width:25px;height:25px;border:6px solid #00b7ce;border-radius:50%;margin-bottom:18px;background:transparent}.dashboard{padding:28px 24px}.title{display:flex;justify-content:space-between;align-items:center}.title div{display:flex;flex-direction:column;gap:3px}.title small{font-size:8px;letter-spacing:1px;color:#7c8f95}.title strong{font-family:Jost;font-size:18px;color:#00303c}.title em{font-style:normal;font-size:8px;background:#00738b;color:#fff;padding:7px 9px;border-radius:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.metrics div{border:1px solid #e4e9eb;border-radius:8px;padding:11px}.metrics small{display:block;font-size:7px;color:#7c8f95}.metrics b{font-family:Jost;font-size:20px;color:#00303c}.table{border:1px solid #e4e9eb;border-radius:8px;overflow:hidden}.row{display:grid;grid-template-columns:.7fr 1fr 1fr;align-items:center;height:42px;padding:0 12px;border-top:1px solid #eef1f2;font-size:8px}.row.head{height:30px;border:0;background:#f7f9fa;color:#7c8f95;font-weight:600}.pill{font-style:normal;padding:4px 7px;border-radius:10px}.blue{background:#e8f8fd;color:#025e72}.amber{background:#fff6e5;color:#9a5b00}.green{background:#e8fbec;color:#1a763f}.features{max-width:1200px;margin:26px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article{background:#fff;border:1px solid #e4e9eb;border-radius:18px;padding:32px}.features article>span{font-family:Jost;font-size:12px;color:#00b7ce;font-weight:600}.features h2{font-family:Jost;color:#00303c;font-size:21px;margin:22px 0 10px}.features p{font-size:14px;line-height:1.65;color:#5b6e74;margin:0}.cta{max-width:1200px;margin:80px auto;background:#00738b;border-radius:24px;padding:54px 60px;display:flex;align-items:center;justify-content:space-between;color:#fff}.cta .eyebrow{color:#8ae5f5}.cta h2{font-family:Jost;font-size:36px;line-height:1.1;margin:12px 0 0}footer{max-width:1200px;margin:28px auto 0;height:110px;padding:0 8px;display:flex;gap:14px;align-items:center;color:#7c8f95;font-size:13px;border-top:1px solid #e4e9eb}footer img{width:28px}footer a{margin-left:auto;color:#025e72;font-weight:600}@media(max-width:850px){.nav{height:70px;padding:0 20px}.brand img{width:158px}.nav-cta{font-size:0}.nav-cta span{font-size:18px}.hero{margin:12px 14px 0;padding:52px 26px;grid-template-columns:1fr;min-height:auto;border-radius:20px}.hero h1{font-size:42px}.hero p{font-size:15px}.browser{transform:none}.features{grid-template-columns:1fr;margin:18px 14px 0}.cta{margin:50px 14px 0;padding:38px 28px;align-items:flex-start;gap:28px;flex-direction:column}.cta h2{font-size:30px}footer{margin:28px 20px 0}.actions{flex-wrap:wrap}}@media(max-width:520px){.hero h1{font-size:36px}.hero{padding:42px 22px}.actions .btn{width:100%}.screen{grid-template-columns:44px 1fr}.screen aside{padding:18px 9px}.dashboard{padding:20px 12px}.features article{padding:26px}.cta{padding:32px 24px}}