.am-page {
    --am-ink:#10233d;
    --am-deep:#15365d;
    --am-sand:#f7f1e8;
    --am-mist:#edf4fb;
    --am-line:rgba(16,35,61,0.12);
    --am-shadow:0 18px 48px rgba(17,34,60,0.10);
    color:var(--am-ink);
  }
  .am-hero {
    position:relative;
    overflow:hidden;
    border-radius:20px;
    margin:0 0 2rem 0;
    background:
      radial-gradient(circle at top left, rgba(255,255,255,0.24), transparent 34%),
      linear-gradient(135deg, rgba(16,35,61,0.95), rgba(11,102,255,0.82)),
      url('/static/hero/workbench.jpg');
    background-size:cover;
    background-position:center;
    box-shadow:var(--am-shadow);
  }
  .am-hero::before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(12,20,35,0.74) 0%, rgba(12,20,35,0.46) 46%, rgba(12,20,35,0.18) 100%);
  }
  .am-hero-grid {
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0, 1.35fr) minmax(280px, 0.85fr);
    gap:1.5rem;
    align-items:end;
    padding:3rem;
  }
  .am-eyebrow {
    display:inline-flex;
    align-items:center;
    gap:0.45rem;
    margin:0 0 1rem 0;
    padding:0.45rem 0.8rem;
    border-radius:999px;
    background:rgba(255,255,255,0.14);
    border:1px solid rgba(255,255,255,0.18);
    font-size:0.78rem;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:#f8fbff;
  }
  .am-hero-copy h1 {
    margin:0;
    max-width:12ch;
    color:#fff;
    font-family:Georgia, "Times New Roman", serif;
    font-size:clamp(2.3rem, 4vw, 4.5rem);
    line-height:1.02;
    letter-spacing:-0.03em;
  }
  .am-hero-copy p {
    max-width:60ch;
    color:rgba(255,255,255,0.9);
    font-size:1.05rem;
    line-height:1.7;
    margin:1rem 0 0 0;
  }
  .am-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:0.8rem;
    margin-top:1.5rem;
  }
  /* Button styles scoped to this page to ensure clear CTA appearance */
  .am-hero-actions .btn,
  .cta-actions .btn {
    display:inline-flex;
    align-items:center;
    gap:0.6rem;
    padding:0.6rem 1rem;
    border-radius:10px;
    background:var(--brand, #0b66ff);
    color:#fff;
    font-weight:700;
    text-decoration:none;
    border:1px solid rgba(11,102,255,0.12);
    box-shadow:0 8px 20px rgba(11,102,255,0.08);
  }
  .am-hero-actions .btn--secondary,
  .cta-actions .btn--secondary {
    background:transparent;
    color:var(--brand, #0b66ff);
    border:1px solid rgba(11,102,255,0.18);
    box-shadow:none;
  }
  .am-hero-actions .btn:hover,
  .cta-actions .btn:hover { transform:translateY(-2px); }
  .am-hero-actions .btn:focus,
  .cta-actions .btn:focus { outline:3px solid rgba(11,102,255,0.14); outline-offset:2px; }
  .am-role-panel {
    border:1px solid rgba(255,255,255,0.18);
    border-radius:18px;
    padding:1.25rem;
    background:rgba(250,252,255,0.13);
    backdrop-filter:blur(8px);
    color:#fff;
  }
  .am-role-panel h2 {
    margin:0 0 0.6rem 0;
    font-size:1rem;
    font-weight:700;
  }
  .am-role-panel p {
    margin:0 0 1rem 0;
    color:rgba(255,255,255,0.85);
    font-size:0.95rem;
    line-height:1.65;
  }
  .am-role-list {
    display:grid;
    gap:0.7rem;
  }
  .am-role-item {
    padding:0.8rem 0.9rem;
    border-radius:14px;
    background:rgba(255,255,255,0.10);
  }
  .am-role-item strong {
    display:block;
    margin-bottom:0.2rem;
    font-size:0.95rem;
  }
  .am-role-item span {
    display:block;
    color:rgba(255,255,255,0.8);
    font-size:0.88rem;
    line-height:1.55;
  }

  .am-content {
    display:grid;
    gap:1.6rem;
  }
  .am-section {
    position:relative;
    padding:1.6rem;
    border:1px solid var(--am-line);
    border-radius:18px;
    background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,251,255,0.98));
    box-shadow:0 8px 24px rgba(17,34,60,0.04);
  }
  .am-section--tinted {
    background:linear-gradient(180deg, var(--am-sand), #fff8f1);
  }
  .am-section--mist {
    background:linear-gradient(180deg, var(--am-mist), #ffffff);
  }
  .am-kicker {
    margin:0 0 0.45rem 0;
    color:var(--brand, #0b66ff);
    font-size:0.78rem;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
  }
  .am-section h2 {
    margin:0 0 0.8rem 0;
    color:var(--am-deep);
    font-family:Georgia, "Times New Roman", serif;
    font-size:clamp(1.65rem, 2vw, 2.2rem);
    line-height:1.1;
  }
  .am-section p {
    max-width:72ch;
    margin:0 0 1rem 0;
    color:#31445f;
    line-height:1.75;
  }

  .am-signal-grid {
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:0.9rem;
    margin-top:1.2rem;
  }
  .am-signal {
    padding:1rem;
    border-radius:16px;
    background:#fff;
    border:1px solid rgba(16,35,61,0.08);
  }
  .am-signal strong {
    display:block;
    color:var(--am-deep);
    margin-bottom:0.35rem;
    font-size:0.95rem;
  }
  .am-signal span {
    display:block;
    color:#53657e;
    font-size:0.9rem;
    line-height:1.55;
  }

  .am-split {
    display:grid;
    grid-template-columns:minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap:1.2rem;
    align-items:start;
  }
  .am-panel {
    padding:1.15rem;
    border-radius:16px;
    background:#fff;
    border:1px solid rgba(16,35,61,0.08);
  }
  .am-panel h3 {
    margin:0 0 0.45rem 0;
    color:var(--am-deep);
    font-size:1.05rem;
  }
  .am-panel p {
    margin:0;
    font-size:0.93rem;
    line-height:1.65;
  }
  .am-checklist {
    display:grid;
    gap:0.7rem;
    margin-top:1rem;
  }
  .am-check {
    display:grid;
    grid-template-columns:auto 1fr;
    gap:0.65rem;
    align-items:start;
  }
  .am-check-bullet {
    width:1.8rem;
    height:1.8rem;
    border-radius:50%;
    background:rgba(11,102,255,0.10);
    color:var(--brand, #0b66ff);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    flex-shrink:0;
  }
  .am-check strong {
    display:block;
    margin-bottom:0.2rem;
    color:var(--am-deep);
  }
  .am-check span {
    display:block;
    color:#51637b;
    line-height:1.58;
    font-size:0.92rem;
  }

  .am-shot-grid {
    display:grid;
    grid-template-columns:1.2fr 0.8fr;
    gap:1rem;
    margin-top:1.25rem;
  }
  .am-shot-stack {
    display:grid;
    gap:1rem;
  }
  .am-shot {
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(16,35,61,0.08);
    box-shadow:0 10px 30px rgba(17,34,60,0.08);
  }
  .am-shot img {
    display:block;
    width:100%;
    height:auto;
  }
  .am-shot figcaption {
    padding:0.85rem 1rem 1rem;
    color:#4d6079;
    font-size:0.9rem;
    line-height:1.55;
  }

  .am-workflow {
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:0.9rem;
    margin-top:1.25rem;
  }
  .am-step {
    position:relative;
    padding:1rem;
    border-radius:16px;
    background:#fff;
    border:1px solid rgba(16,35,61,0.08);
  }
  .am-step-num {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2rem;
    height:2rem;
    border-radius:50%;
    background:var(--am-deep);
    color:#fff;
    font-size:0.9rem;
    font-weight:700;
    margin-bottom:0.7rem;
  }
  .am-step h3 {
    margin:0 0 0.35rem 0;
    color:var(--am-deep);
    font-size:1rem;
  }
  .am-step p {
    margin:0;
    font-size:0.92rem;
    line-height:1.6;
  }

  .am-faq-grid {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:0.9rem;
    margin-top:1rem;
  }
  .am-faq {
    padding:1rem 1.05rem;
    border-radius:16px;
    background:#fff;
    border:1px solid rgba(16,35,61,0.08);
  }
  .am-faq h3 {
    margin:0 0 0.35rem 0;
    color:var(--am-deep);
    font-size:1rem;
  }
  .am-faq p {
    margin:0;
    font-size:0.92rem;
    line-height:1.65;
  }

  .cta-section {
    background:
      radial-gradient(circle at top right, rgba(255,255,255,0.34), transparent 30%),
      linear-gradient(135deg, rgba(11,102,255,0.10), rgba(42,160,255,0.16));
    border-radius:18px;
    padding:2rem;
    margin:0;
    text-align:center;
    border:1px solid rgba(11,102,255,0.12);
  }
  .cta-section h2 {
    margin:0 0 0.55rem 0;
    color:var(--am-deep);
    font-family:Georgia, "Times New Roman", serif;
    font-size:clamp(1.55rem, 2vw, 2.1rem);
  }
  .cta-section p {
    max-width:60ch;
    margin:0 auto 1rem;
    color:#42566f;
  }
  .cta-actions {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:center;
  }

  @media (max-width:980px) {
    .am-hero-grid,
    .am-split,
    .am-shot-grid,
    .am-workflow,
    .am-faq-grid,
    .am-signal-grid {
      grid-template-columns:1fr;
    }
    .am-hero-grid {
      padding:2rem;
    }
    .am-hero-copy h1 {
      max-width:none;
    }
  }
  @media (max-width:640px) {
    .am-hero {
      border-radius:16px;
    }
    .am-hero-grid,
    .am-section,
    .cta-section {
      padding:1.25rem;
    }
    .am-hero-copy p,
    .am-section p {
      font-size:0.98rem;
    }
    .am-hero-actions .btn,
    .cta-actions .btn {
      width:100%;
      justify-content:center;
      text-align:center;
    }
  }