:root {
      /* Paleta oficial IMA Company */
      --ima-blue: #0c3775;
      --ima-teal: #30ba9c;
      --ima-cyan: #59c2df;
      --ima-green: #40ac27;
      --ima-soft: #87b4b8;
      --ima-gray: #999999;
      --ima-black: #000000;
      --white: #ffffff;
      --ink: #102035;
      --text: #253144;
      --muted: #637083;
      --surface: #f7fbfc;
      --surface-2: #eef8fa;
      --line: rgba(12,55,117,.13);
      --shadow: 0 24px 70px rgba(12, 55, 117, .14);
      --shadow-soft: 0 18px 45px rgba(48, 186, 156, .12);
      --radius-xl: 34px;
      --radius-lg: 24px;
      --radius-md: 18px;
      --max: 1180px;
      --title-font: "Arciform Sans cyr-lat", "Poppins", system-ui, sans-serif;
      --body-font: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: var(--body-font);
      color: var(--text);
      background:
        radial-gradient(circle at top left, rgba(89, 194, 223, .10), transparent 24rem),
        radial-gradient(circle at top right, rgba(48, 186, 156, .09), transparent 20rem),
        linear-gradient(180deg, #fbfeff 0%, #f6fbfc 42%, #ffffff 100%);
      overflow-x: hidden;
    }

    body::before {
      content: none;
      display: none;
    }

    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    .container { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }

    .navbar {
      position: sticky;
      top: 0;
      z-index: 100;
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(18px);
      border-bottom: 1px solid var(--line);
    }
    .nav-inner {
      min-height: 82px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      min-width: 0;
    }
    .brand-logo {
      width: 156px;
      min-width: 156px;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      background: transparent;
      border-radius: 0;
      padding: 0;
      border: 0;
      box-shadow: none;
    }
    .brand-logo img { width: 100%; height: auto; object-fit: contain; }
    .brand-copy { line-height: 1.15; color: var(--ima-blue); font-weight: 800; letter-spacing: -.02em; }
    .brand-copy small {
      display: block;
      margin-top: 4px;
      color: var(--ima-gray);
      font-weight: 500;
      font-size: .72rem;
      letter-spacing: .01em;
    }
    .nav-links { display: flex; align-items: center; gap: 22px; color: var(--ink); font-size: .92rem; font-weight: 600; }
    .nav-links a { opacity: .82; transition: .2s ease; }
    .nav-links a:hover { opacity: 1; color: var(--ima-teal); }
    .nav-cta {
      opacity: 1 !important;
      color: var(--white) !important;
      background: linear-gradient(135deg, var(--ima-blue), var(--ima-teal));
      padding: 12px 17px;
      border-radius: 999px;
      box-shadow: 0 12px 28px rgba(12,55,117,.22);
    }
    .menu-btn {
      display: none;
      border: 0;
      background: var(--ima-blue);
      color: white;
      width: 44px;
      height: 44px;
      border-radius: 14px;
      font-size: 1.3rem;
      cursor: pointer;
    }

    .hero { padding: 92px 0 74px; position: relative; }
    .hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: 54px; align-items: center; }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 9px 13px;
      border-radius: 999px;
      border: 1px solid rgba(48,186,156,.28);
      background: rgba(255,255,255,.75);
      color: var(--ima-blue);
      font-weight: 700;
      font-size: .84rem;
      box-shadow: 0 12px 34px rgba(12,55,117,.08);
    }
    .pulse { width: 10px; height: 10px; border-radius: 50%; background: var(--ima-green); box-shadow: 0 0 0 8px rgba(64,172,39,.12); }
    h1, h2, h3 { font-family: var(--title-font); color: var(--ink); margin: 0; }
    h1 {
      font-size: clamp(2.7rem, 6vw, 5.7rem);
      letter-spacing: -.07em;
      line-height: .96;
      margin-top: 24px;
      max-width: 950px;
    }
    .gradient-text {
      background: linear-gradient(90deg, var(--ima-blue), var(--ima-teal), var(--ima-cyan));
      -webkit-background-clip: text;
      color: transparent;
    }
    .hero p {
      color: var(--muted);
      font-size: 1.08rem;
      line-height: 1.85;
      margin: 24px 0 0;
      max-width: 720px;
    }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      min-height: 48px;
      padding: 13px 18px;
      border-radius: 999px;
      border: 1px solid transparent;
      font-weight: 800;
      cursor: pointer;
      transition: .22s ease;
      font-family: var(--body-font);
      font-size: .94rem;
    }
    .btn-primary {
      color: white;
      background: linear-gradient(135deg, var(--ima-blue), var(--ima-teal));
      box-shadow: 0 18px 40px rgba(12,55,117,.24);
    }
    .btn-secondary {
      color: var(--ima-blue);
      background: rgba(255,255,255,.82);
      border-color: rgba(12,55,117,.16);
    }
    .btn:hover { transform: translateY(-2px); }
    .trust-row { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 34px; }
    .trust-card {
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: var(--radius-md);
      background: rgba(255,255,255,.78);
      box-shadow: var(--shadow-soft);
    }
    .trust-card strong { display: block; color: var(--ima-blue); font-size: 1.8rem; letter-spacing: -.05em; }
    .trust-card span { display: block; color: var(--muted); font-size: .86rem; line-height: 1.45; margin-top: 4px; }

    .hero-panel {
      position: relative;
      min-height: 640px;
      border-radius: 44px;
      background:
        radial-gradient(circle at 14% 16%, rgba(255,255,255,.12), transparent 15rem),
        radial-gradient(circle at 86% 82%, rgba(48,186,156,.20), transparent 18rem),
        linear-gradient(135deg, #0c3775 0%, #123f7e 44%, #0d6e85 100%);
      overflow: hidden;
      box-shadow: var(--shadow);
      border: 1px solid rgba(255,255,255,.14);
      padding: 26px;
    }
    .hero-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .22;
      background-image:
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(115deg, rgba(255,255,255,.08) 0%, transparent 40%);
      background-size: 110px 110px, 110px 110px, 100% 100%;
      background-position: center;
      mask-image: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.28) 56%, rgba(0,0,0,.10) 100%);
      -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.28) 56%, rgba(0,0,0,.10) 100%);
    }
    .hero-panel::after {
      content: "";
      position: absolute;
      inset: auto -90px -130px auto;
      width: 380px;
      height: 380px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(89,194,223,.20) 0%, rgba(89,194,223,0) 70%);
      pointer-events: none;
    }
    .hero-brand-card {
      position: relative;
      z-index: 2;
      display: inline-flex;
      background: white;
      padding: 14px 16px;
      border-radius: 24px;
      border: 1px solid rgba(255,255,255,.55);
      width: 188px;
    }
    .dashboard-card {
      position: absolute;
      z-index: 2;
      left: 34px;
      right: 34px;
      bottom: 34px;
      border-radius: 32px;
      padding: 24px;
      background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(248,251,253,.96) 100%);
      border: 1px solid rgba(255,255,255,.78);
      box-shadow: 0 24px 80px rgba(5,23,52,.22), inset 0 1px 0 rgba(255,255,255,.88);
      backdrop-filter: blur(12px);
    }
    .dashboard-card::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      padding: 1px;
      background: linear-gradient(135deg, rgba(12,55,117,.16), rgba(89,194,223,.24), rgba(48,186,156,.18));
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
    }
    .dash-top {
      display:flex;
      justify-content:space-between;
      gap:18px;
      align-items:flex-start;
      margin-bottom: 16px;
      position: relative;
      z-index: 1;
    }
    .dash-title { color: var(--ima-blue); font-weight: 900; font-size: 1.38rem; letter-spacing: -.04em; }
    .dash-top p { margin: 6px 0 0; color: #607086; line-height:1.55; font-size:.92rem; max-width: 480px; }
    .status-pill {
      padding: 10px 14px;
      background: linear-gradient(135deg, rgba(64,172,39,.14), rgba(48,186,156,.18));
      color: #158a5a;
      border: 1px solid rgba(64,172,39,.16);
      border-radius:999px;
      font-weight: 800;
      font-size:.80rem;
      white-space:nowrap;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
    }
    .dashboard-meta {
      display:flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 18px;
      position: relative;
      z-index: 1;
    }
    .dashboard-chip {
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(12,55,117,.05);
      border: 1px solid rgba(12,55,117,.08);
      color: #526273;
      font-size: .78rem;
      font-weight: 700;
    }
    .kpi-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap: 14px; position: relative; z-index: 1; }
    .kpi {
      padding: 16px;
      border-radius: 20px;
      background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
      border: 1px solid rgba(12,55,117,.07);
      box-shadow: 0 12px 26px rgba(12,55,117,.07);
    }
    .kpi-head {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      margin-bottom: 6px;
    }
    .kpi small { color: #627487; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
    .kpi strong { display:block; color: var(--ima-blue); font-size: 2rem; line-height: 1; letter-spacing: -.05em; margin-top: 2px; }
    .kpi-trend {
      padding: 6px 8px;
      border-radius: 999px;
      font-size: .72rem;
      font-weight: 800;
      color: var(--ima-teal);
      background: rgba(48,186,156,.10);
      border: 1px solid rgba(48,186,156,.14);
      white-space: nowrap;
    }
    .kpi-note { margin-top: 8px; color: #6c7e90; font-size: .80rem; }
    .progress { height: 9px; background: rgba(12,55,117,.09); border-radius:999px; margin-top: 12px; overflow:hidden; }
    .bar {
      width: var(--w);
      height: 100%;
      border-radius:999px;
      background: linear-gradient(90deg, var(--ima-teal), var(--ima-cyan));
      box-shadow: 0 4px 12px rgba(89,194,223,.30);
    }
    .module-list {
      margin-top: 18px;
      display:grid;
      gap: 10px;
      position: relative;
      z-index: 1;
    }
    .module-item {
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      padding:14px 16px;
      border-radius: 18px;
      background: rgba(255,255,255,.88);
      border:1px solid rgba(12,55,117,.07);
      color: var(--ink);
      box-shadow: 0 8px 20px rgba(12,55,117,.05);
    }
    .module-item b { font-size:.94rem; }
    .module-item span {
      color: var(--ima-teal);
      font-size:.77rem;
      font-weight: 800;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(48,186,156,.10);
      border: 1px solid rgba(48,186,156,.14);
    }
    .dashboard-footer {
      margin-top: 16px;
      display:flex;
      justify-content:space-between;
      gap: 14px;
      align-items:center;
      flex-wrap: wrap;
      position: relative;
      z-index: 1;
      padding-top: 2px;
    }
    .dashboard-caption { color: #6b7c8f; font-size: .82rem; }
    .dashboard-link {
      color: var(--ima-blue);
      font-size: .84rem;
      font-weight: 800;
      text-decoration: none;
    }

    section { padding: 82px 0; }
    .section-heading { display:grid; grid-template-columns: 1fr .82fr; gap: 36px; align-items:end; margin-bottom: 34px; }
    .label { color: var(--ima-teal); font-weight: 900; text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; margin-bottom: 10px; }
    h2 { font-size: clamp(2rem, 4vw, 3.45rem); line-height: 1.02; letter-spacing: -.055em; }
    .section-heading p, .lead { color: var(--muted); line-height: 1.78; margin:0; }

    .services-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .service-card {
      position: relative;
      padding: 26px;
      min-height: 330px;
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.86);
      border: 1px solid rgba(12,55,117,.10);
      box-shadow: var(--shadow-soft);
      overflow: hidden;
      transition: .24s ease;
    }
    .service-card::before {
      content: attr(data-index);
      position: absolute;
      top: 22px;
      right: 22px;
      color: rgba(12,55,117,.10);
      font-weight: 900;
      font-size: 2rem;
      letter-spacing: -.08em;
    }
    .service-card:hover { transform: translateY(-6px); border-color: rgba(48,186,156,.40); box-shadow: var(--shadow); }
    .service-card.featured { background: linear-gradient(180deg, #ffffff 0%, #eefaf7 100%); border-color: rgba(48,186,156,.36); }
    .icon {
      width: 55px;
      height: 55px;
      border-radius: 18px;
      display:flex;
      align-items:center;
      justify-content:center;
      color: white;
      font-weight: 900;
      font-size: .88rem;
      background: linear-gradient(135deg, var(--ima-blue), var(--ima-teal));
      margin-bottom: 20px;
    }
    .service-card h3 { font-size: 1.33rem; letter-spacing: -.035em; line-height:1.18; max-width: 92%; }
    .service-card p { color: var(--muted); line-height: 1.68; font-size:.94rem; }
    .service-card ul { list-style:none; margin: 18px 0 0; padding:0; display:grid; gap: 10px; }
    .service-card li { color: var(--text); font-size:.89rem; display:flex; gap:10px; line-height:1.45; }
    .service-card li::before { content:""; flex:0 0 8px; width:8px; height:8px; margin-top:7px; border-radius:50%; background: var(--ima-green); }

    .psychosocial {
      background:
        radial-gradient(circle at 12% 18%, rgba(255,255,255,.10), transparent 16rem),
        radial-gradient(circle at 86% 76%, rgba(89,194,223,.18), transparent 18rem),
        linear-gradient(135deg, #0c3775 0%, #123f7e 42%, #0d6e85 100%);
      color: white;
      border-radius: 44px;
      padding: 54px;
      box-shadow: var(--shadow);
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.10);
    }
    .psychosocial::before {
      content: "";
      position:absolute;
      inset:0;
      opacity:.22;
      background-image:
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(115deg, rgba(255,255,255,.08) 0%, transparent 38%);
      background-size: 120px 120px, 120px 120px, 100% 100%;
      background-position: center;
      mask-image: linear-gradient(90deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.30) 55%, rgba(0,0,0,.12) 100%);
      -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.30) 55%, rgba(0,0,0,.12) 100%);
    }
    .psychosocial::after {
      content: "";
      position:absolute;
      inset: auto -80px -120px auto;
      width: 360px;
      height: 360px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(48,186,156,.24) 0%, rgba(48,186,156,0) 68%);
      pointer-events:none;
    }
    .psychosocial-grid { position:relative; z-index:1; display:grid; grid-template-columns: .9fr 1.1fr; gap: 44px; align-items:center; }
    .psychosocial h2 { color:white; }
    .psychosocial p { color: rgba(255,255,255,.84); line-height:1.8; }
    .pill-list { display:flex; flex-wrap:wrap; gap:10px; margin-top: 24px; }
    .pill {
      padding: 9px 12px;
      border-radius:999px;
      color:white;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.18);
      font-weight:700;
      font-size:.82rem;
      backdrop-filter: blur(8px);
    }
    .psych-steps { display:grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .psych-step {
      padding: 22px;
      border-radius: 22px;
      background: linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.08) 100%);
      border:1px solid rgba(255,255,255,.16);
      backdrop-filter: blur(10px);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }
    .psych-step strong { display:block; color:white; font-size:1rem; margin-bottom: 8px; }
    .psych-step span { color: rgba(255,255,255,.80); line-height:1.55; font-size:.9rem; }

    .method {
      border-radius: 44px;
      background: rgba(255,255,255,.88);
      border: 1px solid rgba(12,55,117,.10);
      box-shadow: var(--shadow-soft);
      padding: 50px;
    }
    .method-grid { display:grid; grid-template-columns: .88fr 1.12fr; gap: 42px; align-items:start; }
    .method-copy p { color: var(--muted); line-height:1.82; }
    .steps { display:grid; gap: 14px; }
    .step { display:grid; grid-template-columns: 62px 1fr; gap: 16px; padding: 20px; border-radius: 22px; background:#f7fbfc; border:1px solid rgba(12,55,117,.08); }
    .step-num { width:50px; height:50px; border-radius:16px; display:flex; align-items:center; justify-content:center; color:white; background: linear-gradient(135deg, var(--ima-teal), var(--ima-cyan)); font-weight:900; }
    .step h3 { font-size:1.12rem; margin-bottom:6px; }
    .step p { color: var(--muted); line-height:1.58; margin:0; font-size:.92rem; }

    .split-section { display:grid; grid-template-columns: .9fr 1.1fr; gap: 50px; align-items:center; }
    .data-panel { display:grid; gap:14px; }
    .data-node { padding: 24px; border-radius: 24px; background:white; border:1px solid rgba(12,55,117,.10); box-shadow: var(--shadow-soft); }
    .data-node strong { color: var(--ima-blue); display:block; margin-bottom: 8px; }
    .data-node p { color: var(--muted); margin:0; line-height:1.65; }

    .usecases-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .usecase { padding: 24px; border-radius: 24px; background:white; border:1px solid rgba(12,55,117,.10); box-shadow: var(--shadow-soft); }
    .usecase span { color: var(--ima-teal); font-size:.76rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
    .usecase h3 { margin-top:10px; font-size:1.15rem; line-height:1.24; }
    .usecase p { color: var(--muted); line-height:1.68; margin:12px 0 0; font-size:.92rem; }

    .diagnostic {
      display:grid;
      grid-template-columns: .86fr 1.14fr;
      gap: 44px;
      border-radius: 44px;
      background: linear-gradient(135deg, #ffffff, #eef8fa);
      border:1px solid rgba(12,55,117,.10);
      box-shadow: var(--shadow);
      padding: 50px;
    }
    .form-card { background:white; border:1px solid rgba(12,55,117,.10); border-radius: 30px; padding: 24px; }
    .form-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .field { display:grid; gap: 7px; }
    .field.full { grid-column: 1 / -1; }
    label { color: var(--ima-blue); font-weight:800; font-size:.84rem; }
    input, select, textarea {
      width:100%;
      min-height: 48px;
      border-radius: 15px;
      border:1px solid rgba(12,55,117,.14);
      padding: 12px 14px;
      font-family: var(--body-font);
      outline:none;
      background:#f9fcfd;
      color: var(--ink);
    }
    textarea { min-height: 112px; resize: vertical; }
    input:focus, select:focus, textarea:focus { border-color: var(--ima-teal); box-shadow: 0 0 0 4px rgba(48,186,156,.12); }
    .result-box { display:none; margin-top:16px; padding:18px; border-radius: 18px; background:#eefaf7; border:1px solid rgba(48,186,156,.22); color: var(--text); line-height:1.65; }

    .faq-list { display:grid; gap: 12px; max-width: 920px; margin: 0 auto; }
    .faq-item { background:white; border:1px solid rgba(12,55,117,.10); border-radius: 22px; overflow:hidden; box-shadow: var(--shadow-soft); }
    .faq-q { width:100%; border:0; background:transparent; display:flex; justify-content:space-between; gap:16px; padding: 21px 24px; font-family: var(--body-font); font-weight: 900; color: var(--ima-blue); cursor:pointer; text-align:left; }
    .faq-q span { color: var(--ima-teal); }
    .faq-a { display:none; padding: 0 24px 22px; color: var(--muted); line-height:1.72; }
    .faq-item.open .faq-a { display:block; }

    footer { background: var(--ima-blue); color:white; padding: 54px 0 36px; margin-top: 40px; }
    .footer-grid { display:grid; grid-template-columns: 1.4fr .7fr .7fr .9fr; gap: 32px; align-items:start; }
    footer .brand-logo { border: 0; box-shadow: none; }
    footer .brand-copy { color:white; }
    footer .brand-copy small { color: rgba(255,255,255,.72); }
    footer p { color: rgba(255,255,255,.72); line-height:1.72; max-width: 460px; }
    footer h4 { margin: 8px 0 14px; font-size:.92rem; }
    .footer-list { display:grid; gap: 10px; }
    .footer-list a, .footer-list span { color: rgba(255,255,255,.72); font-size:.9rem; }
    .footer-list a:hover { color:white; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,.15); margin-top: 34px; padding-top: 20px; color:rgba(255,255,255,.62); font-size:.84rem; display:flex; justify-content:space-between; gap: 12px; flex-wrap:wrap; }

    .reveal { opacity: 0; transform: translateY(18px); transition: .7s ease; }
    .reveal.active { opacity: 1; transform: translateY(0); }

    @media (max-width: 1040px) {
      .nav-links { display:none; position:absolute; top:82px; left:20px; right:20px; flex-direction:column; align-items:stretch; padding: 18px; background:white; border:1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); }
      .nav-links.open { display:flex; }
      .menu-btn { display:block; }
      .hero-grid, .section-heading, .psychosocial-grid, .method-grid, .split-section, .diagnostic, .footer-grid { grid-template-columns: 1fr; }
      .hero-panel { min-height: 560px; }
      .services-grid, .usecases-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 720px) {
      .container { width: min(100% - 28px, var(--max)); }
      .brand-copy { display:none; }
      .brand-logo { width: 128px; min-width: 128px; height: auto; }
      .hero { padding: 56px 0 42px; }
      .trust-row, .services-grid, .usecases-grid, .psych-steps, .form-grid { grid-template-columns: 1fr; }
      .hero-panel { min-height: 600px; border-radius: 30px; padding: 20px; }
      .dashboard-card { left:18px; right:18px; bottom:18px; padding: 18px; }
      .kpi-grid { grid-template-columns: 1fr; }
      .dashboard-meta, .dashboard-footer { display:grid; }
      .psychosocial, .method, .diagnostic { padding: 28px; border-radius: 30px; }
      section { padding: 58px 0; }
      .footer-bottom { display:block; }
    }
  

/* WordPress compatibility */
body.admin-bar .navbar { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .navbar { top: 46px; }
}