.mk-af{padding-block:8px 64px}@media (min-width:768px){.mk-af{padding-block:16px 96px}}.mk-af-panel{position:relative;display:grid;gap:36px;overflow:hidden;border-radius:28px;color:white;padding:36px 20px 24px;background:radial-gradient(120% 95% at 6% 0,var(--mk-brand) 0,color-mix(in srgb,var(--mk-brand) 40%,black) 48%,color-mix(in srgb,var(--mk-brand) 9%,black) 100%);box-shadow:var(--mk-shadow-float)}@media (min-width:768px){.mk-af-panel{padding:52px 40px 36px;border-radius:32px}}@media (min-width:1024px){.mk-af-panel{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:24px;padding:64px 56px}}.mk-af-watermark{position:absolute;right:-90px;top:-70px;width:420px;pointer-events:none}.mk-af-copy,.mk-af-visual{position:relative;z-index:1;min-width:0}.mk-af-eyebrow{color:white;opacity:.88;letter-spacing:.04em}.mk-af-copy h2{color:white;max-width:14em}.mk-af-body{margin:20px 0 0;max-width:31em;font-size:18px;line-height:1.6;color:white;opacity:.92;text-wrap:pretty}.mk-af-ctas{margin-top:28px}.mk-af .mk-af-cta{width:100%;background:white;color:var(--mk-night);border-color:white}.mk-af .mk-af-cta:hover{background:color-mix(in srgb,white 88%,var(--mk-brand))}.mk-af .mk-af-cta:focus-visible{outline:3px solid white;outline-offset:3px}@media (min-width:640px){.mk-af .mk-af-cta{width:auto}}.mk-af-support{margin:16px 0 0;font-size:15px;line-height:1.5;color:white;opacity:.82}.mk-af-preview{position:relative;width:100%;max-width:560px;margin-inline:auto;display:grid;gap:0}.mk-af-card{background:var(--mk-surface);color:var(--mk-ink);border:1px solid var(--mk-line);border-radius:18px;padding:16px 18px;box-shadow:0 24px 40px -22px rgba(0,0,0,.55);text-align:left}.mk-af-kicker{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-accent)}.mk-af-q{width:88%;z-index:1}.mk-af-qtop{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--mk-ink-3);font-variant-numeric:tabular-nums}.mk-af-bar{height:4px;margin:6px 0 12px;border-radius:4px;background:var(--mk-line);overflow:hidden}.mk-af-bar span{display:block;height:100%;background:var(--mk-accent);border-radius:4px}.mk-af-prompt{margin:4px 0 0;font-size:18px;line-height:1.22}.mk-af-options{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}.mk-af-options li{display:flex;align-items:center;gap:10px;border:1.5px solid var(--mk-field-border);border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.3;background:var(--mk-surface)}.mk-af-options li.is-on{border-color:var(--mk-accent);background:color-mix(in srgb,var(--mk-accent) 8%,var(--mk-surface))}.mk-af-dot{display:grid;place-items:center;flex:none;width:16px;height:16px;border:1.5px solid var(--mk-field-border);border-radius:50%;color:white}.mk-af-options li.is-on .mk-af-dot{background:var(--mk-brand);border-color:var(--mk-brand)}.mk-af-r{z-index:3;width:100%;margin-top:-26px}.mk-af-score{display:flex;align-items:center;gap:16px}.mk-af-ring{position:relative;flex:none;width:92px;height:92px}.mk-af-ring svg{display:block;width:100%;height:100%}.mk-af-ring__fill,.mk-af-ring__track{fill:none;stroke-width:9}.mk-af-ring__track{stroke:var(--mk-line)}.mk-af-ring__fill{stroke:var(--mk-accent);stroke-linecap:round}.mk-af-ring p{position:absolute;inset:0;margin:0;display:grid;place-content:center;text-align:center;line-height:1}.mk-af-ring p span{font-size:30px}.mk-af-ring p small{margin-top:2px;font-size:10px;color:var(--mk-ink-3)}.mk-af-band{margin:4px 0 0;font-size:20px;line-height:1.15}.mk-af-cats{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:7px}.mk-af-cats li{display:grid;grid-template-columns:84px minmax(0,1fr) 24px;align-items:center;gap:10px;font-size:12.5px}.mk-af-cat__name{font-weight:600}.mk-af-cat__track{height:6px;border-radius:6px;background:var(--mk-line);overflow:hidden}.mk-af-cat__track span{display:block;height:100%;border-radius:6px;background:var(--mk-ink-3)}.mk-af-cats li.is-strong .mk-af-cat__track span{background:var(--mk-ink)}.mk-af-cats li.is-gap .mk-af-cat__track span{background:var(--mk-accent)}.mk-af-cat__num{text-align:right;font-variant-numeric:tabular-nums;color:var(--mk-ink-2)}.mk-af-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.mk-af-tag{border:1px solid var(--mk-line-strong);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;line-height:18px}.mk-af-tag--gap{border-color:var(--mk-accent);color:var(--mk-accent)}.mk-af-n{z-index:2;width:92%;margin:-22px 0 0 auto}.mk-af-n ol{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.mk-af-n li{display:flex;gap:10px;align-items:baseline;font-size:12.5px;line-height:1.35}.mk-af-n li span{flex:none;width:14px;font-size:17px;line-height:1;color:var(--mk-accent)}.mk-af-example{margin:14px 0 0;text-align:center;font-size:12.5px;color:white;opacity:.7}@media (max-width:559px){.mk-af-options li:nth-child(4){display:none}}@media (min-width:560px){.mk-af-preview{display:block;height:500px}.mk-af-card{position:absolute}.mk-af-q{left:0;top:88px;width:292px;padding-right:50px;transform:rotate(-2deg)}.mk-af-r{right:0;top:0;width:312px;margin:0}.mk-af-n{right:4px;bottom:0;left:auto;width:316px;margin:0;transform:rotate(1deg)}}@media (min-width:560px) and (max-width:639px){.mk-af-preview{height:520px}.mk-af-q{width:250px;top:100px}.mk-af-r{width:290px}.mk-af-n{width:300px}}@media (prefers-reduced-motion:no-preference){.mk-af-card{transition:transform .3s ease}}