:root{
  --pc-primary: #1d4ed8;
  --pc-dark: #0b1220;
  --pc-muted: #6b7280;
  --pc-soft: #f3f4f6;
  --pc-border: rgba(15,23,42,.10);
}

/* General polish */
body { color: var(--pc-dark); }
a { text-underline-offset: 3px; }
.site-header .nav-link { font-weight: 500; }
.site-header .nav-link:hover { color: var(--pc-primary); }

/* Hero */
.pc-hero{
  background:
    radial-gradient(1000px 450px at 20% -10%, rgba(29,78,216,.14), transparent 60%),
    radial-gradient(900px 500px at 95% 0%, rgba(147,197,253,.22), transparent 55%),
    linear-gradient(to bottom, #ffffff 0%, #ffffff 60%, #ffffff 100%);
}
.pc-dot{
  width: 10px; height: 10px; border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #93c5fd 35%, #1d4ed8 75%, #0b1220 100%);
  box-shadow: 0 10px 26px rgba(29,78,216,.25);
}

/* Pills */
.pc-pill{
  font-size: .85rem;
  padding: .35rem .6rem;
  border-radius: 999px;
  background: rgba(29,78,216,.08);
  border: 1px solid rgba(29,78,216,.18);
}

/* Cards */
.pc-card{
  border-radius: 1.25rem;
  transition: transform .15s ease, box-shadow .15s ease;
}
.pc-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 35px rgba(15,23,42,.12) !important;
}

.pc-mini-title{
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pc-muted);
  margin-bottom: .35rem;
}

.pc-badge-icon{
  width: 42px; height: 42px;
  display: grid; place-items: center;
  border-radius: 14px;
  background: rgba(29,78,216,.10);
  border: 1px solid rgba(29,78,216,.15);
  color: var(--pc-primary);
}

/* Glass card */
.pc-glass{
  border-radius: 1.5rem;
  background: linear-gradient(135deg, rgba(29,78,216,.10), rgba(147,197,253,.14));
}

/* Stat tiles */
.pc-stat{
  border-radius: 1.25rem;
  background: rgba(255,255,255,.80);
  border: 1px solid var(--pc-border);
  padding: 14px;
}
.pc-stat-icon{
  width: 38px; height: 38px;
  display: grid; place-items: center;
  border-radius: 14px;
  background: rgba(29,78,216,.10);
  color: var(--pc-primary);
}
.pc-stat-title{ font-size: .8rem; color: var(--pc-muted); margin-top: 8px; }
.pc-stat-value{ font-weight: 800; margin-top: 2px; }

/* Panels */
.pc-panel{
  border-radius: 1.5rem;
  border: 1px solid var(--pc-border) !important;
}

/* Divider */
.pc-divider{
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(15,23,42,.12), transparent);
}

/* Features */
.pc-feature{
  display: flex;
  gap: 12px;
  padding: 14px;
  border-radius: 1.25rem;
  background: #fff;
  border: 1px solid var(--pc-border);
  box-shadow: 0 10px 22px rgba(15,23,42,.05);
}
.pc-feature-icon{
  width: 42px; height: 42px;
  display: grid; place-items: center;
  border-radius: 14px;
  background: rgba(29,78,216,.10);
  color: var(--pc-primary);
}

/* Steps */
.pc-steps{ display: grid; gap: 12px; }
.pc-step{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: 1.25rem;
  background: rgba(29,78,216,.04);
  border: 1px solid rgba(29,78,216,.12);
}
.pc-step-num{
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border-radius: 12px;
  background: rgba(29,78,216,.14);
  color: var(--pc-primary);
  font-weight: 800;
}

/* CTA */
.pc-cta{
  border-radius: 1.5rem;
  background: linear-gradient(135deg, #1d4ed8, #0b1220);
}
.pc-cta-soft{
  border-radius: 1.5rem;
  background: linear-gradient(135deg, rgba(29,78,216,.06), rgba(147,197,253,.10));
}

/* Soft icon */
.pc-icon-soft{
  width: 46px; height: 46px;
  display: grid; place-items: center;
  border-radius: 16px;
  background: rgba(29,78,216,.10);
  color: var(--pc-primary);
}

/* Floating badge */
.pc-float-badge{
  position: absolute;
  right: 10%;
  bottom: 10%;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid var(--pc-border);
  color: var(--pc-dark);
  align-items: center;
}

/* Content */
.pc-content h2{ margin-top: 1.5rem; font-weight: 800; }
.pc-content p, .pc-content li{ color: #374151; }

/* Footer */
.site-footer a:hover{ text-decoration: underline !important; }

body {
    font-family: system-ui, -apple-system, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

/* Better mobile tap targets */
.navbar .nav-link {
    font-weight: 500;
}

    /* Hover & active states */
    .navbar .nav-link:hover,
    .navbar .nav-link:focus {
        background-color: rgba(13,110,253,.08);
    }

/* Smooth collapse animation */
.navbar-collapse {
    transition: height .25s ease;
}