/* Premium landing.css generated */


:root{
--primary:#1BA784;
--primary-dark:#158F70;
--dark:#0F172A;
--light:#F8FAFC;
--text:#475569;
--border:#E2E8F0;
}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:#fff;color:var(--dark);overflow-x:hidden;}
.navbar{position:absolute;top:0;left:0;width:100%;z-index:1000;padding:40px 0;background:transparent;}
.navbar-brand img{height:90px;transition:.25s ease;}
.navbar .btn{padding:12px 28px;border-radius:14px;font-weight:700;}
.navbar .btn-outline-light{border:2px solid rgba(255,255,255,.85);color:#fff;}
.navbar .btn-outline-light:hover{background:#fff;color:var(--dark);}
.navbar .btn-primary{background:var(--primary);border:none;color:#fff;box-shadow:0 15px 35px rgba(27,167,132,.35);}
.hero{padding:190px 0 240px;text-align:center;color:#fff;background:radial-gradient(circle at top,#1BA78422 0%,transparent 35%),linear-gradient(180deg,#0F172A 0%,#111827 100%);}
.hero h1{font-size:5rem;font-weight:800;letter-spacing:-2px;line-height:1.05;margin-bottom:28px;}
.hero p{max-width:760px;margin:auto;font-size:1.35rem;line-height:1.8;color:rgba(255,255,255,.82);}
.hero-buttons{margin-top:55px;}
.hero-buttons .btn{margin:12px;padding:18px 40px;border-radius:16px;font-size:1rem;font-weight:700;}
.hero .btn-primary{background:var(--primary);border:none;box-shadow:0 20px 45px rgba(27,167,132,.35);}
.hero .btn-outline-light{border:2px solid rgba(255,255,255,.85);color:#fff;}
.features{padding:130px 0 200px;}
.feature-card{background:#fff;border:1px solid var(--border);border-radius:26px;padding:54px 46px;text-align:center;height:100%;transition:.25s ease;box-shadow:0 20px 45px rgba(15,23,42,.05);}
.feature-card:hover{transform:translateY(-12px);box-shadow:0 35px 70px rgba(15,23,42,.12);}
.preview{margin-top:-120px;padding-bottom:140px;position:relative;z-index:2;background:#fff;}
.preview h2{font-size:3.4rem;font-weight:800;margin-bottom:18px;}
.preview p{max-width:760px;margin:0 auto 70px;color:var(--text);font-size:1.2rem;}
.browser-window{max-width:1220px;margin:auto;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:0 60px 120px rgba(15,23,42,.20),0 25px 45px rgba(15,23,42,.08);}
.browser-top{display:flex;align-items:center;gap:8px;padding:18px 22px;background:#F8FAFC;border-bottom:1px solid var(--border);}
.dot{width:12px;height:12px;border-radius:50%}.red{background:#FF605C}.yellow{background:#FFBD44}.green{background:#00CA4E}
.browser-window img{display:block;width:100%;}
.cta{padding:130px 0;background:#F8FAFC;text-align:center;}
.cta h2{font-size:3rem;font-weight:800;}
.cta p{max-width:650px;margin:18px auto 40px;color:var(--text);line-height:1.8;}
footer{padding:60px 0;color:#94A3B8;text-align:center;}
@media(max-width:992px){.navbar-brand img{height:72px}.hero{padding:170px 0 210px}.hero h1{font-size:3.6rem}.preview h2{font-size:2.6rem}}
@media(max-width:768px){.navbar-brand img{height:58px}.hero{padding:150px 0 180px}.hero h1{font-size:2.6rem}.hero p{font-size:1.1rem}.hero-buttons .btn{display:block;width:280px;margin:14px auto}.features{padding:90px 0 150px}}