/* Components shared by more than one rebuilt page. */

/* ── Tabs ─────────────────────────────────────────────────────
   Real ARIA tabs, and every panel is painted until the script hides the
   inactive ones — a reader without JavaScript gets all of the content rather
   than one panel of it. */
.se-tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.se-tabbtn{font-family:var(--font-secondary);font-size:13.5px;font-weight:600;
  letter-spacing:.04em;cursor:pointer;padding:10px 20px;border-radius:var(--r-pill);
  color:var(--se-text-secondary);background:var(--se-inner);
  border:1px solid rgba(var(--se-border-teal-rgb),.24);
  transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease,
             background var(--dur-fast) ease}
.se-tabbtn:hover{color:var(--se-text-white);border-color:rgba(var(--accent-rgb),.45)}
.se-tabbtn.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}
.se-tabpanel + .se-tabpanel{margin-top:26px}
.se-tabpanel[hidden] + .se-tabpanel{margin-top:0}
.se-tablead{font-size:16px;color:var(--se-text-dim);max-width:66ch;margin:0 0 20px}

/* ── Price and plan cards ─────────────────────────────────── */
.se-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.se-price{display:flex;flex-direction:column;gap:12px;padding:22px;min-width:0;
  background:var(--se-inner);border:1px solid rgba(var(--se-border-teal-rgb),.18);
  border-radius:var(--r-xl)}
.se-price h4{font-family:var(--font-secondary);font-size:12px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0}
.se-price .term{font-size:19px;font-weight:700;color:var(--se-text-white);margin:0}
.se-price .badge{align-self:flex-start;font-family:var(--font-mono);font-size:11px;
  font-weight:700;letter-spacing:.06em;color:var(--accent-ink);background:var(--accent);
  border-radius:var(--r-sm);padding:5px 10px}
.se-price .code{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;
  color:var(--accent);background:var(--se-bg);border:1px dashed rgba(var(--accent-rgb),.5);
  border-radius:var(--r-sm);padding:9px 12px;word-break:break-all}
.se-price .code b{display:block;font-family:var(--font-secondary);font-size:11px;
  font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--se-text-caption);margin-bottom:4px}
.se-price dl{margin:0;font-size:14px}
.se-price .row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;
  border-bottom:1px solid rgba(var(--se-border-teal-rgb),.1)}
.se-price .row:last-child{border-bottom:0}
.se-price .row dt{margin:0;color:var(--se-text-dim)}
.se-price .row dd{margin:0;color:var(--se-text-white);font-weight:600;text-align:right}
.se-price .row.total dd{color:var(--accent)}
.se-price .line{margin:0;font-size:14px;color:var(--se-text-dim);line-height:1.55}
.se-price .btn{margin-top:auto;align-self:flex-start}

.se-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.se-plan{display:flex;flex-direction:column;gap:10px;padding:24px;min-width:0;
  background:var(--se-inner);border:1px solid rgba(var(--se-border-teal-rgb),.18);
  border-radius:var(--r-xl)}
.se-plan h4{font-size:19px;font-weight:700;color:var(--se-text-white);margin:0}
.se-plan .who{font-family:var(--font-secondary);font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--se-text-caption);margin:0}
.se-plan .cost{display:flex;align-items:baseline;gap:6px;margin:6px 0 2px}
.se-plan .cost b{font-size:34px;font-weight:800;color:var(--accent);line-height:1}
.se-plan .cost span{font-size:14px;color:var(--se-text-dim)}
.se-plan .blurb{font-size:14px;color:var(--se-text-dim);line-height:1.6;margin:0}
.se-plan ul{list-style:none;margin:8px 0 0;padding:0;display:flex;
  flex-direction:column;gap:7px}
.se-plan li{position:relative;padding-left:22px;font-size:13.5px;
  color:var(--se-text-secondary);line-height:1.45}
.se-plan li::before{content:"";position:absolute;left:3px;top:.42em;width:8px;height:8px;
  border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);
  transform:rotate(-45deg)}
.se-plan .btn{margin-top:auto;align-self:flex-start}

/* ── A time-limited offer strip ───────────────────────────── */
.se-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:16px 24px;padding:16px 24px;text-align:center;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));
  border-top:1px solid rgba(var(--accent-rgb),.3);
  border-bottom:1px solid rgba(var(--accent-rgb),.3)}
.se-strip p{margin:0;font-family:var(--font-secondary);font-size:14px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--se-text-white)}

.se-price .kind{margin:0;font-family:var(--font-secondary);font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--se-text-caption)}
.se-price .foot{margin:0;font-size:12.5px;color:var(--se-text-caption);line-height:1.5}