.tiersel,.tiersel-head,.tiersel-pin,.tiersel-hintslot,.tiersel-end{display:none}
#gift[data-shape] .tiersel{display:block;margin-top:2.5rem}
#gift[data-shape] .tiersel-end{margin-top:1.5rem}

.tiersel-grp-l{font-family:"Quattrocento",serif;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;font-size:.7rem;color:var(--text-secondary);margin-bottom:.6rem}
.tiersel-seam{height:1px;background:var(--ring);margin:1rem 0 1.1rem}
#gift[data-shape="paired"] .tiersel-seam{display:none}
#gift[data-shape="paired"] .tiersel-grp-oss{display:none}

.tiersel-opt{position:relative;display:flex;min-width:0}
.tiersel-in{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
#gift{--markw:clamp(8px,.8rem,12.8px)}
.tiersel-mark{flex:none;width:var(--markw);height:var(--markw);border:1.5px solid var(--ring);border-radius:50%}
.tiersel-name{min-width:0}
.tiersel-for{display:block;margin-top:.2rem;font-size:.85rem;line-height:1.4;color:var(--text-secondary)}

#gift[data-shape="stacked"] .tiersel-hintslot,
#gift[data-shape="columnar"] .tiersel-hintslot{display:block;height:24px;margin-top:1rem}
@media (orientation:landscape){.tiersel-hintslot{display:none !important}}


#gift{--head-pad:1.1rem;--head-gap:.35rem;--head-min:8.5rem}
#gift[data-shape="stacked"] .tiersel-pin.is-on,
#gift[data-shape="columnar"] .tiersel-pin.is-on{display:block;margin-top:1.5rem;
  padding:calc(var(--head-pad) + var(--head-gap)) var(--padx-head) var(--head-gap);
  border:1px solid var(--border-default);border-bottom:0;border-radius:12px 12px 0 0}
#gift[data-shape="stacked"] .tiersel-head.is-on,
#gift[data-shape="columnar"] .tiersel-head.is-on{display:block;
  min-height:calc(var(--head-min) - var(--pin-h,var(--head-min)));
  padding:var(--head-gap) var(--padx-head) var(--head-pad);background:var(--bg-card);
  border:1px solid var(--border-default);border-top:0;border-radius:0 0 12px 12px}
#gift[data-shape] .tiersel-end.is-on{display:block}
.tiersel-eyebrow{font-family:"Quattrocento",serif;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;font-size:.7rem;color:var(--text-secondary)}
.tiersel-pin{position:sticky;top:var(--pin-top,74px);z-index:2;background:var(--bg-card)}
.tiersel-hname{font-weight:700;font-size:1rem;color:var(--text-primary)}
.tiersel-hfor{font-size:.9rem;line-height:1.45;color:var(--text-secondary)}
.tiersel-cta{width:100%;margin-top:.9rem;font-size:.95rem}



#gift[data-shape]{padding-left:clamp(12px,1.25rem,20px);padding-right:clamp(12px,1.25rem,20px)}

#gift[data-shape] .tiers tbody.band>tr:first-child>th,
#gift[data-shape] .tiersel-grp-l,
#gift[data-shape] .tiersel-eyebrow{letter-spacing:clamp(0px,.16em,1.74px)}
#gift[data-shape] .tiers .td{letter-spacing:clamp(0px,.12em,1.27px)}
#gift[data-shape] .label{letter-spacing:clamp(0px,.18em,2.25px)}

#gift{--cellx:clamp(8px,.9rem,14.4px);
      --padx-chip:clamp(8px,1.05rem,16.8px);
      --padx-card:clamp(10px,1.1rem,17.6px);
      --padx-mark:clamp(20px,2.85rem,45.6px);
      --padx-head:clamp(10px,1.25rem,20px)}

#gift[data-shape="columnar"] .tiers-wrap{overflow-x:visible}
#gift[data-shape="columnar"] .tiers{min-width:0;width:100%;table-layout:fixed;font-size:.9rem}
#gift[data-shape="columnar"] .tiers thead{display:none}
#gift[data-shape="columnar"] .tiers th,
#gift[data-shape="columnar"] .tiers td{padding:.7rem var(--cellx)}
#gift[data-shape="columnar"] .tiers .sdlc svg{display:none}

#gift[data-shape="stacked"] .tiers-wrap{overflow-x:visible}
#gift[data-shape="stacked"] .tiers{min-width:0;width:100%;display:block;font-size:.9rem}
#gift[data-shape="stacked"] .tiers thead{display:none}
#gift[data-shape="stacked"] .tiers tbody{display:block}
#gift[data-shape="stacked"] .tiers tr{display:block}
#gift[data-shape="stacked"] .tiers th[scope="row"]{display:block;position:static;border-right:0;
  border-bottom:0;padding:.7rem var(--cellx) .1rem;max-width:none}
#gift[data-shape="stacked"] .tiers td{display:block;padding:0 var(--cellx) .7rem}
#gift[data-shape="stacked"] .tiers tbody.band>tr:first-child>th{display:block;
  padding-left:var(--cellx);padding-right:var(--cellx)}
#gift[data-shape="stacked"] .tiers .sdlc svg{display:none}

#gift[data-shape="paired"] .tiers-wrap{overflow-x:visible}
#gift[data-shape="paired"] .tiers{min-width:0;width:100%;table-layout:fixed;font-size:.9rem;
  max-width:44rem;margin:0 auto}
#gift[data-shape="paired"] .tiers th,
#gift[data-shape="paired"] .tiers td{padding:.7rem var(--cellx)}
#gift[data-shape="paired"] .tiers thead th[scope="col"]:not(.rowhead){padding-bottom:4.2rem}
#gift[data-shape="paired"] .tiers thead tr.seam-grp{display:none}
#gift[data-shape="paired"] .tiers .tbtn{left:var(--cellx);right:var(--cellx);bottom:.8rem}


#gift[data-shape="columnar"] .c-label,
#gift[data-shape="paired"] .c-label{width:auto}

#gift[data-shape="columnar"] .tiers thead th.rowhead,
#gift[data-shape="paired"] .tiers thead th.rowhead{width:auto}

#gift[data-shape="columnar"] .c-oss,
#gift[data-shape="paired"] .c-oss,
#gift[data-shape="paired"] .c-custom{width:var(--plan-track,10rem)}

#gift[data-shape="columnar"] .c-custom,
#gift[data-shape="columnar"] .c-pro,#gift[data-shape="columnar"] .c-ent,
#gift[data-shape="paired"] .c-pro,#gift[data-shape="paired"] .c-ent{width:.02px}


#gift[data-shape] .tiers tr>:not(:first-child){display:none}
#gift[data-shape] .tiers tbody.band>tr:first-child>th{max-width:none;background-image:none}
#gift[data-shape="columnar"]:has(#plan-oss:checked) .tiers tr>:nth-child(2),
#gift[data-shape="columnar"]:has(#plan-custom:checked) .tiers tr>:nth-child(3),
#gift[data-shape="columnar"]:has(#plan-pro:checked) .tiers tr>:nth-child(4),
#gift[data-shape="columnar"]:has(#plan-ent:checked) .tiers tr>:nth-child(5){display:table-cell}
#gift[data-shape="stacked"]:has(#plan-oss:checked) .tiers tr>:nth-child(2),
#gift[data-shape="stacked"]:has(#plan-custom:checked) .tiers tr>:nth-child(3),
#gift[data-shape="stacked"]:has(#plan-pro:checked) .tiers tr>:nth-child(4),
#gift[data-shape="stacked"]:has(#plan-ent:checked) .tiers tr>:nth-child(5){display:block}

#gift[data-shape="paired"] .tiers tr>:nth-child(2){display:table-cell}
#gift[data-shape="paired"]:has(#plan-custom:checked) .tiers tr>:nth-child(3),
#gift[data-shape="paired"]:has(#plan-pro:checked) .tiers tr>:nth-child(4),
#gift[data-shape="paired"]:has(#plan-ent:checked) .tiers tr>:nth-child(5){display:table-cell}

#gift[data-shape="paired"]:not(:has(#plan-custom:checked,#plan-pro:checked,#plan-ent:checked))
  .tiers tr>:nth-child(3){display:table-cell}

#gift[data-shape="columnar"] .tiers tbody tr>:nth-child(3),
#gift[data-shape="stacked"] .tiers tbody tr>:nth-child(3){box-shadow:none}


[data-dir="a"] .tiersel-row{display:grid;gap:.5rem}
[data-dir="a"] .tiersel-row-1{grid-template-columns:minmax(0,1fr)}
[data-dir="a"] .tiersel-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#gift[data-shape="stacked"] .tiersel-row-2{grid-template-columns:minmax(0,1fr)}
[data-dir="a"] .tiersel-t{flex:1;display:inline-flex;align-items:center;gap:.6rem;min-height:2.75rem;
  padding:.55rem var(--padx-chip);border:1px solid var(--ring);border-radius:999px;
  font-size:.95rem;line-height:1.3;color:var(--text-secondary);
  transition:border-color var(--duration-fast) var(--ease-out-quart),
             background-color var(--duration-fast) var(--ease-out-quart),
             color var(--duration-fast) var(--ease-out-quart)}
[data-dir="a"] .tiersel-opt:hover .tiersel-t{border-color:rgba(255,255,255,.6);color:var(--text-primary)}
[data-dir="a"] .tiersel-in:checked+.tiersel-t{border-color:var(--text-primary);
  background:rgba(255,255,255,.08);color:var(--text-primary)}
[data-dir="a"] .tiersel-in:checked+.tiersel-t .tiersel-mark{border-color:var(--text-primary);
  background:var(--text-primary);box-shadow:inset 0 0 0 2px var(--bg-base)}
[data-dir="a"] .tiersel-in:focus-visible+.tiersel-t{outline:2px solid var(--accent);outline-offset:3px}


[data-dir="b"] .tiersel-rail{--rail:clamp(12px,1.6rem,25.6px);
  list-style:none;position:relative;padding-left:var(--rail);display:grid;gap:.25rem}
[data-dir="b"] .tiersel-rail:before{content:"";position:absolute;left:calc(var(--rail) * .2125);
  top:.4rem;bottom:.4rem;width:1px;background:var(--ring)}
[data-dir="b"] .tiersel-rung{position:relative}
[data-dir="b"] .tiersel-t{flex:1;display:flex;align-items:center;gap:.75rem;min-height:2.75rem;
  padding:.55rem .6rem;border-bottom:1px solid transparent;font-size:.98rem;line-height:1.3;
  color:var(--text-secondary);
  transition:color var(--duration-fast) var(--ease-out-quart),
             border-color var(--duration-fast) var(--ease-out-quart)}
[data-dir="b"] .tiersel-mark{position:absolute;left:calc(var(--rail) * -1);top:50%;
  margin-top:calc(var(--markw) / -2);background:var(--bg-base)}
[data-dir="b"] .tiersel-opt:hover .tiersel-t{color:var(--text-primary)}
[data-dir="b"] .tiersel-in:checked+.tiersel-t{color:var(--text-primary);font-weight:700;
  border-bottom-color:var(--text-primary)}
[data-dir="b"] .tiersel-in:checked+.tiersel-t .tiersel-mark{border-color:var(--text-primary);
  background:var(--text-primary);box-shadow:inset 0 0 0 2px var(--bg-base)}
[data-dir="b"] .tiersel-in:focus-visible+.tiersel-t{outline:2px solid var(--accent);outline-offset:3px}
[data-dir="b"] .tiersel-rung:before{content:"";position:absolute;left:calc(var(--rail) * -.7875);top:0;bottom:0;width:1px;
  background:var(--text-primary);transform:scaleY(0);transform-origin:top;
  transition:transform 200ms var(--ease-out-quart)}
[data-dir="b"] .tiersel-rung:has(.tiersel-in:checked):before{transform:scaleY(1)}


[data-dir="c"] .tiersel-row{display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr)}
[data-dir="c"] .tiersel-t{position:relative;flex:1;display:flex;flex-direction:column;gap:.35rem;
  min-height:2.75rem;padding:.9rem var(--padx-card) .9rem var(--padx-mark);background:var(--bg-surface);
  border:1px solid var(--border-default);border-radius:12px;
  font-size:1.02rem;line-height:1.3;color:var(--text-primary);
  transition:border-color var(--duration-fast) var(--ease-out-quart),
             background-color var(--duration-fast) var(--ease-out-quart)}
[data-dir="c"] .tiersel-mark{position:absolute;left:1.05rem;top:1.15rem;width:1rem;height:1rem}
[data-dir="c"] .tiersel-opt:hover .tiersel-t{border-color:var(--ring);background:var(--bg-card)}
[data-dir="c"] .tiersel-in:checked+.tiersel-t{border-color:var(--text-primary);background:var(--bg-card);
  box-shadow:inset 0 0 0 1px var(--text-primary)}
[data-dir="c"] .tiersel-in:checked+.tiersel-t .tiersel-mark{border-color:var(--text-primary);
  background:var(--text-primary);box-shadow:inset 0 0 0 3px var(--bg-card)}
[data-dir="c"] .tiersel-in:focus-visible+.tiersel-t{outline:2px solid var(--accent);outline-offset:3px}


@media (prefers-reduced-motion:reduce){
  .tiersel-t,[data-dir="b"] .tiersel-rung:before{transition:none}
}
html.no-motion .tiersel-t,
html.no-motion [data-dir="b"] .tiersel-rung:before{transition:none}