/*
Theme Name: ARops Clean Theme v75
Theme URI: https://arops.ai/
Author: Alpha Recon Technologies
Description: ARops WordPress theme. Homepage risk stat proof tile in the value section, insurance premium savings callout, hero risk panel entrance animation (score ring, count-up, staggered tiles), section color tints, colored category accents across Reports/Platform/Use Cases/Trust/Contact/Who We Are/FAQ, and simple hover-based desktop nav with always-visible mobile submenu.
Version: 3.41.0
Text Domain: arops-clean
*/

/* ARops approved v11 global styles */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Inter', sans-serif !important; }
    html { scroll-behavior: smooth; }
    body { background: #fff; color: #0f1f38; font-family: 'Inter', sans-serif !important; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    .wrap { max-width: 1200px; margin: 0 auto; padding: 0 48px; }
    section { padding: 72px 0; }

    /* Custom-built pages (Custom HTML block content carrying the
       "arops-subpage" wrapper class, the standing convention for pages
       like Who We Are) manage their own spacing entirely. The generic
       "section { padding: 72px 0; }" rule above still applies to their
       outer wrapper since it's also a <section> tag, this neutralizes
       it site-wide so no individual custom page has to fight it again. */
    .arops-subpage { padding: 0 !important; }

    .bg-gray { background: #f4f5f7; }
    .bg-white { background: #fff; }
    .bg-navy { background: #0f1f38; }
    .bg-tint-blue { background: #eaf6fb; }
    .bg-tint-green { background: #eef4ec; }
    .bg-tint-amber { background: #fbf3e7; }
    .eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.10em; text-transform: uppercase; color: #1a9bc9; margin-bottom: 16px; white-space: nowrap; }
    .eyebrow-center { text-align: center; }
    h1, h2, h3, h4 { color: #0f1f38; line-height: 1.15; }
    .hero-h1 { font-size: clamp(32px, 3.8vw, 52px); font-weight: 900; letter-spacing: -1px; margin-bottom: 24px; }
    .section-h2 { font-size: clamp(28px, 3.2vw, 44px); font-weight: 900; letter-spacing: -0.8px; margin-bottom: 16px; }
    .section-h2-center { text-align: center; }
    .section-sub { font-size: 17px; color: #555f6e; line-height: 1.65; max-width: 680px; }
    .section-sub-center { text-align: center; margin: 0 auto; }
    .btn-primary { display: inline-flex; align-items: center; gap: 6px; background: #1a9bc9; color: #fff; font-size: 14px; font-weight: 600; padding: 10px 20px; border-radius: 6px; border: 2px solid #1a9bc9; cursor: pointer; transition: background .15s; white-space: nowrap; width: fit-content; }
    .btn-primary:hover { background: #1589b3; border-color: #1589b3; }
    .btn-outline { display: inline-flex; align-items: center; gap: 6px; background: transparent; color: #0f1f38; font-size: 14px; font-weight: 600; padding: 10px 20px; border-radius: 6px; border: 1.5px solid #d1d9e0; cursor: pointer; transition: border-color .15s; white-space: nowrap; width: fit-content; }
    .btn-outline:hover { border-color: #0f1f38; }
    .btn-outline-navy { color: #0f1f38; border-color: #0f1f38; }
    nav { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,0.97); backdrop-filter: blur(8px); border-bottom: 1px solid #e8eaed; }
    .nav-inner { max-width: 1200px; margin: 0 auto; padding: 0 48px; height: 68px; display: flex; align-items: center; justify-content: space-between; }
    .nav-logo { display: flex; align-items: center; gap: 10px; }
    .nav-logo img { height: 36px; width: auto; }
    .nav-links { display: flex; gap: 36px; list-style: none; }
    .nav-links a { font-size: 15px; font-weight: 500; color: #2d3748; transition: color .15s; }
    .nav-links a:hover { color: #1a9bc9; }
    .nav-actions { display: flex; gap: 12px; align-items: center; }
    .btn-login { font-size: 14px; font-weight: 500; color: #2d3748; padding: 8px 20px; border: 1.5px solid #d1d9e0; border-radius: 6px; background: transparent; cursor: pointer; transition: border-color .15s; }
    .btn-login:hover { border-color: #aab; }
    .btn-demo { font-size: 14px; font-weight: 600; color: #fff; padding: 9px 18px; border-radius: 6px; background: #1a9bc9; border: 2px solid #1a9bc9; cursor: pointer; transition: background .15s; }
    .btn-demo:hover { background: #1589b3; }
    .hero { padding: 56px 0 56px; background: #fff; overflow: visible; }
    .hero-inner { max-width: 1200px; margin: 0 auto; padding: 0 48px; display: grid; grid-template-columns: 55% 45%; gap: 48px; align-items: center; overflow: visible; }
    .hero-body-text { font-size: 18px; color: #374151; line-height: 1.7; margin-bottom: 8px; max-width: 540px; }
    .hero-highlight { background: #e8f4fa; padding: 14px 18px; border-radius: 6px; font-size: 15px; color: #374151; margin-bottom: 28px; max-width: 540px; border-left: 3px solid #1a9bc9; }
    .hero-cta { display: flex; flex-direction: row; gap: 12px; margin-bottom: 36px; align-items: center; flex-wrap: nowrap; width: 100%; }
    .hero-trust { display: flex; gap: 0; padding-top: 20px; border-top: 1px solid #e8eaed; }
    .trust-item { padding: 0 32px 0 0; margin-right: 32px; border-right: 1px solid #e8eaed; }
    .trust-item:last-child { border-right: none; padding-right: 0; margin-right: 0; }
    .trust-item .trust-label { font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #9aa5b4; margin-bottom: 4px; }
    .trust-item .trust-val { font-size: 14px; font-weight: 700; color: #0f1f38; white-space: nowrap; }
    .hero-screenshot { border: 1px solid #e2e8f0; border-radius: 10px; overflow: visible; box-shadow: 0 8px 40px rgba(0,0,0,0.10); background: #f4f5f7; position: relative; }
    .problem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; margin-top: 48px; }
    .problem-left .section-h2 { margin-bottom: 20px; }
    .problem-left p { font-size: 16px; color: #555f6e; line-height: 1.7; margin-bottom: 20px; }
    .callout-box { border-left: 3px solid #1a9bc9; background: #f0f8fd; padding: 14px 18px; border-radius: 0 6px 6px 0; font-size: 15px; font-weight: 600; color: #0f1f38; }

    .ar-v34-value-grid.ar-v34-value-grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }

    .ar-v34-demo-banner { padding: 24px 0; }
    .ar-v34-demo-banner-inner {
      background: #0b172f;
      border-radius: 16px;
      padding: 24px 28px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      flex-wrap: wrap;
    }
    .ar-v34-demo-banner-copy { flex: 1 1 320px; min-width: 260px; }
    .ar-v34-demo-banner-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 14px;
      border-radius: 999px;
      background: rgba(93,202,165,0.14);
      border: 1px solid rgba(93,202,165,0.35);
      color: #5dcaa5;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin-bottom: 12px;
    }
    .ar-v34-demo-banner-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #5dcaa5;
      animation: ar-v34-demo-banner-pulse 1.6s ease-in-out infinite;
    }
    @keyframes ar-v34-demo-banner-pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: .35; }
    }
    .ar-v34-demo-banner-headline { color: #ffffff; font-size: 21px; font-weight: 800; line-height: 1.25; margin-bottom: 4px; }
    .ar-v34-demo-banner-sub { color: #a7b8d4; font-size: 14px; line-height: 1.5; }
    .ar-v34-demo-banner-right { flex: 0 0 auto; display: flex; flex-direction: column; gap: 10px; align-items: stretch; }
    .ar-v34-demo-banner-dates { display: flex; gap: 8px; flex-wrap: wrap; }
    .ar-v34-demo-banner-pill {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.14);
      border-radius: 10px;
      padding: 8px 14px;
      color: #ffffff;
      font-size: 13px;
      font-weight: 600;
      white-space: nowrap;
    }
    .ar-v34-demo-banner-cta {
      display: block;
      text-align: center;
      background: #1598c5;
      color: #ffffff !important;
      font-size: 14px;
      font-weight: 700;
      padding: 10px 20px;
      border-radius: 10px;
      text-decoration: none !important;
    }
    .ar-v34-demo-banner-cta:hover { background: #0f7ba3; }

    @media (max-width: 768px) {
      .ar-v34-demo-banner-inner { flex-direction: column; align-items: flex-start; }
      .ar-v34-demo-banner-dates { flex-direction: column; }
      .ar-v34-demo-banner-right { width: 100%; }
      .ar-v34-demo-banner-pill { text-align: center; }
    }

    .outcome-card.ar-v34-value-card-stat {
      background: #0f1f38;
      border-color: #0f1f38;
    }
    .ar-v34-value-card-stat .outcome-tag { color: #8fa8c4 !important; }
    .ar-v34-value-stat-number { font-size: 40px; font-weight: 900; letter-spacing: -0.02em; color: #5dcaa5; line-height: 1; margin-bottom: 12px; }
    .ar-v34-value-card-stat .outcome-body { color: #cbd5e1 !important; }
    .ar-v34-value-card-stat .outcome-body strong { color: #5dcaa5 !important; }

    @media (max-width: 768px) {
      .ar-v34-value-grid.ar-v34-value-grid-4 { grid-template-columns: 1fr; }
    }
    .question-list { display: flex; flex-direction: column; gap: 0; }
    .question-item { display: flex; align-items: center; gap: 20px; padding: 24px 0; border-bottom: 1px solid #e8eaed; }
    .question-item:first-child { border-top: 1px solid #e8eaed; }
    .q-num { font-size: 36px; font-weight: 900; color: #1a9bc9; line-height: 1; min-width: 56px; }
    .q-text { font-size: 18px; font-weight: 700; color: #0f1f38; }
    .firm-section { text-align: center; }
    .firm-section .section-h2 { max-width: 700px; margin: 0 auto 14px; }
    .firm-section .section-sub { margin: 0 auto 40px; }
    .outcomes-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .outcome-card { background: #fff; border: 1px solid #e2e6ea; border-radius: 8px; padding: 28px 24px; text-align: left; display: flex; flex-direction: column; }
    .outcome-tag { font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #1a9bc9; margin-bottom: 14px; }
    .outcome-card h3 { font-size: 16px; font-weight: 800; color: #0f1f38; margin-bottom: 10px; line-height: 1.3; }
    .outcome-card .outcome-body { font-size: 14px; color: #4b5563; line-height: 1.6; flex: 1; margin-bottom: 0; }
    .outcome-proof { font-size: 13px; color: #6b7280; font-style: italic; margin-top: 18px; padding-top: 14px; border-top: 1px solid #eaedf0; line-height: 1.5; }
    .uc-section { text-align: center; }
    .uc-section .section-sub { margin: 0 auto 56px; }
    .uc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .uc-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; text-align: left; }
    .uc-header { background: #0f1f38; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; }
    .uc-header-left { font-size: 11px; font-weight: 700; color: #4a9fc4; letter-spacing: .08em; }
    .uc-header-dots { font-size: 9px; color: #2a4a6a; letter-spacing: 2px; flex: 1; text-align: center; overflow: hidden; }
    .uc-header-right { font-size: 11px; font-weight: 700; color: #8aa8c0; letter-spacing: .08em; }
    .uc-body { padding: 24px 20px 20px; }
    .uc-card h3 { font-size: 16px; font-weight: 800; color: #0f1f38; margin-bottom: 8px; }
    .uc-card p { font-size: 14px; color: #555f6e; line-height: 1.6; margin-bottom: 20px; }
    .uc-decision-label { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #9aa5b4; margin-bottom: 4px; }
    .uc-decision-val { font-size: 15px; font-weight: 700; color: #0f1f38; }
    .uc-divider { border: none; border-top: 1px solid #e8eaed; margin-bottom: 16px; }
    .ins-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; margin-top: 48px; }
    .ins-steps { display: flex; flex-direction: column; gap: 28px; }
    .ins-step { display: flex; gap: 20px; align-items: flex-start; }
    .ins-num { font-size: 20px; font-weight: 900; color: #1a9bc9; min-width: 32px; line-height: 1.2; }
    .ins-content h3 { font-size: 16px; font-weight: 700; color: #0f1f38; margin-bottom: 6px; }
    .ins-content p { font-size: 14px; color: #555f6e; line-height: 1.6; }
    .ins-ctas { display: flex; flex-direction: row; gap: 12px; margin-top: 36px; flex-wrap: nowrap; align-items: center; }
    .artifact-mockup { border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.10); }
    .artifact-topbar { background: #1a9bc9; padding: 12px 18px; display: flex; align-items: center; justify-content: space-between; }
    .artifact-topbar-text { font-size: 13px; font-weight: 700; color: #fff; }
    .artifact-dot-white { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.5); }
    .artifact-body { background: #0f1f38; padding: 22px 20px; }
    .artifact-subtitle { font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #4a9fc4; text-transform: uppercase; margin-bottom: 14px; }
    .artifact-title-lines { margin-bottom: 16px; }
    .artifact-line { height: 10px; background: rgba(255,255,255,0.15); border-radius: 3px; margin-bottom: 6px; }
    .artifact-meta { display: flex; justify-content: space-between; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.08); }
    .artifact-meta-text { font-size: 11px; color: #6a8aaa; }
    .artifact-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .artifact-field-label { font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8aaabb; margin-bottom: 6px; }
    .artifact-field-bar { height: 6px; background: rgba(255,255,255,0.2); border-radius: 3px; margin-bottom: 4px; }
    .artifact-field-bar-short { width: 65%; background: rgba(255,255,255,0.12); height: 5px; border-radius: 3px; }
    .artifact-footer-bar { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.08); }
    .artifact-footer-text { font-size: 11px; color: #6a8aaa; }
    .artifact-badge-pill { display: flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.08); border-radius: 4px; padding: 4px 10px; }
    .artifact-badge-icon { width: 18px; height: 18px; background: #fff; border-radius: 3px; display: flex; align-items: center; justify-content: center; }
    .artifact-badge-icon span { font-size: 9px; font-weight: 900; color: #0f1f38; }
    .artifact-badge-name { font-size: 12px; font-weight: 700; color: #fff; }
    .method-section { text-align: center; }
    .method-section .section-sub { margin: 0 auto 56px; }
    .method-steps-outer { position: relative; }
    .method-line { position: absolute; top: 27px; left: calc(12.5% + 28px); right: calc(12.5% + 28px); height: 1px; background: #d0d7de; z-index: 0; }
    .method-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; z-index: 1; }
    .method-step { display: flex; flex-direction: column; align-items: center; }
    .method-circle { width: 56px; height: 56px; border-radius: 50%; background: #1a9bc9; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 900; color: #fff; margin-bottom: 16px; position: relative; z-index: 2; }
    .method-label { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #0f1f38; margin-bottom: 10px; }
    .method-step p { font-size: 14px; color: #555f6e; line-height: 1.65; text-align: center; }
    .method-footer { margin-top: 48px; background: #f0f8fd; border-left: 3px solid #1a9bc9; border-radius: 0 6px 6px 0; padding: 18px 24px; font-size: 15px; color: #374151; line-height: 1.65; text-align: left; }
    .method-footer strong { color: #0f1f38; font-weight: 700; }
    .icp-section { text-align: center; }
    .icp-section .section-sub { margin: 0 auto 56px; }
    .icp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .icp-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 28px 24px; text-align: left; position: relative; transition: border-color .2s; }
    .icp-card:hover { border-color: #1a9bc9; }
    .icp-card:hover .icp-num { color: #1a9bc9; }
    .icp-card:hover .icp-type { background: #1a9bc9; color: #fff; }
    .icp-card-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; }
    .icp-num { font-size: 40px; font-weight: 900; color: #b8d8eb; line-height: 1; transition: color .2s; }
    .icp-type { font-size: 10px; font-weight: 700; letter-spacing: .06em; color: #6b7280; text-transform: uppercase; background: #f0f2f4; padding: 4px 10px; border-radius: 4px; transition: background .2s, color .2s; white-space: nowrap; }
    .icp-card h3 { font-size: 17px; font-weight: 800; color: #0f1f38; margin-bottom: 10px; }
    .icp-card p { font-size: 14px; color: #555f6e; line-height: 1.65; margin-bottom: 20px; }
    .icp-divider { border: none; border-top: 1px solid #e8eaed; margin-bottom: 14px; }
    .icp-outputs-label { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #9aa5b4; margin-bottom: 6px; }
    .icp-outputs-val { font-size: 14px; font-weight: 700; color: #0f1f38; line-height: 1.5; }
    .outcomes-section { text-align: center; }
    .outcomes-proof { font-size: 20px; font-weight: 700; color: #0f1f38; margin-bottom: 6px; }
    .outcomes-proof-sub { font-size: 12px; font-weight: 500; letter-spacing: .1em; color: #9aa5b4; text-transform: uppercase; margin-bottom: 48px; font-family: 'Courier New', monospace; }
    .testimonials-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 40px; }
    .testimonial-card { background: #f4f5f7; border-radius: 10px; padding: 28px; text-align: left; display: flex; flex-direction: column; justify-content: space-between; }
    .testimonial-quote { font-size: 16px; color: #0f1f38; font-style: italic; line-height: 1.65; margin-bottom: 20px; }
    .testimonial-footer { display: flex; justify-content: space-between; align-items: flex-end; }
    .testimonial-source { font-size: 14px; font-weight: 700; color: #0f1f38; }
    .testimonial-ref { font-size: 11px; color: #9aa5b4; letter-spacing: .06em; }
    .stats-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
    .stat-card { background: #f4f5f7; border-radius: 10px; padding: 24px 20px; text-align: left; }
    .stat-val { font-size: 36px; font-weight: 900; color: #0f1f38; line-height: 1; margin-bottom: 10px; white-space: nowrap; }
    .stat-val-text { font-size: 26px; }
    .stat-val sup { font-size: 18px; font-weight: 700; color: #1a9bc9; vertical-align: super; }
    .stat-label { font-size: 13px; color: #6b7280; line-height: 1.5; }
    .why-section { text-align: center; }
    .why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 48px; }
    .why-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 28px 22px; text-align: left; }
    .why-num { font-size: 13px; font-weight: 700; color: #1a9bc9; margin-bottom: 14px; }
    .why-card h3 { font-size: 16px; font-weight: 800; color: #0f1f38; margin-bottom: 10px; line-height: 1.3; }
    .why-card p { font-size: 14px; color: #555f6e; line-height: 1.65; }
    .resources-section { text-align: center; }
    .resources-section .section-sub { margin: 0 auto 56px; }
    .resources-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .resource-card { background: #f0f6fb; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; text-align: left; }
    .resource-preview { height: 180px; background: #e0edf6; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 24px; }
    .resource-doc-mockup { background: #fff; width: 160px; padding: 14px 16px; border-radius: 4px; box-shadow: 0 2px 12px rgba(0,0,0,0.1); }
    .resource-doc-tag { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #9aa5b4; margin-bottom: 10px; }
    .resource-doc-line { height: 8px; background: #1a9bc9; border-radius: 2px; margin-bottom: 6px; }
    .resource-doc-line-sm { height: 6px; background: #e2e8f0; border-radius: 2px; margin-bottom: 5px; }
    .resource-body { padding: 20px; }
    .resource-type { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #1a9bc9; margin-bottom: 8px; }
    .resource-card h3 { font-size: 16px; font-weight: 800; color: #0f1f38; margin-bottom: 8px; line-height: 1.35; }
    .resource-card p { font-size: 14px; color: #555f6e; line-height: 1.6; margin-bottom: 14px; }
    .resource-link { font-size: 14px; font-weight: 600; color: #1a9bc9; }
    .resource-link:hover { text-decoration: underline; }
    .calendar-block { background: #0f1f38; width: 80px; border-radius: 6px; overflow: hidden; }
    .cal-month { background: #1a9bc9; padding: 6px; text-align: center; font-size: 10px; font-weight: 700; color: #fff; letter-spacing: .08em; text-transform: uppercase; }
    .cal-day { padding: 10px; text-align: center; font-size: 32px; font-weight: 900; color: #fff; line-height: 1; }
    .event-meta { flex: 1; padding-left: 16px; }
    .event-type { font-size: 10px; font-weight: 700; letter-spacing: .08em; color: #1a9bc9; text-transform: uppercase; margin-bottom: 4px; }
    .event-title { font-size: 16px; font-weight: 700; color: #0f1f38; }
    .event-sub { font-size: 13px; color: #6b7280; margin-top: 2px; }
    .cta-section { text-align: center; padding: 80px 0; background: #f4f5f7; }
    .cta-section .section-h2 { max-width: 720px; margin: 0 auto 16px; }
    .cta-section .section-sub { margin: 0 auto 36px; }
    .cta-buttons { display: flex; flex-direction: row; gap: 12px; justify-content: center; flex-wrap: nowrap; align-items: center; }
    footer { background: #0f1f38; padding: 64px 0 34px; }
    .footer-grid { display: grid; grid-template-columns: 280px 1fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 44px; }
    .footer-logo { display: block; width: 190px; height: auto; margin-bottom: 18px; transition: opacity .18s ease, transform .18s ease; }
    .footer-logo:hover { opacity: .9; transform: translateY(-1px); }
    .footer-brand p { font-size: 14px; color: rgba(255,255,255,.74); line-height: 1.65; }
    .footer-col h4 { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #1a9bc9; margin-bottom: 16px; }
    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
    .footer-col a { display: inline-flex; width: fit-content; font-size: 14px; color: #8aa8c4; transition: color .15s ease, transform .15s ease; line-height: 1.8; }
    .footer-col a:hover { color: #ffffff; transform: translateX(3px); }
    .footer-bottom { padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.13); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 18px; }
    .footer-bottom p { font-size: 12px; color: rgba(255,255,255,.62); line-height: 1.6; max-width: 720px; }
    .footer-legal { position: static; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; background: transparent; border: 0; backdrop-filter: none; box-shadow: none; }
    .footer-legal a { font-size: 12px; font-weight: 600; color: #6f8aa6; padding: 0; border: 0; border-radius: 0; background: transparent; transition: color .15s ease, transform .15s ease; }
    .footer-legal a:hover { color: #ffffff; background: transparent; transform: translateY(-1px); }


    /* Mobile navigation */
    .nav-toggle { display: none; width: 42px; height: 42px; border: 1px solid #d1d9e0; border-radius: 8px; background: #fff; align-items: center; justify-content: center; flex-direction: column; gap: 5px; cursor: pointer; transition: border-color .15s ease, background .15s ease; }
    .nav-toggle span { display: block; width: 19px; height: 2px; border-radius: 99px; background: #0f1f38; transition: transform .2s ease, opacity .2s ease, background .15s ease; }
    .nav-toggle:hover { border-color: #1a9bc9; }
    .nav-toggle:hover span { background: #1a9bc9; }
    .site-nav.nav-open .nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .site-nav.nav-open .nav-toggle span:nth-child(2) { opacity: 0; }
    .site-nav.nav-open .nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }


    /* ART logo restored in the main navigation */
    .nav-logo img.art-logo { height: 46px; width: auto; max-width: 210px; object-fit: contain; }

    /* Animated cursor on the SecuRecon hero image */
    .hero-screenshot .animated-cursor {
      position: absolute;
      left: 86%;
      top: 74%;
      width: 16px;
      height: 20px;
      z-index: 5;
      pointer-events: none;
      animation: cursor-move-click 4.2s ease-in-out infinite;
      transform-origin: 2px 2px;
      filter: drop-shadow(0 2px 4px rgba(15,31,56,.22));
    }
    .hero-screenshot .animated-cursor::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 16px;
      height: 20px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" viewBox="0 0 16 20"><path d="M2 2.1v14.55l4.02-3.65 2.55 5.56 2.82-1.29-2.52-5.49h5.45L2 2.1Z" fill="%23ffffff" stroke="%231a9bc9" stroke-width="1.25" stroke-linejoin="round"/></svg>');
    }
    .hero-screenshot .animated-cursor::after {
      content: "";
      position: absolute;
      left: -6px;
      top: -6px;
      width: 18px;
      height: 18px;
      border: 2px solid rgba(26,155,201,.95);
      border-radius: 50%;
      opacity: 0;
      transform: scale(.35);
      animation: cursor-click-ring 4.2s ease-in-out infinite;
    }
    @keyframes cursor-move-click {
      0%, 12% { left: 86%; top: 74%; transform: scale(1); }
      42%, 56% { left: 74.5%; top: 27%; transform: scale(1); }
      60% { left: 74.5%; top: 27%; transform: scale(.88); }
      66% { left: 74.5%; top: 27%; transform: scale(1); }
      100% { left: 86%; top: 74%; transform: scale(1); }
    }
    @keyframes cursor-click-ring {
      0%, 49%, 58%, 100% { opacity: 0; transform: scale(.35); }
      52% { opacity: .95; transform: scale(.75); }
      66% { opacity: 0; transform: scale(1.7); }
    }

    @media (max-width: 1024px) {
      .hero-inner { grid-template-columns: 1fr; }
      .hero-screenshot { display: none; }
      .outcomes-grid { grid-template-columns: 1fr 1fr; }
      .why-grid { grid-template-columns: 1fr 1fr; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .footer-logo { width: 180px; }
    }
    /* =========================================================
       Consolidated mobile navigation breakpoint.
       Moved from 768px to 960px, and consolidated from three
       separate mixed blocks into one, since the real menu now has
       six top-level items plus a Use Cases dropdown, more than it
       did when 768px was originally chosen. This gives the nav
       room to switch to the hamburger before the six-item desktop
       menu gets crowded, independent of any other page content
       breakpoint, none of which changed. */
    @media (max-width: 960px) {
      .site-nav { border-bottom: 1px solid #edf1f5; box-shadow: 0 2px 14px rgba(15,31,56,0.05); }
      .nav-links { display: none; }
      .nav-inner { height: 64px; min-height: 64px; gap: 0; flex-wrap: wrap; padding-top: 0; padding-bottom: 0; align-content: center; }
      .nav-logo { flex: 1; min-width: 0; }
      .nav-logo img.art-logo { max-width: 176px; height: auto; }
      .nav-toggle { display: inline-flex; flex: 0 0 auto; }
      .nav-links { order: 3; display: none; width: 100%; flex-direction: column; gap: 0; padding: 12px 0 8px; border-top: 1px solid #e8eaed; margin-top: 10px; }
      .nav-links li { width: 100%; }
      .nav-links a { display: block; padding: 10px 0; font-size: 15px; }

      /* On mobile, submenus render as a normal static nested list
         instead of the desktop's absolutely-positioned, centered
         floating dropdown. The desktop version uses left:50% plus a
         translateX(-50%) centering transform, which on a narrow
         screen pushes well past the left edge of the viewport since
         the trigger link itself sits flush against that edge in the
         stacked mobile layout. This removes all of that positioning
         and just lets the submenu sit inline, indented, always open. */
      .nav-links .menu-item-has-children > a::after { display: none; }
      .nav-links .sub-menu {
        position: static;
        top: auto;
        left: auto;
        transform: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        min-width: 0;
        width: 100%;
        margin: 4px 0 8px;
        padding: 0 0 0 16px;
        border: none;
        border-left: 2px solid #e8eaed;
        border-radius: 0;
        box-shadow: none;
      }
      .nav-links .sub-menu::before { display: none; }
      .nav-links .sub-menu a { padding: 8px 0; font-size: 14px; font-weight: 500; }

      .nav-actions { order: 4; display: none; width: 100%; justify-content: flex-start; gap: 10px; padding: 0 0 14px; flex-wrap: wrap; }
      .site-nav.nav-open .nav-inner { height: auto; padding-bottom: 14px; }
      .site-nav.nav-open .nav-links,
      .site-nav.nav-open .nav-actions { display: flex; }
      .site-nav.nav-open .nav-links { margin-top: 10px; padding: 10px 0; border-top: 1px solid #edf1f5; }
      .site-nav.nav-open .nav-links a { padding: 9px 0; color: #26384f; }
      .site-nav.nav-open .nav-links a:hover { color: #1a9bc9; }
      .btn-login, .btn-demo { width: auto; justify-content: center; font-size: 13px; padding: 8px 13px; }
      .btn-demo { min-width: 138px; }
    }

    @media (max-width: 768px) {
      .nav-inner { height: 58px; min-height: 58px; padding: 0 18px; }
      .nav-logo img.art-logo { max-width: 154px; }
      .nav-toggle { width: 38px; height: 38px; border-radius: 10px; border-color: #cfd9e3; }
      .nav-toggle span { width: 18px; height: 2px; }
      .site-nav.nav-open .nav-inner { padding-bottom: 14px; }
      .site-nav.nav-open .btn-login, .site-nav.nav-open .btn-demo { width: 100%; min-width: 0; height: 38px; padding: 0 10px; font-size: 13px; border-radius: 8px; }
      .wrap { padding: 0 20px; }
      .hero-inner { padding: 0 20px; }
      section { padding: 64px 0; }
      .uc-grid, .icp-grid, .resources-grid { grid-template-columns: 1fr; }
      .problem-grid, .ins-grid { grid-template-columns: 1fr; }
      .method-row { grid-template-columns: 1fr 1fr; }
      .stats-row { grid-template-columns: 1fr 1fr; }
      .testimonials-row { grid-template-columns: 1fr; }
      .outcomes-grid { grid-template-columns: 1fr; }
      body { font-size: 15px; overflow-x: hidden; }
      .hero { padding: 40px 0 48px; }
      .hero-h1 { font-size: clamp(30px, 10vw, 42px); line-height: 1.08; letter-spacing: -0.6px; }
      .section-h2 { font-size: clamp(28px, 9vw, 38px); line-height: 1.12; }
      .section-sub, .hero-body-text { font-size: 16px; }
      .hero-cta, .ins-ctas, .cta-buttons { flex-direction: column; align-items: stretch; gap: 10px; }
      .btn-primary, .btn-outline, .btn-demo, .btn-login { justify-content: center; width: 100%; text-align: center; }
      .hero-trust { flex-direction: column; gap: 14px; padding-top: 18px; }
      .trust-item { border-right: none; border-bottom: 1px solid #e8eaed; padding: 0 0 14px; margin: 0; }
      .trust-item:last-child { border-bottom: none; padding-bottom: 0; }
      .outcomes-grid { grid-template-columns: 1fr; gap: 16px; }
      .outcome-card { padding: 24px 22px; }
      .uc-grid, .icp-grid, .resources-grid { gap: 16px; }
      .problem-grid, .ins-grid { gap: 36px; margin-top: 36px; }
      .method-row { grid-template-columns: 1fr; gap: 28px; }
      .method-line { display: none; }
      .stats-row { grid-template-columns: 1fr; }
      .why-grid { grid-template-columns: 1fr; gap: 16px; }
      .footer-grid { grid-template-columns: 1fr; gap: 28px; }
      .footer-logo { width: 170px; }
      .footer-bottom { align-items: flex-start; flex-direction: column; }
      .footer-legal { width: 100%; justify-content: flex-start; gap: 18px; }
      .footer-col ul { gap: 6px; }

      /* Show the hero product image on mobile instead of hiding it */
      .hero-screenshot { display: block !important; margin-top: 10px; border-radius: 8px !important; box-shadow: 0 6px 26px rgba(0,0,0,0.10) !important; overflow: hidden !important; }
      .hero-screenshot img { width: 100%; height: auto; }
      .hero-screenshot .animated-cursor { width: 13px; height: 16px; }
      .hero-screenshot .animated-cursor::before { width: 13px; height: 16px; background-size: contain; }
      .hero-screenshot .animated-cursor::after { left: -5px; top: -5px; width: 16px; height: 16px; }

    }
    @media (max-width: 480px) {
      .wrap, .nav-inner, .hero-inner { padding-left: 16px; padding-right: 16px; }
      section { padding: 52px 0; }
      .eyebrow { white-space: normal; line-height: 1.4; }
      .section-sub-center { max-width: 100%; }
      .outcome-card h3, .uc-card h3, .icp-card h3, .why-card h3, .resource-card h3 { font-size: 16px; }
      .footer-brand p { max-width: 100%; }
      .nav-logo img.art-logo { max-width: 152px; }
      .nav-toggle { width: 40px; height: 40px; }
      .hero-screenshot { margin-top: 4px; }
      .btn-login, .btn-demo { font-size: 12px; padding: 7px 11px; }

    }


    /* Polished mobile hero/nav overrides */
    .hero-mobile-screenshot { display: none; }
    .hero-mobile-screenshot { position: relative; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 28px rgba(15,31,56,0.12); background: #f4f5f7; }
    .hero-mobile-screenshot img { width: 100%; height: 100%; display: block; border-radius: 12px; object-fit: cover; object-position: top center; }
    .hero-mobile-screenshot .animated-cursor {
      position: absolute;
      left: 43%;
      top: 72%;
      width: 11px;
      height: 14px;
      pointer-events: none;
      z-index: 5;
      animation: cursor-mobile-click 4.2s ease-in-out infinite;
      transform-origin: 2px 2px;
      filter: drop-shadow(0 1px 3px rgba(15,31,56,.26));
    }
    .hero-mobile-screenshot .animated-cursor::before {
      content: '';
      position: absolute;
      inset: 0;
      width: 11px;
      height: 14px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 16 20"><path d="M2 2.1v14.55l4.02-3.65 2.55 5.56 2.82-1.29-2.52-5.49h5.45L2 2.1Z" fill="%23e8f4fa" stroke="%231a9bc9" stroke-width="1.7" stroke-linejoin="round"/></svg>');
    }
    .hero-mobile-screenshot .animated-cursor::after {
      content: '';
      position: absolute;
      left: -5px;
      top: -5px;
      width: 16px;
      height: 16px;
      border: 2px solid rgba(26,155,201,.95);
      border-radius: 999px;
      opacity: 0;
      transform: scale(.35);
      animation: cursor-mobile-ring 4.2s ease-out infinite;
    }
    @keyframes cursor-mobile-click {
      0%, 12% { left: 43%; top: 72%; transform: scale(1); }
      42%, 56% { left: 80%; top: 42%; transform: scale(1); }
      60% { left: 80%; top: 42%; transform: scale(.86); }
      66% { left: 80%; top: 42%; transform: scale(1); }
      100% { left: 43%; top: 72%; transform: scale(1); }
    }
    @keyframes cursor-mobile-ring {
      0%, 49%, 58%, 100% { opacity: 0; transform: scale(.35); }
      52% { opacity: .95; transform: scale(.75); }
      66% { opacity: 0; transform: scale(1.55); }
    }

    @media (max-width: 768px) {
      .hero { padding: 24px 0 34px; }
      .hero-inner { display: block; padding: 0 18px; }
      .hero-left { text-align: left; }
      .eyebrow { font-size: 10px; line-height: 1.35; letter-spacing: .09em; margin-bottom: 12px; white-space: normal; }
      .hero-h1 { font-size: clamp(29px, 8.2vw, 38px); line-height: 1.08; letter-spacing: -0.7px; margin-bottom: 14px; }
      .hero-h1 br { display: none; }
      .hero-body-text { font-size: 15.5px; line-height: 1.55; margin-bottom: 12px; max-width: none; color: #354153; }
      .hero-highlight { font-size: 14px; line-height: 1.5; padding: 12px 14px; margin-bottom: 16px; max-width: none; border-radius: 8px; }
      .hero-mobile-screenshot {
        display: block;
        width: min(88vw, 360px);
        aspect-ratio: 16 / 10;
        margin: 14px auto 18px;
        border-radius: 10px;
        box-shadow: 0 8px 22px rgba(15,31,56,0.10);
      }
      .hero-mobile-screenshot img { border-radius: 10px; object-position: top center; }
      .hero-inner > .hero-screenshot { display: none !important; }
      .hero-cta { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 18px; }
      .hero-cta .btn-primary, .hero-cta .btn-outline { width: 100%; height: 44px; padding: 0 16px; border-radius: 8px; font-size: 14px; font-weight: 700; }
      .hero-trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding-top: 0; border-top: 0; margin-top: 4px; }
      .trust-item { margin: 0; padding: 10px 8px; border: 1px solid #e5ebf1; border-radius: 10px; background: #fff; }
      .trust-item:last-child { border: 1px solid #e5ebf1; padding: 10px 8px; }
      .trust-item .trust-label { font-size: 9px; letter-spacing: .08em; margin-bottom: 3px; }
      .trust-item .trust-val { font-size: 11.5px; line-height: 1.25; white-space: normal; }
    }

    @media (max-width: 480px) {
      .wrap, .nav-inner, .hero-inner { padding-left: 18px; padding-right: 18px; }
      .nav-logo img.art-logo { max-width: 146px; }
      .hero { padding-top: 22px; }
      .hero-mobile-screenshot { width: min(84vw, 320px); aspect-ratio: 16 / 10; margin-top: 12px; margin-bottom: 16px; }
      .hero-h1 { font-size: 30px; }
      .hero-trust { grid-template-columns: 1fr; gap: 8px; }
      .trust-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; }
      .trust-item .trust-label { margin-bottom: 0; }
      .trust-item .trust-val { text-align: right; }
      .site-nav.nav-open .nav-actions { grid-template-columns: 1fr; }
    }


    @media (max-width: 380px) {
      .hero-mobile-screenshot { width: min(82vw, 300px); aspect-ratio: 16 / 10; }
    }

    @media (prefers-reduced-motion: reduce) { * { transition: none !important; } }



/* =========================================================
   ARops v12 Design System
   Global colors, typography, page templates, blocks, forms
   ========================================================= */

:root {
  --arops-navy: #0f1f38;
  --arops-navy-2: #162b47;
  --arops-blue: #1a9bc9;
  --arops-blue-dark: #1589b3;
  --arops-blue-soft: #e8f4fa;
  --arops-gray-50: #f7f9fb;
  --arops-gray-100: #f4f5f7;
  --arops-gray-200: #e8eaed;
  --arops-gray-300: #d1d9e0;
  --arops-text: #0f1f38;
  --arops-muted: #555f6e;
  --arops-muted-2: #6b7280;
  --arops-white: #ffffff;
  --arops-radius-sm: 6px;
  --arops-radius-md: 10px;
  --arops-radius-lg: 16px;
  --arops-shadow-card: 0 8px 28px rgba(15,31,56,0.08);
  --arops-shadow-hero: 0 12px 44px rgba(15,31,56,0.12);
  --arops-section-y: 72px;
  --arops-wrap: 1200px;
}

body {
  background: var(--arops-white);
  color: var(--arops-text);
}

main.arops-main,
.arops-main {
  background: var(--arops-white);
}

.arops-page-hero {
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%);
  padding: 76px 0 52px;
  border-bottom: 1px solid var(--arops-gray-200);
}

.arops-page-hero .wrap {
  max-width: 1040px;
}

.arops-kicker,
.wp-block-heading.arops-kicker {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--arops-blue);
  margin-bottom: 16px;
}

.arops-page-title {
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1.04;
  letter-spacing: -1.2px;
  font-weight: 900;
  color: var(--arops-navy);
  max-width: 860px;
  margin: 0 0 18px;
}

.arops-page-subtitle {
  font-size: clamp(17px, 2vw, 21px);
  color: var(--arops-muted);
  line-height: 1.65;
  max-width: 760px;
  margin: 0;
}

.arops-page-content {
  padding: 64px 0 72px;
}

.arops-content-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 48px;
}

.arops-content-wrap > * + * {
  margin-top: 20px;
}

.arops-content-wrap h1,
.entry-content h1 {
  font-size: clamp(36px, 4.6vw, 56px);
  line-height: 1.08;
  letter-spacing: -1px;
  font-weight: 900;
  color: var(--arops-navy);
  margin: 0 0 18px;
}

.arops-content-wrap h2,
.entry-content h2 {
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.12;
  letter-spacing: -0.7px;
  font-weight: 900;
  color: var(--arops-navy);
  margin: 42px 0 14px;
}

.arops-content-wrap h3,
.entry-content h3 {
  font-size: clamp(21px, 2.2vw, 28px);
  line-height: 1.22;
  font-weight: 800;
  color: var(--arops-navy);
  margin: 32px 0 10px;
}

.arops-content-wrap h4,
.entry-content h4 {
  font-size: 15px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--arops-blue);
  margin: 28px 0 8px;
}

.arops-content-wrap p,
.entry-content p {
  font-size: 17px;
  line-height: 1.72;
  color: var(--arops-muted);
  margin: 0 0 18px;
}

.arops-content-wrap a,
.entry-content a {
  color: var(--arops-blue);
  font-weight: 650;
  text-decoration: none;
}

.arops-content-wrap a:hover,
.entry-content a:hover {
  color: var(--arops-blue-dark);
  text-decoration: underline;
}

.arops-content-wrap ul,
.arops-content-wrap ol,
.entry-content ul,
.entry-content ol {
  padding-left: 24px;
  margin: 18px 0;
  color: var(--arops-muted);
  font-size: 17px;
  line-height: 1.7;
}

.arops-content-wrap li + li,
.entry-content li + li {
  margin-top: 8px;
}

.arops-content-wrap blockquote,
.entry-content blockquote {
  border-left: 3px solid var(--arops-blue);
  background: var(--arops-blue-soft);
  padding: 18px 22px;
  border-radius: 0 var(--arops-radius-sm) var(--arops-radius-sm) 0;
  margin: 28px 0;
}

.arops-content-wrap blockquote p,
.entry-content blockquote p {
  color: var(--arops-navy);
  font-weight: 650;
  margin: 0;
}

.arops-card-grid {
  display: grid;
  gap: 20px;
  margin: 34px 0;
}

.arops-card-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.arops-card-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.arops-card-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }

.arops-card {
  background: var(--arops-white);
  border: 1px solid #e2e8f0;
  border-radius: var(--arops-radius-md);
  padding: 28px 24px;
  box-shadow: none;
}

.arops-card:hover {
  border-color: rgba(26,155,201,.45);
  box-shadow: var(--arops-shadow-card);
  transform: translateY(-2px);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.arops-card-eyebrow {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--arops-blue);
  margin-bottom: 12px;
}

.arops-card h3,
.arops-card-title {
  font-size: 18px;
  line-height: 1.28;
  font-weight: 850;
  color: var(--arops-navy);
  margin: 0 0 10px;
}

.arops-card p {
  font-size: 15px;
  line-height: 1.62;
  color: var(--arops-muted);
  margin: 0;
}

.arops-callout {
  background: var(--arops-blue-soft);
  border-left: 3px solid var(--arops-blue);
  border-radius: 0 var(--arops-radius-sm) var(--arops-radius-sm) 0;
  padding: 18px 22px;
  margin: 28px 0;
  color: var(--arops-navy);
  font-size: 16px;
  line-height: 1.65;
}

.arops-section {
  padding: var(--arops-section-y) 0;
}

.arops-section.alt {
  background: var(--arops-gray-100);
}

.arops-section.dark {
  background: var(--arops-navy);
  color: var(--arops-white);
}

.arops-section.dark h1,
.arops-section.dark h2,
.arops-section.dark h3 {
  color: var(--arops-white);
}

.arops-section.dark p {
  color: #b7c6d6;
}

.arops-cta-band {
  background: var(--arops-gray-100);
  padding: 72px 0;
  text-align: center;
  border-top: 1px solid var(--arops-gray-200);
}

.arops-cta-band h2 {
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.8px;
  font-weight: 900;
  color: var(--arops-navy);
  max-width: 760px;
  margin: 0 auto 16px;
}

.arops-cta-band p {
  font-size: 17px;
  color: var(--arops-muted);
  line-height: 1.65;
  max-width: 680px;
  margin: 0 auto 30px;
}

.arops-btn-row {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.wp-block-button__link,
.arops-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: var(--arops-blue);
  color: #fff !important;
  font-size: 14px;
  font-weight: 750;
  padding: 12px 20px;
  border-radius: var(--arops-radius-sm);
  border: 2px solid var(--arops-blue);
  text-decoration: none !important;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.wp-block-button__link:hover,
.arops-button:hover {
  background: var(--arops-blue-dark);
  border-color: var(--arops-blue-dark);
  transform: translateY(-1px);
}

.arops-button.outline,
.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--arops-navy) !important;
  border-color: var(--arops-gray-300);
}

.arops-button.outline:hover,
.is-style-outline .wp-block-button__link:hover {
  border-color: var(--arops-navy);
  background: transparent;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
select {
  width: 100%;
  border: 1px solid var(--arops-gray-300);
  border-radius: var(--arops-radius-sm);
  padding: 12px 14px;
  font-size: 15px;
  color: var(--arops-navy);
  background: #fff;
}

input:focus,
textarea:focus,
select:focus {
  outline: 2px solid rgba(26,155,201,.22);
  border-color: var(--arops-blue);
}

button,
input[type="submit"] {
  background: var(--arops-blue);
  color: #fff;
  border: 2px solid var(--arops-blue);
  border-radius: var(--arops-radius-sm);
  padding: 11px 18px;
  font-weight: 750;
  cursor: pointer;
}

button:hover,
input[type="submit"]:hover {
  background: var(--arops-blue-dark);
  border-color: var(--arops-blue-dark);
}

.arops-resource-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 30px;
}

.arops-resource-card {
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: var(--arops-radius-md);
  padding: 24px;
}

.arops-resource-type {
  font-size: 11px;
  font-weight: 800;
  color: var(--arops-blue);
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.arops-resource-card h3 {
  margin: 0 0 8px;
  font-size: 18px;
}

.arops-resource-card p {
  font-size: 14.5px;
  line-height: 1.6;
  margin: 0 0 14px;
}

.arops-post-list {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 48px;
}

.arops-post-item {
  padding: 28px 0;
  border-bottom: 1px solid var(--arops-gray-200);
}

.arops-post-item h2 {
  margin: 0 0 8px;
  font-size: 26px;
}

.arops-post-meta {
  font-size: 13px;
  color: #8a97a8;
  margin-bottom: 12px;
}

.arops-breadcrumb {
  font-size: 13px;
  color: #8a97a8;
  margin-bottom: 14px;
}

.arops-breadcrumb a {
  color: var(--arops-blue);
}

/* WordPress editor alignment helpers */
.alignwide {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

/* Responsive design system */
@media (max-width: 900px) {
  .arops-card-grid.cols-3,
  .arops-card-grid.cols-4,
  .arops-resource-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  :root {
    --arops-section-y: 58px;
  }

  .arops-page-hero {
    padding: 52px 0 38px;
  }

  .arops-content-wrap,
  .arops-post-list {
    padding: 0 20px;
  }

  .arops-page-title {
    font-size: 36px;
    letter-spacing: -0.8px;
  }

  .arops-page-subtitle {
    font-size: 16px;
  }

  .arops-content-wrap h2,
  .entry-content h2 {
    margin-top: 34px;
  }

  .arops-card-grid.cols-2,
  .arops-card-grid.cols-3,
  .arops-card-grid.cols-4,
  .arops-resource-list {
    grid-template-columns: 1fr;
  }

  .arops-card {
    padding: 22px 20px;
  }

  .arops-cta-band {
    padding: 58px 20px;
  }

  .arops-btn-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .arops-button,
  .wp-block-button__link {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .arops-page-title {
    font-size: 32px;
  }

  .arops-page-hero {
    padding: 44px 0 34px;
  }

  .arops-content-wrap p,
  .entry-content p,
  .arops-content-wrap ul,
  .arops-content-wrap ol {
    font-size: 16px;
  }
}


/* =========================================================
   ARops v15 Navigation Dropdowns + Cleaner Footer
   ========================================================= */

/* Header dropdown menu (desktop only). Explicitly scoped to min-width:
   769px so this floating, hover-triggered, absolutely-positioned
   dropdown can never again compete with the mobile-specific submenu
   rules elsewhere in this file regardless of where either one sits
   in source order. Previously this entire block had no media query
   at all, meaning it applied unconditionally, at every screen size,
   including mobile, where it silently fought the mobile override for
   the exact same selectors depending on cascade order alone. */
@media (min-width: 961px) {
  .nav-links {
    align-items: center;
  }

  .nav-links li {
    position: relative;
  }

  .nav-links .menu-item-has-children > a::after {
    content: "▾";
    display: inline-block;
    margin-left: 6px;
    font-size: 10px;
    line-height: 1;
    color: #1a9bc9;
    transform: translateY(-1px);
  }

  .nav-links .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    min-width: 210px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 18px 40px rgba(15,31,56,0.14);
    list-style: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
    z-index: 999;
  }

  .nav-links .sub-menu::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    width: 14px;
    height: 14px;
    background: #ffffff;
    border-left: 1px solid #e2e8f0;
    border-top: 1px solid #e2e8f0;
    transform: translateX(-50%) rotate(45deg);
  }

  .nav-links li:hover > .sub-menu,
  .nav-links li:focus-within > .sub-menu,
  .nav-links li.submenu-open > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }

  .nav-links li.menu-item-has-children {
    padding-bottom: 14px;
    margin-bottom: -14px;
  }

  .nav-links .sub-menu li {
    width: 100%;
  }

  .nav-links .sub-menu a {
    display: block;
    padding: 10px 12px;
    color: #26384f;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
  }

  .nav-links .sub-menu a:hover,
  .nav-links .sub-menu a:focus {
    color: #0f1f38;
    background: #e8f4fa;
    text-decoration: none;
  }
}

/* Cleaner premium footer */
footer {
  background: #0f1f38;
  padding: 60px 0 34px;
}

.footer-grid {
  grid-template-columns: minmax(280px, 1.25fr) repeat(3, minmax(150px, .7fr));
  gap: 54px;
  margin-bottom: 42px;
}

.footer-brand {
  max-width: 360px;
}

.footer-logo {
  width: 210px;
  height: auto;
  margin-bottom: 22px;
}

.footer-brand p {
  color: #d8e5f1;
  font-size: 15px;
  line-height: 1.7;
  max-width: 340px;
}

.footer-col h4 {
  color: #1a9bc9;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  margin-bottom: 17px;
}

.footer-col ul {
  gap: 9px;
}

.footer-col a {
  color: #8fb2d1;
  font-size: 14.5px;
  line-height: 1.65;
  transition: color .16s ease, transform .16s ease;
}

.footer-col a:hover {
  color: #ffffff;
  transform: translateX(2px);
  text-decoration: none;
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  padding-top: 24px;
}

.footer-bottom p {
  color: #9fb5ca;
  font-size: 12.5px;
}

.footer-legal {
  gap: 20px;
}

.footer-legal a {
  color: #8fb2d1;
  font-size: 12.5px;
  font-weight: 650;
}

.footer-legal a:hover {
  color: #ffffff;
}

/* Mobile dropdown behavior */
@media (max-width: 960px) {
  .nav-links .menu-item-has-children > a::after {
    float: right;
    margin-top: 6px;
  }

  .nav-links .sub-menu {
    position: static;
    transform: none;
    min-width: 0;
    width: 100%;
    padding: 0 0 4px 14px;
    margin: 0;
    border: 0;
    border-left: 2px solid #e8f4fa;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    background: transparent;
    display: block;
  }

  .nav-links .sub-menu::before {
    display: none;
  }

  .nav-links .sub-menu a {
    padding: 8px 0;
    font-size: 14px;
    background: transparent;
    color: #526174;
  }

  .nav-links .sub-menu a:hover {
    background: transparent;
    color: #1a9bc9;
  }
}

@media (max-width: 768px) {
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .footer-logo {
    width: 176px;
  }
}


/* =========================================================
   ARops v18 Image-Led Page Hero
   Uses WordPress page title as H1, excerpt as hero copy, and featured image as hero visual.
   Menu label and URL slug can still be different.
   ========================================================= */

.arops-page-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 25%, rgba(26,155,201,.20), transparent 36%),
    linear-gradient(180deg, #f7fafc 0%, #ffffff 100%);
  border-bottom: 1px solid #e5e7eb;
}

.arops-page-hero .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .78fr);
  gap: clamp(34px, 5vw, 72px);
  align-items: center;
  min-height: 420px;
  padding-top: 76px;
  padding-bottom: 76px;
}

.arops-page-hero-copy {
  max-width: 850px;
}

.arops-page-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  color: #1598c5;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.arops-page-hero-eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  border-radius: 999px;
  background: #1598c5;
}

.arops-page-hero h1 {
  margin: 0;
  max-width: 880px;
  color: #0f1f38;
  font-size: clamp(46px, 6vw, 76px);
  line-height: .98;
  letter-spacing: -1.9px;
  font-weight: 950;
}

.arops-page-hero-text {
  margin-top: 24px;
  max-width: 760px;
  color: #475569;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.62;
}

.arops-page-hero-visual {
  position: relative;
  min-height: 330px;
}

.arops-page-hero-image-shell {
  position: relative;
  overflow: hidden;
  min-height: 360px;
  border-radius: 22px;
  border: 1px solid rgba(15, 31, 56, .10);
  box-shadow: 0 28px 80px rgba(15, 31, 56, .18);
  background: #0f1f38;
}

.arops-page-hero-image-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(15,31,56,.08) 0%, rgba(15,31,56,.52) 100%),
    radial-gradient(circle at 22% 20%, rgba(26,155,201,.30), transparent 32%);
  pointer-events: none;
}

.arops-page-hero-image-shell img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: scale(1.02);
}

.arops-page-hero-card {
  position: absolute;
  left: -24px;
  bottom: -22px;
  max-width: 310px;
  padding: 18px 20px;
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(226,232,240,.95);
  box-shadow: 0 20px 56px rgba(15,31,56,.16);
  backdrop-filter: blur(12px);
}

.arops-page-hero-card strong {
  display: block;
  color: #0f1f38;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 6px;
}

.arops-page-hero-card span {
  display: block;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

.arops-page-hero-card-label {
  display: block;
  margin-bottom: 14px;
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.arops-page-hero-card h2 {
  margin: 0 0 20px;
  color: #0f1f38;
  font-size: 22px;
  line-height: 1.18;
  letter-spacing: -.03em;
  font-weight: 800;
}

.arops-page-hero-card-list {
  display: grid;
  gap: 2px;
}

.arops-page-hero-card-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-top: 1px solid #e5e7eb;
}

.arops-page-hero-card-row strong {
  color: #0f1f38;
  font-size: 14px;
  font-weight: 750;
  margin-bottom: 0;
}

.arops-page-hero-card-row em {
  color: #1598c5;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Standalone variant: used when a page has no featured image, so the
   card fills the visual column as a proper panel (matching the Who We
   Are hero card) instead of floating over an image that isn't there. */
.arops-page-hero-card.standalone {
  position: relative;
  left: auto;
  bottom: auto;
  max-width: none;
  width: 100%;
  padding: 28px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid #dbe4ee;
  box-shadow: 0 24px 70px rgba(11,23,47,.11);
  backdrop-filter: none;
  overflow: hidden;
}

.arops-page-hero-card.standalone::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 7px;
  background: linear-gradient(90deg, #1598c5, #0b172f);
}

.arops-page-hero.no-image .arops-page-hero-image-shell {
  display: none;
}

.arops-page-content {
  padding: 72px 0;
  background: #fff;
}

@media (max-width: 980px) {
  .arops-page-hero .wrap {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 54px;
    padding-bottom: 58px;
  }

  .arops-page-hero h1 {
    font-size: clamp(42px, 10vw, 64px);
  }

  .arops-page-hero-visual {
    min-height: auto;
  }

  .arops-page-hero-image-shell,
  .arops-page-hero-image-shell img {
    min-height: 320px;
  }

  .arops-page-hero-card {
    left: 18px;
    right: 18px;
    bottom: 18px;
    max-width: none;
  }
}

@media (max-width: 640px) {
  .arops-page-hero h1 {
    letter-spacing: -1.2px;
  }

  .arops-page-hero-text {
    font-size: 17px;
  }

  .arops-page-hero-image-shell,
  .arops-page-hero-image-shell img {
    min-height: 260px;
    border-radius: 18px;
  }

  .arops-page-content {
    padding: 52px 0;
  }
}


/* =========================================================
   ARops v20 Homepage SEO Content Section
   Safe visible content from WordPress Home page editor.
   Renders before the final CTA, not after the footer.
   ========================================================= */

.arops-home-seo-content {
  padding: 78px 0;
  background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
  border-top: 1px solid #e5e7eb;
}

.arops-home-seo-content .arops-content-wrap {
  max-width: 1080px;
}

.arops-home-seo-content h2:first-child {
  margin-top: 0;
}

.arops-home-seo-content .arops-card-grid {
  margin-top: 26px;
}

@media (max-width: 768px) {
  .arops-home-seo-content {
    padding: 54px 0;
  }
}


/* =========================================================
   ARops v21 Insights / Blog System
   Consistent single post and archive design.
   ========================================================= */

.arops-post-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 25%, rgba(26,155,201,.20), transparent 36%),
    linear-gradient(180deg, #f7fafc 0%, #ffffff 100%);
  border-bottom: 1px solid #e5e7eb;
}

.arops-post-hero .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .78fr);
  gap: clamp(34px, 5vw, 72px);
  align-items: center;
  min-height: 430px;
  padding-top: 76px;
  padding-bottom: 76px;
}

.arops-post-hero.no-image .wrap {
  grid-template-columns: 1fr;
  min-height: 360px;
}

.arops-post-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  color: #1598c5;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.arops-post-kicker::before {
  content: "";
  width: 28px;
  height: 2px;
  border-radius: 999px;
  background: #1598c5;
}

.arops-post-title {
  margin: 0;
  max-width: 920px;
  color: #0f1f38;
  font-size: clamp(42px, 5.6vw, 72px);
  line-height: 1;
  letter-spacing: -1.7px;
  font-weight: 950;
}

.arops-post-excerpt {
  margin-top: 24px;
  max-width: 760px;
  color: #475569;
  font-size: clamp(18px, 2vw, 21px);
  line-height: 1.62;
}

.arops-post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
  margin-top: 24px;
  color: #64748b;
  font-size: 14px;
  font-weight: 700;
}

.arops-post-meta a {
  color: #0f1f38;
  text-decoration: none;
}

.arops-post-visual {
  position: relative;
  min-height: 330px;
}

.arops-post-image-shell {
  position: relative;
  overflow: hidden;
  min-height: 360px;
  border-radius: 22px;
  border: 1px solid rgba(15, 31, 56, .10);
  box-shadow: 0 28px 80px rgba(15, 31, 56, .18);
  background: #0f1f38;
}

.arops-post-image-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(15,31,56,.08) 0%, rgba(15,31,56,.52) 100%),
    radial-gradient(circle at 22% 20%, rgba(26,155,201,.30), transparent 32%);
  pointer-events: none;
}

.arops-post-image-shell img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: scale(1.02);
}

.arops-post-hero-card {
  position: absolute;
  left: -24px;
  bottom: -22px;
  max-width: 310px;
  padding: 18px 20px;
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(226,232,240,.95);
  box-shadow: 0 20px 56px rgba(15,31,56,.16);
  backdrop-filter: blur(12px);
}

.arops-post-hero-card strong {
  display: block;
  color: #0f1f38;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 6px;
}

.arops-post-hero-card span {
  display: block;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

.arops-article-wrap {
  padding: 76px 0;
  background: #ffffff;
}

.arops-article-grid {
  display: grid;
  grid-template-columns: minmax(0, 760px) minmax(260px, 320px);
  gap: clamp(36px, 5vw, 72px);
  align-items: start;
}

.arops-article-content {
  color: #1f2937;
  font-size: 18px;
  line-height: 1.78;
}

.arops-article-content > *:first-child {
  margin-top: 0;
}

.arops-article-content h2 {
  margin-top: 48px;
  margin-bottom: 14px;
  color: #0f1f38;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.15;
  letter-spacing: -.5px;
  font-weight: 900;
}

.arops-article-content h3 {
  margin-top: 34px;
  margin-bottom: 10px;
  color: #0f1f38;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 900;
}

.arops-article-content p {
  margin: 0 0 22px;
}

.arops-article-content ul,
.arops-article-content ol {
  margin: 0 0 28px 22px;
  padding: 0;
}

.arops-article-content li {
  margin-bottom: 10px;
}

.arops-article-content blockquote {
  margin: 34px 0;
  padding: 24px 28px;
  border-left: 4px solid #1598c5;
  border-radius: 0 14px 14px 0;
  background: #f7fafc;
  color: #0f1f38;
  font-size: 21px;
  line-height: 1.55;
  font-weight: 800;
}

.arops-article-content a {
  color: #0f83ad;
  font-weight: 800;
}

.arops-article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 18px;
  border: 1px solid #e5e7eb;
}

.arops-article-sidebar {
  position: sticky;
  top: 96px;
}

.arops-sidebar-card {
  padding: 24px;
  border-radius: 18px;
  background: #f7fafc;
  border: 1px solid #e5e7eb;
  box-shadow: 0 14px 36px rgba(15,31,56,.06);
  margin-bottom: 18px;
}

.arops-sidebar-card h3 {
  margin: 0 0 10px;
  color: #0f1f38;
  font-size: 18px;
  font-weight: 900;
}

.arops-sidebar-card p {
  margin: 0 0 16px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.55;
}

.arops-post-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.arops-post-tags a,
.arops-category-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 10px;
  background: #e8f4fa;
  color: #0f83ad;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .03em;
}

.arops-related,
.arops-insights-archive {
  padding: 72px 0;
  background: #f7fafc;
  border-top: 1px solid #e5e7eb;
}

.arops-insights-archive {
  background: #ffffff;
}

.arops-insights-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.arops-post-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  box-shadow: 0 16px 44px rgba(15,31,56,.07);
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.arops-post-card:hover {
  transform: translateY(-3px);
  border-color: rgba(21,152,197,.42);
  box-shadow: 0 24px 60px rgba(15,31,56,.12);
}

.arops-post-card-image {
  aspect-ratio: 16 / 9;
  background: #e8f4fa;
  overflow: hidden;
}

.arops-post-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.arops-post-card-body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.arops-post-card-meta {
  margin-bottom: 12px;
  color: #1598c5;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 900;
}

.arops-post-card h2,
.arops-post-card h3 {
  margin: 0 0 12px;
  color: #0f1f38;
  font-size: 22px;
  line-height: 1.18;
  letter-spacing: -.2px;
  font-weight: 900;
}

.arops-post-card p {
  margin: 0 0 18px;
  color: #64748b;
  font-size: 15px;
  line-height: 1.55;
}

.arops-post-card-readmore {
  margin-top: auto;
  color: #0f83ad;
  font-size: 14px;
  font-weight: 900;
}

.arops-pagination {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 42px;
}

.arops-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  color: #0f1f38;
  text-decoration: none;
  font-weight: 900;
}

.arops-pagination .current,
.arops-pagination .page-numbers:hover {
  background: #1598c5;
  color: #ffffff;
  border-color: #1598c5;
}

@media (max-width: 1024px) {
  .arops-post-hero .wrap {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 54px;
    padding-bottom: 58px;
  }

  .arops-post-visual {
    min-height: auto;
  }

  .arops-post-image-shell,
  .arops-post-image-shell img {
    min-height: 320px;
  }

  .arops-post-hero-card {
    left: 18px;
    right: 18px;
    bottom: 18px;
    max-width: none;
  }

  .arops-article-grid {
    grid-template-columns: 1fr;
  }

  .arops-article-sidebar {
    position: static;
  }

  .arops-insights-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .arops-post-title {
    font-size: 40px;
    letter-spacing: -1.1px;
  }

  .arops-post-excerpt {
    font-size: 17px;
  }

  .arops-post-image-shell,
  .arops-post-image-shell img {
    min-height: 260px;
    border-radius: 18px;
  }

  .arops-article-wrap,
  .arops-related,
  .arops-insights-archive {
    padding: 52px 0;
  }

  .arops-article-content {
    font-size: 17px;
  }

  .arops-insights-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   ARops v22 Insights Overview Page
   Dynamic blog landing page with featured latest post, category chips,
   recent insights grid, pagination, and CTA.
   ========================================================= */

.arops-insights-hub-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 24%, rgba(26,155,201,.22), transparent 36%),
    radial-gradient(circle at 12% 18%, rgba(15,31,56,.08), transparent 34%),
    linear-gradient(180deg, #f7fafc 0%, #ffffff 100%);
  border-bottom: 1px solid #e5e7eb;
}

.arops-insights-hub-hero .wrap {
  min-height: 390px;
  padding-top: 78px;
  padding-bottom: 64px;
}

.arops-insights-hub-copy {
  max-width: 980px;
}

.arops-insights-hub-copy h1 {
  margin: 0;
  max-width: 940px;
  color: #0f1f38;
  font-size: clamp(48px, 6vw, 78px);
  line-height: .98;
  letter-spacing: -1.9px;
  font-weight: 950;
}

.arops-insights-hub-copy p {
  max-width: 760px;
  margin: 24px 0 0;
  color: #475569;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.62;
}

.arops-insights-category-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.arops-insights-category-row a {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 9px 13px;
  background: #ffffff;
  color: #0f1f38;
  text-decoration: none;
  border: 1px solid #dbe4ec;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(15,31,56,.05);
}

.arops-insights-category-row a:hover {
  color: #0f83ad;
  border-color: rgba(21,152,197,.42);
}

.arops-insights-overview {
  padding: 72px 0;
  background: #ffffff;
}

.arops-featured-insight {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(26px, 4vw, 44px);
  align-items: stretch;
  overflow: hidden;
  margin-bottom: 54px;
  border-radius: 24px;
  border: 1px solid #e5e7eb;
  background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);
  box-shadow: 0 26px 70px rgba(15,31,56,.10);
  text-decoration: none;
}

.arops-featured-insight:hover {
  border-color: rgba(21,152,197,.42);
  box-shadow: 0 30px 84px rgba(15,31,56,.14);
}

.arops-featured-insight-image {
  min-height: 360px;
  background: #0f1f38;
  overflow: hidden;
}

.arops-featured-insight-image img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  display: block;
  transform: scale(1.02);
}

.arops-featured-insight-body {
  padding: clamp(28px, 4vw, 46px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.arops-featured-label {
  margin-bottom: 14px;
  color: #1598c5;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 950;
}

.arops-featured-insight h2 {
  margin: 0 0 18px;
  color: #0f1f38;
  font-size: clamp(30px, 3.5vw, 46px);
  line-height: 1.06;
  letter-spacing: -.8px;
  font-weight: 950;
}

.arops-featured-insight p {
  margin: 0 0 22px;
  color: #475569;
  font-size: 17px;
  line-height: 1.68;
}

.arops-featured-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-bottom: 18px;
  color: #64748b;
  font-size: 14px;
  font-weight: 800;
}

.arops-featured-readmore {
  color: #0f83ad;
  font-size: 15px;
  font-weight: 950;
}

.arops-insights-section-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 26px;
}

.arops-insights-section-head h2 {
  margin: 0;
  color: #0f1f38;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -.6px;
}

.arops-insights-section-head p {
  max-width: 520px;
  margin: 0;
  color: #64748b;
  font-size: 16px;
  line-height: 1.62;
}

.arops-insights-empty {
  padding: 34px;
  border-radius: 18px;
  background: #f7fafc;
  border: 1px solid #e5e7eb;
}

@media (max-width: 900px) {
  .arops-featured-insight {
    grid-template-columns: 1fr;
  }

  .arops-featured-insight-image,
  .arops-featured-insight-image img {
    min-height: 300px;
  }

  .arops-insights-section-head {
    display: block;
  }

  .arops-insights-section-head p {
    margin-top: 10px;
  }
}

@media (max-width: 640px) {
  .arops-insights-hub-hero .wrap {
    min-height: auto;
    padding-top: 54px;
    padding-bottom: 52px;
  }

  .arops-insights-hub-copy h1 {
    font-size: 42px;
    letter-spacing: -1.1px;
  }

  .arops-insights-hub-copy p {
    font-size: 17px;
  }

  .arops-insights-overview {
    padding: 52px 0;
  }

  .arops-featured-insight {
    border-radius: 20px;
    margin-bottom: 42px;
  }

  .arops-featured-insight-image,
  .arops-featured-insight-image img {
    min-height: 240px;
  }
}


/* =========================================================
   ARops v23 Insights Hub Featured Image + SEO Intro
   Uses Posts page featured image in the Insights hero and renders
   Posts page editor content before the dynamic post list.
   ========================================================= */

.arops-insights-hub-hero.has-image .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .78fr);
  gap: clamp(34px, 5vw, 72px);
  align-items: center;
}

.arops-insights-hub-visual {
  position: relative;
  min-height: 330px;
}

.arops-insights-hub-image-shell {
  position: relative;
  overflow: hidden;
  min-height: 360px;
  border-radius: 22px;
  border: 1px solid rgba(15, 31, 56, .10);
  box-shadow: 0 28px 80px rgba(15, 31, 56, .18);
  background: #0f1f38;
}

.arops-insights-hub-image-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(15,31,56,.08) 0%, rgba(15,31,56,.52) 100%),
    radial-gradient(circle at 22% 20%, rgba(26,155,201,.30), transparent 32%);
  pointer-events: none;
}

.arops-insights-hub-image-shell img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: scale(1.02);
}

.arops-insights-hub-card {
  position: absolute;
  left: -24px;
  bottom: -22px;
  max-width: 310px;
  padding: 18px 20px;
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(226,232,240,.95);
  box-shadow: 0 20px 56px rgba(15,31,56,.16);
  backdrop-filter: blur(12px);
}

.arops-insights-hub-card strong {
  display: block;
  color: #0f1f38;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 6px;
}

.arops-insights-hub-card span {
  display: block;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

.arops-insights-editor-intro {
  padding: 66px 0 0;
  background: #ffffff;
}

.arops-insights-editor-intro .arops-content-wrap {
  max-width: 1080px;
}

.arops-insights-editor-intro h2:first-child {
  margin-top: 0;
}

@media (max-width: 980px) {
  .arops-insights-hub-hero.has-image .wrap {
    grid-template-columns: 1fr;
  }

  .arops-insights-hub-visual {
    min-height: auto;
  }

  .arops-insights-hub-image-shell,
  .arops-insights-hub-image-shell img {
    min-height: 320px;
  }

  .arops-insights-hub-card {
    left: 18px;
    right: 18px;
    bottom: 18px;
    max-width: none;
  }
}

@media (max-width: 640px) {
  .arops-insights-hub-image-shell,
  .arops-insights-hub-image-shell img {
    min-height: 260px;
    border-radius: 18px;
  }

  .arops-insights-editor-intro {
    padding-top: 46px;
  }
}



.site-nav .nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
}



.site-nav .nav-inner {
  justify-content: space-between !important;
  gap: 16px !important;
}

@media (max-width: 640px) {
  .site-nav .nav-inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .site-nav .nav-actions {
    gap: 10px !important;
  }


  .site-nav .btn-demo {
    padding: 10px 12px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
}


/* =========================================================
   ARops v31 Temporary Launch Header
   REMOVED (theme v45): this entire block force-hid the real
   nav menu, hamburger toggle, and login link site-wide, and
   restyled the header into a stripped logo + Insights + Schedule
   Demo layout. It was a second, separate leftover restriction
   from the same pre-launch era as the block already removed in
   v43, this one used a different, more specific selector list
   (#primary-navigation, .primary-menu, .menu-toggle, .hamburger,
   .btn-login) which is why it survived that earlier cleanup.
   Confirmed via live DevTools inspection that this exact rule,
   at this exact selector list, was still suppressing the real
   menu after v43/v44 were activated.
   ========================================================= */

/* =========================================================
   ARops v34 homepage, SEO/GEO, performance, and launch fixes
   ========================================================= */

.arops-home-v34 .ar-v34-hero { padding: 72px 0 64px; background: linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%); }
.arops-home-v34 .ar-v34-hero-inner { grid-template-columns: minmax(0, 1.02fr) minmax(360px, .78fr); gap: 54px; align-items: center; }
.arops-home-v34 .ar-v34-h1 { font-size: clamp(44px, 5.25vw, 76px); line-height: .94; letter-spacing: -2.6px; max-width: 760px; margin-bottom: 26px; }
.arops-home-v34 .ar-v34-hero-body { font-size: clamp(18px, 1.45vw, 22px); line-height: 1.58; color: #334155; max-width: 720px; margin-bottom: 28px; }
.arops-home-v34 .ar-v34-hero-cta { margin-bottom: 34px; flex-wrap: wrap; }
.arops-home-v34 .ar-v34-trust { max-width: 720px; }
.arops-home-v34 .ar-v34-trust .trust-item { flex: 1; min-width: 0; }
.arops-home-v34 .ar-v34-trust .trust-val { white-space: normal; }

.ar-v34-hero-panel { border: 1px solid #dbe4ee; background: #ffffff; border-radius: 20px; box-shadow: 0 18px 60px rgba(15,31,56,.12); padding: 22px; min-height: 430px; position: relative; overflow: hidden; }
.ar-v34-hero-panel::before { content: ""; position: absolute; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, #1598c5, #0f1f38); }
.ar-v34-panel-top { display: flex; justify-content: space-between; gap: 18px; align-items: center; color: #64748b; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; margin: 10px 0 28px; }
.ar-v34-panel-top strong { display: inline-flex; align-items: center; gap: 6px; color: #1598c5; }
.ar-v34-pulse-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1598c5;
  animation: ar-v34-pulse 1.6s ease-in-out infinite;
}
@keyframes ar-v34-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .35; }
}
.ar-v34-score-row { display: grid; grid-template-columns: 1fr 96px; gap: 18px; align-items: center; margin-bottom: 22px; }
.ar-v34-score-row strong { display: block; font-size: 24px; line-height: 1.1; color: #0f1f38; }
.ar-v34-score-label, .ar-v34-panel-grid span, .ar-v34-finding-card span { display: block; color: #64748b; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 7px; }
.ar-v34-risk-score {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(#1a9bc9 0% 95%, #e2e8f0 95% 100%);
  padding: 6px;
  transition: background 1.3s cubic-bezier(.2,.7,.3,1);
}
.ar-v34-risk-score span {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #0f1f38;
  font-size: 30px;
  font-weight: 900;
}
.ar-v34-panel-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.ar-v34-panel-grid div { border: 1px solid #e2e8f0; border-radius: 14px; padding: 16px; background: #f8fafc; opacity: 1; transform: translateY(0); transition: opacity .45s ease, transform .45s ease; }
.ar-v34-panel-grid.ar-v34-tiles-init div { opacity: 0; transform: translateY(10px); }
.ar-v34-panel-grid div:nth-child(1) { transition-delay: 0s; }
.ar-v34-panel-grid div:nth-child(2) { transition-delay: .12s; }
.ar-v34-panel-grid div:nth-child(3) { transition-delay: .24s; }
.ar-v34-panel-grid div:nth-child(4) { transition-delay: .36s; }
.ar-v34-panel-grid div:nth-child(1) { background: #e6f1fb; border-color: #cfe4f7; }
.ar-v34-panel-grid div:nth-child(1) span { color: #185fa5; }
.ar-v34-panel-grid div:nth-child(2) { background: #eaf3de; border-color: #d7e8c5; }
.ar-v34-panel-grid div:nth-child(2) span { color: #3b6d11; }
.ar-v34-panel-grid div:nth-child(3) { background: #faeeda; border-color: #f2e0c2; }
.ar-v34-panel-grid div:nth-child(3) span { color: #854f0b; }
.ar-v34-panel-grid div:nth-child(4) { background: #fbeaf0; border-color: #f2d4e0; }
.ar-v34-panel-grid div:nth-child(4) span { color: #993556; }
.ar-v34-panel-grid strong { font-size: 14px; line-height: 1.25; color: #0f1f38; }
.ar-v34-finding-card { border-radius: 16px; padding: 18px; background: #0f1f38; color: #dbeafe; }
.ar-v34-finding-card span { color: #7dd3fc; }
.ar-v34-finding-card p { margin: 0; font-size: 14px; line-height: 1.55; color: #e5edf5; }

.ar-v34-value .section-sub, .ar-v34-router .section-sub { margin-bottom: 40px; }
.ar-v34-value-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; margin-top: 44px; }
.ar-v34-value-card { border-radius: 16px; padding: 30px; }
.ar-v34-value-card h3 { font-size: 22px; letter-spacing: -.3px; }
.ar-v34-diff-band { margin-top: 24px; padding: 20px 24px; border: 1px solid #bfe7f2; border-left: 5px solid #1598c5; border-radius: 16px; background: #e8f7fb; color: #334155; font-size: 16px; line-height: 1.55; }
.ar-v34-diff-band strong { color: #0f1f38; }

.ar-v34-router-grid { margin-top: 44px; }
.ar-v34-route-card .uc-body h3 { font-size: 22px; margin-bottom: 12px; }
.ar-v34-route-card .uc-body p { min-height: 92px; margin-bottom: 0; }

.ar-v34-method-grid { margin-top: 0; }
.ar-v34-steps .question-item { background: #ffffff; padding-left: 22px; padding-right: 22px; border: 1px solid #e2e8f0; border-radius: 16px; margin-bottom: 14px; }
.ar-v34-output-grid { margin-top: 42px; }
.ar-v34-output-grid .outcome-card { border-radius: 16px; }

.ar-v34-proof-box { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1fr); gap: 42px; align-items: center; border: 1px solid #dbe4ee; border-radius: 22px; padding: 42px; background: #ffffff; box-shadow: 0 14px 50px rgba(15,31,56,.06); }
.ar-v34-proof-box p:last-child { font-size: 17px; line-height: 1.7; color: #475569; margin: 0; }

.ar-v34-faq-grid { max-width: 900px; margin: 38px auto 0; display: grid; gap: 14px; }
.ar-v34-faq details { background: #ffffff; border: 1px solid #dbe4ee; border-radius: 16px; padding: 18px 20px; }
.ar-v34-faq summary { cursor: pointer; color: #0f1f38; font-weight: 900; font-size: 16px; }
.ar-v34-faq details p { margin: 12px 0 0; color: #475569; line-height: 1.65; }

.ar-v34-final .section-h2, .ar-v34-final .section-sub { color: #ffffff; }
.ar-v34-final .section-sub { color: #d1d9e0; }
.ar-v34-final .btn-outline { color: #ffffff; border-color: rgba(255,255,255,.55); }
.ar-v34-final .btn-outline:hover { border-color: #ffffff; }

/* Launch header / menu control
   REMOVED (theme v43): this block was hiding .nav-links (the entire
   primary menu) and the footer's link columns site-wide, unconditionally,
   from before the real site pages existed. It's why "Insights" and
   "Schedule a Demo" needed special exemptions to stay visible at all,
   everything else in the header and footer was suppressed regardless
   of what the menu or footer markup actually contained. Now that the
   real pages exist, this restriction is lifted so the real menu
   (arops_clean_primary_menu_fallback in functions.php) and the real
   footer columns in footer.php can actually show. */

/* AI-search extraction helpers */
.arops-home-v34 h1,
.arops-home-v34 h2,
.arops-home-v34 h3 { text-wrap: balance; }
.arops-home-v34 section { content-visibility: auto; contain-intrinsic-size: 1px 720px; }
.arops-home-v34 .ar-v34-hero { content-visibility: visible; contain-intrinsic-size: auto; }

/* CLS and mobile performance */
@media (max-width: 960px) {
  .arops-home-v34 .ar-v34-hero-inner,
  .ar-v34-proof-box,
  .problem-grid.ar-v34-method-grid { grid-template-columns: 1fr; }
  .ar-v34-hero-panel { min-height: 360px; }
  .ar-v34-value-grid { grid-template-columns: 1fr; }
  .ar-v34-output-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .site-nav,
  header.site-header,
  .site-header { min-height: 72px !important; }
  .site-nav .wrap,
  .site-nav .nav-inner { min-height: 58px !important; height: 58px !important; padding-left: 18px !important; padding-right: 18px !important; }
  .site-nav .nav-logo img { max-width: 158px !important; height: auto !important; }
  .site-nav .nav-actions { gap: 10px !important; }
  .site-nav .btn-demo { padding: 8px 12px !important; font-size: 12px !important; }

  .arops-home-v34 .ar-v34-hero { padding: 44px 0 48px; min-height: 720px; }
  .arops-home-v34 .ar-v34-hero-inner { padding-left: 22px; padding-right: 22px; gap: 30px; }
  .arops-home-v34 .ar-v34-h1 { font-size: clamp(42px, 12vw, 58px) !important; line-height: .94 !important; letter-spacing: -1.8px !important; }
  .arops-home-v34 .ar-v34-hero-body { font-size: 17px; }
  .arops-home-v34 .ar-v34-trust { display: grid; grid-template-columns: 1fr; gap: 12px; border-top: 0; padding-top: 0; }
  .arops-home-v34 .ar-v34-trust .trust-item { border-right: 0; border-top: 1px solid #e8eaed; padding: 12px 0 0; margin: 0; }
  .ar-v34-score-row { grid-template-columns: 1fr 78px; }
  .ar-v34-risk-score { width: 78px; height: 78px; }
  .ar-v34-risk-score span { font-size: 24px; }
  .ar-v34-panel-grid { grid-template-columns: 1fr; }
  .ar-v34-value-card,
  .ar-v34-proof-box { padding: 24px; }
  .ar-v34-output-grid { grid-template-columns: 1fr; }
  .ar-v34-route-card .uc-body p { min-height: 0; }

  .hero,
  .home-hero,
  .hero-section,
  .arops-hero,
  .arops-usecases-hero,
  .arops-sub-hero,
  .page-hero,
  .entry-header,
  .post-header,
  .article-header { min-height: 260px !important; }

  .hero-visual,
  .hero-image,
  .hero-media,
  .arops-hero-visual,
  .hero-card,
  .hero-screenshot,
  .product-shot,
  .featured-image,
  .post-thumbnail,
  .entry-thumbnail,
  .single-featured-image,
  .post-hero-image { display: block !important; width: 100% !important; min-height: 220px !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; }

  .hero-visual img,
  .hero-image img,
  .hero-media img,
  .arops-hero-visual img,
  .hero-card img,
  .hero-screenshot img,
  .product-shot img,
  .featured-image img,
  .post-thumbnail img,
  .entry-thumbnail img,
  .single-featured-image img,
  .post-hero-image img,
  img.wp-post-image { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; }

  #trustedsite-tm-image,
  #trustedsite-tm-widget,
  iframe[src*="trustedsite"],
  div[id*="trustedsite"],
  div[class*="trustedsite"],
  iframe[src*="trust"],
  div[id*="trustbadge"],
  div[class*="trustbadge"] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; width: 0 !important; height: 0 !important; }

  .arops-usecase-card,
  .arops-next-grid article,
  .arops-proof-grid article,
  .arops-model-grid article,
  .arops-package-grid article,
  .arops-why-grid article,
  .arops-problem-grid article,
  .arops-bid-grid article,
  .arops-use-grid article,
  .arops-report-grid article,
  .arops-fit-grid article { min-height: 180px !important; }

  * { animation-duration: .001s !important; transition-duration: .001s !important; scroll-behavior: auto !important; }
}


/* =========================================================
   ARops v36 homepage visual correction
   Fixes oversized hero title, centers the risk picture panel,
   and vertically centers the 01/02/03 methodology cards.
   ========================================================= */

@media (min-width: 961px) {
  .arops-home-v34 .ar-v34-hero {
    padding: 66px 0 60px !important;
  }

  .arops-home-v34 .ar-v34-hero-inner {
    max-width: 1280px !important;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.78fr) !important;
    gap: 56px !important;
    align-items: center !important;
  }

  .arops-home-v34 .ar-v34-h1 {
    font-size: clamp(44px, 3.65vw, 60px) !important;
    line-height: 0.98 !important;
    letter-spacing: -1.9px !important;
    max-width: 650px !important;
    margin-bottom: 24px !important;
  }

  .arops-home-v34 .ar-v34-hero-body {
    font-size: clamp(17px, 1.22vw, 20px) !important;
    line-height: 1.58 !important;
    max-width: 690px !important;
  }

  .arops-home-v34 .ar-v34-hero-panel {
    width: min(100%, 500px) !important;
    max-width: 500px !important;
    min-height: 420px !important;
    justify-self: center !important;
    align-self: center !important;
  }
}

.arops-home-v34 .ar-v34-steps .question-item {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 108px !important;
  padding: 22px 28px !important;
}

.arops-home-v34 .ar-v34-steps .question-item .q-num {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  text-align: center !important;
}

.arops-home-v34 .ar-v34-steps .question-item .q-text {
  display: block !important;
  align-self: center !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

@media (max-width: 960px) {
  .arops-home-v34 .ar-v34-hero-panel {
    width: min(100%, 520px) !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 760px) {
  .arops-home-v34 .ar-v34-h1 {
    font-size: clamp(36px, 10.5vw, 50px) !important;
    line-height: 1 !important;
    letter-spacing: -1.25px !important;
  }

  .arops-home-v34 .ar-v34-steps .question-item {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 16px !important;
    min-height: 96px !important;
    padding: 20px 18px !important;
  }
}

/* =========================================================
   ARops v38 mobile/header correction
   ========================================================= */

/* Remove the small hero outcome strip completely. The value section below carries this message better. */
.arops-home-v34 .ar-v34-trust,
.arops-home-v34 .hero-trust {
  display: none !important;
}

/* Keep the hero balanced after removing the strip. */
.arops-home-v34 .ar-v34-hero-cta {
  margin-bottom: 0 !important;
}



/* Desktop header balance */
.site-nav .nav-inner {
  min-height: 74px !important;
  align-items: center !important;
}

.site-nav .nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

@media (max-width: 760px) {
  /* Mobile header sizing */
  .site-nav,
  header.site-header,
  .site-header {
    min-height: 86px !important;
    height: auto !important;
    overflow: visible !important;
  }

  .site-nav .wrap,
  .site-nav .nav-inner,
  .header-inner {
    min-height: 76px !important;
    height: auto !important;
    padding: 10px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  .site-nav .brand,
  .site-nav .nav-logo,
  .site-nav .site-branding,
  .site-nav .custom-logo-link {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .site-nav .brand img,
  .site-nav .nav-logo img,
  .site-nav .site-branding img,
  .site-nav .custom-logo,
  .site-nav .custom-logo-link img {
    width: auto !important;
    max-width: 138px !important;
    height: auto !important;
    max-height: 52px !important;
    object-fit: contain !important;
    object-position: left center !important;
    display: block !important;
  }

  .site-nav .nav-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
  }


  .site-nav .btn-demo,
  .site-header .btn-demo,
  .site-header .schedule-demo,
  .site-header a[href*="demo"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  /* Hero mobile: stop giant typography and remove forced extra height. */
  .arops-home-v34 .ar-v34-hero,
  .arops-home-v34 .hero,
  .ar-v34-hero {
    padding-top: 44px !important;
    padding-bottom: 46px !important;
    min-height: 0 !important;
  }

  .arops-home-v34 .ar-v34-hero-inner,
  .hero-inner.ar-v34-hero-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .arops-home-v34 .ar-v34-h1,
  .arops-home-v34 .hero-h1,
  .ar-v34-h1,
  .hero-h1 {
    font-size: clamp(42px, 10.6vw, 54px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    max-width: 100% !important;
    margin-bottom: 22px !important;
    text-wrap: balance !important;
    word-spacing: normal !important;
  }

  .arops-home-v34 .ar-v34-h1 br,
  .ar-v34-h1 br,
  .hero-h1 br {
    display: none !important;
  }

  .arops-home-v34 .ar-v34-hero-body,
  .hero-body-text.ar-v34-hero-body {
    font-size: 18px !important;
    line-height: 1.55 !important;
    margin-bottom: 28px !important;
  }

  .arops-home-v34 .ar-v34-hero-cta,
  .hero-cta.ar-v34-hero-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
    margin-bottom: 0 !important;
  }

  .arops-home-v34 .ar-v34-hero-cta a,
  .hero-cta.ar-v34-hero-cta a {
    width: 100% !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
  }

  /* Risk picture card mobile spacing. */
  .ar-v34-hero-panel {
    margin-top: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 20px !important;
  }

  .ar-v34-score-row {
    grid-template-columns: minmax(0, 1fr) 78px !important;
    gap: 16px !important;
  }

  .ar-v34-score-row strong {
    font-size: 28px !important;
    line-height: 1.06 !important;
  }

  .ar-v34-risk-score {
    width: 78px !important;
    height: 78px !important;
  }

  .ar-v34-risk-score span {
    font-size: 24px !important;
  }

  .ar-v34-panel-grid {
    grid-template-columns: 1fr !important;
  }

  /* Cleaner value cards on mobile. */
  .ar-v34-value-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-top: 28px !important;
  }

  .ar-v34-value-card {
    padding: 24px !important;
  }
}

@media (max-width: 390px) {
  .site-nav .brand img,
  .site-nav .nav-logo img,
  .site-nav .site-branding img,
  .site-nav .custom-logo,
  .site-nav .custom-logo-link img {
    max-width: 126px !important;
  }


  .site-nav .btn-demo,
  .site-header .btn-demo,
  .site-header .schedule-demo,
  .site-header a[href*="demo"] {
    font-size: 11px !important;
    padding: 0 11px !important;
  }
}

/* Homepage internal links (v50). Site-wide default (a { color: inherit;
   text-decoration: none; }) makes links invisible in plain content,
   this gives the homepage's internal links their own visible styling. */
.arops-home-v34 .ar-v34-diff-band a,
.arops-home-v34 .ar-v34-proof-box p a,
.arops-home-v34 .problem-left p a {
  color: #1598c5;
  text-decoration: underline;
  font-weight: 700;
}

.arops-home-v34 .ar-v34-diff-band a:hover,
.arops-home-v34 .ar-v34-proof-box p a:hover,
.arops-home-v34 .problem-left p a:hover {
  color: #0f1f38;
}

.arops-home-v34 .uc-body h3 a,
.arops-home-v34 .outcome-card h3 a {
  color: #0f1f38;
  text-decoration: none;
  border-bottom: 2px solid #1598c5;
}

.arops-home-v34 .uc-body h3 a:hover,
.arops-home-v34 .outcome-card h3 a:hover {
  color: #1598c5;
}

.ar-v34-faq-more {
  text-align: center;
  margin-top: 24px;
}

.ar-v34-faq-more a {
  color: #1598c5;
  font-weight: 700;
  text-decoration: none;
}

.ar-v34-faq-more a:hover {
  text-decoration: underline;
}