/* how-we-work page styles (ported). */
.h-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(120% 130% at 20% 20%, #6e3aa0 0%, #5d2f88 38%, #3c1c5c 76%, #281340 100%)}
  .h-hero .wrap{position:relative;z-index:3;padding-block:64px 56px}
  .h-hero h1{font-size:clamp(2.1rem,4.6vw,3.35rem);font-weight:800;letter-spacing:-.015em;line-height:1.06;margin:16px 0 0;text-transform:uppercase}
  .h-hero .lead{color:rgba(255,255,255,.82);font-size:1.1rem;line-height:1.7;margin:20px 0 0;max-width:66ch}

  .flow{position:relative}
  .fstep{display:grid;grid-template-columns:64px 1fr;gap:26px;padding:0 0 40px;position:relative}
  .fstep:last-child{padding-bottom:0}
  .fstep .no{width:64px;height:64px;border-radius:16px;background:linear-gradient(150deg,var(--purple),var(--purple-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-playfair),Georgia,serif;font-size:1.5rem;font-weight:700;flex:0 0 auto;z-index:2}
  .fstep::before{content:"";position:absolute;left:31px;top:64px;bottom:0;width:2px;background:var(--lilac-line)}
  .fstep:last-child::before{display:none}
  .fstep h3{font-size:1.3rem;margin:6px 0 10px}
  .fstep p{font-size:1rem;color:var(--ink);opacity:.85;line-height:1.65;margin:0;max-width:70ch}

  .nocost2{background:var(--purple-ink);color:#fff;position:relative;overflow:hidden}
  .nc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;z-index:2}
  .nc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:26px 24px}
  .nc.hi{background:linear-gradient(160deg,rgba(242,163,60,.18),rgba(255,255,255,.05));border-color:rgba(242,163,60,.5)}
  .nc .ic{color:var(--lilac);margin-bottom:14px}
  .nc.hi .ic{color:var(--orange)}
  .nc h3{font-size:1.1rem;margin:0 0 8px;color:#fff}
  .nc p{font-size:.93rem;color:rgba(255,255,255,.76);line-height:1.55;margin:0}

  .disc2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .disc2{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 26px;box-shadow:var(--shadow);border-top:3px solid var(--purple)}
  .disc2 .ic{width:44px;height:44px;border-radius:11px;background:var(--lilac-soft);display:flex;align-items:center;justify-content:center;color:var(--purple);margin-bottom:16px}
  .disc2 h3{font-size:1.18rem;margin:0 0 8px}
  .disc2 .out{font-size:.98rem;font-weight:600;color:var(--ink);margin:0 0 14px;line-height:1.4}
  .disc2 ul{margin:0;padding-left:18px}
  .disc2 li{font-size:.9rem;color:var(--ink);opacity:.8;line-height:1.5;margin-bottom:7px}

  @media(max-width:960px){.nc-grid,.disc2-grid{grid-template-columns:1fr}}
  @media(max-width:480px){
    .h-hero .wrap{padding-block:44px 38px}
    /* the 64px marker column left too little room for the copy beside it */
    .fstep{grid-template-columns:44px 1fr;gap:14px;padding-bottom:30px}
    .fstep .no{width:44px;height:44px;border-radius:12px;font-size:1.15rem}
    .fstep::before{left:21px;top:44px}
    .fstep h3{font-size:1.15rem;margin-top:2px}
    .fstep p{font-size:.95rem}
    .nc,.disc2{padding:22px 18px}
  }