:root{
  --teal:#1fb7a3;
  --dark:#0f1724;
  --muted:#94a3b8;
  --max:1100px;
  --pad:20px;
}
*{box-sizing:border-box}
body{font-family:'Montserrat',sans-serif;margin:0;color:#213243;line-height:1.5;}
.container{max-width:var(--max);margin:0 auto;padding:0 var(--pad);}
.nav{background:white;border-bottom:1px solid #e6eef2;position:sticky;top:0;z-index:10;}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:64px;}
.brand{font-weight:700;color:var(--dark);font-size:20px;}
.menu{list-style:none;display:flex;gap:18px;margin:0;padding:0;}
.menu a{text-decoration:none;color:var(--muted);font-weight:500;font-size:14px;}

.hero{padding:60px 0;background:linear-gradient(180deg,#eef5f6,white);}
.hero-inner{display:flex;gap:30px;align-items:center;}
.hero-copy{flex:1;padding:20px;}
.hero-copy h1{font-size:38px;margin:0 0 12px;color:var(--dark);}
.hero-copy p{color:var(--muted);margin:0 0 18px;}
.btn{display:inline-block;background:var(--teal);color:white;padding:12px 20px;text-decoration:none;font-weight:600;border-radius:6px;}
.btn.ghost{background:transparent;border:2px solid rgba(255,255,255,0.3);color:white;}

.hero-media{flex:1;display:flex;justify-content:center;}
.screen{max-width:520px;width:100%;padding:20px;border-radius:10px;background:white;box-shadow:0 10px 30px rgba(0,0,0,0.12);}
.screen img{width:100%;border-radius:6px;}

.features{display:flex;gap:20px;margin-top:36px;padding-bottom:36px;}
.feature{flex:1;background:white;padding:22px;text-align:center;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.06);}
.feature .icon{font-size:28px;}
.feature h3{margin:14px 0 8px;color:var(--dark);}
.feature p{color:var(--muted);font-size:14px;margin:0;}

.dark-section{background:linear-gradient(180deg,#0f1b2a,#0d1220);color:white;padding:60px 0;margin-top:30px;}
.dark-section .two-col{display:flex;gap:30px;align-items:center;}

.team{padding:40px 0;text-align:center;}
.team-grid{display:flex;justify-content:center;margin-top:20px;}
.member img{width:140px;height:140px;object-fit:cover;border-radius:50%;margin-bottom:12px;}

.pricing{background:linear-gradient(135deg,#10b79c,#37c6b0);color:white;padding:48px 0;margin-top:30px;text-align:center;}
.footer{padding:22px 0;color:#94a3b8;display:flex;justify-content:space-between;font-size:14px;}