/* Minimal CSS (since main style.css exists) just for landing components */
:root{--brand:#2563eb;--brand2:#1e40af;--cyan:#06b6d4;--green:#22c55e;--dark:#0f172a;--bg1:#e9f2ff;--bg2:#eaf0ff;--bg3:#e6e9ff;}
html,body{min-height:100%;background:radial-gradient(1200px 600px at -10% -10%, rgba(14,165,233,.18), transparent 60%),radial-gradient(1200px 600px at 110% -20%, rgba(37,99,235,.20), transparent 60%),linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 50%, var(--bg3) 100%);}
.landing-nav{background:linear-gradient(90deg,var(--brand),var(--brand2))!important;box-shadow:0 10px 28px rgba(2,6,23,.12)}
.hero{margin-top:8vh;margin-bottom:3vh;padding:28px;border-radius:26px;background:rgba(255,255,255,.88);box-shadow:0 18px 36px rgba(2,6,23,.12)}
.hero .brand{color:var(--brand)}
.chips .chip{display:inline-block;background:rgba(37,99,235,.08); color:#1e40af; border-radius:16px; padding:.35rem .7rem; margin:.2rem; font-weight:600}
.chips .chip.success{background:rgba(34,197,94,.12); color:#166534}
.mockup{border-radius:18px; overflow:hidden; background:#0b1020; position:relative}
.mockup-bar{height:12px;background:linear-gradient(90deg,#94a3b8,#cbd5e1)}
.features{padding:10px 0 20px}
.feat-card{border-radius:18px;background:#fff;box-shadow:0 14px 28px rgba(2,6,23,.08);padding:18px;text-align:left}
.feat-card .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#fff;background:linear-gradient(135deg,var(--cyan),var(--brand))}
.pricing-wrap{padding:20px 0 30px}
.price-card{position:relative;border-radius:20px;background:#fff;box-shadow:0 16px 32px rgba(2,6,23,.12);overflow:hidden}
.price-card.highlight{outline:4px solid rgba(34,197,94,.18)}
.price-card .ribbon{position:absolute;top:12px;right:-28px;transform:rotate(45deg);background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;font-weight:700;padding:.25rem 2rem;font-size:.75rem}
.price-card .ribbon.best{background:linear-gradient(90deg,#16a34a,#22c55e)}
.pc-head{padding:18px 18px 0}.pc-head h5{font-weight:800;margin-bottom:.25rem}.pc-head .sub{color:#475569;font-size:.9rem}
.pc-body{padding:6px 18px 0}.price{margin:6px 0 8px}.price .slash{color:#9ca3af;text-decoration:line-through;margin-right:.5rem}.price .now{font-size:2rem;font-weight:900;color:var(--dark)}.price .per{color:#475569;margin-left:.25rem}
.perks li{margin:.35rem 0;color:var(--dark)}.perks i{color:#22c55e;margin-right:.5rem}
.pc-foot{padding:14px 18px 18px}.btn-primary{background:var(--brand);border-color:var(--brand);border-radius:12px}.btn-primary:hover{background:var(--brand2);border-color:var(--brand2)}
.btn-success{background:#22c55e;border-color:#22c55e;border-radius:12px}
.testimonials{padding:14px 0 10px}.testi{border-radius:16px;background:#fff;padding:16px;box-shadow:0 12px 24px rgba(2,6,23,.08);min-height:150px}.testi .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--brand));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:6px}.testi .who{font-size:.9rem;color:#475569;font-weight:600}
.faq{border-radius:16px;background:#fff;padding:16px;box-shadow:0 10px 20px rgba(2,6,23,.08)}
.wa-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;box-shadow:0 16px 32px rgba(2,6,23,.22);z-index:1050}
.wa-float i{font-size:26px}