.howfractional{border-bottom:1px solid var(--line);padding:104px 0}.howfractional--white{background:var(--bg)}.howfractional--cream{background:var(--bg-cream)}.howfractional--accent_tint{background:var(--bg-tint)}@media (max-width:740px){.howfractional{padding:72px 0}}.hf-head{margin:0 auto 52px;max-width:760px;text-align:center}.hf-head .kicker{color:var(--accent);display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.hf-h2{color:var(--ink);font-family:var(--serif);font-size:42px;font-weight:500;letter-spacing:-.02em;line-height:1.08;margin:0 0 14px}.hf-h2 em{color:var(--accent);font-style:italic;font-weight:500}.hf-h2 p{margin:0}@media (max-width:740px){.hf-h2{font-size:32px}}.hf-lede{color:var(--gray);font-size:16px;line-height:1.6;margin:0 auto;max-width:580px}.hf-lede p{margin:0}.hf-steps{display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin:0 auto 48px;max-width:1100px}@media (max-width:900px){.hf-steps{grid-template-columns:1fr 1fr}}@media (max-width:540px){.hf-steps{grid-template-columns:1fr}}.hf-step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 22px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease}.hf-step:hover{box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-3px)}.hf-step .n{color:var(--accent);font-size:36px;font-style:italic;line-height:1;margin-bottom:14px}.hf-step .n,.hf-step h4{font-family:var(--serif);font-weight:500}.hf-step h4{color:var(--ink);font-size:18px;letter-spacing:-.005em;line-height:1.2;margin:0 0 8px}.hf-step-desc{color:var(--gray);font-size:13.5px;line-height:1.55}.hf-step-desc p{margin:0}.hf-step-desc b{color:var(--ink);font-weight:600}.hf-callout{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;gap:32px;grid-template-columns:1fr 1.6fr;margin:0 auto;max-width:1080px;padding:32px 36px;transition:transform .25s ease,box-shadow .25s ease}.hf-callout:hover{box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-3px)}@media (max-width:760px){.hf-callout{gap:18px;grid-template-columns:1fr;padding:26px 24px}}.hf-callout .pill{background:var(--bg-tint,var(--bg-cream));border:1px solid var(--accent-soft);border-radius:99px;color:var(--accent);display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;margin-bottom:10px;padding:5px 10px;text-transform:uppercase}.hf-callout-h3{color:var(--ink);font-family:var(--serif);font-size:24px;font-weight:500;letter-spacing:-.005em;line-height:1.2;margin:0 0 8px}.hf-callout-h3 em{color:var(--accent);font-style:italic;font-weight:500}.hf-callout-h3 p{margin:0}.hf-callout-lede{color:var(--gray);font-size:14.5px;line-height:1.6}.hf-callout-lede p{margin:0}.hf-callout-lede b{color:var(--ink);font-weight:600}.hf-callout .figs{display:grid;gap:14px;grid-template-columns:1fr 1fr}.hf-callout .fig{background:var(--bg-tint,var(--bg-cream));border:1px solid var(--accent-soft);border-radius:8px;padding:14px 16px}.hf-callout .fig .lbl{color:var(--gray);font-family:var(--mono);font-size:10px;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.hf-callout .fig .val{color:var(--ink);font-family:var(--serif);font-size:20px;font-weight:500;letter-spacing:-.005em;line-height:1.1}.hf-callout .fig .val em{color:var(--accent);font-style:italic}.hf-callout .fig .sub{color:var(--gray-soft);font-size:11.5px;line-height:1.3;margin-top:3px}