/* ============================================
   ClearShield Advisory -- Responsive Styles
   ============================================ */

/* --- Wide Desktop (> 1280px) --- */
@media (min-width: 1281px) {
  .container {
    padding: 0 var(--space-10);
  }
}

/* --- Tablet (640px - 1024px) --- */
@media (max-width: 1024px) {
  :root {
    --text-hero: 2.75rem;
    --text-h1: 2.375rem;
    --text-h2: 2rem;
    --text-h3: 1.625rem;
  }

  .section {
    padding: var(--space-16) 0;
  }

  /* Nav */
  .nav__links {
    display: none;
  }

  .nav__hamburger {
    display: flex;
  }

  /* Hero */
  .hero__inner {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .hero__visual {
    min-height: 280px;
  }

  .hero__shape--1 { width: 280px; height: 280px; }
  .hero__shape--2 { width: 200px; height: 200px; }
  .hero__shape--3 { width: 140px; height: 140px; }

  .hero__shield-icon {
    width: 140px;
    height: 140px;
  }

  /* Stats */
  .stats__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* PhishSim */
  .phishsim__features {
    grid-template-columns: repeat(2, 1fr);
  }

  .phishsim__dashboard {
    grid-template-columns: 1fr;
  }

  .phishsim__steps {
    gap: var(--space-6);
  }

  .phishsim-step:not(:last-child)::after {
    display: none;
  }

  /* Services */
  .services__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Testimonials */
  .testimonials__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .testimonials__grid > *:last-child {
    grid-column: 1 / -1;
    max-width: 480px;
    margin: 0 auto;
  }

  /* Trust stats */
  .trust-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-5);
  }

  /* About */
  .about__grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .about__values {
    grid-template-columns: 1fr 1fr;
  }

  /* Contact */
  .contact__grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  /* Footer */
  .footer__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-6);
  }
}

/* --- Mobile (< 640px) --- */
@media (max-width: 639px) {
  :root {
    --text-hero: 2.25rem;
    --text-h1: 2rem;
    --text-h2: 1.75rem;
    --text-h3: 1.5rem;
    --text-h4: 1.25rem;
  }

  body {
    font-size: var(--text-body);
  }

  .section {
    padding: var(--space-12) 0;
  }

  .container {
    padding: 0 var(--space-4);
  }

  /* Nav */
  .nav__inner {
    height: 60px;
    padding: 0 var(--space-4);
  }

  .nav__logo svg {
    height: 32px;
  }

  .nav__actions .btn {
    display: none;
  }

  /* Hero */
  .hero {
    padding-top: calc(60px + var(--space-12));
    padding-bottom: var(--space-16);
  }

  .hero__inner {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .hero__subtitle {
    font-size: var(--text-body);
  }

  .hero__actions {
    flex-direction: column;
  }

  .hero__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .hero__visual {
    min-height: 200px;
    order: -1;
  }

  .hero__shape--1 { width: 200px; height: 200px; }
  .hero__shape--2 { width: 150px; height: 150px; }
  .hero__shape--3 { width: 100px; height: 100px; }

  .hero__shield-icon {
    width: 100px;
    height: 100px;
  }

  .hero__trust {
    flex-direction: column;
    align-items: flex-start;
  }

  /* Stats */
  .stats__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }

  .stat-card {
    padding: var(--space-5) var(--space-3);
  }

  .stat-card__number {
    font-size: 2.25rem;
  }

  /* PhishSim */
  .phishsim__features {
    grid-template-columns: 1fr;
  }

  .phishsim__dashboard {
    grid-template-columns: 1fr;
  }

  .phishsim__steps {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .phishsim-step:not(:last-child)::after {
    display: none;
  }

  .chart-bars {
    height: 160px;
  }

  .phish-email__annotation {
    position: static;
    margin-top: var(--space-2);
    display: inline-block;
  }

  .phish-email__annotation::before {
    display: none;
  }

  /* Services */
  .services__grid {
    grid-template-columns: 1fr;
  }

  /* Industries */
  .industries__desktop {
    display: none;
  }

  .industries__accordion {
    display: block;
  }

  /* Testimonials */
  .testimonials__grid {
    grid-template-columns: 1fr;
  }

  .testimonials__grid > *:last-child {
    max-width: none;
  }

  /* Trust stats */
  .trust-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
    padding: var(--space-6) var(--space-4);
  }

  .trust-stat__number {
    font-size: var(--text-h3);
  }

  /* About */
  .about__grid {
    grid-template-columns: 1fr;
  }

  .about__values {
    grid-template-columns: 1fr;
  }

  .about__visual {
    min-height: 260px;
  }

  /* Contact */
  .contact__grid {
    grid-template-columns: 1fr;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .contact-form {
    padding: var(--space-5);
  }

  /* Footer */
  .footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .footer__bottom {
    flex-direction: column;
    gap: var(--space-2);
    text-align: center;
  }

  /* Industries content */
  .industries__content {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .industries__icon {
    width: 56px;
    height: 56px;
  }
}