*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background:#f8fbfb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;overflow-x:hidden}.background-shapes{z-index:-1;pointer-events:none;width:100%;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.shape{filter:blur(120px);opacity:.4;border-radius:50%;position:absolute}.shape1{background:#2a9d8f;width:600px;height:600px;top:-150px;left:-200px}.shape2{background:#7ed3c8;width:500px;height:500px;top:300px;right:-150px}.shape3{background:#b8e5de;width:400px;height:400px;bottom:-100px;left:30%}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-bottom:1px solid #e5e7eb;grid-template-columns:1fr auto 1fr;align-items:center;height:100px;padding:0 60px;display:grid;position:sticky;top:0}.navbar .logo{object-fit:contain;justify-self:start;display:block}.logo{object-fit:contain;mix-blend-mode:normal;width:auto;height:60px}.nav-center{color:#334155;justify-self:center;gap:40px;font-weight:500;display:flex}.nav-center a{transition:color .2s}.nav-center a:hover{color:#2a9d8f;cursor:pointer}.launch-badge{color:#fff;background:#2a9d8f;border-radius:999px;justify-self:end;padding:10px 24px;font-weight:600;transition:all .2s;box-shadow:0 10px 25px #2a9d8f59}.launch-badge:hover{transform:scale(1.05);box-shadow:0 18px 40px #2a9d8f73}.hero{text-align:center;margin-top:120px;padding:0 20px}.hero h1{margin-bottom:25px;font-size:56px;font-weight:700;line-height:1.1}.hero p{color:#475569;margin-bottom:25px;font-size:20px}.launch-big{color:#2a9d8f;font-size:18px;font-weight:600}.features{text-align:center;margin-top:140px;padding:0 40px}.features h2{margin-bottom:60px;font-size:36px}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:900px;margin:60px auto auto;display:grid}.features-grid .card:last-child{grid-column:2}.card{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:30px;transition:all .25s;box-shadow:0 15px 40px #00000014}.card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 30px 60px #00000026}.card p{color:#475569}.dashboard-preview{text-align:center;margin-top:160px;padding:0 40px}.dashboard-mockup{will-change:transform;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;max-width:1100px;height:420px;margin:auto;transition:all .35s;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000026}.dashboard-mockup:hover{transform:scale(1.02);box-shadow:0 40px 100px #00000040}.mock-sidebar{color:#fff;background:#2a9d8f;flex-direction:column;gap:20px;width:220px;padding:20px;display:flex}.mock-logo{background:#fff;border-radius:6px;height:40px}.mock-item{opacity:.9;font-size:14px}.mock-content{flex:1;padding:30px}.mock-cards{gap:20px;margin-bottom:30px;display:flex}.mock-card{text-align:left;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:15px;transition:transform .2s}.mock-card:hover{transform:translateY(-2px)}.mock-card h4{color:#64748b;margin-bottom:5px;font-size:14px}.mock-card span{font-size:22px;font-weight:600}.mock-chart{background:#f8fafc;border-radius:10px;align-items:flex-end;gap:12px;height:120px;margin-bottom:30px;padding:20px;display:flex}.chart-bar{opacity:.85;background:#2a9d8f;border-radius:6px;width:22px}.bar1{height:40px}.bar2{height:70px}.bar3{height:55px}.bar4{height:90px}.bar5{height:65px}.mock-table{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:20px;padding:15px}.table-row{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);align-items:center;padding:10px 5px;font-size:14px;display:grid}.table-row.header{color:#555;border-bottom:1px solid #dbe3ea;font-weight:600}.status{color:#2a9d8f;font-weight:600}.footer{text-align:center;color:#475569;margin-top:120px;padding:40px;font-size:14px}@media (max-width:900px){.navbar{grid-template-columns:1fr auto;padding:0 30px}.nav-center{display:none}.hero h1{font-size:38px}.features-grid{grid-template-columns:1fr}.features-grid .card:last-child{grid-column:auto}.dashboard-mockup{flex-direction:column;height:auto}.mock-sidebar{flex-flow:wrap;width:100%}}