/* SJK Creative & Tech / Premium progressive plan comparison / 2026-10-22 */
.sjk-v3-compare{--v3-green:#79e3ae;--v3-orange:#ff8b26;--v3-stroke:rgba(225,235,236,.19);color:#f6f7f6;font-family:Inter,Arial,sans-serif;margin:clamp(20px,3vw,36px) 0 30px;min-width:0}
.sjk-v3-topline{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:end;gap:clamp(15px,4vw,65px);margin-bottom:23px}
.sjk-v3-eyebrow{display:block;color:#ffab72;font:850 10px/1.35 Inter,Arial,sans-serif;letter-spacing:.15em;margin-bottom:10px}
.sjk-v3-topline h3{font:900 clamp(27px,3.6vw,50px)/1.06 Inter,Arial,sans-serif;letter-spacing:-.043em;margin:0;color:#fff}
.sjk-v3-topline h3 em{font-style:normal;color:#ff9e4b}
.sjk-v3-topline p{font:400 clamp(12px,1.15vw,15px)/1.6 "IBM Plex Sans",Arial,sans-serif;color:#bbc4c7;margin:0 0 3px}
.sjk-v3-topline p strong{color:#fff}
/* Secondary plan cards are displayed on Services; the homepage has its original flagship cards immediately above. */
.sjk-v3-snapshot{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:21px}
.services-compare-placement .sjk-v3-snapshot{display:grid}
.sjk-v3-snapshot-card{border:1px solid #364149;border-radius:17px;background:linear-gradient(143deg,#252d33,#10191e);padding:clamp(19px,2.2vw,26px);display:flex;flex-direction:column;gap:11px;min-width:0;min-height:295px;box-shadow:inset 0 1px #ffffff12}
.sjk-v3-snapshot-eyebrow{color:#ffab6d;font:850 9px/1.4 Inter,Arial,sans-serif;letter-spacing:.14em}
.sjk-v3-snapshot-card h4{font:900 clamp(18px,2.3vw,27px)/1.12 Inter,Arial,sans-serif;letter-spacing:-.03em;margin:0;color:#fff}
.sjk-v3-snapshot-description{font:400 13px/1.58 "IBM Plex Sans",Arial,sans-serif;color:#bdc9cf;margin:0}
.sjk-v3-snapshot-price{margin-top:auto;border-top:1px solid #ffffff30;padding-top:13px;display:grid;gap:4px}
.sjk-v3-snapshot-price small{font:800 9px Inter,Arial,sans-serif;color:#b8c2c5;letter-spacing:.09em}
.sjk-v3-snapshot-price strong{font:900 clamp(25px,2.9vw,38px)/1.13 Inter,Arial,sans-serif;letter-spacing:-.06em;overflow-wrap:anywhere}
.sjk-v3-snapshot-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 0;border-top:1px solid #ffffff20;text-decoration:none!important;font:800 10px/1.3 Inter,Arial,sans-serif;letter-spacing:.055em;color:#ffb173!important}
.sjk-v3-snapshot-action:hover,.sjk-v3-snapshot-action:focus-visible{color:#fff!important}
.sjk-v3-snapshot-standard{background:linear-gradient(140deg,#f5f3e9,#d9ddda);border-color:#fefefe;color:#15191c;box-shadow:0 19px 48px #0004,inset 0 1px white}
.sjk-v3-snapshot-standard h4,.sjk-v3-snapshot-standard .sjk-v3-snapshot-price strong{color:#11191c}
.sjk-v3-snapshot-standard .sjk-v3-snapshot-description{color:#485258}
.sjk-v3-snapshot-standard .sjk-v3-snapshot-eyebrow,.sjk-v3-snapshot-standard .sjk-v3-snapshot-action{color:#9b4800!important}
.sjk-v3-snapshot-standard .sjk-v3-snapshot-price{border-color:#12161930}
.sjk-v3-snapshot-standard .sjk-v3-snapshot-price small{color:#536068}
.sjk-v3-snapshot-standard .sjk-v3-snapshot-action{border-color:#12161930}
/* First-glance included coverage inside original price cards */
#services.service-curated .sjk-v3-mini-features{order:2;border-top:1px solid #ffffff22;padding-top:10px;display:grid;gap:7px;min-width:0}
#services.service-curated .standard-tier .sjk-v3-mini-features{border-color:#16212422}
#services.service-curated .sjk-v3-mini-features ul{padding:0;margin:0;list-style:none;display:grid;gap:6px}
#services.service-curated .sjk-v3-mini-features li{display:flex;align-items:flex-start;gap:9px;color:#d7dfe1;font:500 11px/1.4 "IBM Plex Sans",Arial,sans-serif;min-width:0}
#services.service-curated .standard-tier .sjk-v3-mini-features li{color:#37454a}
.sjk-v3-teaser-mark{font:900 14px/1 Inter,Arial,sans-serif;flex:none;margin-top:1px}
.sjk-v3-teaser-green{color:var(--sjk-green,#72e9aa)}
.sjk-v3-teaser-amber{color:#e9ad74}
#services.service-curated .standard-tier .sjk-v3-teaser-green{color:#087b50}
#services.service-curated .sjk-v3-view-features{display:flex;align-items:center;justify-content:space-between;margin:2px 0 0;padding-top:8px;border-top:1px solid #ffffff1e;text-decoration:none!important;color:#ffab6b!important;font:850 9px/1.4 Inter,Arial,sans-serif;letter-spacing:.075em}
#services.service-curated .standard-tier .sjk-v3-view-features{color:#8a460a!important;border-color:#171b1d25}
#services.service-curated .priority-card{min-height:0!important;height:auto;gap:11px!important}
#services.service-curated .priority-card .priority-bottom{order:3;margin-top:auto}
#services.service-curated .priority-card>div:nth-child(2){order:1}
#services.service-curated .priority-card>.priority-overline{order:0}
/* Optional expanded comparison */
.sjk-v3-reveal{border:1px solid rgba(223,233,237,.27);border-radius:19px;background:#131c20;box-shadow:0 18px 60px #0004;overflow:clip}
.sjk-v3-reveal>summary{cursor:pointer;display:flex;align-items:center;gap:15px;list-style:none;padding:21px clamp(18px,2.5vw,31px);min-height:89px;background:linear-gradient(100deg,#26313a,#11191e);color:#fff}
.sjk-v3-reveal>summary::-webkit-details-marker{display:none}
.sjk-v3-reveal>summary:hover{background:linear-gradient(100deg,#303d46,#152025)}
.sjk-v3-reveal>summary:focus-visible{outline:3px solid #ff9f62;outline-offset:-4px}
.sjk-v3-summary-icon{width:44px;height:44px;display:grid;place-items:center;flex:none;border:1px solid #ffb17083;border-radius:12px;color:#ffab62;background:#ff7a0014;font-size:24px;line-height:1}
.sjk-v3-summary-copy{display:grid;gap:6px;flex:1;min-width:0}
.sjk-v3-summary-copy strong{font:900 clamp(16px,1.6vw,21px)/1.13 Inter,Arial,sans-serif;letter-spacing:-.02em}
.sjk-v3-summary-copy small{font:500 12px/1.4 "IBM Plex Sans",Arial,sans-serif;color:#bdc7cc}
.sjk-v3-summary-trailing{display:flex;align-items:center;gap:10px;font:800 10px Inter,Arial,sans-serif;white-space:nowrap;letter-spacing:.075em;color:#ffba7b}
.sjk-v3-summary-trailing b{display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff3c;border-radius:50%;font:900 23px/1 Inter,Arial,sans-serif;color:#fff;transition:transform .2s}
.sjk-v3-reveal[open] .sjk-v3-summary-trailing b{transform:rotate(180deg)}
.sjk-v3-reveal-body{padding:0 0 20px;background:linear-gradient(140deg,#161f25,#0b1215)}
.sjk-v3-table-frame{overflow:visible}
.sjk-v3-matrix{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-family:Inter,Arial,sans-serif;text-align:center;color:#e2e7e9;background:transparent}
.sjk-v3-matrix th,.sjk-v3-matrix td{padding:14px 12px;vertical-align:middle;overflow-wrap:break-word}
.sjk-v3-matrix thead th{position:sticky;top:0;z-index:3;background:#1c292e;border-bottom:1px solid #ffffff26;font:800 10px/1.35 Inter,Arial,sans-serif;letter-spacing:.035em;color:#e2e8eb;padding:16px 10px}
.sjk-v3-matrix thead th:first-child{width:33%;text-align:left;padding-left:24px}
.sjk-v3-matrix thead th:not(:first-child){width:22.333%}
.sjk-v3-matrix thead th span{display:block}
.sjk-v3-matrix thead th small{display:block;margin:5px 0 10px;color:#ffb476;font:850 9px Inter,Arial,sans-serif}
.sjk-v3-matrix thead th a{display:inline-flex;justify-content:center;color:#ffbc82;text-decoration:none;border:1px solid #bd805277;padding:8px 10px;border-radius:6px;font:850 8px/1.3 Inter,Arial,sans-serif;letter-spacing:.04em}
.sjk-v3-matrix thead th a:hover,.sjk-v3-matrix thead th a:focus-visible{background:#ff8b25;color:#12191d}
.sjk-v3-matrix thead th.sjk-v3-featured-column{background:#ece9dc;color:#171d20}
.sjk-v3-matrix thead th.sjk-v3-featured-column small,.sjk-v3-matrix thead th.sjk-v3-featured-column a{color:#8d450e}
.sjk-v3-matrix .sjk-v3-featured-column{background:#f6f3e909}
.sjk-v3-group-row th{padding:0;background:#111b1f;border-bottom:1px solid #ffffff2d;text-align:left}
.sjk-v3-group-row button{display:flex;gap:16px;align-items:center;width:100%;padding:17px 24px;text-align:left;border:0;background:transparent;color:#f1f4f3;cursor:pointer}
.sjk-v3-group-row button:focus-visible{outline:3px solid #f99d56;outline-offset:-3px}
.sjk-v3-group-row button:hover{background:#ffffff0a}
.sjk-v3-group-index{color:#ffb477;font:900 10px Inter,Arial,sans-serif;letter-spacing:.08em}
.sjk-v3-group-name{display:grid;gap:4px;flex:1;min-width:0}
.sjk-v3-group-name strong{font:850 12px/1.25 Inter,Arial,sans-serif;letter-spacing:.07em}
.sjk-v3-group-name small{font:500 11px/1.45 "IBM Plex Sans",Arial,sans-serif;color:#b3bec1}
.sjk-v3-group-symbol{display:grid;place-items:center;color:#ffb57b;border:1px solid #ffac6560;width:30px;height:30px;border-radius:50%;font:600 23px/1 Inter,Arial,sans-serif}
.sjk-v3-group-row button[aria-expanded="true"] .sjk-v3-group-symbol{transform:rotate(45deg)}
.sjk-v3-feature-row th{font:750 13px/1.45 Inter,Arial,sans-serif;text-align:left;color:#f1f3f1;padding:15px 12px 15px 24px}
.sjk-v3-feature-row th strong{font-weight:760;display:block}
.sjk-v3-feature-row th small{display:block;color:#9caeb4;font:400 11px/1.55 "IBM Plex Sans",Arial,sans-serif;margin-top:5px}
.sjk-v3-feature-row td{font-size:11px;line-height:1.4}
.sjk-v3-feature-row>*,.sjk-v3-feature-row+ .sjk-v3-feature-row>*{border-bottom:1px solid #ffffff0e}
.sjk-v3-feature-row:nth-child(even){background:#ffffff04}
.sjk-v3-feature-row[hidden]{display:none!important}
.sjk-v3-cell-mark{display:flex;justify-content:center;align-items:center;gap:7px;font:650 11px/1.3 Inter,Arial,sans-serif}
.sjk-v3-cell-text{color:#ccd4d5}
.sjk-v3-status{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:20px;min-height:20px}
.sjk-v3-status.sjk-v3-yes{color:var(--v3-green);background:#1b674550;border:1px solid #69ce9270;border-radius:50%;font:900 13px Inter,Arial,sans-serif;width:20px;height:20px}
.sjk-v3-status.sjk-v3-no{color:#8fa1a8;font-size:21px;font-weight:700}
.sjk-v3-status.sjk-v3-quoted,.sjk-v3-status.sjk-v3-conditional,.sjk-v3-status.sjk-v3-extra{border:1px solid #c593608c;border-radius:5px;color:#e8b57d;background:#6b482931;padding:4px 6px;font:850 8px/1.15 Inter,Arial,sans-serif;white-space:nowrap}
.sjk-v3-status.sjk-v3-extra{color:#d1bbb0;border-color:#a1918370}
.sjk-v3-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-top:1px solid #ffffff20}
.sjk-v3-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:600 11px/1.35 Inter,Arial,sans-serif;color:#b9c4c8}
.sjk-v3-legend span{display:inline-flex;align-items:center;gap:6px}
.sjk-v3-help-link{font:850 11px/1.3 Inter,Arial,sans-serif;letter-spacing:.06em;text-decoration:none!important;color:#ffb27d!important;white-space:nowrap}
.sjk-v3-help-link:hover{text-decoration:underline!important}
.sjk-v3-terms{padding:0 24px!important;margin:0!important;font:400 11px/1.6 "IBM Plex Sans",Arial,sans-serif!important;color:#aab7bc!important;max-width:1100px}
.sjk-v3-screenreader{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.services-compare-placement{padding:clamp(42px,6vw,75px) 0;background:#0b1114}
.services-compare-placement .sjk-v3-compare{margin:0}
@media(max-width:1050px){.sjk-v3-matrix th,.sjk-v3-matrix td{padding:12px 7px}.sjk-v3-cell-mark{flex-direction:column;gap:5px}.sjk-v3-matrix thead th{font-size:9px}}
@media(max-width:850px){.sjk-v3-topline{grid-template-columns:1fr;gap:10px}.sjk-v3-snapshot{grid-template-columns:1fr;gap:10px}.sjk-v3-snapshot-card{min-height:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start}.sjk-v3-snapshot-eyebrow,.sjk-v3-snapshot-card h4,.sjk-v3-snapshot-description{grid-column:1}.sjk-v3-snapshot-price{grid-column:2;grid-row:1/3;margin:0}.sjk-v3-snapshot-action{grid-column:2;grid-row:3}.sjk-v3-summary-trailing>span{display:none}}
@media(max-width:620px){
 .sjk-v3-topline h3{font-size:clamp(26px,7vw,36px)}
 .sjk-v3-snapshot-card{display:flex;padding:19px;gap:7px}
 .sjk-v3-snapshot-price{margin-top:7px}
 .sjk-v3-reveal>summary{padding:17px 14px;gap:12px;min-height:79px}
 .sjk-v3-summary-icon{width:37px;height:37px;font-size:22px}
 .sjk-v3-summary-copy strong{font-size:15px}
 .sjk-v3-summary-copy small{font-size:11px}
 .sjk-v3-summary-trailing b{width:29px;height:29px;font-size:21px}
 .sjk-v3-matrix{display:block}
 .sjk-v3-matrix thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .sjk-v3-matrix tbody{display:block}
 .sjk-v3-group-row{display:block}
 .sjk-v3-group-row th{display:block}
 .sjk-v3-group-row button{padding:15px 12px;gap:9px}
 .sjk-v3-group-name strong{font-size:11px}
 .sjk-v3-group-name small{font-size:10px}
 .sjk-v3-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #ffffff29}
 .sjk-v3-feature-row th{display:block;grid-column:1/-1;padding:12px 14px 9px;background:#ffffff0b;border-bottom:0}
 .sjk-v3-feature-row th small{font-size:10px}
 .sjk-v3-feature-row td{display:block;min-width:0;border:0!important;padding:9px 3px 12px}
 .sjk-v3-feature-row td:not(:last-child){border-right:1px solid #ffffff13!important}
 .sjk-v3-feature-row td:before{content:attr(data-plan);display:block;margin-bottom:9px;font:850 9px/1.25 Inter,Arial,sans-serif;letter-spacing:.03em;color:#bdcacf}
 .sjk-v3-feature-row td:nth-child(3):before{color:#ffe0ad}
 .sjk-v3-cell-mark{gap:5px;flex-direction:column;font-size:10px}
 .sjk-v3-cell-text{font-size:10px;line-height:1.32;text-align:center}
 .sjk-v3-status.sjk-v3-quoted,.sjk-v3-status.sjk-v3-conditional,.sjk-v3-status.sjk-v3-extra{font-size:7px;padding:4px 3px;letter-spacing:-.015em;white-space:normal;text-align:center}
 .sjk-v3-bottom{align-items:flex-start;flex-direction:column;padding:17px 12px;gap:12px}
 .sjk-v3-terms{padding:0 12px!important;font-size:10px!important}
 .sjk-v3-legend{font-size:10px;gap:8px}
 #services.service-curated .sjk-v3-mini-features{gap:4px}
 #services.service-curated .sjk-v3-mini-features ul{gap:4px}
 #services.service-curated .sjk-v3-mini-features li{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.sjk-v3-summary-trailing b{transition:none}}

/* Real live homepage: neutralize the older tablet grid placement before applying new feature lists. */
#services.service-curated .priority-card,#services.service-curated .priority-card.advanced-tier{display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-columns:none!important;grid-template-rows:none!important;grid-column:auto!important;min-width:0!important}
#services.service-curated .priority-card>.priority-overline,#services.service-curated .priority-card>div:nth-child(2),#services.service-curated .priority-card>.sjk-v3-mini-features,#services.service-curated .priority-card>.priority-bottom{grid-column:auto!important;grid-row:auto!important;align-self:stretch!important}
#services.service-curated .priority-card>.priority-bottom{order:3;margin-top:auto!important;padding:13px 0 0!important;border-left:0!important;border-top:1px solid #ffffff27!important;display:grid;gap:9px!important}
#services.service-curated .priority-card.standard-tier>.priority-bottom{border-top-color:#171d202d!important}
#services.service-curated .priority-card>.priority-bottom .tier-action{margin:0!important;max-width:none;flex:auto;width:100%;text-align:left;padding:9px 0 0!important;border-top:1px solid #ffffff22!important;min-height:38px}
#services.service-curated .priority-card.standard-tier>.priority-bottom .tier-action{border-top-color:#171d2028!important}
#services.service-curated .priority-card h3{line-height:1.12!important;letter-spacing:-.034em!important}
@media(min-width:900px){#services.service-curated .priority-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:640px) and (max-width:899px){#services.service-curated .priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#services.service-curated .priority-card.advanced-tier{grid-column:1/-1!important}}
@media(max-width:639px){#services.service-curated .priority-grid{grid-template-columns:minmax(0,1fr)!important}#services.service-curated .priority-card.advanced-tier{grid-column:auto!important}#services.service-curated .priority-card>.priority-bottom{display:flex!important;flex-direction:row;justify-content:space-between;align-items:center!important;gap:12px!important}#services.service-curated .priority-card>.priority-bottom .tier-action{max-width:47%!important;flex:0 1 47%;border:0!important;padding:0!important;min-width:0;text-align:right;font-size:9px!important}}