.welo-intro{
    --mx:1250px;

    --bg:#f4f5f7;
    --text:#1b1b1b;
    --muted:#666a73;
    --line:#e6e7eb;

    --ease:cubic-bezier(.25,.8,.25,1);
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    color:var(--text);
    background:var(--bg);
  }
  .welo-intro *{ box-sizing:border-box }

  .welo-intro .container{
    max-width:var(--mx);
    margin:0 auto;
    padding:96px 24px 64px;
  }

  /* grid */
  .welo-intro .grid{
    display:grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap:56px;
    align-items:start;
  }
  @media (max-width: 992px){
    .welo-intro .grid{ grid-template-columns:1fr; gap:28px }
  }

  /* LEFT */
  .welo-intro .eyebrow{
    margin:0 0 16px;
    color:#7c818c;
    font:600 11px/1 Inter;
    letter-spacing:.22em;
    text-transform:uppercase;
  }
  .welo-intro .headline{
    margin:0 0 16px;
    font-weight:500; /* medium */
    letter-spacing:-.01em;
    font-size:clamp(32px,5.2vw,54px);
    line-height:1.05;

    /* Gradient text */
    background: linear-gradient(90deg, #000000, #666666);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
  .welo-intro .sub{
    margin:0 0 18px;
    color:var(--muted);
    font-size:15px; line-height:1.65; max-width:48ch;
  }

  /* PILL */
  .welo-intro .pill{
    display:inline-flex; align-items:center; gap:10px;
    padding:10px 16px; border-radius:9999px;
    background:#fff; border:1px solid var(--line);
    box-shadow:0 1px 2px rgba(15,17,21,.05) inset;
    text-decoration:none;
  }

  /* LOGO FIX — wrapper 22x22 + centratura */
  .welo-intro .pill .logo-wrap{
    width:22px; height:22px; flex:0 0 22px;
    display:grid; place-items:center;
  }
  .welo-intro .pill .logo-wrap img,
  .welo-intro .pill .logo-wrap svg{
    width:86%; height:86%;
    display:block; object-fit:contain;
    transform:translateY(0.5px);
  }

  .welo-intro .pill .domain{
    display:flex; align-items:center; gap:.25ch;
    font:600 13px/1 Inter; color:#0f1115;
    white-space:nowrap;
  }
  .welo-intro .pill .domain .strong{ font-weight:700; color:#0f1115 }
  .welo-intro .pill .domain .slash{ color:#0f1115; opacity:.85 }
  .welo-intro .pill .domain .muted{ color:#9aa3ae; font-weight:600 }

  /* RIGHT - Accordion */
  .welo-intro .accordion{
    background:#fff; border:1px solid var(--line);
    border-radius:14px; overflow:hidden;
  }
  .welo-intro .acc-item{ border-bottom:1px solid var(--line) }
  .welo-intro .acc-item:last-child{ border-bottom:0 }

  .welo-intro .acc-head{
    width:100%; background:#fff; appearance:none; border:0;
    display:flex; align-items:center; justify-content:space-between;
    padding:18px 18px; cursor:pointer; text-align:left;
    font:600 14px/1.2 Inter; color:#1e1f24;
  }
  .welo-intro .acc-head:focus-visible{ outline:2px solid #93c5fd; outline-offset:2px }

  /* PLUS -> MINUS */
  .welo-intro .plus{
    position:relative; width:18px; height:18px; flex:0 0 18px; opacity:.85;
  }
  .welo-intro .plus::before,
  .welo-intro .plus::after{
    content:""; position:absolute; inset:0; margin:auto; background:#1f2227;
    transition:transform .25s var(--ease), opacity .25s var(--ease);
  }
  .welo-intro .plus::before{ width:2px; height:100% }
  .welo-intro .plus::after{  width:100%; height:2px }
  .welo-intro .acc-item.open .plus::before{ transform:scaleY(0) }

  .welo-intro .acc-body{
    max-height:0; overflow:hidden; transition:max-height .28s var(--ease);
    padding:0 18px; color:#555a63; font:400 14px/1.65 Inter;
  }
  .welo-intro .acc-item.open .acc-body{ padding:0 18px 16px }