.magnet{background:var(--pg-bg);padding-block:clamp(3rem,6vw,5rem)}.magnet__inner{width:min(100% - 2 * var(--pg-gutter), var(--pg-max));background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--pg-accent-soft) 30%, transparent), transparent 55%), linear-gradient(135deg, var(--pg-navy) 0%, var(--pg-navy-deep) 100%);color:var(--pg-on-navy);border-radius:20px;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(2rem,5vw,4rem);margin-inline:auto;padding:clamp(1.75rem,4vw,3rem);display:grid;box-shadow:0 30px 60px -36px #0b1d2ecc}.magnet__eyebrow{background:var(--pg-accent);color:var(--pg-on-navy);font-family:var(--pg-font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin:0 0 1rem;padding:.35rem .8rem;font-size:.75rem;display:inline-block}.magnet__title{font-family:var(--pg-font-display);letter-spacing:-.03em;text-wrap:balance;margin:0 0 1rem;font-size:clamp(1.75rem,1.2rem + 2vw,2.625rem);font-weight:700;line-height:1.08}.magnet__lead{max-width:52ch;color:var(--pg-on-navy-muted);margin:0;font-size:1.0625rem;line-height:1.6}.magnet__points{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.magnet__point{border:1px solid color-mix(in srgb, var(--pg-on-navy) 22%, transparent);background:color-mix(in srgb, var(--pg-on-navy) 6%, transparent) no-repeat .7rem 50% / .6rem linear-gradient(var(--pg-accent-soft), var(--pg-accent-soft));border-radius:999px;padding:.4rem .75rem .4rem 1.75rem;font-size:.875rem;position:relative}.magnet__point:before{content:"✓";color:var(--pg-accent-soft);font-size:.8rem;position:absolute;top:50%;left:.7rem;translate:0 -50%}.magnet__point{background:color-mix(in srgb, var(--pg-on-navy) 6%, transparent)}.magnet__cta{border-radius:var(--pg-radius);background:var(--pg-accent);color:var(--pg-on-navy);font-family:var(--pg-font-display);cursor:pointer;border:0;margin-top:1.75rem;padding:1rem 1.75rem;font-size:1.0625rem;font-weight:700;transition:background .2s,transform .2s;box-shadow:0 12px 28px -14px #2e9cbfe6}.magnet__cta:hover,.magnet__cta:focus-visible{background:var(--pg-accent-soft);color:var(--pg-navy);transform:translateY(-2px)}.magnet__demo{background:var(--pg-surface);color:var(--pg-ink);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 24px 48px -28px #0009}.magnet__demo-head{border-bottom:1px solid var(--pg-line);font-family:var(--pg-font-display);justify-content:space-between;align-items:center;padding:.875rem 1rem;font-weight:600;display:flex}.magnet__demo-note{font-family:var(--pg-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pg-muted);font-size:.6875rem}.magnet__rows{margin:0;padding:.5rem;list-style:none;display:grid}.magnet__row{border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .625rem;display:flex}.magnet__row+.magnet__row{border-top:1px solid var(--pg-line)}.magnet__row-text{gap:.125rem;min-width:0;display:grid}.magnet__row-title{font-weight:600;line-height:1.3}.magnet__row-meta{color:var(--pg-muted);font-size:.8125rem}.magnet__row-sum{font-family:var(--pg-font-display);color:var(--pg-accent-hover);flex:none;font-weight:700}.magnet__scan{background:var(--pg-tint);height:3px}.magnet__scan-bar{background:linear-gradient(90deg, transparent, var(--pg-accent), transparent);width:35%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.magnet__row{animation:.5s cubic-bezier(.2,.7,.2,1) both magnet-row}.magnet__scan-bar{animation:2.2s ease-in-out infinite magnet-scan}}@keyframes magnet-row{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes magnet-scan{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (width<=860px){.magnet__inner{grid-template-columns:minmax(0,1fr)}}