/* DevenIT CSS Refactor v1
   Scope: home/en home critical layout only.
   Loaded after legacy style.css to replace broad mobile hotfixes with page-scoped rules. */

:root {
  --dv-text: #fff;
  --dv-muted: rgba(255, 248, 255, .74);
  --dv-soft: rgba(255, 248, 255, .58);
  --dv-violet: #9d62ff;
  --dv-pink: #ff62b7;
  --dv-orange: #f0a06f;
  --dv-header-h-mobile: 96px;
}

.page-home h1,
.page-home h2,
.page-home .gradient-text,
.page-home .chaos-gradient {
  overflow: visible;
}

.page-home .gradient-text,
.page-home .chaos-gradient {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-bottom: .075em;
}

.page-home .hero,
.page-home .section,
.page-home .admin-chaos-section,
.page-home .admin-chaos-layout,
.page-home .admin-chaos-copy,
.page-home .admin-chaos-list {
  overflow: visible;
}

.page-home .hero-copy,
.page-home .admin-chaos-copy {
  min-width: 0;
}

@supports (min-height: 100svh) {
  .page-home .hero {
    min-height: 100svh;
  }
}

@media (max-width: 980px) {
  .page-home .hero {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .page-home .admin-chaos-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .page-home {
    overflow-x: hidden;
  }

  .page-home .site-header.hide {
    transform: none;
    opacity: 1;
  }

  .page-home .hero {
    width: var(--container);
    max-width: var(--container);
    min-height: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
    align-items: stretch;
    padding-top: clamp(108px, 25vw, 128px);
    padding-bottom: 48px;
  }

  .page-home .hero-copy {
    max-width: 100%;
  }

  .page-home .hero h1 {
    max-width: 100%;
    margin-bottom: 18px;
    padding-bottom: .08em;
    font-size: clamp(2.28rem, 11.2vw, 3.72rem);
    line-height: 1.02;
    letter-spacing: -.064em;
    text-wrap: balance;
  }

  .page-home .hero .gradient-text {
    display: inline;
    line-height: inherit;
  }

  .page-home .hero-lead {
    max-width: none;
    margin-bottom: 23px;
    color: var(--dv-muted);
    font-size: .99rem;
    line-height: 1.64;
  }

  .page-home .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
    margin-bottom: 18px;
  }

  .page-home .hero-actions .cta,
  .page-home .hero-actions .ghost-btn {
    width: 100%;
    justify-content: center;
  }

  .page-home .micro-proof {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .page-home .micro-proof div {
    width: 100%;
    justify-content: flex-start;
    border-radius: 16px;
    font-size: .86rem;
    line-height: 1.38;
    padding: 9px 11px;
  }

  .page-home .admin-chaos-section {
    padding-top: 56px;
    padding-bottom: 58px;
  }

  .page-home .admin-chaos-layout {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 24px;
  }

  .page-home .admin-chaos-copy {
    display: block;
    max-height: none;
    padding: 0;
    margin: 0;
  }

  .page-home .admin-chaos-copy h2 {
    max-width: none;
    margin: 0 0 18px;
    padding-bottom: .08em;
    font-size: clamp(2.05rem, 8.6vw, 3rem);
    line-height: 1.04;
    letter-spacing: -.062em;
    text-wrap: balance;
  }

  .page-home .admin-chaos-section .chaos-gradient {
    display: inline;
    line-height: inherit;
  }

  .page-home .admin-chaos-copy p {
    display: block;
    max-width: none;
    max-height: none;
    margin: 0 0 16px;
    color: var(--dv-muted);
    font-size: .98rem;
    line-height: 1.64;
  }

  .page-home .admin-chaos-copy p:last-child {
    margin-bottom: 0;
  }

  .page-home .admin-chaos-list {
    display: grid;
    max-height: none;
    gap: 12px;
    margin-top: 0;
  }

  .page-home .admin-chaos-section .pain-row {
    align-items: start;
  }
}

@media (max-width: 420px) {
  .page-home .hero {
    padding-top: 104px;
    padding-bottom: 42px;
  }

  .page-home .hero h1 {
    font-size: clamp(2.08rem, 10.7vw, 3.22rem);
    line-height: 1.04;
    letter-spacing: -.058em;
  }

  .page-home .hero-lead,
  .page-home .admin-chaos-copy p {
    font-size: .95rem;
    line-height: 1.6;
  }

  .page-home .admin-chaos-copy h2 {
    font-size: clamp(1.96rem, 8.2vw, 2.72rem);
    letter-spacing: -.058em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .nav-shell::before,
  .page-home .system-panel,
  .page-home .orb {
    animation: none;
  }
}