/* sections */
section{padding:96px 0}
.pain{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.pain h2{position:sticky;top:32px}
.pains{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.pains li{font:500 clamp(21px,2.2vw,27px)/1.3 var(--head);letter-spacing:-.015em;padding:24px 0;border-bottom:1px solid var(--line)}
.pains-end{font:700 clamp(24px,2.6vw,32px)/1.2 var(--head);letter-spacing:-.02em;margin:32px 0 0}
.pains-end span{color:var(--pen)}

.cost{background:var(--sheet);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bars{margin-top:44px;display:grid;gap:26px;max-width:880px}
.bar-lab{display:flex;justify-content:space-between;gap:10px;font-size:15px;color:var(--ink-2);margin-bottom:8px}
.bar-lab b{color:var(--ink);font-family:var(--head);font-size:34px;letter-spacing:-.02em;font-weight:700;line-height:1}
.track{height:40px;background:var(--line-2);border-radius:6px;overflow:hidden;display:flex}
.fill-a{background:var(--ink);width:43.9%}
.fill-b{background:var(--pen);width:56.1%}
.diff{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;margin-top:6px}
.diff b{font:700 clamp(40px,5vw,60px)/1 var(--head);letter-spacing:-.03em;color:var(--pen)}
.diff span{color:var(--ink-2);font-size:17px;max-width:30em}
.fine{font-size:14px;color:var(--ink-2);margin:26px 0 0;max-width:62em}

.steps{list-style:none;margin:44px 0 0;padding:0;counter-reset:s;border-top:1px solid var(--ink)}
.steps li{counter-increment:s;display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.steps li::before{content:counter(s);font:700 44px/1 var(--head);color:var(--pen);letter-spacing:-.04em}
.steps h3{margin-bottom:6px}
.steps p{margin:0;color:var(--ink-2);max-width:42em}

.scan{background:var(--sheet);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.flags{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;border-top:1px solid var(--ink)}
.flags li{padding:20px 0;border-bottom:1px solid var(--line)}
.flags b{display:block;font:600 20px/1.2 var(--head);letter-spacing:-.01em;margin-bottom:4px}
.flags span{color:var(--ink-2);font-size:16px}

/* pricing */
.promise{display:flex;gap:12px;align-items:center;background:var(--ok-bg);border:1px solid #A9D9C4;color:#0A5440;border-radius:var(--r);padding:14px 18px;margin-top:28px;font-size:16px;max-width:880px}
.promise svg{flex:none}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px;align-items:stretch}
.tier{position:relative;background:var(--sheet);border:1px solid var(--line);border-radius:14px;padding:30px 26px 26px;display:flex;flex-direction:column}
.tier.feat{border:2px solid var(--ink);box-shadow:0 30px 60px -28px rgba(14,26,43,.45);padding-top:36px}
.badge{position:absolute;top:-14px;left:24px;background:var(--ink);color:#fff;font:600 13px/1 var(--body);padding:8px 12px;border-radius:999px}
.tier h3{font-size:24px}
.p{font:700 58px/1 var(--head);letter-spacing:-.04em;margin:16px 0 6px}
.p span{font:500 17px var(--body);color:var(--ink-2);letter-spacing:0}
.perday{font-size:14px;color:var(--ok);font-weight:700;margin:0 0 14px}
.pay{font-size:13px;color:var(--ink-2);margin:0 0 14px}
.for{font-size:15px;color:var(--ink-2);margin:0 0 14px}
.hook{font-weight:600;font-size:16px;margin:0 0 16px;padding:10px 12px;background:var(--paper);border-left:3px solid var(--ink);border-radius:0 6px 6px 0}
.tier ul{padding-left:18px;margin:0 0 24px;font-size:15px;flex:1}
.tier li{margin:6px 0}
.tier .btn{width:100%;padding:16px 18px}
.every{margin-top:56px;border-top:1px solid var(--ink)}
.every h3{margin:22px 0 14px}
.every ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
.every li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:16px}
.every li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}