:root {
  --zt-navy: #0D1B4C;
  --zt-teal: #0FBA7A;
  --zt-mint: #35B39F;
  --zt-light-mint: #D7EFEC;
  --zt-soft-blue: #CDE0FB;
  --zt-bright-blue: #2F80FF;
  --zt-bg: #f8fbfc;
  --zt-card: #ffffff;
}
* { box-sizing: border-box; }
body { margin:0; font-family:Poppins, Arial, sans-serif; background:var(--zt-bg); color:var(--zt-navy); }
.zt-container { width:min(1120px, calc(100% - 40px)); margin:0 auto; }
.site-header { background:#fff; border-bottom:1px solid #e8eef2; }
.header-row, .footer-row { display:flex; align-items:center; justify-content:space-between; padding:18px 0; }
.header-nav { display:flex; gap:18px; }
.header-nav a, .brand { color:var(--zt-navy); text-decoration:none; font-weight:600; }
.zt-hero { padding:80px 0 56px; background:linear-gradient(135deg, rgba(215,239,236,.55), rgba(205,224,251,.55)); }
.eyebrow { color:var(--zt-teal); text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:700; }
.zt-hero h1 { font-size:52px; line-height:1.08; max-width:760px; margin:0 0 16px; }
.lead { max-width:720px; font-size:18px; color:#4f627a; }
.cta-row { display:flex; gap:12px; margin-top:24px; }
.btn { display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:12px; text-decoration:none; font-weight:600; }
.btn-primary { background:var(--zt-teal); color:#fff; }
.btn-secondary { background:#fff; color:var(--zt-navy); border:1px solid #dce6ec; }
.zt-band { padding:32px 0 72px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.feature-card { background:#fff; border:1px solid #e8eef2; border-radius:20px; padding:24px; box-shadow:0 8px 30px rgba(13,27,76,.04); }
.site-footer { background:#fff; border-top:1px solid #e8eef2; margin-top:48px; }
@media (max-width: 900px) {
  .grid-3 { grid-template-columns:1fr; }
  .zt-hero h1 { font-size:36px; }
  .header-row, .footer-row { flex-direction:column; gap:12px; }
}

.zt-hero--compact { padding: 56px 0 32px; }
.pricing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.pricing-card { background:#fff; border:1px solid #e8eef2; border-radius:22px; padding:28px; box-shadow:0 8px 30px rgba(13,27,76,.04); }
.pricing-card--accent { border-color: rgba(47,128,255,.22); background:linear-gradient(180deg, #fff, rgba(205,224,251,.28)); }
.pricing-card h2 { font-size:38px; margin:12px 0 18px; }
.pricing-card h2 span { font-size:16px; color:#5f7187; font-weight:500; }
.pricing-card ul { margin:0 0 24px; padding-left:18px; color:#4f627a; }
.auth-shell { display:flex; justify-content:center; }
.auth-card { max-width:560px; width:100%; }
.pill { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; background:var(--zt-light-mint); color:var(--zt-navy); font-size:12px; font-weight:700; }
.pill--blue { background:var(--zt-soft-blue); }
@media (max-width: 900px) {
  .pricing-grid { grid-template-columns:1fr; }
}


.zt-page-content { padding: 40px 0; }
.zt-app-page { min-height: 60vh; }