/* Reskin for AI Agent to sync with Video Master */
:root {
  --ink: #10141c;
  --orange: #ff5a1f;
  --line: #e2e4e8; /* Slightly lighter/cleaner */
  --muted: #657080;
}

/* System feel: lines and grid */
.section { border-bottom: 1px solid var(--line); }
.price-card, .job-grid div, .level-grid article, .pain-list div { border: 1px solid var(--line); border-radius: 8px; }
.job-grid { background: transparent; border: none; gap: 15px; }
.job-grid div { background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); }

/* Buttons: Match Video Master professional look */
.btn { border-radius: 6px; font-weight: 700; box-shadow: none; }
.btn:hover { transform: translateY(-1px); }

/* Typography improvements */
h1, h2 { letter-spacing: -1px; }

/* Visual "System" elements - light touch */
.hero, .packages, .register { position: relative; }
.hero::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(var(--line) 1px, transparent 1px); background-size: 40px 40px; opacity: 0.2; pointer-events: none; }

/* Refined Header */
.nav { border-bottom: 1px solid var(--line); }

/* Card Styling */
.price-card { transition: transform 0.2s; }
.price-card:hover { transform: translateY(-5px); border-color: var(--orange); }