.page-hero {
    background:
      radial-gradient(ellipse 900px 500px at 50% -120px, rgba(99,91,255,0.16) 0%, rgba(99,91,255,0) 60%),
      radial-gradient(ellipse 600px 320px at 18% 8%, rgba(199,210,254,0.35) 0%, rgba(199,210,254,0) 60%),
      #FFFFFF;
  }
  .sec-card {
    background:#fff; border:1px solid var(--pf-border); border-radius:18px; padding:26px;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), 0 10px 24px rgba(15,23,42,0.03);
    transition: transform 250ms cubic-bezier(0.2,0.7,0.2,1), box-shadow 250ms ease, border-color 250ms ease;
  }
  .sec-card:hover { transform: translateY(-2px); border-color:#DCE3EE; box-shadow:0 1px 2px rgba(15,23,42,0.04), 0 20px 36px rgba(15,23,42,0.05); }
  .sec-icon { width:46px; height:46px; border-radius:13px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:16px; }
  .sub-row { display:flex; align-items:center; gap:14px; padding:16px 0; border-bottom:1px solid var(--pf-divider); }
  .sub-row:last-child { border-bottom:none; }
  .pf-callout { background:linear-gradient(180deg,#F6F7FF 0%,#F0EFFF 100%); border:1px solid #E0DEFF; border-radius:16px; }