/* Getting started page only. Loaded after main.css. */
.goals{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:48px 0 12px;text-align:left}
.goal{--acc:var(--green);--tint:var(--green-50);--edge:var(--green-100);background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.goal:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.goal.g2{--acc:#b4581f;--tint:#fdf2ea;--edge:#f6dcc8}
.goal.g3{--acc:#2f5fb3;--tint:#eef3fc;--edge:#d6e2f6}
.goal-top{background:linear-gradient(180deg,var(--tint),#fff);border-bottom:1px solid var(--line);padding:24px 24px 20px;position:relative}
.goal-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.goal-top .ic{width:44px;height:44px;flex-shrink:0;border-radius:13px;background:#fff;border:1px solid var(--edge);color:var(--acc);display:grid;place-items:center;box-shadow:0 1px 2px rgba(20,32,26,.06)}
.goal-top .gl{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:2px}
.goal-top h3{font-size:20px}
.goal-top p{color:var(--muted);font-size:14px;line-height:1.5}
.goal-body{padding:20px 24px 16px;flex:1}
.gs{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.goal ol{list-style:none;position:relative}
.goal ol::before{content:"";position:absolute;left:13px;top:18px;bottom:18px;width:2px;background:var(--edge)}
.goal li{position:relative;display:flex;align-items:center;gap:12px;padding:8px 0}
.gn{position:relative;z-index:1;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#fff;border:2px solid var(--acc);color:var(--acc);font-weight:800;font-size:12px;display:grid;place-items:center}
.goal li a{flex:1;min-width:0}
.goal li b{display:block;color:var(--ink);font-size:14.5px;transition:color .2s}
.goal li small{display:block;color:var(--muted);font-size:12.5px;line-height:1.4}
.goal li a:hover b{color:var(--acc)}
.plan{display:inline-block;flex-shrink:0;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:2px 7px;line-height:1.3}
.plan.free{background:var(--green-50);color:var(--green);border:1px solid var(--green-100)}
.plan.basic{background:#eef1f6;color:#3d4f6e;border:1px solid #dde3ee}
.plan.pro{background:var(--ink);color:#fff;border:1px solid var(--ink)}
/* Step numbers sit inline with the step heading. */
.step-title{display:flex;align-items:flex-start;gap:14px}
.step-title .step-num{margin:2px 0 0;flex-shrink:0;font-size:17px;line-height:1;letter-spacing:0}
@media (max-width:980px){
.goals{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}
}