.av-about-page{
      --av-bg:#ffffff;
      --av-text:#0f172a;
      --av-muted:#64748b;
      --av-line:#e2e8f0;
      --av-accent:#ff4d2e;
      --av-card:#ffffff;
      --av-radius:18px;
      --av-shadow: 0 18px 45px rgba(15,23,42,.10);
      background: var(--av-bg);
      color: var(--av-text);
    }

    .av-container{
      max-width:1180px;
      margin:0 auto;
      padding:0 18px;
    }

    /* Hero + breadcrumb (required) */
    .av-hero{
      padding:52px 0 44px;
      text-align:center;
      background:
        radial-gradient(1000px 400px at 50% -30%, rgba(255,77,46,.15), transparent 60%),
        linear-gradient(180deg,#fff6ee,#ffffff);
      border-bottom:1px solid var(--av-line);
    }
    .av-hero-title{
      margin:0;
      font-size:clamp(34px,4vw,46px);
      letter-spacing:-0.03em;
    }
    .av-breadcrumb{
      margin-top:10px;
      font-size:14px;
      color:var(--av-muted);
    }
    .av-breadcrumb a{
      color:var(--av-text);
      text-decoration:none;
    }
    .av-breadcrumb span{
      margin:0 6px;
      color:#94a3b8;
    }
    .av-breadcrumb .current{
      color:var(--av-accent);
      font-weight:600;
    }

    .av-section{ padding:64px 0; }

    /* Intro split */
    .av-split{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:36px;
      align-items:center;
    }
    .av-kicker{
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid var(--av-line);
      background:#fff;
      color:var(--av-muted);
      font-size:13px;
      width:fit-content;
      margin-bottom:14px;
    }
    .av-kicker-dot{
      width:8px;height:8px;border-radius:999px;
      background:var(--av-accent);
      box-shadow:0 0 0 4px rgba(255,77,46,.15);
    }
    .av-h2{
      margin:0 0 12px;
      font-size:clamp(30px,3.2vw,42px);
      line-height:1.08;
      letter-spacing:-0.03em;
    }
    .av-lead{
      margin:0 0 16px;
      color:var(--av-muted);
      line-height:1.7;
      font-size:16px;
    }

    .av-points{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      margin-top:18px;
    }
    .av-point{
      border:1px solid var(--av-line);
      background:#fff;
      border-radius:16px;
      padding:14px;
      display:flex;
      gap:10px;
      align-items:flex-start;
    }
    .av-point svg{ width:18px;height:18px; margin-top:2px; }
    .av-point b{ display:block; margin-bottom:4px; }
    .av-point span{ color:var(--av-muted); font-size:14px; line-height:1.5; }

    .av-media{
      border-radius:22px;
      overflow:hidden;
      box-shadow:var(--av-shadow);
      border:1px solid var(--av-line);
      background:#fff;
      position:relative;
      min-height:360px;
    }
    /* Stock image placeholder: replace this URL with your own hosted image if needed */
    .av-media img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
    }
    .av-media-badge{
      position:absolute;
      left:14px; bottom:14px;
      padding:10px 12px;
      border-radius:14px;
      background:rgba(15,23,42,.72);
      color:#fff;
      border:1px solid rgba(255,255,255,.18);
      backdrop-filter: blur(8px);
      font-size:13px;
      line-height:1.3;
      max-width:70%;
    }
    .av-media-badge b{ display:block; font-size:14px; }

    /* Values */
    .av-grid3{
      margin-top:30px;
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:14px;
    }
    .av-card{
      background:var(--av-card);
      border:1px solid var(--av-line);
      border-radius:18px;
      box-shadow:var(--av-shadow);
      padding:18px;
    }
    .av-card-top{
      display:flex;
      gap:10px;
      align-items:center;
      margin-bottom:10px;
    }
    .av-ico{
      width:44px;height:44px;
      border-radius:14px;
      background:rgba(255,77,46,.10);
      display:grid;
      place-items:center;
    }
    .av-ico svg{ width:22px;height:22px; fill:var(--av-accent); }
    .av-card h3{ margin:0; font-size:16px; }
    .av-card p{ margin:0; color:var(--av-muted); line-height:1.7; font-size:14px; }

    /* Stats band */
    .av-band{
      margin-top:28px;
      border:1px solid var(--av-line);
      border-radius:22px;
      overflow:hidden;
      background:
        radial-gradient(800px 200px at 20% -30%, rgba(255,77,46,.14), transparent 60%),
        linear-gradient(180deg,#ffffff,#ffffff);
      box-shadow:var(--av-shadow);
    }
    .av-band-inner{
      padding:22px;
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      gap:14px;
    }
    .av-stat{
      padding:14px;
      border-radius:18px;
      border:1px solid var(--av-line);
      background:#fff;
    }
    .av-stat b{ font-size:20px; display:block; }
    .av-stat span{ color:var(--av-muted); font-size:13px; }

    /* CTA */
    .av-cta{
      margin-top:50px;
      padding:34px;
      border-radius:22px;
      border:1px solid var(--av-line);
      background:
        radial-gradient(900px 300px at 50% -40%, rgba(255,77,46,.18), transparent 60%),
        linear-gradient(180deg,#ffffff,#ffffff);
      box-shadow:var(--av-shadow);
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:18px;
      align-items:center;
    }
    .av-cta h3{
      margin:0 0 8px;
      font-size:22px;
      letter-spacing:-0.02em;
    }
    .av-cta p{ margin:0; color:var(--av-muted); line-height:1.7; }
    .av-cta-actions{
      display:flex;
      gap:12px;
      justify-content:flex-end;
      flex-wrap:wrap;
    }
    .av-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border:none;
      background:var(--av-accent);
      color:#fff;
      padding:12px 16px;
      border-radius:12px;
      font-weight:700;
      cursor:pointer;
      box-shadow:0 12px 26px rgba(255,77,46,.28);
      text-decoration:none;
      white-space:nowrap;
    }
    .av-btn:hover{ filter:brightness(.95); }
    .av-btn.secondary{
      background:#fff;
      color:var(--av-text);
      border:1px solid var(--av-line);
      box-shadow:none;
    }

    @media(max-width: 980px){
      .av-grid3{ grid-template-columns:1fr 1fr; }
      .av-band-inner{ grid-template-columns:1fr 1fr; }
      .av-cta{ grid-template-columns:1fr; }
      .av-cta-actions{ justify-content:flex-start; }
    }
    @media(max-width: 900px){
      .av-split{ grid-template-columns:1fr; }
      .av-media{ min-height:320px; }
    }
    @media(max-width: 560px){
      .av-points{ grid-template-columns:1fr; }
      .av-grid3{ grid-template-columns:1fr; }
      .av-band-inner{ grid-template-columns:1fr; }
    }