  .pg-hero{padding:clamp(72px,12vw,140px) 0 clamp(30px,5vw,56px)}
  .pg-hero h1{max-width:18ch;margin:0 auto}
  .pg-hero .lead{margin:20px auto 0;max-width:640px}
  .hero-img{max-width:900px;margin:clamp(40px,6vw,60px) auto 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
  .hero-img img{width:100%;display:block}
  .prose{max-width:760px;margin:0 auto;text-align:center}
  .prose p{color:var(--muted-2);font-size:clamp(16px,1.4vw,18px);line-height:1.7;margin-bottom:16px}
  .pill-note{display:inline-block;margin-top:26px;padding:12px 22px;border:1px solid rgba(98,198,255,.3);border-radius:14px;background:rgba(27,148,222,.08);color:var(--paper);font-weight:650}
  .qa-card{display:flex;flex-direction:column;gap:10px}
  .qa-card h3{color:var(--paper);font-size:18px}
  .qa-card p{color:var(--muted-2);font-size:15px;line-height:1.6}
  .pillar{display:flex;flex-direction:column;gap:12px}
  .pillar h3{color:var(--paper)}
  .pillar ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
  .pillar li{position:relative;padding-left:20px;color:var(--muted-2);font-size:14.5px;line-height:1.5}
  .pillar li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--lex-blue-2);opacity:.8}
  /* icons stand on their own -- no badge/box behind them */
  .pillar .oa-icon{background:none;border:none;box-shadow:none;width:auto;height:auto;aspect-ratio:auto;border-radius:0;display:inline-flex}
  .pillar .oa-icon svg{width:56px;height:56px}

  /* Start-with-why step flow */
  .why-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1020px;margin:0 auto}
  .why-steps::before{content:"";position:absolute;top:22px;left:16.6667%;right:16.6667%;height:2px;
    background:linear-gradient(90deg,rgba(98,198,255,.5),rgba(98,198,255,.18),rgba(98,198,255,.5));z-index:0}
  .why-step{position:relative;z-index:1;text-align:center;padding:0 8px}
  .why-step .num{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#1f9fe6,#1580c4);color:#fff;
    font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;
    box-shadow:0 10px 24px -8px rgba(27,148,222,.75)}
  .why-step h3{color:var(--paper);font-size:16.5px;margin-bottom:8px}
  .why-step p{color:var(--muted-2);font-size:14.5px;line-height:1.6}
  @media(max-width:820px){
    .why-steps{grid-template-columns:1fr;gap:34px}
    .why-steps::before{display:none}
  }

  /* Agentic benefit list */
  .benefit-row{display:flex;flex-direction:column;gap:26px;max-width:700px;margin:0 auto}
  .benefit-item{display:flex;align-items:flex-start;gap:18px;text-align:left}
  .benefit-item .b-icon{flex:0 0 auto;display:flex;align-items:flex-start;padding-top:2px}
  .benefit-item .b-icon svg{width:56px;height:56px;color:var(--lex-blue-2);display:block}
  .benefit-item h4{color:var(--paper);font-size:16px;margin:0 0 4px}
  .benefit-item p{color:var(--muted-2);font-size:14.5px;line-height:1.6;margin:0}

  .trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left;max-width:980px;margin:0 auto}
  .trust-grid h3{color:var(--paper);font-size:17px;margin-bottom:10px}
  .trust-grid p{color:var(--muted-2);font-size:15px;line-height:1.65}
  @media(max-width:760px){.trust-grid{grid-template-columns:1fr;text-align:center}}
  .cta-band{text-align:center}
  .cta-band .lead{margin:16px auto 30px}
  .pg-hero .hero-motif{position:absolute;z-index:0;pointer-events:none;color:var(--lex-blue-2);opacity:.06;top:50%;right:calc(25vw - 170px);transform:translate(50%,-50%);width:clamp(140px,calc(50vw - 330px),400px);-webkit-mask-image:radial-gradient(farthest-corner,#000 80%,transparent 100%);mask-image:radial-gradient(farthest-corner,#000 80%,transparent 100%)}
