/* =========================================================================
   Family "alt" (group 2): flat-header reviews (ActiveCampaign, GetResponse, MailerLite), pricing explainers
   (ClickFunnels, Systeme.io) and alternatives roundups (ClickFunnels, ConvertKit, Systeme.io).
   Prefix alt-. Sizes in rem so the page follows the site's root scale (designs are 1024px compositions = 1280px here).
   A. shared bits · B. review template · C. pricing template · D. roundup template · E. ClickFunnels alternatives · F. responsive
   ========================================================================= */

/* ---------- A. Shared ---------- */
.alt-wrap { width: min(100% - 2 * var(--gutter), 76.5rem); margin-inline: auto; }
.alt-wrap--wide { width: min(100% - 2 * var(--gutter), 80rem); }
.alt-wrap--xwide { width: min(100% - 2 * var(--gutter), 82rem); }
.alt-glyph { flex: none; display: inline-grid; place-items: center; color: var(--c, var(--blue-500)); }
/* site.css declares .tool-mark's default --c after the c-* colour classes, so a colour class alone is overridden; restate them here */
.tool-mark.c-green { --c: var(--green-500); } .tool-mark.c-dkgreen { --c: var(--green-600); } .tool-mark.c-blue { --c: var(--blue-500); } .tool-mark.c-purple { --c: var(--purple-500); }
.tool-mark.c-orange { --c: var(--orange-500); } .tool-mark.c-red { --c: var(--red-500); } .tool-mark.c-pink { --c: var(--pink-500); } .tool-mark.c-teal { --c: var(--teal-500); }
.tool-mark.c-yellow { --c: #f2b705; } .tool-mark.c-navy { --c: var(--navy-800); } .tool-mark.c-gray { --c: #64748b; }
.alt-glyph .icon { width: 2.6rem; height: 2.6rem; stroke-width: 2.2; }
/* The designs use solid colour glyphs; a tinted fill inside the outline icon gives the same weight without new icon files */
.alt-glyph .icon, .alt-points li > .icon { fill: color-mix(in srgb, currentColor 22%, transparent); }
.alt-ticks { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; }
.alt-ticks li { position: relative; padding-left: 1.45rem; font-size: max(.9rem, 16px) /* rt-1019 */; line-height: 1.3; color: var(--text); }
.alt-ticks li::before { content: ""; position: absolute; left: 0; top: .1em; width: 1em; height: 1em; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2326a646' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
.alt-ticks--x li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); }
.alt-ticks--circle li::before { border-radius: 50%; background: var(--green-500) no-repeat center / 70% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
.alt-ticks--xcircle li::before { border-radius: 50%; background: var(--red-500) no-repeat center / 62% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); }
.alt-fine { margin: .45rem 0 0; font-size: max(.74rem, 14px) /* rt-1019 */; color: var(--muted); text-align: center; }
.alt-disclosure { margin-bottom: 1rem; }
.alt-tmark { --s: 2.6rem; }
.alt-tmark .icon { width: 52%; height: 52%; }

/* ---------- B. Review template ---------- */
/* Hero: light desk photo full bleed, copy on a white fade, four highlight items along the bottom */
.alt-hero--review { --hero-pos: 70% 55%; --hero-fade: linear-gradient(0deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.55) 14%, rgba(255,255,255,0) 26%), linear-gradient(90deg, #fff 0%, rgba(255,255,255,.96) 30%, rgba(255,255,255,.72) 43%, rgba(255,255,255,0) 56%); background: #fff; }
.alt-hero__inner { position: relative; width: min(100% - 2 * var(--gutter), 76.5rem); margin-inline: auto; min-height: 25.9rem; padding-block: .95rem 1.1rem; display: flex; flex-direction: column; }
.alt-hero__copy { max-width: 33rem; }
.alt-hero .breadcrumb { font-size: .8rem; margin-bottom: 1rem; }
.alt-hero__pill { font-size: .78rem; padding: .3rem .6rem; letter-spacing: .02em; border-radius: 4px; }
.alt-hero__title { margin: .55rem 0 .2rem; font-size: 3.15rem; line-height: 1.05; letter-spacing: -.03em; text-wrap: nowrap; }
.alt-hero__lead { margin: 0; max-width: 30rem; font-size: 1.24rem; line-height: 1.3; color: #4b5870; }
.alt-hero__actions { margin-top: 1rem; }
.alt-hero__actions .btn { min-height: 2.65rem; padding: .55rem 1.35rem; font-size: 1rem; }
.alt-points { list-style: none; margin: auto 0 0; padding: 1.15rem 0 0; display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; }
.alt-points li { display: flex; align-items: center; gap: .65rem; font-size: max(.76rem, 16px) /* rt-1019 */; line-height: 1.3; color: var(--muted); }
.alt-points li > .icon { width: 2.15rem; height: 2.15rem; color: var(--green-600); stroke-width: 2.3; }
.alt-points strong { display: block; font-size: .85rem; font-weight: 600; color: var(--ink); }

.alt-layout { --aside: 23rem; gap: 1.25rem; padding-block: .9rem 1.2rem; }
.alt-main h2 { font-size: 1.72rem; letter-spacing: -.02em; margin: 0 0 .2rem; }
.alt-sec + .alt-sec { margin-top: 1.05rem; }
.alt-intro { margin: 0 0 .55rem; font-size: 1.1rem; line-height: 1.36; color: var(--muted); }
.alt-fcards { --gap: .55rem; }
.alt-fcard { padding: .8rem .35rem .75rem; text-align: center; box-shadow: none; }
.alt-fcard .alt-glyph { margin-bottom: .3rem; }
.alt-fcard .alt-glyph .icon { width: 2.3rem; height: 2.3rem; }
.alt-fcard h3, .alt-kcard h3, .alt-plan h3 { font-family: var(--font-body); font-weight: 700; letter-spacing: -.01em; }
.alt-fcard h3 { font-size: .98rem; margin: 0 0 .25rem; }
.alt-fcard p { margin: 0; font-size: max(.95rem, 16px) /* rt-1019 */; line-height: 1.34; color: var(--muted); }
.alt-kcards { --gap: .55rem; }
.alt-kcard { display: flex; gap: .6rem; align-items: flex-start; padding: .75rem .55rem; box-shadow: none; }
.alt-kcard .alt-glyph .icon { width: 2.05rem; height: 2.05rem; }
.alt-kcard h3 { font-size: .9rem; margin: .1rem 0 .25rem; }
.alt-kcard p { margin: 0; font-size: max(.83rem, 16px) /* rt-1019 */; line-height: 1.33; color: var(--muted); }
.alt-plans { --gap: .55rem; }
.alt-plan { display: flex; flex-direction: column; padding: .7rem .85rem .85rem; box-shadow: none; }
.alt-plan h3 { font-size: 1.05rem; margin: 0 0 .3rem; }
.alt-price { display: flex; align-items: baseline; gap: .25rem; margin: 0; font-family: var(--font-head); color: var(--ink); }
.alt-price strong { font-size: 1.7rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.alt-price span { font-size: 1rem; color: var(--muted); font-family: var(--font-body); }
.alt-price--custom strong { font-size: 1.12rem; letter-spacing: 0; line-height: 1.5; }
.alt-limit { margin: 0 0 .55rem; font-size: .9rem; color: var(--muted); }
.alt-plan .alt-ticks { flex: 1; margin-bottom: .65rem; gap: .18rem; }
.alt-plan .alt-ticks li { font-size: max(.86rem, 16px) /* rt-1019 */; }
.alt-plan .btn { min-height: 2.3rem; font-size: .86rem; }
.alt-pc { gap: .8rem; }
.alt-pc .pros { background: #f8fafc; border-color: var(--line); }
.alt-pc .cons { background: #fdeeee; border-color: #f8dcdc; }
.alt-pc .pros, .alt-pc .cons { padding: .7rem 1rem .8rem; }
.alt-pc .pros h3, .alt-pc .cons h3 { font-size: 1.12rem; margin-bottom: .3rem; }
.alt-pc h3 .icon { width: 2rem; height: 2rem; }
.alt-ticks--lg { gap: .12rem; }
.alt-ticks--lg li { font-size: max(.93rem, 16px) /* rt-1019 */; padding-left: 1.85rem; }
.alt-ticks--lg li::before { left: .25rem; }

/* Sidebar boxes */
.alt-aside { gap: .6rem; }
.alt-box { border-radius: 6px; padding: 1rem 1.1rem 1.05rem; }
.alt-box--green { background: #eef6f0; }
.alt-box--white { background: #fff; border: 1px solid var(--line); }
.alt-box--blue { background: #eef4fb; }
.alt-box__title { display: flex; align-items: center; gap: .55rem; font-size: 1.15rem; margin: 0 0 .7rem; letter-spacing: -.01em; }
.alt-box__title > .icon { width: 1.4rem; height: 1.4rem; color: var(--green-600); }
.alt-box__title--plain { font-size: 1.25rem; margin-bottom: .45rem; }
.alt-kv { display: grid; gap: .42rem; margin: 0 0 .85rem; }
.alt-kv div { display: grid; grid-template-columns: 6.3rem minmax(0, 1fr); gap: .6rem; align-items: start; }
.alt-kv dt { font-size: .84rem; font-weight: 700; color: var(--ink); }
.alt-kv dd { margin: 0; font-size: max(.92rem, 16px) /* rt-1019 */; line-height: 1.32; color: var(--text); }
.alt-kv a { color: var(--blue-600); text-decoration: none; }
.alt-kv .rating { font-size: .9rem; font-weight: 500; }
.alt-box__btn { min-height: 2.6rem; font-size: 1rem; }
.alt-toc { list-style: none; counter-reset: alttoc; margin: 0; padding: 0; display: grid; gap: .05rem; }
.alt-toc li { counter-increment: alttoc; }
.alt-toc a { display: grid; grid-template-columns: 1.9rem minmax(0, 1fr); padding: .04rem 0; font-size: .95rem; color: var(--text); text-decoration: none; }
.alt-toc a::before { content: counter(alttoc) "."; color: var(--text); }
.alt-toc a:hover, .alt-toc a.is-active { color: var(--blue-600); text-decoration: underline; }
.alt-tools { list-style: none; margin: 0; padding: 0; }
.alt-tools li { display: flex; align-items: center; gap: .75rem; padding: .32rem 0; border-bottom: 1px solid var(--line); }
.alt-tools li:last-child { border-bottom: 0; }
.alt-tool__name { flex: 1; min-width: 0; font-size: .86rem; font-weight: 600; color: var(--ink); }
.alt-tool__rating { display: flex; font-size: .78rem; font-weight: 500; color: var(--muted); }
.alt-tools .btn { min-height: 2.15rem; padding: .3rem .9rem; font-size: .8rem; }
.alt-posts { list-style: none; margin: 0; padding: 0; }
.alt-posts li { border-bottom: 1px solid var(--line); }
.alt-posts li:last-child { border-bottom: 0; }
.alt-posts a { display: grid; grid-template-columns: 3.9rem minmax(0, 1fr) auto; gap: .8rem; align-items: center; padding: .22rem 0; font-size: .84rem; line-height: 1.3; color: var(--text); text-decoration: none; }
.alt-posts a:hover span { color: var(--blue-600); text-decoration: underline; }
.alt-posts img { width: 3.9rem; height: 1.95rem; object-fit: cover; border-radius: 3px; }
.alt-posts a > .icon { width: .9rem; height: .9rem; color: var(--muted); }
.alt-verdict { display: flex; gap: .7rem; align-items: flex-start; padding: 1rem 1.1rem; }
.alt-verdict > .icon { width: 2.1rem; height: 2.1rem; color: var(--green-600); flex: none; }
.alt-verdict h2 { font-size: 1.45rem; margin: 0 0 .3rem; }
.alt-verdict p { margin: 0 0 .7rem; font-size: max(.88rem, 16px) /* rt-1019 */; line-height: 1.35; color: var(--text); }
.alt-verdict .alt-fine { margin: .4rem 0 0; }

/* ---------- C. Pricing template (also the hero + strip of the roundups) ---------- */
/* Hero: pale blue band, copy left, laptop photo right on a soft circle, handwritten note far right */
.alt-phero { position: relative; overflow: hidden; background: linear-gradient(180deg, #f1f6fc 0%, #f5f9fd 100%); }
.alt-phero__inner { position: relative; display: grid; grid-template-columns: minmax(0, 33rem) minmax(0, 1fr) 7.2rem; gap: 1rem; align-items: center; min-height: 21rem; padding-block: .35rem .75rem; }
.alt-phero__copy { position: relative; z-index: 2; }
.alt-phero .breadcrumb { font-size: .8rem; margin-bottom: .75rem; }
.alt-phero__pill { background: #dfeafa; color: var(--blue-700); font-size: .74rem; padding: .28rem .6rem; letter-spacing: .02em; }
.alt-phero__title { margin: .3rem 0 .25rem; font-size: 4.5rem; line-height: .88; letter-spacing: -.035em; }
.alt-phero__lead { margin: 0; max-width: 33rem; font-size: 1.1rem; line-height: 1.3; color: #22304a; }
.alt-phero__lead strong { font-weight: 600; color: var(--ink); }
.alt-phero__points { position: relative; z-index: 2; list-style: none; margin: .95rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem 1.15rem; width: max-content; max-width: 46rem; }
.alt-phero__points li { display: flex; align-items: center; gap: .5rem; font-size: max(.66rem, 16px) /* rt-1019 */; line-height: 1.3; color: var(--muted); }
.alt-phero__points strong { display: block; font-size: .72rem; color: var(--ink); font-weight: 700; }
.alt-phero__points .ib { --s: 2.3rem; }
.alt-phero__media { position: relative; align-self: stretch; display: grid; place-items: center; transform: translateX(2.6rem); }
.alt-phero__media::before { content: ""; position: absolute; width: 40rem; aspect-ratio: 1; left: 50%; top: 46%; transform: translate(-50%, -50%); border-radius: 50%; background: #dfeaf8; }
.alt-phero__img { position: relative; width: 33rem; max-width: none; }
.alt-phero__img img { width: 100%; mix-blend-mode: multiply; }
.alt-note { position: relative; margin: 0; align-self: start; padding-top: 1.6rem; font-family: var(--font-script); font-size: 1.32rem; line-height: 1.12; color: var(--ink); text-align: center; }
.alt-note__arrow { width: 3.4rem; height: 3rem; margin: .5rem auto 0; color: var(--navy-800); }
.alt-strip { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 27rem); gap: .9rem 1.25rem; align-items: center; margin-top: .55rem; padding: .75rem 1.1rem; border-radius: 6px; background: #edf7ee; border: 1px solid #dbeedd; }
.alt-strip__icon .icon { width: 2.7rem; height: 2.7rem; color: var(--green-600); }
.alt-strip h2 { margin: 0 0 .15rem; font-size: 1.3rem; letter-spacing: -.015em; }
.alt-strip p { margin: 0; font-size: max(.82rem, 16px) /* rt-1019 */; color: var(--text); }
.alt-strip__form { gap: 0 .65rem; }
.alt-strip__form input { border-radius: 4px; min-height: 2.6rem; font-size: .85rem; }
.alt-strip__form .btn { border-radius: 4px; min-height: 2.6rem; font-size: .9rem; padding-inline: 1.4rem; }
.alt-strip__form .form-fine, .alt-strip__form .form-status { grid-column: 1 / -1; }

.alt-playout { --aside: 14.4rem; gap: 1rem; padding-block: .7rem .4rem; }
.alt-pmain > section + section, .alt-pmain > section + .alt-duo { margin-top: 1.05rem; }
.alt-shead { text-align: center; margin-bottom: .7rem; }
.alt-shead h2 { margin: 0 0 .15rem; font-size: 1.55rem; letter-spacing: -.02em; }
.alt-shead p { margin: 0; font-size: max(.83rem, 16px) /* rt-1019 */; color: var(--muted); }
.alt-pcards { --gap: .7rem; }
.alt-pcard { position: relative; display: flex; flex-direction: column; padding: 1rem .85rem .85rem; box-shadow: none; }
.alt-pcard--featured { border: 1.5px solid var(--green-500); background: linear-gradient(180deg, #f2faf3 0%, #fff 40%); padding-top: 1.35rem; }
.alt-pcard__flag { position: absolute; top: -1px; left: -1.5px; right: -1.5px; padding: .2rem; border-radius: 6px 6px 0 0; background: var(--green-600); color: #fff; font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; text-align: center; }
.alt-pcard__head { display: flex; gap: .65rem; align-items: flex-start; margin-bottom: .7rem; }
.alt-pcard__head .alt-glyph .icon { width: 2.3rem; height: 2.3rem; }
.alt-pcard h3 { margin: 0 0 .2rem; font-size: 1.3rem; letter-spacing: -.02em; }
.alt-pcard__head p { margin: 0; font-size: max(.78rem, 16px) /* rt-1019 */; line-height: 1.3; color: var(--muted); }
.alt-pcard__price { margin: 0; text-align: center; font-family: var(--font-head); color: var(--ink); }
.alt-pcard__price strong { font-size: 1.8rem; font-weight: 800; letter-spacing: -.02em; }
.alt-pcard__price span { font-size: 1.2rem; font-weight: 700; }
.alt-pcard__sub { margin: 0 0 .75rem; text-align: center; font-size: max(.78rem, 16px) /* rt-1019 */; color: var(--muted); }
.alt-pcard .alt-ticks { flex: 1; gap: .26rem; margin-bottom: .9rem; }
.alt-pcard .alt-ticks li { font-size: max(.8rem, 16px) /* rt-1019 */; padding-left: 1.35rem; }
.alt-pcard .btn { min-height: 2.4rem; font-size: .84rem; }
.alt-pcards--roomy .alt-ticks { gap: .45rem; }
.alt-pcards--roomy .alt-ticks li { font-size: max(.9rem, 16px) /* rt-1019 */; padding-left: 1.55rem; }
.alt-pcards--roomy .alt-pcard__price strong { font-size: 2rem; }
.alt-ptable-wrap { border-radius: 6px; }
.alt-ptable { font-size: max(.78rem, 16px) /* rt-1019 */; line-height: 1.2; }
.alt-ptable th, .alt-ptable td { padding: .12rem .7rem; }
.alt-ptable thead th { background: #eef3fa; color: var(--blue-600); font-size: .82rem; padding-block: .4rem; border-bottom: 1px solid var(--line); }
.alt-ptable thead th:first-child { color: var(--ink); }
.alt-ptable thead small { display: block; font-size: .72rem; color: var(--ink); font-weight: 600; }
.alt-ptable tbody th { font-weight: 600; }
.alt-ptable tbody tr:nth-child(even) { background: #fff; }
.alt-ptable td.alt-hl, .alt-ptable th.alt-hl { background: #eef8ef; color: var(--ink); }
.alt-ptable__price th, .alt-ptable__price td { background: #f6f9fd; padding-block: .4rem; }
.alt-muted { color: var(--muted); font-size: .76rem; }
.alt-whichs { --gap: .7rem; }
.alt-which { display: flex; gap: .65rem; align-items: flex-start; padding: .85rem .8rem; box-shadow: none; }
.alt-which .alt-glyph .icon { width: 2.3rem; height: 2.3rem; }
.alt-which h3 { font-size: 1.27rem; margin: 0 0 .25rem; letter-spacing: -.02em; }
.alt-which p { margin: 0; font-size: max(.79rem, 16px) /* rt-1019 */; line-height: 1.38; color: var(--muted); }
.alt-duo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem 1.25rem; }
.alt-duo h2 { margin: 0 0 .1rem; font-size: 1.3rem; letter-spacing: -.02em; }
.alt-duo__p { margin: 0 0 .5rem; font-size: max(.8rem, 16px) /* rt-1019 */; color: var(--muted); }
.alt-bills, .alt-cores { --gap: .45rem; }
.alt-bill { padding: .7rem .4rem; text-align: center; box-shadow: none; font-size: max(.8rem, 16px) /* rt-1019 */; color: var(--muted); }
.alt-bill h3 { margin: 0 0 .1rem; font-family: var(--font-body); font-size: .98rem; color: var(--blue-600); }
.alt-bill p { margin: 0; line-height: 1.35; }
.alt-bill p.alt-bill__save { color: var(--green-600); font-family: var(--font-head); font-weight: 800; font-size: max(1.05rem, 16px) /* rt-1019 */; }
.alt-bill__big { font-family: var(--font-head); font-weight: 800; font-size: max(1.05rem, 16px) /* rt-1019 */; color: var(--ink); }
.alt-bill .alt-glyph .icon { width: 1.6rem; height: 1.6rem; }
.alt-core { display: grid; justify-items: center; align-content: center; gap: .25rem; padding: .5rem .3rem; text-align: center; box-shadow: none; font-size: max(.7rem, 16px) /* rt-1019 */; line-height: 1.25; color: var(--text); }
.alt-core .alt-glyph .icon { width: 1.7rem; height: 1.7rem; }

.alt-paside { gap: .7rem; }
.alt-sbox { border: 1px solid var(--line); border-radius: 6px; background: #fff; overflow: hidden; }
.alt-sbox > h2 { margin: 0; padding: .42rem .7rem; font-size: .9rem; background: #f3f7fc; border-bottom: 1px solid var(--line); }
.alt-dots { margin: 0; padding: .45rem .7rem .55rem 1.6rem; list-style: none; display: grid; gap: .22rem; }
.alt-dots li { position: relative; }
.alt-dots li::before { content: ""; position: absolute; left: -.85rem; top: .45em; width: 6px; height: 6px; border-radius: 50%; border: 1.5px solid var(--green-600); }
.alt-dots a { font-size: .8rem; color: var(--text); text-decoration: none; }
.alt-dots a:hover, .alt-dots a.is-active { color: var(--blue-600); text-decoration: underline; }
.alt-glance { list-style: none; margin: 0; padding: 0 .7rem; }
.alt-glance li { display: grid; grid-template-columns: 1.6rem 4.4rem minmax(0, 1fr); gap: .35rem; align-items: center; padding: .5rem 0; border-bottom: 1px solid var(--line); }
.alt-glance li:last-child { border-bottom: 0; }
.alt-glance .alt-glyph .icon { width: 1.45rem; height: 1.45rem; }
.alt-glance__name { font-size: .72rem; font-weight: 700; color: var(--ink); overflow-wrap: anywhere; }
.alt-glance__val { font-size: .76rem; font-weight: 700; color: var(--ink); overflow-wrap: anywhere; }
.alt-glance__val small { display: block; font-size: .72rem; font-weight: 400; color: var(--muted); }
.alt-glance .badge { margin-top: .25rem; font-size: .62rem; }
.alt-guides, .alt-rposts { list-style: none; margin: 0; padding: .3rem .7rem .4rem; display: grid; gap: .1rem; }
.alt-guides a { display: flex; align-items: center; gap: .65rem; padding: .32rem 0; font-size: .8rem; color: var(--blue-700); text-decoration: none; }
.alt-guides a:hover span { text-decoration: underline; }
.alt-guides .icon { width: 1.35rem; height: 1.35rem; color: var(--green-600); }
.alt-rposts a { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: .6rem; align-items: center; padding: .3rem 0; font-size: .8rem; line-height: 1.3; color: var(--ink); text-decoration: none; }
.alt-rposts a:hover span { color: var(--blue-600); text-decoration: underline; }
.alt-rposts img { width: 3rem; height: 3rem; object-fit: cover; border-radius: 4px; }
.alt-kitbox { padding: .9rem .9rem 1rem; border-radius: 6px; background: var(--green-600); color: #eaf7ec; }
.alt-kitbox__head { display: flex; gap: .55rem; align-items: center; margin-bottom: .5rem; }
.alt-kitbox__head .icon { width: 2.5rem; height: 2.5rem; color: #fff; }
.alt-kitbox h2 { margin: 0; color: #fff; font-size: 1.1rem; line-height: 1.2; }
.alt-kitbox p { margin: 0 0 .7rem; font-size: max(.82rem, 16px) /* rt-1019 */; line-height: 1.4; }
.alt-kitbox .btn { font-size: .84rem; min-height: 2.4rem; }
.alt-trio { display: grid; grid-template-columns: 1.2fr 1.35fr 1.2fr; gap: .6rem; margin-top: .7rem; }
.alt-pros, .alt-cons { border-radius: 6px; padding: .8rem 1rem .9rem; }
.alt-pros { background: #edf7ee; border: 1px solid #dbeedd; }
.alt-cons { background: #fdeeee; border: 1px solid #f8dcdc; }
.alt-pros h2, .alt-cons h2 { display: flex; align-items: center; gap: .55rem; margin: 0 0 .55rem; font-size: 1.15rem; }
.alt-pros h2 { color: var(--green-800); }
.alt-cons h2 { color: #c3262c; }
.alt-pros h2 .icon { width: 1.9rem; height: 1.9rem; color: var(--green-500); }
.alt-cons h2 .icon { width: 1.9rem; height: 1.9rem; color: var(--red-500); }
.alt-flip { transform: scaleY(-1); }
.alt-pros .alt-ticks, .alt-cons .alt-ticks { gap: .38rem; padding-left: 1.6rem; }
.alt-pros .alt-ticks li, .alt-cons .alt-ticks li { font-size: max(.8rem, 16px) /* rt-1019 */; padding-left: 1.6rem; }
.alt-faq { border: 1px solid var(--line); border-radius: 6px; padding: .6rem .7rem .7rem; }
.alt-faq h2 { margin: 0 0 .45rem; font-size: 1.2rem; }
.alt-acc { gap: .35rem; }
.alt-acc summary { padding: .3rem .7rem; font-size: .8rem; font-weight: 500; }
.alt-acc summary::after { width: 7px; height: 7px; border-width: 1.6px; }
.alt-acc .accordion__body { font-size: max(.82rem, 16px) /* rt-1019 */; padding: 0 .7rem .6rem; }
.alt-cta { display: flex; align-items: center; justify-content: center; gap: .8rem 2rem; margin-block: .8rem 1.4rem; padding: .85rem 1.5rem; border-radius: 6px; }
.alt-cta h2 { margin: 0 0 .15rem; font-size: 1.22rem; }
.alt-cta p { margin: 0; font-size: max(.82rem, 16px) /* rt-1019 */; }
.alt-cta .btn { min-height: 2.6rem; padding-inline: 2rem; }
.alt-cta--stack { flex-direction: column; gap: .55rem; padding-block: .8rem 1rem; }

/* ---------- D. Roundup template (ConvertKit / Systeme.io alternatives, flat header) ---------- */
.alt-round .alt-phero__inner { grid-template-columns: minmax(0, 41.5rem) minmax(0, 1fr) 7.4rem; min-height: 27.4rem; padding-block: .4rem 1.4rem; }
.alt-round .alt-phero__title { font-size: 3.5rem; line-height: 1.02; letter-spacing: -.03em; margin: .6rem 0 .7rem; }
.alt-round .alt-phero__lead { max-width: 33rem; font-size: 1.18rem; line-height: 1.38; color: #33415a; }
.alt-round .alt-phero__points { margin-top: 1.5rem; gap: .8rem 1.6rem; }
.alt-round .alt-phero__points li { font-size: max(.76rem, 16px) /* rt-1019 */; gap: .6rem; }
.alt-round .alt-phero__points strong { font-size: .93rem; font-weight: 600; }
.alt-round .alt-phero__points .ib { --s: 2.7rem; }
.alt-round .alt-phero__media { transform: translate(.6rem, 1.2rem); }
.alt-round .alt-phero__img { width: 37rem; }
.alt-round .alt-phero__media::before { width: 44rem; top: 44%; }
.alt-phero__badge { position: absolute; z-index: 1; right: 1.2rem; top: 1.8rem; --s: 4.4rem; box-shadow: 0 8px 20px rgba(26, 102, 217, .3), 0 0 0 5px rgba(255, 255, 255, .7); }
.alt-round .alt-note { padding-top: 1.4rem; font-size: 1.28rem; }

.alt-quick { background: #f0f5fc; padding-block: 1.2rem 1.7rem; }
.alt-shead--lg h2 { font-size: 1.68rem; }
.alt-shead--lg p { font-size: max(.93rem, 16px) /* rt-1019 */; }
.alt-disclosure--center { justify-content: center; max-width: 52rem; margin: -.2rem auto .8rem; background: rgba(255, 255, 255, .7); }
.alt-qcards { --gap: .55rem; }
.alt-qcard { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 1rem .85rem 1rem; border: 0; box-shadow: 0 1px 3px rgba(13, 31, 60, .06); }
.alt-tmark--lg { --s: 4.4rem; margin-bottom: .55rem; }
.alt-tmark--sm { --s: 2.4rem; }
.alt-tmark--xl { --s: 7.2rem; border-radius: 16px; }
.alt-qcard h3 { margin: 0 0 .35rem; font-size: 1.15rem; letter-spacing: -.015em; }
.alt-qcard h3 small { display: block; font-family: var(--font-body); font-size: .8rem; font-weight: 600; color: var(--ink); }
.alt-qcard p { margin: 0; font-size: max(.97rem, 16px) /* rt-1019 */; line-height: 1.36; color: var(--muted); }
.alt-qcard p.alt-qcard__price { margin: auto 0 .55rem; padding-top: .9rem; font-weight: 700; color: var(--ink); }
.alt-qcard .btn { min-height: 2.45rem; font-size: .95rem; }
.alt-ctable-sec { padding-block: 1.3rem .4rem; }
.alt-ctable-wrap { border-radius: 6px; }
.alt-ctable { font-size: max(.9rem, 16px) /* rt-1019 */; }
.alt-ctable thead th { background: #fff; color: var(--ink); font-size: .88rem; white-space: normal; vertical-align: bottom; padding: .6rem .4rem .5rem; border-bottom: 1px solid var(--line); }
.alt-ctable thead th:first-child { background: #f3f6fa; text-align: left; vertical-align: middle; padding-left: .9rem; }
.alt-ctable thead th .tool-mark { margin: 0 auto .35rem; }
.alt-ctable thead th span:not(.tool-mark) { display: block; }
.alt-ctable th, .alt-ctable td { padding: .38rem .6rem; border-right: 1px solid var(--line); }
.alt-ctable tbody th { padding-left: .9rem; font-weight: 700; background: #fff; white-space: nowrap; }
.alt-ctable tbody tr:nth-child(even) { background: #fff; }
.alt-ctable td { color: var(--muted); }
.alt-ctable tr:last-child td { font-size: max(.86rem, 16px) /* rt-1019 */; line-height: 1.3; }
.alt-ctable .yes, .alt-ctable .no { background: none; width: auto; height: auto; }
.alt-ctable .yes { color: var(--green-600); }
.alt-ctable .no { color: var(--red-500); }
.alt-ctable .yes .icon, .alt-ctable .no .icon { width: 1.1rem; height: 1.1rem; stroke-width: 3; }
.alt-pick { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr) 21rem; gap: 1rem 1.6rem; align-items: center; margin-top: 1.5rem; padding: 1.2rem 1.6rem 1.3rem 1rem; border-radius: 8px; background: #eef7ef; }
.alt-pick__trophy { display: grid; place-items: center; color: #f2b705; }
.alt-pick__trophy .icon { width: 6rem; height: 6rem; stroke-width: 1.8; }
.alt-pick__body .pill { font-size: .78rem; letter-spacing: .03em; }
.alt-pick h2 { margin: .5rem 0 .4rem; font-size: 1.7rem; letter-spacing: -.02em; }
.alt-pick p { margin: 0 0 .75rem; max-width: 40rem; font-size: max(.98rem, 16px) /* rt-1019 */; line-height: 1.4; color: var(--text); }
.alt-pick__checks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, auto); gap: .5rem 1.4rem; justify-content: start; }
.alt-pick__checks li { position: relative; padding-left: 1.7rem; font-size: max(.84rem, 16px) /* rt-1019 */; color: var(--text); }
.alt-pick__checks li::before { content: ""; position: absolute; left: 0; top: -.05em; width: 1.2rem; height: 1.2rem; border-radius: 3px; background: var(--green-600) no-repeat center / 72% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
.alt-pick__side { display: grid; justify-items: center; gap: .6rem; }
.alt-pick__brand { display: grid; justify-items: center; gap: .35rem; }
.alt-pick__brand .wordmark { font-size: 1.2rem; }
.alt-pick .btn { min-height: 2.9rem; font-size: 1rem; }
.alt-faqsec { padding-block: 1.5rem .2rem; }
.alt-acc--lg { gap: .7rem 1.6rem; }
.alt-acc--lg summary { padding: .65rem 1.1rem; font-size: .98rem; font-weight: 700; }
.alt-acc--lg summary::after { width: 8px; height: 8px; }
.alt-acc--lg .accordion__body { font-size: max(.92rem, 16px) /* rt-1019 */; padding: 0 1.1rem .8rem; }
.alt-cta--tall { padding-block: 1.1rem 1.5rem; margin-top: 1.1rem; }
.alt-cta--tall h2 { font-size: 1.45rem; }
.alt-cta--tall p { font-size: max(.98rem, 16px) /* rt-1019 */; }
.alt-pick__checks--2 { grid-template-columns: repeat(2, auto); gap: .55rem 3rem; }

/* ---------- E. ClickFunnels alternatives (default header, slim footer; page prefix cfa-) ---------- */
.cfa-hero { --hero-h: 22.6rem; --hero-pos: 50% 55%; --hero-copy: 41rem; background: #fff; --hero-fade: linear-gradient(90deg, #fff 0%, #fff 41%, rgba(255,255,255,.8) 47%, rgba(255,255,255,0) 56%); }
.cfa-hero .hero__bg { left: 41%; }
.cfa-hero__inner { width: min(100% - 2 * var(--gutter), 80rem); padding-inline-start: 0; padding-block: .5rem .9rem; }
.cfa-hero .breadcrumb { font-size: .8rem; margin-bottom: .4rem; }
.cfa-hero .pill { font-size: .72rem; padding: .22rem .55rem; letter-spacing: .03em; }
.cfa-title { margin: .3rem 0 .4rem; font-size: 3.6rem; line-height: 1.02; letter-spacing: -.03em; }
.cfa-title .accent { background: linear-gradient(90deg, #136b6b 0%, #1b8139 55%, #26a646 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cfa-hero .hero__lead { font-size: max(1.04rem, 16px) /* rt-1019 */; line-height: 1.32; color: #33415a; max-width: 37rem; }
.cfa-points { list-style: none; margin: .7rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; }
.cfa-points li { display: flex; align-items: center; gap: .55rem; max-width: 10.5rem; font-size: max(.8rem, 16px) /* rt-1019 */; line-height: 1.2; font-weight: 500; color: var(--ink); }
.cfa-points .ib { --s: 2.55rem; }
.cfa-strip { grid-template-columns: auto minmax(0, 1fr) minmax(0, 24rem); margin-top: .5rem; padding: .7rem 1rem .55rem; }
.cfa-strip h2 { font-size: 1.28rem; }
.cfa-strip p { font-size: max(.76rem, 16px) /* rt-1019 */; }
.cfa-strip__form { gap: 0; }
.cfa-strip__form input { border-radius: 4px 0 0 4px; }
.cfa-strip__form .btn { border-radius: 0 4px 4px 0; font-size: .86rem; }
.cfa-strip__ticks { grid-column: 1 / -1; margin-top: .45rem; gap: .3rem 1.4rem; font-size: .76rem; }
.cfa-strip__ticks .icon { color: var(--green-600); }

.cfa-layout { --aside: 18.3rem; gap: 1rem; padding-block: .9rem 1.4rem; }
.cfa-main > section + section { margin-top: 1rem; }
.cfa-h2 { margin: 0 0 .15rem; font-size: 1.42rem; letter-spacing: -.02em; }
.cfa-sub { margin: 0 0 .55rem; font-size: max(.9rem, 16px) /* rt-1019 */; color: var(--muted); }
.cfa-disclosure { margin-bottom: .55rem; padding-block: .35rem; }
/* visually-hidden link text is position:absolute; without a positioned wrapper it escapes the scroll box and widens the page on phones */
.cfa-qtable-wrap { position: relative; }
.cfa-qtable { font-size: max(.8rem, 16px) /* rt-1019 */; }
.cfa-qtable thead th { background: var(--navy-900); font-size: .8rem; text-align: center; padding: .5rem .5rem; }
.cfa-qtable th, .cfa-qtable td { padding: .45rem .55rem; border-right: 1px solid var(--line); }
.cfa-qtable tbody tr:nth-child(even) { background: #fff; }
.cfa-qtable td:first-child { text-align: center; font-weight: 600; color: var(--ink); }
.cfa-qtable .table-tool { font-size: .82rem; }
.cfa-qtable .rating { flex-wrap: nowrap; white-space: nowrap; font-size: .78rem; }
.cfa-qtable .stars .icon { width: .95em; height: .95em; }
.cfa-qtable .btn { white-space: nowrap; min-height: 2.05rem; padding: .3rem .7rem; font-size: .8rem; }
.cfa-rcards { display: grid; gap: .7rem; }
.cfa-rcard { display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(0, 1fr) minmax(0, .92fr); gap: 1rem; padding: .85rem 1rem 1rem; box-shadow: none; }
.cfa-rcard__tags { display: flex; gap: .6rem; align-items: center; margin: 0 0 .4rem; }
.cfa-rcard__tags .rank__no { min-width: 2.6rem; height: 2rem; font-size: 1.05rem; border-radius: 6px 6px 6px 0; }
.cfa-rcard__tags .badge { font-size: .8rem; text-transform: none; letter-spacing: 0; padding: .3rem .6rem; }
.cfa-rcard__head { display: flex; gap: .75rem; align-items: center; margin-bottom: .45rem; }
.alt-tmark--xl2 { --s: 4.1rem; }
.cfa-rcard h3 { margin: 0; font-size: 1.6rem; letter-spacing: -.02em; }
.cfa-rcard h3 a { color: var(--blue-700); text-decoration: none; }
.cfa-rcard h3 a:hover { text-decoration: underline; }
.cfa-rcard__head p { margin: .1rem 0 0; font-size: max(1.02rem, 16px) /* rt-1019 */; line-height: 1.2; color: var(--blue-600); }
.cfa-rcard__text { margin: 0 0 .55rem; font-size: max(.78rem, 16px) /* rt-1019 */; line-height: 1.4; color: var(--text); }
.cfa-two { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem .8rem; }
.cfa-rcard .alt-ticks li { font-size: max(.8rem, 16px) /* rt-1019 */; }
.cfa-rcard__media { margin: 0; align-self: center; }
.cfa-laptop { position: relative; margin: 0 1rem 14px; padding: 8px 8px 10px; border-radius: 10px 10px 0 0; background: #1f2733; box-shadow: none; }
.cfa-laptop::after { content: ""; position: absolute; left: -9%; right: -9%; bottom: -12px; height: 12px; border-radius: 0 0 10px 10px; background: linear-gradient(180deg, #d8dde4, #aab3bf); }
.cfa-rcard__media .screen--caption { margin-top: .2rem; }
.cfa-rcard__note { margin: .35rem 0 0; font-size: 1.15rem; text-align: center; color: var(--ink); }
.cfa-rcard__side { display: grid; gap: .45rem; align-content: start; justify-items: center; }
.cfa-rcard__side .alt-ticks { justify-self: stretch; gap: .28rem; }
.cfa-rcard__rating { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: 0; justify-self: start; font-size: .74rem; font-weight: 700; color: var(--ink); }
.cfa-rcard__rating .rating { font-size: .95rem; font-weight: 800; }
.cfa-rcard__side .btn { min-height: 2.5rem; font-size: .92rem; }
.cfa-rcard__side .alt-fine { margin: -.15rem 0 0; }
.cfa-rcard__side .link-arrow { font-size: .95rem; }
.cfa-mini { --gap: .55rem; }
.cfa-mini .info { padding: .75rem .7rem; box-shadow: none; gap: .6rem; }
.cfa-mini .ib { --s: 2.4rem; }
.cfa-mini h3 { margin: 0 0 .2rem; font-size: .86rem; font-family: var(--font-body); font-weight: 700; }
.cfa-mini p { font-size: max(.76rem, 16px) /* rt-1019 */; line-height: 1.35; }
.cfa-steps .num { --s: 1.75rem; }
.cfa-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; align-items: start; }
.cfa-aside { gap: .65rem; }
.cfa-toc .toc a { grid-template-columns: 1.4rem minmax(0, 1fr) auto; font-size: .88rem; padding: .18rem 0; }
.cfa-toc .toc li { border-bottom: 0; }
.cfa-help__head { display: flex; gap: .75rem; align-items: flex-start; margin-bottom: .7rem; }
.cfa-help h2 { margin: 0 0 .2rem; font-size: 1.1rem; }
.cfa-help p { margin: 0; font-size: max(.82rem, 16px) /* rt-1019 */; line-height: 1.35; color: var(--text); }
.cfa-help .btn { font-size: .92rem; min-height: 2.5rem; }
.cfa-rec { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.cfa-rec li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .6rem; align-items: center; }
.cfa-rec strong { display: block; font-size: .82rem; color: var(--ink); }
.cfa-rec span span, .cfa-rec li > span:nth-child(2) { font-size: .74rem; line-height: 1.25; color: var(--muted); }
.cfa-rec .btn { min-height: 1.9rem; padding: .25rem .55rem; font-size: .72rem; }
.cfa-posts { list-style: none; margin: 0 0 .5rem; padding: 0; display: grid; gap: .6rem; }
.cfa-posts a { display: grid; grid-template-columns: 4.8rem minmax(0, 1fr); gap: .7rem; align-items: center; text-decoration: none; }
.cfa-posts img { width: 4.8rem; height: 3.3rem; object-fit: cover; border-radius: 4px; }
.cfa-posts__t { display: block; font-size: .84rem; line-height: 1.28; color: var(--ink); }
.cfa-posts a:hover .cfa-posts__t { color: var(--blue-600); text-decoration: underline; }
.cfa-posts__d { display: block; margin-top: .15rem; font-size: .76rem; color: var(--muted); }
.cfa-all { display: flex; justify-content: flex-end; }
.cfa-verdict { padding: 1.1rem 1.1rem 1.2rem; }
.cfa-verdict__head { display: flex; gap: .7rem; align-items: center; margin-bottom: .8rem; }
.cfa-verdict h2 { margin: 0; font-size: 1.45rem; }
.cfa-verdict p { font-size: max(.9rem, 16px) /* rt-1019 */; line-height: 1.45; color: var(--text); margin-bottom: 1rem; }

/* ---------- F. Responsive ---------- */
@media (max-width: 1100px) {
  .alt-hero__title { font-size: 2.6rem; text-wrap: balance; }
  .alt-hero--review { --hero-pos: 22% 55%; }
  .alt-phero__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .alt-note { display: none; }
  .alt-phero__img { width: 100%; }
  .alt-phero__points { width: auto; max-width: none; }
  .alt-phero__media { transform: none; }
  .alt-phero__media::before { width: 110%; }
  .alt-phero__title { font-size: 3.1rem; }
  .alt-trio { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .alt-faq { grid-column: 1 / -1; }
  .alt-pcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alt-duo { grid-template-columns: minmax(0, 1fr); }
  .alt-round .alt-phero__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .alt-round .alt-phero__title { font-size: 2.8rem; }
  .alt-round .alt-phero__media, .alt-round .alt-phero__img { transform: none; width: 100%; }
  .alt-pick { grid-template-columns: 6rem minmax(0, 1fr); }
  .alt-pick__side { grid-column: 1 / -1; }
  .alt-pick__checks { grid-template-columns: repeat(2, auto); }
  .cfa-rcard { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .cfa-rcard__main { grid-column: 1 / -1; }
  .cfa-mini { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .alt-hero__inner { min-height: 0; }
  .alt-strip { grid-template-columns: auto minmax(0, 1fr); }
  .alt-strip__form { grid-column: 1 / -1; }
  .alt-paside, .cfa-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cfa-strip { grid-template-columns: auto minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .alt-hero--review { --hero-mobile-h: 200px; }
  .alt-hero__title { font-size: 2.1rem; }
  .alt-hero__lead { font-size: max(1.05rem, 16px) /* rt-1019 */; }
  .alt-points { gap: .75rem 1rem; }
  .alt-points li { width: calc(50% - .5rem); }
  .alt-fcards, .alt-kcards, .alt-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alt-intro { font-size: max(1rem, 16px) /* rt-1019 */; }
  .alt-phero__inner { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .alt-phero__media { order: -1; width: 100%; max-width: 26rem; justify-self: center; overflow: hidden; }
  .alt-phero__media::before { width: 96%; }
  .alt-phero__title { font-size: 2.4rem; }
  .alt-phero__lead { font-size: max(1.05rem, 16px) /* rt-1019 */; }
  .alt-phero__points li { width: calc(50% - .6rem); }
  .alt-trio, .alt-paside { grid-template-columns: minmax(0, 1fr); }
  .alt-pcards, .alt-whichs { grid-template-columns: minmax(0, 1fr); }
  .alt-bills { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alt-cta { flex-direction: column; text-align: center; }
  .alt-round .alt-phero__inner { grid-template-columns: minmax(0, 1fr); }
  .alt-round .alt-phero__title { font-size: 2.3rem; }
  .alt-pick { grid-template-columns: minmax(0, 1fr); padding: 1rem; }
  .alt-pick__trophy .icon { width: 3.5rem; height: 3.5rem; }
  .alt-pick__checks { grid-template-columns: minmax(0, 1fr); }
  .alt-ctable tbody th { white-space: normal; }
  .cfa-hero .hero__bg { left: 0; }
  .cfa-title { font-size: 2.3rem; }
  .cfa-rcard { grid-template-columns: minmax(0, 1fr); }
  .cfa-faq, .cfa-aside { grid-template-columns: minmax(0, 1fr); }
  .cfa-points li { max-width: none; width: calc(50% - .8rem); }
}
@media (max-width: 480px) {
  .alt-kcards { grid-template-columns: minmax(0, 1fr); }
  .alt-points li, .alt-phero__points li { width: 100%; }
  .alt-cores { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cfa-mini, .cfa-two { grid-template-columns: minmax(0, 1fr); }
}