#srs-pricing-table-scope{
  --srs-ff: Inter,system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --srs-ink:#0f172a;
  --srs-ink-2:#0b1220;
  --srs-muted:#475569;
  --srs-muted-2:#64748b;

  --c-free:#22c55e;
  --c-pro:#ff36a7;
  --c-biz:#2563eb;
  --c-life:#fb923c;

  position:relative;
  isolation:isolate;
  overflow:hidden;
  overflow-x:clip;
  font-family:var(--srs-ff);
  color:var(--srs-ink);
  background:linear-gradient(180deg,#f6fbff 0%, #ffffff 100%);
}

#srs-pricing-table-scope::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(900px 520px at 10% 8%, rgba(59,130,246,.34) 0, transparent 58%),
    radial-gradient(820px 460px at 92% 10%, rgba(168,85,247,.26) 0, transparent 62%),
    radial-gradient(760px 420px at 18% 94%, rgba(34,197,94,.20) 0, transparent 60%),
    radial-gradient(720px 420px at 88% 92%, rgba(236,72,153,.18) 0, transparent 62%),
    radial-gradient(900px 520px at 55% 55%, rgba(251,146,60,.14) 0, transparent 64%),
    linear-gradient(180deg,#f6fbff 0%, #ffffff 100%);
  filter:saturate(120%);
}

#srs-pricing-table-scope::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(2,6,23,.10) 0, transparent 62%),
    radial-gradient(1200px 600px at 50% 115%, rgba(2,6,23,.08) 0, transparent 64%),
    linear-gradient(to right, rgba(148,163,184,.12) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148,163,184,.12) 1px, transparent 1px);
  background-size:auto, auto, 28px 28px, 28px 28px;
  opacity:.92;
}

#srs-pricing-table-scope,
#srs-pricing-table-scope *{ box-sizing:border-box; }

#srs-pricing-table-scope :where(h2,h3,p,div,section,header,article,ul,li,table,thead,tbody,tr,th,td,span,button,a){
  min-width:0;
}

#srs-pricing-table-scope :where(img,svg,video){
  max-width:100%;
  height:auto;
  display:block;
}

#srs-pricing-table-scope :where(.srs-pricing-table__title,.srs-pricing-table__subtitle,.srs-pricing-table__name,.srs-pricing-table__note,.srs-pricing-table__small){
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
}

#srs-pricing-table-scope :where(a,dd){
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
}

/* Outer spacing lives here */
#srs-pricing-table-scope .srs-pricing-table__wrap{
  --srs-ptb:clamp(52px, 6.5vw, 84px);
  --srs-px:clamp(16px, 2.4vw, 28px);

  max-width:1400px;
  margin:0 auto;
  padding:var(--srs-ptb) var(--srs-px) calc(var(--srs-ptb) + env(safe-area-inset-bottom, 0));
}

#srs-pricing-table-scope .srs-pricing-table__panel{
  border:1px solid rgba(148,163,184,.26);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.68));
  backdrop-filter:saturate(160%) blur(12px);
  box-shadow:0 34px 70px rgba(2,6,23,.12), 0 5px 14px rgba(2,6,23,.06);
  overflow:hidden;
}

#srs-pricing-table-scope .srs-pricing-table__head{
  padding:clamp(16px, 2.2vw, 22px) clamp(16px, 2.2vw, 22px) 12px;
  border-bottom:1px solid rgba(148,163,184,.22);
  background:
    radial-gradient(980px 440px at -14% -18%, rgba(37,99,235,.22) 0, transparent 58%),
    radial-gradient(880px 420px at 114% -12%, rgba(16,185,129,.18) 0, transparent 60%),
    radial-gradient(780px 380px at 50% 0%, rgba(139,92,246,.16) 0, transparent 62%),
    linear-gradient(120deg, rgba(230,243,255,.86) 0%, rgba(239,231,255,.78) 50%, rgba(254,246,231,.78) 100%);
}

#srs-pricing-table-scope .srs-pricing-table__title{
  margin:0;
  font:900 clamp(22px, 4.2vw, 34px)/1.12 var(--srs-ff);
  letter-spacing:-.01em;
}

#srs-pricing-table-scope .srs-pricing-table__subtitle{
  margin:6px 0 0;
  color:var(--srs-muted);
  font:600 13px/1.55 var(--srs-ff);
  max-width:78ch;
}

#srs-pricing-table-scope .srs-pricing-table__grid{
  display:grid;
  gap:clamp(12px, 1.6vw, 16px);
  padding:clamp(14px, 1.9vw, 18px);
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

#srs-pricing-table-scope .srs-pricing-table__card{
  --ring:#94a3b8;
  --a1:#3b82f6;
  --a2:#8b5cf6;

  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  border:1px solid rgba(148,163,184,.22);
  border-radius:18px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
  box-shadow:0 10px 28px rgba(2,6,23,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#srs-pricing-table-scope .srs-pricing-table__card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  border-radius:18px 18px 0 0;
  background:linear-gradient(90deg, var(--a1), var(--a2));
  opacity:.95;
}

@media (hover:hover) and (pointer:fine){
  #srs-pricing-table-scope .srs-pricing-table__card:hover,
  #srs-pricing-table-scope .srs-pricing-table__card:focus-within{
    transform:translateY(-3px);
    border-color:rgba(148,163,184,.34);
    box-shadow:0 18px 42px rgba(2,6,23,.14);
  }
}

#srs-pricing-table-scope .srs-pricing-table__card--free{ --ring:color-mix(in srgb, var(--c-free) 65%, #94a3b8); --a1:var(--c-free); --a2:#3b82f6; }
#srs-pricing-table-scope .srs-pricing-table__card--pro{ --ring:color-mix(in srgb, var(--c-pro) 65%, #94a3b8); --a1:var(--c-pro); --a2:#7c3aed; }
#srs-pricing-table-scope .srs-pricing-table__card--biz{ --ring:color-mix(in srgb, var(--c-biz) 65%, #94a3b8); --a1:var(--c-biz); --a2:#6366f1; }
#srs-pricing-table-scope .srs-pricing-table__card--life{ --ring:color-mix(in srgb, var(--c-life) 65%, #94a3b8); --a1:var(--c-life); --a2:#f43f5e; }

#srs-pricing-table-scope .srs-pricing-table__kicker{
  display:flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.28);
  background:
    radial-gradient(240px 120px at 10% 20%, rgba(255,255,255,.85) 0, transparent 55%),
    linear-gradient(120deg, color-mix(in srgb, var(--a1) 18%, #ffffff), color-mix(in srgb, var(--a2) 14%, #ffffff));
  font:900 11px/1 var(--srs-ff);
  color:var(--srs-ink-2);
}

#srs-pricing-table-scope .srs-pricing-table__name{
  margin:0;
  font:900 16px/1.25 var(--srs-ff);
  letter-spacing:-.01em;
}

#srs-pricing-table-scope .srs-pricing-table__price{
  display:flex;
  align-items:flex-end;
  gap:6px;
  flex-wrap:wrap;
  min-width:0;
}

#srs-pricing-table-scope .srs-pricing-table__amount{
  font:900 clamp(26px, 6vw, 38px)/1 var(--srs-ff);
  white-space:nowrap;
}

#srs-pricing-table-scope .srs-pricing-table__per{
  font:800 12px/1.2 var(--srs-ff);
  color:var(--srs-muted);
  white-space:normal;
}

#srs-pricing-table-scope .srs-pricing-table__license,
#srs-pricing-table-scope .srs-pricing-table__limit{
  width:max-content;
  max-width:100%;
  border-radius:10px;
  padding:6px 10px;
  font:800 11px/1.2 var(--srs-ff);
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
}

#srs-pricing-table-scope .srs-pricing-table__license{
  color:var(--srs-ink-2);
  background:rgba(255,255,255,.70);
  border:1px solid rgba(148,163,184,.28);
}

#srs-pricing-table-scope .srs-pricing-table__limit{
  color:#065f46;
  background:#ecfdf5;
  border:1px solid #86efac;
}

#srs-pricing-table-scope .srs-pricing-table__features{
  margin:2px 0 0;
  padding:0 0 0 18px;
}

#srs-pricing-table-scope .srs-pricing-table__features li{
  margin:6px 0;
  font:600 13px/1.5 var(--srs-ff);
  color:#334155;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
}

#srs-pricing-table-scope .srs-pricing-table__note{
  margin:0;
  font:600 12px/1.45 var(--srs-ff);
  color:var(--srs-muted-2);
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
}

#srs-pricing-table-scope .srs-pricing-table__btn{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  color:#fff;
  border:1px solid rgba(2,6,23,.08);
  font:900 13px/1 var(--srs-ff);
  user-select:none;
  cursor:pointer;
  max-width:100%;
  background:linear-gradient(90deg, var(--a1), var(--a2));
  box-shadow:0 10px 22px rgba(2,6,23,.12);
}

#srs-pricing-table-scope .srs-pricing-table__btn:focus-visible{
  outline:3px solid rgba(59,130,246,.22);
  outline-offset:3px;
}

#srs-pricing-table-scope .srs-pricing-table__btn[disabled]{
  opacity:.55;
  cursor:not-allowed;
  box-shadow:none;
}

@media (max-width:480px){
  #srs-pricing-table-scope .srs-pricing-table__btn{ width:100%; }
  #srs-pricing-table-scope .srs-pricing-table__card{ padding:12px; }
}

@media (max-width:360px){
  #srs-pricing-table-scope .srs-pricing-table__amount{ white-space:normal; }
}

#srs-pricing-table-scope .srs-pricing-table__ribbon{
  position:absolute;
  top:10px;
  right:-8px;
  background:#16a34a;
  color:#fff;
  font:900 11px/1 var(--srs-ff);
  padding:6px 10px;
  border-radius:999px 0 0 999px;
  box-shadow:0 6px 14px rgba(22,163,74,.35);
  border:1px solid #15803d;
}

/* Feature Comparison */
#srs-pricing-table-scope .srs-pricing-table__cmp{
  padding:10px clamp(14px, 2vw, 18px) clamp(16px, 2.2vw, 22px);
}

#srs-pricing-table-scope .srs-pricing-table__cmp h3{
  margin:12px 0 12px;
  font:900 16px/1.2 var(--srs-ff);
}

#srs-pricing-table-scope .srs-pricing-table__cmp h3::after{
  content:"";
  display:block;
  width:72px;
  height:3px;
  margin-top:8px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(37,99,235,.75), rgba(139,92,246,.65), rgba(16,185,129,.65));
}

#srs-pricing-table-scope .srs-pricing-table__table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(2,6,23,.10);
}

#srs-pricing-table-scope .srs-pricing-table__table thead th{
  border:1px solid rgba(148,163,184,.22);
  border-bottom-color:rgba(148,163,184,.26);
  padding:10px 12px;
  font:900 12px/1.2 var(--srs-ff);
  text-align:center;
  color:var(--srs-ink-2);
  background:rgba(248,250,252,.86);
}

#srs-pricing-table-scope .srs-pricing-table__table thead th:first-child{
  text-align:left;
  width:15%;
}

#srs-pricing-table-scope .srs-pricing-table__table thead th:not(:first-child){
  width:20%;
}

#srs-pricing-table-scope .srs-pricing-table__table thead th:nth-child(2){
  background:linear-gradient(180deg, color-mix(in srgb, var(--c-free) 9%, #ffffff), rgba(248,250,252,.86));
}
#srs-pricing-table-scope .srs-pricing-table__table thead th:nth-child(3){
  background:linear-gradient(180deg, color-mix(in srgb, var(--c-pro) 9%, #ffffff), rgba(248,250,252,.86));
}
#srs-pricing-table-scope .srs-pricing-table__table thead th:nth-child(4){
  background:linear-gradient(180deg, color-mix(in srgb, var(--c-biz) 9%, #ffffff), rgba(248,250,252,.86));
}
#srs-pricing-table-scope .srs-pricing-table__table thead th:nth-child(5){
  background:linear-gradient(180deg, color-mix(in srgb, var(--c-life) 9%, #ffffff), rgba(248,250,252,.86));
}

#srs-pricing-table-scope .srs-pricing-table__table tbody td{
  border:1px solid rgba(148,163,184,.16);
  padding:10px 12px;
  font:600 13px/1.45 var(--srs-ff);
  color:var(--srs-ink);
  text-align:center;

  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}

#srs-pricing-table-scope .srs-pricing-table__table tbody td:first-child{
  text-align:left;
  color:#334155;
  font-weight:800;
}

#srs-pricing-table-scope .srs-pricing-table__table tbody tr:nth-child(even) td{
  background:rgba(255,255,255,.55);
}

#srs-pricing-table-scope .srs-pricing-table__table tbody td:nth-child(2){ background:color-mix(in srgb, var(--c-free) 4%, rgba(255,255,255,.55)); }
#srs-pricing-table-scope .srs-pricing-table__table tbody td:nth-child(3){ background:color-mix(in srgb, var(--c-pro) 4%, rgba(255,255,255,.55)); }
#srs-pricing-table-scope .srs-pricing-table__table tbody td:nth-child(4){ background:color-mix(in srgb, var(--c-biz) 4%, rgba(255,255,255,.55)); }
#srs-pricing-table-scope .srs-pricing-table__table tbody td:nth-child(5){ background:color-mix(in srgb, var(--c-life) 4%, rgba(255,255,255,.55)); }

#srs-pricing-table-scope .srs-pricing-table__table tbody td:nth-child(2):where(.srs-pricing-table__tick,.srs-pricing-table__tick-free,.srs-pricing-table__dash){ color:var(--c-free); font-weight:900; }
#srs-pricing-table-scope .srs-pricing-table__table tbody td:nth-child(3):where(.srs-pricing-table__tick,.srs-pricing-table__tick-free,.srs-pricing-table__dash){ color:var(--c-pro); font-weight:900; }
#srs-pricing-table-scope .srs-pricing-table__table tbody td:nth-child(4):where(.srs-pricing-table__tick,.srs-pricing-table__tick-free,.srs-pricing-table__dash){ color:var(--c-biz); font-weight:900; }
#srs-pricing-table-scope .srs-pricing-table__table tbody td:nth-child(5):where(.srs-pricing-table__tick,.srs-pricing-table__tick-free,.srs-pricing-table__dash){ color:var(--c-life); font-weight:900; }

#srs-pricing-table-scope .srs-pricing-table__tick-free{ color:var(--c-free); font-weight:900; }
#srs-pricing-table-scope .srs-pricing-table__tick{ color:var(--srs-ink); font-weight:900; }
#srs-pricing-table-scope .srs-pricing-table__dash{ color:var(--srs-muted-2); font-weight:900; opacity:.9; }

#srs-pricing-table-scope .srs-pricing-table__small{
  font:800 12px/1.2 var(--srs-ff);
  color:var(--srs-muted);
}

@media (max-width:720px){
  #srs-pricing-table-scope .srs-pricing-table__table,
  #srs-pricing-table-scope .srs-pricing-table__table thead,
  #srs-pricing-table-scope .srs-pricing-table__table tbody,
  #srs-pricing-table-scope .srs-pricing-table__table tr,
  #srs-pricing-table-scope .srs-pricing-table__table th,
  #srs-pricing-table-scope .srs-pricing-table__table td{ display:block; }

  #srs-pricing-table-scope .srs-pricing-table__table{
    table-layout:auto;
    box-shadow:none;
    border-radius:0;
    overflow:visible;
  }

  #srs-pricing-table-scope .srs-pricing-table__table thead{
    position:absolute;
    clip:rect(0 0 0 0);
    width:1px;
    height:1px;
    overflow:hidden;
  }

  #srs-pricing-table-scope .srs-pricing-table__table tbody tr{
    padding:12px;
    border:1px solid rgba(148,163,184,.18);
    border-radius:14px;
    margin-bottom:12px;
    background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.68));
    box-shadow:0 14px 34px rgba(2,6,23,.10);
  }

  #srs-pricing-table-scope .srs-pricing-table__table tbody td{
    border:none;
    padding:7px 0;
    text-align:left;
    width:100%;
    background:transparent !important;
  }

  #srs-pricing-table-scope .srs-pricing-table__table tbody td:first-child{
    padding-top:0;
    font-weight:900;
  }

  #srs-pricing-table-scope .srs-pricing-table__table tbody td[data-label]::before{
    content:attr(data-label) " · ";
    font:900 12px/1.2 var(--srs-ff);
    color:var(--srs-muted-2);
  }
}

@media (prefers-reduced-motion:reduce){
  #srs-pricing-table-scope *{
    animation:none;
    transition:none;
    scroll-behavior:auto;
  }
}