.how-section{background:color-mix(in srgb,var(--primary)5%,var(--surface-cream));position:relative;overflow:hidden}.how-section:before{content:"";background:radial-gradient(ellipse 700px 400px at 80% 10%,color-mix(in srgb,var(--primary)6%,transparent),transparent 70%),radial-gradient(ellipse 600px 380px at 10% 90%,color-mix(in srgb,var(--primary)5%,transparent),transparent 70%);pointer-events:none;position:absolute;inset:0}.how-section .wrap{z-index:1;position:relative}.how-system-pill{border:1px solid var(--ink-200);font-family:var(--font-b);background:#fff;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:calc(100% - 32px);margin:-24px auto 40px;padding:10px 18px 10px 14px;font-size:14px;display:inline-flex;position:relative;left:50%;transform:translate(-50%);box-shadow:0 6px 20px -12px #0f172a2e}.how-system-pill:before{content:"";background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary)18%,transparent);border-radius:50%;flex-shrink:0}.how-system-pill-lbl{font-family:var(--font-em);color:var(--ink-800);font-size:16px;font-style:italic;font-weight:500}.how-system-pill-sep{background:var(--ink-200);width:1px;height:18px}.how-system-pill-body{color:var(--ink-600)}.how-tally{border:1px solid var(--ink-200);background:#fff;border-radius:18px;justify-content:center;align-items:stretch;gap:0;width:fit-content;margin:0 auto 56px;padding:14px 8px;display:flex;box-shadow:0 12px 32px -18px #0f172a2e}.how-tally-pill{align-items:center;gap:14px;padding:6px 22px;display:flex}.how-tally-num{font-family:var(--font-h);letter-spacing:-.04em;font-size:44px;font-weight:600;line-height:1}.how-tally-we .how-tally-num{color:var(--ink-800)}.how-tally-you .how-tally-num{color:var(--primary)}.how-tally-lbl{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-500);font-size:11px;font-weight:700}.how-tally-divider{background:var(--ink-200);width:1px;margin:4px 0}.how-list{flex-direction:column;gap:0;max-width:880px;margin:0 auto;padding:0;list-style:none;display:flex}.how-step{grid-template-columns:88px 1fr;align-items:stretch;gap:24px;display:grid;position:relative}.how-step-rail{flex-direction:column;align-items:center;padding-top:22px;display:flex}.how-step-num{font-family:var(--font-h);letter-spacing:-.04em;color:var(--ink-300);font-variant-numeric:tabular-nums;font-size:32px;font-weight:600;line-height:1;transition:color .2s}.how-step-line{background:var(--ink-200);border-radius:2px;flex:1;width:2px;margin-top:14px}.how-step:last-child .how-step-line{display:none}.how-step-you .how-step-num{color:var(--primary)}.how-step-card{border:1px solid var(--ink-200);background:#fff;border-radius:18px;margin:14px 0;padding:26px 28px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 14px -8px #0f172a14}.how-step-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px -14px #0f172a29}.how-step-we .how-step-card{background:#fff}.how-step-you .how-step-card{background:linear-gradient(180deg,color-mix(in srgb,var(--primary)8%,white),white 70%);border-color:color-mix(in srgb,var(--primary)50%,var(--ink-200));box-shadow:0 1px 0 #ffffffb3 inset,0 18px 38px -18px color-mix(in srgb,var(--primary)60%,transparent),0 4px 14px -8px #0f172a1a;margin:22px 0;padding:32px 32px 28px;position:relative}.how-step-you .how-step-card:before{content:"";background:linear-gradient(180deg,color-mix(in srgb,var(--primary)70%,transparent),transparent 70%);-webkit-mask-composite:xor;pointer-events:none;border-radius:18px;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.how-step-tag{align-items:center;gap:10px;margin-bottom:10px;display:flex}.how-tag{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700;font-family:var(--font-b);border-radius:999px;align-items:center;padding:4px 10px;display:inline-flex}.how-tag-we{background:var(--surface-cream);color:var(--ink-600);border:1px solid var(--ink-200)}.how-tag-you{background:var(--primary);color:#fff;border:1px solid color-mix(in srgb,var(--primary)70%,black);box-shadow:0 4px 10px -6px color-mix(in srgb,var(--primary)70%,transparent)}.how-step-verb{font-family:var(--font-em);color:var(--ink-500);letter-spacing:-.01em;font-size:16px;font-style:italic}.how-step-you .how-step-verb{color:color-mix(in srgb,var(--primary)75%,var(--ink-700))}.how-step-title{letter-spacing:-.02em;color:var(--ink-800);margin-bottom:10px;font-size:26px;font-weight:600;line-height:1.15}.how-step-title em{font-family:var(--font-em);color:var(--primary);font-style:italic;font-weight:400}.how-step-you .how-step-title{font-size:32px}.how-step-body{color:var(--ink-700);text-wrap:pretty;margin:0;font-size:16px;line-height:1.6}.how-step-body strong{color:var(--ink-900,var(--ink-800));font-weight:600}.how-step-you .how-step-body{font-size:17px}.how-step-badge{background:color-mix(in srgb,var(--primary)92%,white);color:#fff;font-size:14px;font-weight:500;font-family:var(--font-b);box-shadow:0 8px 20px -12px color-mix(in srgb,var(--primary)80%,transparent);border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:10px 16px;display:inline-flex}.how-step-badge-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite how-pulse;box-shadow:0 0 0 4px #ffffff40}@keyframes how-pulse{0%,to{box-shadow:0 0 #ffffff80}50%{box-shadow:0 0 0 6px #fff0}}.how-footnote{text-align:center;max-width:880px;color:var(--ink-600);font-size:15px;font-family:var(--font-b);border:1px solid var(--ink-200);background:#fff;border-radius:14px;margin:40px auto 0;padding:18px 24px}.how-footnote strong{color:var(--ink-800)}@media (max-width:760px){.how-step{grid-template-columns:56px 1fr;gap:14px}.how-step-num{font-size:24px}.how-step-card{padding:22px 20px}.how-step-you .how-step-card{padding:26px 22px 22px}.how-step-title{font-size:22px}.how-step-you .how-step-title{font-size:26px}.how-tally-num{font-size:36px}.how-tally-pill{gap:10px;padding:4px 16px}}