/* NHC Portal — SaaS Landing Site */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:#0a0e1a;color:#e2e8f0;-webkit-font-smoothing:antialiased;}
a{color:#3b82f6;}
img{max-width:100%;}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
.section{padding:80px 0;}
.section-alt{padding:80px 0;background:rgba(255,255,255,0.02);}
.section-title{font-size:36px;font-weight:900;color:#fff;letter-spacing:-1px;margin-bottom:8px;}
.section-sub{font-size:16px;color:#64748b;max-width:560px;margin:0 auto 48px;line-height:1.7;}
.text-center{text-align:center;}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;transition:all 0.2s;}
.btn-primary{background:#ec3d3d;color:#fff;box-shadow:0 4px 20px rgba(236,61,61,0.3);}
.btn-primary:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 24px rgba(236,61,61,0.4);}
.btn-outline{background:transparent;color:#94a3b8;border:1px solid rgba(255,255,255,0.15);}
.btn-outline:hover{border-color:rgba(255,255,255,0.3);color:#fff;}
.btn-blue{background:#3b82f6;color:#fff;box-shadow:0 4px 20px rgba(59,130,246,0.3);}
.btn-green{background:#22c55e;color:#fff;box-shadow:0 4px 20px rgba(34,197,94,0.3);}

/* Cards */
.card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:28px;transition:all 0.3s;}
.card:hover{border-color:rgba(59,130,246,0.2);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,0.3);}
.card-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px;}
.card-desc{font-size:13px;color:#64748b;line-height:1.6;}
.card-icon{font-size:32px;margin-bottom:16px;}

/* Grid */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;}
.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;}

/* Plan cards */
.plan-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:32px;position:relative;}
.plan-card.popular{background:linear-gradient(135deg,rgba(139,92,246,0.06),rgba(6,182,212,0.06));border:2px solid rgba(139,92,246,0.3);box-shadow:0 4px 24px rgba(139,92,246,0.1);}
.plan-badge{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;}
.plan-price{font-size:48px;font-weight:900;color:#fff;letter-spacing:-2px;}
.plan-price .unit{font-size:16px;font-weight:600;color:#64748b;letter-spacing:0;}
.plan-sub{font-size:12px;color:#475569;margin-bottom:20px;}
.plan-features{list-style:none;margin-bottom:24px;}
.plan-features li{padding:6px 0;font-size:13px;color:#94a3b8;}
.plan-features li.disabled{color:#334155;}
.popular-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;font-size:11px;font-weight:800;padding:4px 16px;border-radius:50px;text-transform:uppercase;letter-spacing:0.5px;}

/* Compare table */
.compare-table{width:100%;border-collapse:collapse;font-size:13px;}
.compare-table th{text-align:left;padding:12px 16px;color:#64748b;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border-bottom:2px solid rgba(255,255,255,0.06);}
.compare-table td{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.04);color:#94a3b8;}
.compare-table tr:hover td{background:rgba(255,255,255,0.02);}
.compare-table .check{color:#22c55e;}
.compare-table .cross{color:#ef4444;}
.compare-table .cat-row td{background:rgba(59,130,246,0.05);color:#60a5fa;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;}

/* FAQ */
.faq-item{border-bottom:1px solid rgba(255,255,255,0.06);padding:20px 0;}
.faq-q{font-size:15px;font-weight:700;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.faq-a{font-size:13px;color:#64748b;line-height:1.7;margin-top:12px;display:none;}
.faq-item.open .faq-a{display:block;}
.faq-item.open .faq-arrow{transform:rotate(180deg);}
.faq-arrow{color:#475569;transition:transform 0.2s;font-size:12px;}

/* Badges row */
.badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:32px 0;}
.badge{display:flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:50px;font-size:12px;font-weight:600;color:#94a3b8;}

/* Highlight box */
.highlight{background:rgba(59,130,246,0.06);border-left:4px solid #3b82f6;padding:20px 24px;border-radius:0 12px 12px 0;margin:24px 0;}
.highlight-green{background:rgba(34,197,94,0.06);border-left:4px solid #22c55e;padding:20px 24px;border-radius:0 12px 12px 0;margin:24px 0;}

/* Forms */
input,select,textarea{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;padding:10px 14px;}
input::placeholder,textarea::placeholder{color:#64748b;}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(59,130,246,0.5);background:rgba(255,255,255,0.07);}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}
select option{background:#1e293b;color:#e2e8f0;}
textarea{resize:vertical;}

/* Responsive */
@media(max-width:991px){
  .grid-3,.grid-4{grid-template-columns:1fr 1fr;}
  .section-title{font-size:28px;}
  .plan-price{font-size:36px;}
}
@media(max-width:767px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
  .section-title{font-size:24px;}
  .nav-links{display:none;}
  footer > div:first-child{grid-template-columns:1fr 1fr!important;}
}