/*
Theme Name: Nifty19 Custom
Theme URI: https://nifty19.dev
Author: Nifty19
Description: Custom WordPress theme for the Nifty19 SaaS website, converted from the HTML/CSS mockup.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: nifty19
*/

:root{
  --navy:#111044;
  --navy2:#070923;
  --green:#78be20;
  --lime:#b8f06a;
  --ink:#101828;
  --muted:#667085;
  --line:#e4e7ec;
  --soft:#f6f8fb;
  --white:#fff;
  --shadow:0 24px 60px rgba(16,24,40,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:#fff;color:var(--ink)}
a{text-decoration:none;color:inherit}
.nav{height:84px;background:rgba(7,9,35,.98);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 46px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08)}
.logo{font-size:31px;font-weight:950;letter-spacing:-1px}.logo span{color:var(--green)}
.navlinks{display:flex;gap:18px;align-items:center;font-size:14px;font-weight:850}.navlinks a{opacity:.92}.navlinks a:hover{opacity:1;color:var(--lime)}
.dropdown{position:relative}.dropbtn{cursor:pointer;display:inline-flex;align-items:center;height:84px}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:#fff;color:var(--ink);min-width:310px;border-radius:16px;border:1px solid var(--line);box-shadow:0 22px 50px rgba(16,24,40,.18);padding:10px;z-index:200}.dropdown:hover .dropdown-content,.dropdown.open .dropdown-content{display:grid}.dropdown-content a{padding:12px 14px;border-radius:10px;color:#344054;font-weight:850}.dropdown-content a:hover{background:#f2f4f7;color:var(--navy)}
.btn{display:inline-block;background:var(--green);color:#101828;font-weight:950;padding:13px 20px;border-radius:11px;box-shadow:0 10px 24px rgba(122,201,67,.25)}.btn.dark{background:var(--navy);color:#fff;box-shadow:none}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;box-shadow:none}
.hero{background:radial-gradient(circle at 75% 18%,#4e59b3 0,#171a55 38%,#070923 100%);color:#fff;padding:88px 46px 74px;display:grid;grid-template-columns:.94fr 1.26fr;gap:46px;align-items:center;overflow:hidden}.eyebrow{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--lime);font-weight:950;margin-bottom:14px}h1{font-size:64px;line-height:1.01;letter-spacing:-2.3px;margin:0 0 22px}h2{font-size:42px;line-height:1.08;letter-spacing:-1.2px;margin:0 0 16px}h3{font-size:22px;margin:0 0 10px}p{font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 18px}.hero p{color:#e8ecff;font-size:19px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-visual{display:grid;grid-template-columns:1fr;gap:18px}.image-card,.card,.feature-panel{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.image-card{padding:14px}.image-card img{width:100%;display:block;border-radius:14px}.placeholder{min-height:360px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#f8fafc,#eef6ff);color:#667085;font-weight:800;border-radius:14px}.placeholder small{font-weight:500}.clients{padding:36px 46px;text-align:center;border-bottom:1px solid var(--line)}.clients p{font-weight:950;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#475467}.logo-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.client{border:1px solid var(--line);background:#fbfcff;border-radius:999px;padding:12px 20px;font-weight:900}.section{padding:84px 46px}.soft{background:var(--soft)}.center{text-align:center;max-width:980px;margin:0 auto 46px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.two{grid-template-columns:repeat(2,1fr)}.card{padding:28px}.card .icon{font-size:25px;width:50px;height:50px;border-radius:14px;background:#eff8e7;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center}.step b{background:#dff2c8;border-radius:50%;display:inline-block;padding:8px 12px;margin-bottom:12px}.split{display:grid;grid-template-columns:1fr 1.14fr;gap:46px;align-items:center}.page-hero{padding:76px 46px;background:linear-gradient(90deg,#f8fbff,#eef6ff);display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}.page-hero h1{color:var(--navy)}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.badge{background:#edf7e4;color:#245500;padding:8px 12px;border-radius:999px;font-weight:900;font-size:13px}.tick{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}.tick span{color:var(--green);font-weight:950}.footer-cta{background:linear-gradient(90deg,var(--navy2),var(--navy));color:#fff;padding:58px 46px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-cta p{color:#d8dcff}.footer{background:#070923;color:#cfd5ff;padding:32px 46px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:1050px){.navlinks{display:none}.hero,.hero-visual,.split,.page-hero{grid-template-columns:1fr}.grid,.workflow{grid-template-columns:1fr}.hero,.section,.page-hero{padding:48px 24px}h1{font-size:42px}h2{font-size:32px}.clients,.footer-cta,.footer{padding-left:24px;padding-right:24px}.nav{padding:0 24px}}