/* ============================================================
   SAY/SHOW BRAND CO.  GLOBAL STYLESHEET  v68  CURRENT
   ============================================================
   The only stylesheet. Static site, no page builder.
   Every page loads this file and wraps its content
   in <div class="ssx">.

   BUTTONS
   Primary    solid #111113, gradient ring on hover
   Secondary  transparent, gradient ring always, lifts on hover
   ============================================================ */


/* Fonts are loaded with <link rel="stylesheet"> in each page head.
   An @import here blocked rendering until the CSS itself had
   parsed, which delayed first paint. */

/* One fluid track for every display size on the site.
   Text now scales continuously from a 480px screen to a
   1280px one instead of sitting on its clamp floor until
   the viewport happens to get wide enough. Each size keeps
   the exact min and max it already had. */
:root{--fs-t:(100vw - 480px) / 800}

.ssx, .ssx *{box-sizing:border-box}
.ssx ::selection{background:var(--ss-mark);color:#111113}
.ssx .wrap{max-width:var(--ss-max);margin:0 auto;padding-left:var(--ss-gut);padding-right:var(--ss-gut)}
.ssx .narrow{max-width:760px}
.ssx .band{padding-top:clamp(84px,11vw,164px);padding-bottom:clamp(84px,11vw,164px)}
.ssx .band-tight{padding-top:clamp(60px,7.5vw,104px);padding-bottom:clamp(60px,7.5vw,104px)}
.ssx .band-dark{background:#111113;color:var(--ss-paper-2)}
.ssx .rule-top{border-top:1px solid var(--ss-line)}
.ssx .band-dark.rule-top{border-top-color:#2A2A2D}
.ssx .eyebrow{font-family:var(--ss-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);margin:0 0 20px;display:flex;align-items:center;gap:10px}
.ssx .band-dark .eyebrow{color:#8C8C91}
.ssx .band-dark .eyebrow::after{background:#2A2A2D}
.ssx h1, .ssx h2, .ssx h3{font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;line-height:1.02;margin:0}
.ssx h1{font-size:clamp(40px,calc(40px + 46 * var(--fs-t)),86px)}
.ssx h2{font-size:clamp(31px,calc(31px + 25 * var(--fs-t)),56px)}
.ssx h3{font-size:clamp(20px,calc(20px + 5 * var(--fs-t)),25px);letter-spacing:-.015em;line-height:1.15}
.ssx p{margin:0 0 1.1em}
.ssx p:last-child{margin-bottom:0}
.ssx .lede{font-size:clamp(19px,calc(19px + 5 * var(--fs-t)),24px);line-height:1.5;color:var(--ss-ink-2)}
.ssx .band-dark .lede{color:#C9C9CD}
.ssx .quiet{color:var(--ss-ink-3)}
.ssx .logo span{color:var(--ss-ink-3);font-weight:500}
.ssx .top-nav{display:flex;gap:26px;font-family:var(--ss-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.ssx .top-nav a{color:var(--ss-ink-2);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent}
.ssx .top-nav a:hover, .ssx .top-nav a:focus-visible{color:var(--ss-ink);border-bottom-color:var(--ss-ink)}
@media(max-width:720px){
  .ssx .top-nav{display:none}
}
  
  .ssx .cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.ssx a:focus-visible, .ssx button:focus-visible{outline:2px solid var(--ss-pen);outline-offset:3px}
.ssx .hero{padding-top:clamp(60px,8vw,116px);padding-bottom:clamp(64px,9vw,120px)}
.ssx .hero h1{max-width:15ch}
.ssx .hero .lede{margin-top:26px;max-width:44ch}
.ssx .strike-block{margin:clamp(40px,5vw,60px) 0 0;border-top:1px solid var(--ss-line);padding-top:26px;max-width:640px}
.ssx .strike-label{font-family:var(--ss-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink-3);margin-bottom:16px}
.ssx .strike-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.ssx .strike-list li{position:relative;font-family:var(--ss-display);font-weight:500;font-size:clamp(17px,calc(17px + 4 * var(--fs-t)),21px);letter-spacing:-.01em;color:var(--ss-ink-3);padding:4px 2px}
.ssx .strike-list li::after{content:"";position:absolute;left:0;top:52%;height:2px;background:var(--ss-pen);width:0;transform-origin:left center;animation:strike .42s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--d,0s)}
@keyframes strike{to{width:100%}}
.ssx .strike-out{margin-top:24px;font-family:var(--ss-display);font-weight:700;font-size:clamp(20px,calc(20px + 8 * var(--fs-t)),28px);letter-spacing:-.025em;opacity:0;animation:rise .5s ease forwards 2.1s}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ssx .qs{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid #2A2A2D}
.ssx .qs li{border-bottom:1px solid #2A2A2D;padding:20px 0;font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(22px,calc(22px + 12 * var(--fs-t)),34px);display:flex;gap:18px;align-items:baseline}
.ssx .qs .n{font-family:var(--ss-mono);font-size:11px;font-weight:400;letter-spacing:.1em;color:#77777C;flex:none}
.ssx .swap{display:grid;grid-template-columns:1fr auto 1fr;gap:0;border:1px solid var(--ss-line);margin:44px 0 0;background:var(--ss-paper-2)}
.ssx .swap-col{padding:clamp(22px,3vw,34px)}
.ssx .swap-div{width:1px;background:var(--ss-line)}
.ssx .swap h3{margin-bottom:18px}
.ssx .swap-line{font-family:var(--ss-mono);font-size:13px;line-height:1.9;color:var(--ss-ink-2);display:block}
.ssx .swap-line b{font-weight:500;color:var(--ss-ink)}
.ssx .swap-a .swap-line{text-decoration:line-through;text-decoration-color:var(--ss-pen);text-decoration-thickness:1px;color:var(--ss-ink-3)}
@media(max-width:780px){
  .ssx .swap{grid-template-columns:1fr}
  .ssx .swap-div{width:auto;height:1px}
}
.ssx .intersect{margin-top:44px;font-family:var(--ss-display);font-weight:600;font-size:clamp(19px,calc(19px + 8 * var(--fs-t)),27px);letter-spacing:-.02em;line-height:1.35;max-width:22ch}
.ssx .intersect em{font-style:normal;background:var(--ss-mark);padding:0 .12em}
.ssx .audit-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.ssx .audit-note{font-family:var(--ss-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8C8C91;max-width:30ch;line-height:1.8}
.ssx .steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2A2A2D;margin-top:44px;background:#232323}
.ssx .step{appearance:none;background:transparent;border:0;border-right:1px solid #2A2A2D;color:#8C8C91;text-align:left;padding:18px 18px 20px;cursor:pointer;font-family:var(--ss-display);transition:background .2s ease,color .2s ease}
.ssx .step:last-child{border-right:0}
.ssx .step .sn{display:block;font-family:var(--ss-mono);font-size:11px;letter-spacing:.14em;margin-bottom:10px;opacity:.75}
.ssx .step .st{display:block;font-size:clamp(17px,calc(17px + 5 * var(--fs-t)),22px);font-weight:700;letter-spacing:-.02em;color:#E2E2E4}
.ssx .step:hover{background:#2B2B2B}
.ssx .step[aria-selected="true"]{background:var(--ss-mark)}
.ssx .step[aria-selected="true"] .sn{color:#111113;opacity:1}
.ssx .step[aria-selected="true"] .st{color:var(--ss-ink)}
.ssx .panel{border:1px solid #2A2A2D;border-top:0;display:grid;grid-template-columns:1fr 1fr}
.ssx .panel-method{padding:clamp(24px,3.2vw,40px);border-right:1px solid #2A2A2D}
.ssx .panel-case{padding:clamp(24px,3.2vw,40px);background:#232323}
.ssx .panel h3{margin-bottom:16px}
.ssx .panel-method p{color:#C9C9CD;font-size:17px}
.ssx .rule-line{margin-top:24px;padding-top:18px;border-top:1px solid #2A2A2D;font-family:var(--ss-mono);font-size:12px;line-height:1.7;letter-spacing:.02em;color:#C9C9CD}
.ssx .case-label{font-family:var(--ss-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#77777C;margin-bottom:22px}
.ssx .case-list{list-style:none;margin:0;padding:0}
.ssx .case-list li{padding:0 0 16px 0;margin-bottom:16px;border-bottom:1px solid #2C2C2C;font-size:17px;line-height:1.5;color:#8C8C91;transition:color .25s ease,opacity .25s ease}
.ssx .case-list li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.ssx .case-list li .ck{display:block;font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#77777C;margin-bottom:7px}
.ssx .case-list li[hidden]{display:none}
.ssx .case-list li.now{color:var(--ss-paper-2)}
.ssx .case-list li.now .ck{color:#111113;background:var(--ss-mark);display:inline-block;padding:3px 7px}
.ssx .verdict{margin-top:26px;border:1px solid var(--ss-mark);padding:20px;font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em;font-size:19px;line-height:1.3;color:var(--ss-paper-2)}
.ssx .verdict span{display:inline-block;font-family:var(--ss-mono);font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#111113;background:var(--ss-mark);padding:4px 9px;margin-bottom:14px}
@media(max-width:860px){
  .ssx .steps{grid-template-columns:repeat(2,1fr)}
  .ssx .step:nth-child(2){border-right:0}
  .ssx .step:nth-child(1), .ssx .step:nth-child(2){border-bottom:1px solid #2A2A2D}
  .ssx .panel{grid-template-columns:1fr}
  .ssx .panel-method{border-right:0;border-bottom:1px solid #2A2A2D}
}
.ssx .proof{border-top:3px solid var(--ss-mark);background:var(--ss-paper-2)}
.ssx .band-dark.proof{background:#232323;border-top:3px solid var(--ss-mark)}
.ssx .proof-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
@media(max-width:800px){
  .ssx .proof-in{grid-template-columns:1fr;gap:28px}
}
.ssx .figure{font-family:var(--ss-display);font-weight:800;letter-spacing:-.055em;line-height:.82;font-size:clamp(76px,calc(76px + 92 * var(--fs-t)),168px)}
.ssx .figure small{font-size:.36em;letter-spacing:-.03em;font-weight:700}
.ssx .fig-say{color:var(--ss-ink-3);text-decoration:line-through;text-decoration-color:var(--ss-pen);text-decoration-thickness:5px}
.ssx .figure-cap{font-family:var(--ss-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);margin-top:18px}
.ssx .band-dark .figure-cap{color:#77777C}
.ssx .proof-say{font-size:clamp(19px,calc(19px + 4 * var(--fs-t)),23px);line-height:1.45;color:var(--ss-ink-2)}
.ssx .band-dark .proof-say{color:#C9C9CD}
.ssx .proof-turn{font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;line-height:1.15;font-size:clamp(21px,calc(21px + 9 * var(--fs-t)),30px);margin-top:20px;color:var(--ss-ink)}
.ssx .band-dark .proof-turn{color:var(--ss-paper-2)}
.ssx .src{display:block;margin-top:24px;padding-top:14px;border-top:1px solid var(--ss-line);font-family:var(--ss-mono);font-size:11px;line-height:1.7;letter-spacing:.02em;color:var(--ss-ink-3)}
.ssx .band-dark .src{border-top-color:#2A2A2D;color:#77777C}
.ssx .src a{color:inherit}
.ssx .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:8px}
.ssx .trio div{border-right:1px solid #2A2A2D;padding-right:20px}
.ssx .trio div:last-child{border-right:0;padding-right:0}
.ssx .trio div:not(:first-child){padding-left:20px}
.ssx .trio .tn{font-family:var(--ss-display);font-weight:800;letter-spacing:-.05em;font-size:clamp(38px,calc(38px + 46 * var(--fs-t)),84px);line-height:.9;color:var(--ss-paper-2)}
.ssx .trio .tl{font-family:var(--ss-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#77777C;margin-top:12px;display:block}
.ssx .trio div:last-child .tl{color:#111113;background:var(--ss-mark);display:inline-block;padding:4px 9px}
@media(max-width:560px){
  .ssx .trio{grid-template-columns:1fr}
  .ssx .trio div{border-right:0;border-bottom:1px solid #2A2A2D;padding:16px 0}
  .ssx .trio div:not(:first-child){padding-left:0}
  .ssx .trio div:last-child{border-bottom:0}
}
.ssx .maybes{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:1px;background:var(--ss-line);border:1px solid var(--ss-line)}
.ssx .maybes li{background:var(--ss-paper-2);padding:clamp(20px,2.6vw,30px);display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start}
.ssx .maybes .mk{font-family:var(--ss-mono);font-size:11px;letter-spacing:.12em;color:var(--ss-pen);padding-top:5px}
.ssx .maybes .mt{font-size:clamp(18px,calc(18px + 3 * var(--fs-t)),21px);line-height:1.45;color:var(--ss-ink)}
@media(max-width:560px){
  .ssx .maybes li{grid-template-columns:1fr;gap:8px}
  .ssx .maybes .mk{padding-top:0}
}
.ssx .pullquote{margin-top:clamp(44px,5vw,64px);font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;line-height:1.08;font-size:clamp(26px,calc(26px + 18 * var(--fs-t)),44px);max-width:19ch}
.ssx .inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;border-top:1px solid var(--ss-line)}
.ssx .inputs div{padding:26px 22px 26px 0;border-right:1px solid var(--ss-line)}
.ssx .inputs div:last-child{border-right:0;padding-right:0}
.ssx .inputs div:not(:first-child){padding-left:22px}
.ssx .inputs h3{margin-bottom:12px}
.ssx .inputs p{font-size:16px;color:var(--ss-ink-2);line-height:1.5}
@media(max-width:860px){
  .ssx .inputs{grid-template-columns:1fr}
  .ssx .inputs div{border-right:0;border-bottom:1px solid var(--ss-line);padding:24px 0}
  .ssx .inputs div:not(:first-child){padding-left:0}
  .ssx .inputs div:last-child{border-bottom:0}
}
.ssx .caps{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;padding:0;list-style:none}
.ssx .caps li{font-family:var(--ss-mono);font-size:12px;letter-spacing:.06em;border:1px solid var(--ss-line);padding:11px 15px;background:var(--ss-paper-2);color:var(--ss-ink-2)}
.ssx .nots{list-style:none;margin:36px 0 0;padding:0;max-width:820px}
.ssx .nots li{font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(20px,calc(20px + 10 * var(--fs-t)),30px);color:var(--ss-ink-3);padding:16px 0;border-bottom:1px solid var(--ss-line);text-decoration:line-through;text-decoration-color:var(--ss-pen);text-decoration-thickness:2px}
.ssx .close h2{font-size:clamp(38px,calc(38px + 42 * var(--fs-t)),80px);line-height:.98}
.ssx .close .lede{margin-top:28px;max-width:46ch}
.ssx footer{border-top:1px solid #2A2A2D;padding-top:28px;margin-top:clamp(56px,7vw,90px);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-family:var(--ss-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#77777C}
@media (prefers-reduced-motion:reduce){
  .ssx, .ssx *{animation-duration:.001ms !important;animation-delay:0ms !important;transition-duration:.001ms !important}
  .ssx .strike-list li::after{width:100%}
  .ssx .strike-out{opacity:1}
}
.ssx .cta-note-d{color:#8C8C91}
.ssx .inline-cta{margin-top:clamp(36px,4vw,52px);border:1px solid var(--ss-mark);padding:clamp(24px,3vw,36px);display:grid;grid-template-columns:1fr auto;gap:12px clamp(24px,4vw,48px);align-items:center}
.ssx .inline-cta-t{grid-column:1;font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(20px,calc(20px + 8 * var(--fs-t)),28px);line-height:1.15;color:var(--ss-paper-2);margin:0}
.ssx .inline-cta-b{grid-column:1;margin:0;color:#C9C9CD;font-size:17px;line-height:1.5;max-width:52ch}
@media(max-width:760px){
  .ssx .inline-cta{grid-template-columns:1fr}
}
.ssx .maybes-d{background:#2A2A2D;border-color:#2A2A2D}
.ssx .maybes-d li{background:var(--ss-ink)}
.ssx .maybes-d .mt{color:var(--ss-paper-2)}
/* --ss-mark resolves to #111113, so this chip was painting
   near-black text on a near-black background and vanished.
   Amber would fix the contrast but would put four accent
   elements in one view, so the number just sits in gray. */
.ssx .maybes-d .mk{color:#8C8C91;background:none;padding:0;height:fit-content}
.ssx .pullquote-d{color:var(--ss-paper-2)}
.ssx .next-list{list-style:none;margin:44px 0 0;padding:0;border-top:1px solid var(--ss-line)}
.ssx .next-list li{display:grid;grid-template-columns:76px 1fr;gap:0 24px;padding:clamp(24px,3vw,34px) 0;border-bottom:1px solid var(--ss-line)}
.ssx .next-list .nx{font-family:var(--ss-mono);font-size:12px;letter-spacing:.14em;color:var(--ss-ink-3);padding-top:6px}
.ssx .next-list h3{margin-bottom:10px}
.ssx .next-list p{font-size:17px;color:var(--ss-ink-2);line-height:1.5;max-width:60ch}
.ssx .nx-meta{display:inline-block;margin-top:14px;font-family:var(--ss-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ss-ink);border-bottom:2px solid var(--ss-mark);padding-bottom:2px}
@media(max-width:620px){
  .ssx .next-list li{grid-template-columns:1fr;gap:10px}
  .ssx .next-list .nx{padding-top:0}
}
.ssx .aside{margin-top:32px;font-family:var(--ss-body);font-size:17px;color:var(--ss-ink-3);max-width:58ch}
.ssx .qa{margin-top:40px;border-top:1px solid #2A2A2D;padding-top:30px}
.ssx .qa .ask-q{font-family:var(--ss-display);font-weight:500;letter-spacing:-.02em;font-size:clamp(19px,calc(19px + 8 * var(--fs-t)),27px);color:#8C8C91;line-height:1.25;margin:0}
.ssx .qa .ask-a span{background:var(--ss-mark);padding:.04em .22em .08em}
.ssx .sep{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2A2A2D;border:1px solid #2A2A2D;margin-top:40px}
.ssx .sep div{background:var(--ss-ink);padding:clamp(20px,2.8vw,30px)}
.ssx .sep .sh2{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#77777C;display:block;margin-bottom:14px}
.ssx .sep h3{color:var(--ss-paper-2);margin-bottom:12px}
.ssx .sep p{font-size:16px;color:#8C8C91;line-height:1.5}
@media(max-width:700px){
  .ssx .sep{grid-template-columns:1fr}
}
.ssx .kicker{font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(21px,calc(21px + 11 * var(--fs-t)),32px);line-height:1.15;color:var(--ss-paper-2);max-width:26ch;margin-top:36px}
.ssx .who-hero{padding-top:clamp(56px,8vw,116px);padding-bottom:clamp(52px,7vw,92px)}
.ssx .who-hero h1{max-width:14ch}
.ssx .who-sub{font-size:clamp(19px,calc(19px + 6 * var(--fs-t)),25px);line-height:1.45;color:var(--ss-ink-2);max-width:52ch;margin-top:26px}
.ssx .who-sub strong{color:var(--ss-ink);font-weight:400}
.ssx .notlist{margin-top:34px;border-top:1px solid var(--ss-line);padding-top:22px;max-width:60ch}
.ssx .notlist .nh{font-family:var(--ss-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink-3);margin:0 0 14px}
.ssx .notlist ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.ssx .notlist li{font-family:var(--ss-display);font-weight:500;font-size:clamp(15px,1.4vw,18px);letter-spacing:-.01em;color:var(--ss-ink-3);border:1px solid var(--ss-line);padding:7px 12px;background:var(--ss-paper-2)}
.ssx .notlist p{margin-top:18px;font-size:17px;color:var(--ss-ink-2)}
.ssx .divider-rule{border:0;border-top:1px solid var(--ss-line);margin:0}
.ssx .evidence-strip{margin-top:36px;border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line);padding:24px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ssx .evidence-strip div{border-right:1px solid var(--ss-line);padding-right:18px}
.ssx .evidence-strip div:last-child{border-right:0;padding-right:0}
.ssx .evidence-strip div:not(:first-child){padding-left:18px}
.ssx .evidence-strip .eh{font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:10px}
.ssx .evidence-strip p{font-family:var(--ss-display);font-weight:500;letter-spacing:-.015em;font-size:clamp(15px,1.5vw,18px);line-height:1.3;color:var(--ss-ink);margin:0}
@media(max-width:760px){
  .ssx .evidence-strip{grid-template-columns:1fr 1fr;gap:20px 0}
  .ssx .evidence-strip div{border-right:0;padding:0}
  .ssx .evidence-strip div:not(:first-child){padding-left:0}
}
.ssx .scoff{font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(22px,calc(22px + 12 * var(--fs-t)),34px);line-height:1.15;max-width:24ch;margin-top:36px}
.ssx .scoff span{background:var(--ss-mark);padding:0 .1em}
.ssx .punch{margin-top:28px;max-width:34ch}
.ssx .punch .p1{font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(23px,calc(23px + 15 * var(--fs-t)),38px);line-height:1.1;margin:0;color:var(--ss-ink)}
.ssx .punch .p1 em{font-style:normal;background:var(--ss-mark);padding:0 .1em}
.ssx .punch .p2{font-size:clamp(17px,calc(17px + 3 * var(--fs-t)),20px);line-height:1.45;color:var(--ss-ink-2);margin-top:18px;max-width:46ch}
.ssx .punch .p3{font-family:var(--ss-mono);font-size:12px;letter-spacing:.02em;line-height:1.8;color:var(--ss-ink-3);margin-top:18px;max-width:52ch}
.ssx .punch .p3 s{text-decoration-color:var(--ss-pen);text-decoration-thickness:1px}
.ssx .sitefoot{border-top:1px solid #2A2A2D;margin-top:clamp(56px,7vw,90px);padding-top:36px;padding-bottom:12px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.ssx .sitefoot .fh{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-paper-2);display:block;margin-bottom:14px}
.ssx .sitefoot p{font-size:15px;color:#8C8C91;line-height:1.5;max-width:34ch;margin:0}
.ssx .sitefoot a{display:block;font-size:15px;color:#C9C9CD;text-decoration:none;padding:5px 0;border-bottom:1px solid transparent;width:fit-content}
.ssx .sitefoot a:hover, .ssx .sitefoot a:focus-visible{color:var(--ss-paper-2);border-bottom-color:var(--ss-mark)}
.ssx .sitefoot .fine{margin-top:14px;font-family:var(--ss-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#77777C}
@media(max-width:800px){
  .ssx .sitefoot{grid-template-columns:1fr 1fr;gap:26px}
}
@media(max-width:520px){
  .ssx .sitefoot{grid-template-columns:1fr}
}
.ssx .three{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(36px,4.5vw,56px);border-top:1px solid var(--ss-line)}
.ssx .three > div{border-right:1px solid var(--ss-line);padding:30px 26px 30px 0}
.ssx .three > div:last-child{border-right:0;padding-right:0}
.ssx .three > div:not(:first-child){padding-left:26px}
.ssx .three .tn{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:14px}
.ssx .three h3{margin-bottom:12px;font-size:clamp(19px,calc(19px + 5 * var(--fs-t)),24px)}
.ssx .three p{font-size:16px;color:var(--ss-ink-2);line-height:1.5}
@media(max-width:820px){
  .ssx .three{grid-template-columns:1fr}
  .ssx .three > div{border-right:0;border-bottom:1px solid var(--ss-line);padding:24px 0}
  .ssx .three > div:not(:first-child){padding-left:0}
  .ssx .three > div:last-child{border-bottom:0}
}
.ssx .startcard{border:1px solid var(--ss-ink);padding:clamp(26px,3.6vw,48px);margin-top:clamp(30px,4vw,44px)}
.ssx .startcard h2{margin-bottom:18px}
.ssx .getlist{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}
.ssx .getlist li{padding:10px 0 10px 24px;position:relative;font-size:16px;color:var(--ss-ink-2);line-height:1.4;border-top:1px solid var(--ss-line)}
.ssx .getlist li::before{content:"";position:absolute;left:0;top:19px;width:12px;height:2px;background:var(--ss-mark)}
@media(max-width:640px){
  .ssx .getlist{grid-template-columns:1fr}
}
.ssx .tiers{list-style:none;margin:44px 0 0;padding:0;border-top:1px solid var(--ss-line)}
.ssx .tiers > li{border-bottom:1px solid var(--ss-line);padding:clamp(26px,3.4vw,40px) 0;display:grid;grid-template-columns:150px 1fr;gap:0 34px}
.ssx .tiers .tk{font-family:var(--ss-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ss-ink-3);padding-top:7px}
.ssx .tiers h3{margin-bottom:12px}
.ssx .tiers p{font-size:17px;color:var(--ss-ink-2);line-height:1.5;max-width:62ch}
.ssx .tiers .tmeta{display:inline-block;margin-top:16px;font-family:var(--ss-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ss-ink);border-bottom:2px solid var(--ss-mark);padding-bottom:2px}
@media(max-width:680px){
  .ssx .tiers > li{grid-template-columns:1fr;gap:12px}
  .ssx .tiers .tk{padding-top:0}
}
.ssx .creds{list-style:none;margin:36px 0 0;padding:0;max-width:66ch}
.ssx .creds li{padding:16px 0 16px 28px;border-bottom:1px solid var(--ss-line);position:relative;font-size:17px;color:var(--ss-ink-2);line-height:1.5}
.ssx .creds li::before{content:"";position:absolute;left:0;top:25px;width:14px;height:2px;background:var(--ss-mark)}
.ssx .creds b{color:var(--ss-ink);font-weight:400;font-family:var(--ss-display);letter-spacing:-.01em}
.ssx .pagelede{font-size:clamp(19px,calc(19px + 6 * var(--fs-t)),25px);line-height:1.45;color:var(--ss-ink-2);max-width:54ch;margin-top:26px}
.ssx .qualify{margin-top:22px;font-family:var(--ss-mono);font-size:12px;line-height:1.9;letter-spacing:.02em;color:var(--ss-ink-3);max-width:62ch;border-left:2px solid var(--ss-mark);padding-left:16px}
.ssx .qualify b{color:var(--ss-ink);font-weight:500}
.ssx .terms3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(32px,4vw,48px);border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line)}
.ssx .terms3 div{border-right:1px solid var(--ss-line);padding:24px 22px 24px 0}
.ssx .terms3 div:last-child{border-right:0;padding-right:0}
.ssx .terms3 div:not(:first-child){padding-left:22px}
.ssx .terms3 .t3h{font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(18px,calc(18px + 5 * var(--fs-t)),23px);line-height:1.15;color:var(--ss-ink);margin:0}
.ssx .terms3 p{font-size:15px;color:var(--ss-ink-2);line-height:1.45;margin-top:10px}
@media(max-width:720px){
  .ssx .terms3{grid-template-columns:1fr}
  .ssx .terms3 div{border-right:0;border-bottom:1px solid var(--ss-line);padding:20px 0}
  .ssx .terms3 div:not(:first-child){padding-left:0}
  .ssx .terms3 div:last-child{border-bottom:0}
}
.ssx .tracks{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ss-line);border:1px solid var(--ss-line);margin-top:38px}
.ssx .tracks > div{background:var(--ss-paper-2);padding:clamp(22px,3vw,32px)}
.ssx .tracks .trk{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:14px}
.ssx .tracks h3{margin-bottom:10px}
.ssx .tracks p{font-size:16px;color:var(--ss-ink-2);line-height:1.5}
.ssx .tracks a{color:var(--ss-ink);display:inline-block;margin-top:14px;font-family:var(--ss-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:700px){
  .ssx .tracks{grid-template-columns:1fr}
}
.ssx .mid{font-family:var(--ss-mono);font-size:13px;line-height:1.9;color:var(--ss-ink-3);margin-top:20px;max-width:58ch}
.ssx .mid s{text-decoration-color:var(--ss-mark);text-decoration-thickness:2px;color:var(--ss-ink-2)}
.ssx .steps-inline{list-style:none;margin:30px 0 0;padding:0;counter-reset:si;max-width:60ch}
.ssx .steps-inline .sit{font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(19px,calc(19px + 6 * var(--fs-t)),25px);line-height:1.2;color:var(--ss-ink);margin:0}
.ssx .steps-inline .sid{font-size:16px;color:var(--ss-ink-2);line-height:1.5;margin-top:6px}
.ssx .roi{margin-top:34px;border-left:2px solid var(--ss-mark);padding:6px 0 6px 18px;max-width:52ch}
.ssx .roi p{font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(19px,calc(19px + 7 * var(--fs-t)),26px);line-height:1.2;color:var(--ss-ink);margin:0}
.ssx .roi span{display:block;margin-top:12px;font-family:var(--ss-body);font-weight:400;font-size:17px;line-height:1.5;color:var(--ss-ink-2);letter-spacing:0}
.ssx .steps-inline li{counter-increment:si;display:grid;grid-template-columns:88px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--ss-line)}
.ssx .steps-inline li::before{content:none;font-family:var(--ss-mono);font-size:11px;color:var(--ss-ink-3);padding-top:6px}
.ssx .steps-inline .stg{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink);border:1px solid var(--ss-ink);padding:5px 8px;text-align:center;align-self:start;margin-top:5px}
@media(max-width:560px){
  .ssx .steps-inline li{grid-template-columns:1fr;gap:8px}
  .ssx .steps-inline .stg{justify-self:start;margin-top:0}
}
.ssx .hero-dark h1{color:var(--ss-paper-2)}
.ssx .hero-dark .mid{color:#77777C}
.ssx .hero-dark .mid s{color:#C9C9CD;text-decoration-color:var(--ss-mark)}
.ssx .hero-dark .pagelede{color:#C9C9CD}
.ssx .hero-dark .steps-inline li{border-top-color:#2A2A2D}
.ssx .hero-dark .steps-inline .stg{color:#111113;background:var(--ss-mark);border-color:var(--ss-mark)}
.ssx .hero-dark .steps-inline .sit{color:var(--ss-paper-2)}
.ssx .hero-dark .steps-inline .sid{color:#C9C9CD}
.ssx .hero-dark .roi p{color:var(--ss-paper-2)}
.ssx .hero-dark .roi span{color:#C9C9CD}
.ssx .hero-dark .qualify{color:#77777C}
.ssx .hero-dark .qualify b{color:var(--ss-paper-2)}
.ssx .hero-dark .terms3{border-top-color:#2A2A2D;border-bottom-color:#2A2A2D}
.ssx .hero-dark .terms3 div{border-right-color:#2A2A2D}
.ssx .hero-dark .terms3 .t3h{color:var(--ss-paper-2)}
.ssx .hero-dark .terms3 p{color:#77777C}
@media(max-width:720px){
  .ssx .hero-dark .terms3 div{border-bottom-color:#2A2A2D}
}
.ssx .wrongplace{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px;max-width:60ch}
.ssx .wrongplace li{font-family:var(--ss-display);font-weight:500;font-size:clamp(15px,1.5vw,19px);letter-spacing:-.01em;color:var(--ss-ink-3);border:1px solid var(--ss-line);padding:8px 13px;background:var(--ss-paper-2)}
.ssx .wrongplace li.words{color:var(--ss-ink-2)}
.ssx .wrongplace li.words s{text-decoration-color:var(--ss-mark);text-decoration-thickness:2px}
.ssx .qs4{list-style:none;margin:24px 0 0;padding:0;max-width:56ch}
.ssx .qs4 li{font-family:var(--ss-display);font-weight:600;letter-spacing:-.025em;font-size:clamp(20px,calc(20px + 10 * var(--fs-t)),30px);line-height:1.2;color:var(--ss-ink);padding:12px 0;border-bottom:1px solid var(--ss-line)}
.ssx .qs4 li:last-child{border-bottom:0}
.ssx .ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line)}
.ssx .ladder div{border-right:1px solid var(--ss-line);padding:20px 18px 20px 0}
.ssx .ladder div:last-child{border-right:0;padding-right:0}
.ssx .ladder div:not(:first-child){padding-left:18px}
.ssx .ladder .lk{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:10px;color:var(--ss-ink-3)}
.ssx .ladder p{font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(17px,calc(17px + 5 * var(--fs-t)),22px);line-height:1.15;color:var(--ss-ink);margin:0}
.ssx .ladder div:nth-child(1) .lk{color:#C3B393}
.ssx .ladder div:nth-child(2) .lk{color:#A08F6E}
.ssx .ladder div:nth-child(3) .lk{color:#7C6F55}
.ssx .ladder div:nth-child(4) .lk{color:var(--ss-ink)}
@media(max-width:760px){
  .ssx .ladder{grid-template-columns:1fr 1fr}
  .ssx .ladder div{border-bottom:1px solid var(--ss-line);padding:16px 14px 16px 0}
  .ssx .ladder div:nth-child(2n){border-right:0;padding-right:0}
  .ssx .ladder div:nth-child(n+3){border-bottom:0}
  .ssx .ladder div:nth-child(3){padding-left:0}
}
@media(max-width:430px){
  .ssx .ladder{grid-template-columns:1fr}
  .ssx .ladder div{border-right:0;padding:14px 0}
  .ssx .ladder div:not(:first-child){padding-left:0}
  .ssx .ladder div:nth-child(n+3){border-bottom:1px solid var(--ss-line)}
  .ssx .ladder div:last-child{border-bottom:0}
}
.ssx .claims{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2A2A2D;border:1px solid #2A2A2D;margin-top:clamp(34px,4vw,52px)}
.ssx .claims > div{background:#111113;padding:clamp(24px,3.2vw,38px)}
.ssx .claims .cl{font-family:var(--ss-display);font-weight:800;letter-spacing:-.035em;font-size:clamp(24px,calc(24px + 18 * var(--fs-t)),42px);line-height:1;color:var(--ss-paper-2);margin:0;text-transform:uppercase}
.ssx .claims .cr{font-family:var(--ss-body);font-style:italic;font-size:clamp(16px,calc(16px + 4 * var(--fs-t)),20px);color:#111113;margin-top:16px;display:inline-block;background:var(--ss-mark);padding:5px 11px}
@media(max-width:640px){
  .ssx .claims{grid-template-columns:1fr}
}
.ssx .split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ss-line);border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line);margin-top:clamp(30px,4vw,46px)}
.ssx .split > div{background:var(--ss-paper);padding:clamp(28px,4vw,54px) clamp(22px,3vw,40px)}
.ssx .split .sw{font-family:var(--ss-display);font-weight:800;letter-spacing:-.05em;font-size:clamp(48px,calc(48px + 56 * var(--fs-t)),104px);line-height:.85;margin:0}
.ssx .split .say .sw{color:var(--ss-ink-3)}
.ssx .split .show .sw{color:var(--ss-ink)}
.ssx .split h3{margin:22px 0 12px;font-size:clamp(19px,calc(19px + 5 * var(--fs-t)),24px)}
.ssx .split p{font-size:17px;color:var(--ss-ink-2);line-height:1.5}
.ssx .split .show{background:var(--ss-paper-2)}
@media(max-width:700px){
  .ssx .split{grid-template-columns:1fr}
}
.ssx .mantra{font-family:var(--ss-display);font-weight:800;letter-spacing:-.04em;font-size:clamp(26px,calc(26px + 30 * var(--fs-t)),56px);line-height:1.02;margin-top:clamp(32px,4vw,48px);max-width:20ch}
.ssx .mantra span{color:var(--ss-ink-3)}
.ssx .tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ss-line);margin-top:clamp(28px,3.4vw,42px)}
.ssx .tabs button{appearance:none;background:transparent;border:0;border-right:1px solid var(--ss-line);padding:16px 12px;cursor:pointer;font-family:var(--ss-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ss-ink-2);transition:background .18s ease,color .18s ease}
.ssx .tabs button:last-child{border-right:0}
.ssx .tabs button:hover{background:var(--ss-paper-2)}
.ssx .tabs button[aria-selected="true"]{background:var(--ss-ink);color:var(--ss-paper-2)}
@media(max-width:640px){
  .ssx .tabs{grid-template-columns:1fr 1fr}
  .ssx .tabs button:nth-child(2){border-right:0}
  .ssx .tabs button:nth-child(-n+2){border-bottom:1px solid var(--ss-line)}
}
.ssx .ba{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ss-line);border:1px solid var(--ss-line);border-top:0}
.ssx .ba > div{background:var(--ss-paper);padding:clamp(24px,3.2vw,40px)}
.ssx .ba .bh{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:18px}
.ssx .ba .before h3{font-family:var(--ss-display);font-weight:600;font-size:clamp(19px,calc(19px + 6 * var(--fs-t)),25px);color:var(--ss-ink-3);letter-spacing:-.02em;margin-bottom:12px}
.ssx .ba .before p{color:var(--ss-ink-3);font-size:16px;line-height:1.5}
.ssx .ba .before .verdict{margin-top:20px;font-family:var(--ss-body);font-style:italic;color:var(--ss-pen);font-size:16px}
.ssx .ba .after{background:var(--ss-paper-2)}
.ssx .ba .after h3{font-family:var(--ss-display);font-weight:700;font-size:clamp(21px,calc(21px + 10 * var(--fs-t)),31px);letter-spacing:-.03em;line-height:1.12;color:var(--ss-ink);margin-bottom:12px}
.ssx .ba .after > p{font-size:17px;color:var(--ss-ink-2);line-height:1.5}
.ssx .pcps{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--ss-line)}
.ssx .pcps li{padding:14px 0;border-bottom:1px solid var(--ss-line);display:grid;grid-template-columns:64px 1fr;gap:16px;font-size:16px;color:var(--ss-ink-2);line-height:1.45}
.ssx .pcps li:last-child{border-bottom:0}
.ssx .pcps .pk{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding-top:4px}
.ssx .pcps li:nth-child(1) .pk{color:#C3B393}
.ssx .pcps li:nth-child(2) .pk{color:#A08F6E}
.ssx .pcps li:nth-child(3) .pk{color:#7C6F55}
.ssx .pcps li:nth-child(4) .pk{color:#111113;background:var(--ss-mark);display:inline-block;padding:3px 7px;height:fit-content}
.ssx .pcps li:nth-child(4){color:var(--ss-ink);font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em}
@media(max-width:760px){
  .ssx .ba{grid-template-columns:1fr}
  .ssx .pcps li{grid-template-columns:1fr;gap:6px}
}
.ssx .mblocks{list-style:none;margin:clamp(32px,4vw,50px) 0 0;padding:0;border-top:1px solid #2A2A2D}
.ssx .mblocks > li{border-bottom:1px solid #2A2A2D;padding:clamp(28px,3.6vw,44px) 0;display:grid;grid-template-columns:118px 1fr;gap:0 34px}
.ssx .mblocks .mk{font-family:var(--ss-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding-top:8px}
.ssx .mblocks > li:nth-child(1) .mk{color:#C3B393}
.ssx .mblocks > li:nth-child(2) .mk{color:#A08F6E}
.ssx .mblocks > li:nth-child(3) .mk{color:#B2A184}
.ssx .mblocks > li:nth-child(4) .mk{color:#111113;background:var(--ss-mark);display:inline-block;padding:4px 9px;height:fit-content}
.ssx .mblocks h3{color:var(--ss-paper-2);font-size:clamp(23px,calc(23px + 13 * var(--fs-t)),36px);letter-spacing:-.03em;margin-bottom:14px}
.ssx .mblocks p{color:#C9C9CD;font-size:17px;line-height:1.5;max-width:62ch}
.ssx .mblocks .mq{margin-top:18px;font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(17px,calc(17px + 5 * var(--fs-t)),22px);color:var(--ss-paper-2);line-height:1.3}
.ssx .mblocks .swap2{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #2A2A2D;max-width:60ch}
.ssx .mblocks .swap2 div{padding:16px 18px}
.ssx .mblocks .swap2 div:first-child{border-right:1px solid #2A2A2D}
.ssx .mblocks .swap2 .lb{font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#77777C;display:block;margin-bottom:8px}
.ssx .mblocks .swap2 .no{color:#77777C;font-style:italic}
.ssx .mblocks .swap2 .yes{color:#111113;background:var(--ss-mark);padding:3px 8px;display:inline;font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
@media(max-width:680px){
  .ssx .mblocks > li{grid-template-columns:1fr;gap:12px}
  .ssx .mblocks .mk{padding-top:0}
  .ssx .mblocks .swap2{grid-template-columns:1fr}
  .ssx .mblocks .swap2 div:first-child{border-right:0;border-bottom:1px solid #2A2A2D}
}
.ssx .bigidea{list-style:none;margin:clamp(30px,4vw,46px) 0 0;padding:0;border-top:1px solid var(--ss-line)}
.ssx .bigidea li{border-bottom:1px solid var(--ss-line);padding:20px 0;font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(20px,calc(20px + 14 * var(--fs-t)),34px);line-height:1.15;color:var(--ss-ink)}
.ssx .svc{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(30px,4vw,46px);border-top:1px solid var(--ss-line)}
.ssx .svc > div{border-right:1px solid var(--ss-line);padding:26px 22px 26px 0}
.ssx .svc > div:last-child{border-right:0;padding-right:0}
.ssx .svc > div:not(:first-child){padding-left:22px}
.ssx .svc h3{font-size:clamp(16px,1.6vw,19px);margin-bottom:16px}
.ssx .svc ul{list-style:none;margin:0;padding:0}
.ssx .svc li{font-size:15px;color:var(--ss-ink-2);padding:6px 0;line-height:1.4}
@media(max-width:860px){
  .ssx .svc{grid-template-columns:1fr 1fr}
  .ssx .svc > div{border-bottom:1px solid var(--ss-line);padding:22px 18px 22px 0}
  .ssx .svc > div:nth-child(2n){border-right:0;padding-right:0}
  .ssx .svc > div:nth-child(n+3){border-bottom:0}
  .ssx .svc > div:nth-child(3){padding-left:0}
}
@media(max-width:520px){
  .ssx .svc{grid-template-columns:1fr}
  .ssx .svc > div{border-right:0;padding:20px 0;border-bottom:1px solid var(--ss-line)}
  .ssx .svc > div:not(:first-child){padding-left:0}
  .ssx .svc > div:last-child{border-bottom:0}
}
.ssx .butif{list-style:none;margin:26px 0 0;padding:0;max-width:70ch}
.ssx .butif li{padding:15px 0 15px 30px;border-bottom:1px solid var(--ss-line);position:relative;font-size:clamp(17px,calc(17px + 3 * var(--fs-t)),20px);color:var(--ss-ink-2);line-height:1.45}
.ssx .butif li::before{content:"";position:absolute;left:0;top:24px;width:16px;height:2px;background:var(--ss-mark)}
.ssx .butif li:last-child{border-bottom:0}
.ssx .butif b{color:var(--ss-ink);font-weight:400;font-family:var(--ss-display);letter-spacing:-.01em}
.ssx .founder{display:grid;grid-template-columns:300px 1fr;gap:clamp(26px,4vw,56px);margin-top:clamp(30px,4vw,44px);align-items:start}
.ssx .fphoto{aspect-ratio:4/5;background:#2A2A2D;border:1px solid #4E4E52;display:flex;align-items:center;justify-content:center;font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#77777C;text-align:center;padding:16px}
.ssx .founder p{color:#C9C9CD;font-size:17px;line-height:1.55;margin-bottom:1em}
.ssx .founder .belief{font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(21px,calc(21px + 11 * var(--fs-t)),32px);line-height:1.15;color:var(--ss-paper-2);margin:26px 0 0}
@media(max-width:760px){
  .ssx .founder{grid-template-columns:1fr}
  .ssx .fphoto{max-width:280px}
}
.ssx .finalq{font-family:var(--ss-display);font-weight:800;letter-spacing:-.04em;font-size:clamp(34px,calc(34px + 48 * var(--fs-t)),82px);line-height:.98;max-width:16ch}
.ssx .blk{background:var(--ss-mark);color:#111113;padding:.06em .26em .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ssx .blk-sm{background:var(--ss-mark);color:#111113;padding:4px 9px;display:inline-block}
.ssx .hl{background:linear-gradient(to top,var(--ss-mark) 0,var(--ss-mark) 100%,transparent 100%);padding:.04em .22em .08em;color:var(--ss-ink);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ssx .ftr{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(40px,5vw,64px)}
.ssx .ftr-news{max-width:640px}
.ssx .ftr-news h2{color:var(--ss-paper-2);font-size:clamp(24px,calc(24px + 14 * var(--fs-t)),38px);letter-spacing:-.03em;line-height:1.15;margin:0}
.ssx .ftr-form{margin-top:clamp(30px,4vw,48px)}
.ssx .ftr-input{width:100%;background:transparent;border:0;border-bottom:1px solid #4E4E52;color:var(--ss-paper-2);font-family:var(--ss-display);font-weight:400;font-size:clamp(22px,calc(22px + 12 * var(--fs-t)),34px);letter-spacing:-.02em;padding:0 0 18px;outline:none}
.ssx .ftr-input::placeholder{color:#5C5C60}
.ssx .ftr-input:focus{border-bottom-color:var(--ss-mark)}
.ssx .ftr-fine{margin-top:clamp(28px,3.4vw,44px);font-size:15px;line-height:1.6;color:#77777C;max-width:56ch}
.ssx .ftr-fine a{color:#8C8C91}
.ssx .ftr-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);margin-top:clamp(56px,7vw,104px);max-width:640px}
.ssx .ftr-cols h3{color:var(--ss-paper-2);font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(19px,calc(19px + 6 * var(--fs-t)),25px);margin:0 0 clamp(20px,2.4vw,32px)}
.ssx .ftr-cols a{display:block;color:#8C8C91;text-decoration:none;font-family:var(--ss-display);font-weight:400;letter-spacing:-.015em;font-size:clamp(18px,calc(18px + 4 * var(--fs-t)),22px);line-height:1.2;padding:9px 0;transition:color .16s ease}
.ssx .ftr-cols a:hover, .ssx .ftr-cols a:focus-visible{color:var(--ss-paper-2)}
.ssx .ftr-end{margin-top:clamp(60px,8vw,120px);text-align:center}
.ssx .ftr-top{display:inline-block;color:var(--ss-paper-2);text-decoration:none;font-family:var(--ss-display);font-weight:400;font-size:clamp(18px,calc(18px + 4 * var(--fs-t)),22px);letter-spacing:-.015em}
.ssx .ftr-top:hover, .ssx .ftr-top:focus-visible{color:var(--ss-mark)}
.ssx .ftr-social{display:flex;justify-content:center;gap:26px;margin-top:clamp(30px,3.6vw,48px)}
.ssx .ftr-social a{color:#8C8C91;text-decoration:none;font-family:var(--ss-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:6px 2px}
.ssx .ftr-social a:hover, .ssx .ftr-social a:focus-visible{color:var(--ss-paper-2)}
.ssx .ftr-copy{margin-top:clamp(30px,3.6vw,48px);font-family:var(--ss-display);font-weight:400;font-size:clamp(15px,1.6vw,19px);letter-spacing:-.01em;color:var(--ss-paper-2)}
@media(max-width:560px){
  .ssx .ftr-cols{grid-template-columns:1fr;gap:38px}
}
.ssx .circ{position:relative;display:inline-block;padding:.08em .42em .16em}
.ssx .hero2 h1 .u-swipe{background-size:100% .26em;background-position:0 94%}
.ssx .ssline .u-swipe{background-size:100% .34em}
.ssx .grn{color:#3A3A3D}
.ssx .band-dark .grn, .ssx .blk-band .grn{color:var(--ss-mark)}
.ssx .dot{color:var(--ss-mark)}
.ssx .hero2{max-width:none}
.ssx .hero2 h1{font-size:clamp(38px,calc(38px + 36 * var(--fs-t)),74px);line-height:1.02;letter-spacing:-.037em;max-width:17ch}
.ssx .hero2 .sub{font-size:17px;line-height:1.55;color:var(--ss-ink-2);max-width:46ch;margin-top:24px}
.ssx .claims4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px);margin-top:clamp(30px,4vw,46px)}
.ssx .claims4 .cq{font-family:var(--ss-display);font-weight:800;letter-spacing:-.03em;font-size:clamp(18px,calc(18px + 7 * var(--fs-t)),25px);line-height:1.12;color:var(--ss-ink);margin:0}
.ssx .claims4 .ca{font-size:15px;color:var(--ss-ink-2);margin-top:16px;line-height:1.4}
@media(max-width:820px){
  .ssx .claims4{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  .ssx .claims4{grid-template-columns:1fr}
}
.ssx .twocol{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);margin-top:clamp(32px,4vw,50px)}
.ssx .twocol .lead{border-left:2px solid var(--ss-ink);padding-left:20px}
.ssx .twocol .lead p{font-size:16px;color:var(--ss-ink-2);margin:0 0 8px}
.ssx .twocol .lead strong{font-family:var(--ss-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(17px,calc(17px + 4 * var(--fs-t)),21px);color:var(--ss-ink);display:block}
.ssx .twocol .body p{font-size:16px;color:var(--ss-ink-2);line-height:1.55;margin:0}
@media(max-width:760px){
  .ssx .twocol{grid-template-columns:1fr}
}
.ssx .ss{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(14px,3vw,44px);align-items:start}
.ssx .ss .big{font-family:var(--ss-display);font-weight:800;letter-spacing:-.05em;font-size:clamp(34px,calc(34px + 58 * var(--fs-t)),92px);line-height:.9;margin:0;color:#fff}
.ssx .ss .rule{width:3px;background:#2C2C2C;align-self:stretch;margin-top:6px}
.ssx .ss .accent{width:26px;height:3px;background:var(--ss-mark);margin:clamp(18px,2.4vw,28px) 0 12px}
.ssx .ss .sh{color:#fff;font-family:var(--ss-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(15px,calc(15px + 7 * var(--fs-t)),22px);line-height:1.25;margin:0 0 12px}
.ssx .ss p{font-size:clamp(13px,1.5vw,16px);line-height:1.55;color:#A6A6AB;margin:0}
@media(max-width:560px){
  .ssx .ss{gap:12px}
  .ssx .ss .rule{width:2px}
}
.ssx .ssline{text-align:center;margin-top:clamp(38px,5vw,62px);font-family:var(--ss-display);font-weight:700;letter-spacing:.01em;font-size:clamp(17px,calc(17px + 11 * var(--fs-t)),28px);color:#fff;text-transform:uppercase}
.ssx .ba2{display:grid;grid-template-columns:1fr 62px 1.35fr;align-items:center;margin-top:clamp(26px,3.4vw,42px)}
.ssx .ba2 .bcard{background:#F1F1F1;padding:clamp(22px,3vw,34px);align-self:stretch}
.ssx .ba2 .acard{background:#fff;border:2px solid var(--ss-mark);padding:clamp(22px,3vw,34px);align-self:stretch}
.ssx .ba2 .lbl{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:16px}
.ssx .ba2 .acard .lbl{color:#3A3A3D}
.ssx .ba2 .bcard h3{font-family:var(--ss-display);font-weight:700;font-size:clamp(20px,calc(20px + 9 * var(--fs-t)),29px);letter-spacing:-.03em;line-height:1.1;color:var(--ss-ink);margin:0 0 14px}
.ssx .ba2 .bcard p{font-size:15px;color:var(--ss-ink-2);line-height:1.5;margin:0}
.ssx .ba2 .bcard .snd{margin-top:20px;font-style:italic;color:var(--ss-ink-3);font-size:15px}
.ssx .ba2 .acard h3{font-family:var(--ss-display);font-weight:800;font-size:clamp(22px,calc(22px + 12 * var(--fs-t)),34px);letter-spacing:-.035em;line-height:1.08;color:var(--ss-ink);margin:0 0 14px}
.ssx .ba2 .acard > p{font-size:16px;color:var(--ss-ink-2);line-height:1.5;margin:0}
.ssx .midarw{justify-self:center;width:44px;height:44px;border-radius:50%;background:var(--ss-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}
.ssx .pcps4{display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;border-top:1px solid var(--ss-line);padding-top:20px}
.ssx .pcps4 > div{border-right:1px solid var(--ss-line);padding:0 16px 0 0}
.ssx .pcps4 > div:last-child{border-right:0;padding-right:0}
.ssx .pcps4 > div:not(:first-child){padding-left:16px}
.ssx .pcps4 .pk{font-family:var(--ss-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#3A3A3D;display:block;margin-bottom:10px}
.ssx .pcps4 p{font-size:14px;color:var(--ss-ink-2);line-height:1.45;margin:0}
@media(max-width:860px){
  .ssx .ba2{grid-template-columns:1fr}
  .ssx .midarw{margin:14px 0;transform:rotate(90deg)}
  .ssx .pcps4{grid-template-columns:1fr 1fr;gap:18px 0}
  .ssx .pcps4 > div:nth-child(2n){border-right:0}
}
@media(max-width:460px){
  .ssx .pcps4{grid-template-columns:1fr}
  .ssx .pcps4 > div{border-right:0;padding:0 0 14px}
  .ssx .pcps4 > div:not(:first-child){padding-left:0}
}
.ssx .mrow{display:grid;grid-template-columns:1fr repeat(4,1.06fr);gap:clamp(14px,2vw,26px);margin-top:clamp(26px,3vw,40px);align-items:start}
.ssx .mrow .mhead h2{font-size:clamp(24px,calc(24px + 13 * var(--fs-t)),37px);letter-spacing:-.035em;line-height:1.08}
.ssx .mstep .mnum{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin:14px 0 8px}
.ssx .mstep h3{font-size:clamp(16px,calc(16px + 4 * var(--fs-t)),20px);letter-spacing:-.02em;line-height:1.15;margin-bottom:12px}
.ssx .mstep p{font-size:14px;color:var(--ss-ink-2);line-height:1.5;margin:0 0 12px}
.ssx .mstep svg{width:32px;height:32px}
.ssx .mstep .no{font-style:italic;color:var(--ss-ink-3)}
.ssx .mstep .yes{font-family:var(--ss-display);font-weight:700;letter-spacing:-.015em;color:var(--ss-ink)}
@media(max-width:980px){
  .ssx .mrow{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .ssx .mrow{grid-template-columns:1fr}
}
.ssx .final3{display:grid;grid-template-columns:1.1fr 1fr auto;gap:clamp(24px,4vw,56px);align-items:center}
.ssx .final3 .fq{font-family:var(--ss-display);font-weight:800;letter-spacing:-.04em;font-size:clamp(28px,calc(28px + 22 * var(--fs-t)),50px);line-height:1.02;margin:0}
.ssx .final3 p{font-size:15px;color:var(--ss-ink-2);line-height:1.55;margin:0}
.ssx .final3 .fcta{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
@media(max-width:900px){
  .ssx .final3{grid-template-columns:1fr}
}
  
  
  
  
  
  

  
  .ssx .exlist{margin-top:clamp(26px,3.2vw,40px);border-top:1px solid var(--ss-ink)}
.ssx .exrow summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(14px,2.4vw,32px);padding:clamp(18px,2.2vw,26px) 0}
.ssx .exrow summary::-webkit-details-marker{display:none}
.ssx .exrow summary:hover .ex-ind{color:var(--ss-ink)}
.ssx .exrow summary:focus-visible{outline:2px solid var(--ss-ink);outline-offset:4px}
.ssx .ex-ind{font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(19px,calc(19px + 8 * var(--fs-t)),27px);color:var(--ss-ink-2);white-space:nowrap;transition:color .16s ease}
.ssx .ex-teaser{font-size:15px;color:var(--ss-ink-3);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.ssx .ex-chev{width:12px;height:12px;border-right:2px solid var(--ss-ink);border-bottom:2px solid var(--ss-ink);transform:rotate(45deg);transition:transform .2s ease;margin-right:4px}
.ssx .exrow[open] .ex-ind{color:var(--ss-ink);background-image:var(--ss-swipe-img);background-repeat:no-repeat;background-position:0 92%;background-size:100% .3em}
.ssx .exrow[open] .ex-teaser{display:none}
.ssx .exrow[open] .ex-chev{transform:rotate(225deg)}
.ssx .exrow[open] .ba2{margin-top:4px;padding-bottom:clamp(22px,2.6vw,34px)}
@media(max-width:640px){
  .ssx .exrow summary{grid-template-columns:1fr auto;gap:12px}
  .ssx .ex-teaser{grid-column:1 / -1;grid-row:2;-webkit-line-clamp:2}
}
@media(max-width:980px){
  .ssx .mrow{gap:clamp(20px,3vw,30px) clamp(16px,2.5vw,28px)}
  .ssx .mrow .mhead{grid-column:1 / -1;margin-bottom:4px}
}
@media(max-width:700px){
  .ssx .mstep svg{display:none}
  .ssx .mrow{gap:0}
  .ssx .mrow .mstep{border-top:1px solid var(--ss-line);padding:20px 0 22px}
  .ssx .mstep .mnum{margin:0 0 8px}
  .ssx .mstep h3{margin-bottom:10px}
  .ssx .mstep p{margin-bottom:10px}
  .ssx .mstep p:last-child{margin-bottom:0}
}
.ssx .leadin{margin-top:clamp(22px,2.6vw,32px);border-left:2px solid var(--ss-mark);padding:6px 0 6px 18px;max-width:56ch}
.ssx .leadin p{font-size:clamp(16px,1.5vw,19px);line-height:1.5;color:var(--ss-ink-2);margin:0}
.ssx .leadin p + p{margin-top:10px}
.ssx .leadin .src{display:block;margin-top:12px;font-family:var(--ss-mono);font-size:10px;letter-spacing:.1em;line-height:1.7;color:var(--ss-ink-3);text-transform:none}
.ssx .gp h2{font-size:clamp(30px,calc(30px + 34 * var(--fs-t)),64px);line-height:1.02;letter-spacing:-.04em;max-width:15ch}
.ssx .gp .gp2{color:var(--ss-ink-3)}
.ssx .gp .rude{margin-top:26px;max-width:44ch}
.ssx .gp .rude p{font-size:clamp(17px,calc(17px + 4 * var(--fs-t)),21px);line-height:1.5;color:var(--ss-ink-2);margin:0}
.ssx .gp .rude p + p{margin-top:6px}
.ssx .gp .rude .wink{font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em;color:var(--ss-ink)}
.ssx .gpbody{margin-top:clamp(30px,3.6vw,46px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.ssx .gpbody p{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--ss-ink-2);margin:0 0 14px}
.ssx .gpbody p:last-child{margin-bottom:0}
.ssx .gpbody strong{font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em;color:var(--ss-ink)}
@media(max-width:760px){
  .ssx .gpbody{grid-template-columns:1fr;gap:18px}
}
.ssx .signals{list-style:none;margin:20px 0 0;padding:0}
.ssx .signals li{font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(17px,calc(17px + 5 * var(--fs-t)),22px);line-height:1.25;color:var(--ss-ink);padding:11px 0;border-bottom:1px solid var(--ss-line)}
.ssx .signals li:last-child{border-bottom:0}
.ssx .thesis{margin-top:clamp(30px,3.6vw,44px);max-width:38ch}
.ssx .thesis p{font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;line-height:1.15;font-size:clamp(20px,calc(20px + 10 * var(--fs-t)),30px);color:var(--ss-ink-3);margin:0}
.ssx .thesis p + p{margin-top:10px;color:var(--ss-ink)}
.ssx .era h2{font-size:clamp(32px,calc(32px + 42 * var(--fs-t)),74px);line-height:1;letter-spacing:-.045em;color:var(--ss-paper-2);max-width:14ch}
.ssx .everyone{list-style:none;margin:clamp(28px,3.4vw,42px) 0 0;padding:0;max-width:52ch}
.ssx .everyone li{font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(18px,calc(18px + 7 * var(--fs-t)),25px);color:#8C8C91;padding:13px 0;border-bottom:1px solid #2A2A2D}
.ssx .everyone li:last-child{border-bottom:0}
.ssx .tuned{margin-top:clamp(26px,3vw,38px);font-size:clamp(17px,calc(17px + 4 * var(--fs-t)),21px);line-height:1.5;color:#C9C9CD;max-width:46ch}
.ssx .asks{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #2A2A2D;border-bottom:1px solid #2A2A2D}
.ssx .asks li{border-right:1px solid #2A2A2D;padding:22px 18px 22px 0;font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(16px,calc(16px + 5 * var(--fs-t)),21px);line-height:1.2;color:var(--ss-paper-2)}
.ssx .asks li:last-child{border-right:0;padding-right:0}
.ssx .asks li:not(:first-child){padding-left:18px}
@media(max-width:760px){
  .ssx .asks{grid-template-columns:1fr 1fr}
  .ssx .asks li:nth-child(2n){border-right:0;padding-right:0}
}
@media(max-width:430px){
  .ssx .asks{grid-template-columns:1fr}
  .ssx .asks li{border-right:0;padding:14px 0;border-bottom:1px solid #2A2A2D}
  .ssx .asks li:not(:first-child){padding-left:0}
  .ssx .asks li:last-child{border-bottom:0}
}
.ssx .jobline{margin-top:clamp(28px,3.2vw,40px);font-family:var(--ss-display);font-weight:800;letter-spacing:-.04em;font-size:clamp(24px,calc(24px + 20 * var(--fs-t)),44px);color:var(--ss-paper-2)}
.ssx .quietq{margin-top:clamp(24px,3vw,36px);border-left:3px solid var(--ss-mark);padding:10px 0 10px 22px;max-width:30ch}
.ssx .quietq p{font-family:var(--ss-display);font-weight:800;letter-spacing:-.04em;line-height:1.05;font-size:clamp(26px,calc(26px + 26 * var(--fs-t)),52px);color:var(--ss-ink);margin:0}
.ssx .wecome{margin-top:clamp(26px,3vw,38px);max-width:60ch}
.ssx .wecome p{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--ss-ink-2);margin:0 0 14px}
.ssx .notbetter{margin-top:clamp(28px,3.2vw,40px);max-width:34ch}
.ssx .notbetter p{font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;line-height:1.15;font-size:clamp(20px,calc(20px + 10 * var(--fs-t)),30px);margin:0;color:var(--ss-ink-3)}
.ssx .notbetter p + p{margin-top:8px;color:var(--ss-ink)}
.ssx .sss .w{font-family:var(--ss-display);font-weight:800;letter-spacing:-.05em;font-size:clamp(34px,calc(34px + 30 * var(--fs-t)),64px);line-height:.9;color:var(--ss-paper-2);margin:0}
.ssx .sss .dotc{color:var(--ss-mark)}
.ssx .sss .q{margin:20px 0 0;font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(16px,calc(16px + 4 * var(--fs-t)),20px);line-height:1.25;color:var(--ss-mark)}
.ssx .sss .d{margin:12px 0 0;font-size:15px;line-height:1.55;color:#C9C9CD}
.ssx .dont{list-style:none;margin:clamp(26px,3vw,40px) 0 0;padding:0;max-width:60ch}
.ssx .dont li{font-family:var(--ss-display);font-weight:600;letter-spacing:-.025em;font-size:clamp(18px,calc(18px + 7 * var(--fs-t)),25px);line-height:1.25;color:var(--ss-ink-3);padding:14px 0;border-bottom:1px solid var(--ss-line)}
.ssx .dont li:last-child{border-bottom:0;color:var(--ss-ink)}
.ssx .already{margin-top:clamp(30px,3.6vw,48px);max-width:22ch}
.ssx .already p{font-family:var(--ss-display);font-weight:800;letter-spacing:-.045em;line-height:1.02;font-size:clamp(28px,calc(28px + 32 * var(--fs-t)),60px);color:var(--ss-ink);margin:0}
.ssx .already .soft{color:var(--ss-ink-3)}
@supports (animation-timeline: scroll()){
  .ssx .ssprog{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;background:var(--ss-mark);z-index:60;transform:scaleX(0);animation:ssgrow linear;animation-timeline:scroll(root block)}
  @keyframes ssgrow{to{transform:scaleX(1)}}
}
@media (prefers-reduced-motion:reduce){
  .ssx .ssprog{display:none}
}
.ssx .navm{display:none}
.ssx .navm summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-right:-8px}
.ssx .navm summary::-webkit-details-marker{display:none}
.ssx .navm summary span{display:block;width:22px;height:2px;background:var(--ss-ink);transition:transform .2s ease,opacity .2s ease}
.ssx .navm[open] summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ssx .navm[open] summary span:nth-child(2){opacity:0}
.ssx .navm[open] summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ssx .navm-panel{position:fixed;left:0;right:0;top:var(--ss-headh,68px);background:var(--ss-paper);border-bottom:1px solid var(--ss-line);padding:8px var(--ss-gut) 22px;z-index:55}
.ssx .navm-panel a{display:block;font-family:var(--ss-display);font-weight:600;letter-spacing:-.025em;font-size:22px;color:var(--ss-ink);text-decoration:none;padding:15px 0;border-bottom:1px solid var(--ss-line)}
.ssx .navm-panel a:last-of-type{border-bottom:0}
@media(max-width:720px){
  .ssx .navm{display:block}
}
.ssx .midcta{border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line);margin-top:clamp(30px,3.6vw,46px);padding:clamp(22px,2.8vw,32px) 0;display:grid;grid-template-columns:1fr auto;gap:20px clamp(24px,4vw,48px);align-items:center}
.ssx .midcta p{font-family:var(--ss-display);font-weight:700;letter-spacing:-.028em;font-size:clamp(19px,calc(19px + 8 * var(--fs-t)),27px);line-height:1.2;color:var(--ss-ink);margin:0;max-width:26ch}
.ssx .midcta .sub2{display:block;font-family:var(--ss-body);font-weight:400;letter-spacing:0;font-size:16px;color:var(--ss-ink-2);line-height:1.5;margin-top:8px;max-width:44ch}
@media(max-width:720px){
  .ssx .midcta{grid-template-columns:1fr}
}
.ssx a, .ssx button, .ssx summary{-webkit-tap-highlight-color:transparent}
@media(max-width:720px){
  .ssx .top-nav a, .ssx .sitefoot a, .ssx .ftr-cols a{min-height:44px;display:flex;align-items:center}
}
@media (prefers-reduced-motion:no-preference){
  .ssx{scroll-behavior:smooth}
}
.ssx [id]{scroll-margin-top:88px}
.ssx .secno{font-family:var(--ss-mono);font-size:10px;letter-spacing:.2em;color:var(--ss-ink-3);display:inline-block;margin-right:14px}
.ssx .band-dark .secno, .ssx .blk-band .secno{color:#6E6E73}
@media(min-width:1400px){
  .ssx .wrap{max-width:1240px}
}
.ssx .invite{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,4vw,64px);align-items:center}
@media(max-width:820px){
  .ssx .invite{grid-template-columns:1fr;gap:30px}
}
.ssx .invite h2{font-size:clamp(28px,calc(28px + 22 * var(--fs-t)),50px);letter-spacing:-.04em;line-height:1.04;max-width:16ch}
.ssx .invite .ip{margin-top:20px;font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:#C9C9CD;max-width:46ch}
.ssx .verdicts{list-style:none;margin:0;padding:0;border-top:1px solid #2A2A2D}
.ssx .verdicts .vt{font-family:var(--ss-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:5px 9px;border:1px solid;white-space:nowrap}
.ssx .verdicts .v1{color:#8C8C91;border-color:#4E4E52}
.ssx .verdicts .v2{color:#C9C9CD;border-color:#8C8C91}
.ssx .verdicts .vd{font-size:15px;line-height:1.45;color:#C9C9CD}
.ssx .verdicts .vd b{color:var(--ss-paper-2);font-family:var(--ss-display);font-weight:600;letter-spacing:-.01em;display:block;margin-bottom:3px}
.ssx .asym{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ss-line);border:1px solid var(--ss-line);margin-top:clamp(26px,3vw,40px)}
.ssx .asym > div{background:var(--ss-paper);padding:clamp(20px,2.6vw,32px)}
.ssx .asym .ah{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:18px}
.ssx .asym ul{list-style:none;margin:0;padding:0}
.ssx .asym li{font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(16px,calc(16px + 4 * var(--fs-t)),20px);line-height:1.25;color:var(--ss-ink);padding:11px 0;border-bottom:1px solid var(--ss-line)}
.ssx .asym li:last-child{border-bottom:0}
.ssx .asym .them li{color:var(--ss-ink-3)}
.ssx .asym .them .only{color:var(--ss-ink)}
.ssx .asym .nothing{margin-top:16px;font-family:var(--ss-body);font-style:italic;font-size:clamp(15px,1.5vw,17px);color:var(--ss-ink-3);line-height:1.5}
@media(max-width:640px){
  .ssx .asym{grid-template-columns:1fr}
}
.ssx .sigrow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:clamp(24px,2.8vw,36px);border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line)}
.ssx .sigrow div{border-right:1px solid var(--ss-line);padding:20px 14px 20px 0;font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(15px,1.5vw,19px);line-height:1.2;color:var(--ss-ink)}
.ssx .sigrow div:last-child{border-right:0;padding-right:0}
.ssx .sigrow div:not(:first-child){padding-left:14px}
@media(max-width:900px){
  .ssx .sigrow{grid-template-columns:1fr 1fr}
  .ssx .sigrow div:nth-child(2n){border-right:0;padding-right:0}
  .ssx .sigrow div:nth-child(n+3){border-top:1px solid var(--ss-line)}
  .ssx .sigrow div:nth-child(5){grid-column:1 / -1}
}
@media(max-width:460px){
  .ssx .sigrow{grid-template-columns:1fr}
  .ssx .sigrow div{border-right:0;padding:14px 0;border-top:1px solid var(--ss-line)}
  .ssx .sigrow div:first-child{border-top:0}
  .ssx .sigrow div:not(:first-child){padding-left:0}
}
.ssx .heroform{display:grid;grid-template-columns:1.05fr 1fr;column-gap:clamp(28px,4.5vw,72px);row-gap:0;align-items:start}
@media(max-width:900px){
  .ssx .heroform{grid-template-columns:1fr;gap:0;align-items:start}
}
.ssx .hfbox .hfk{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:8px}
.ssx .hfbox .hfh{font-family:var(--ss-display);font-weight:700;letter-spacing:-.028em;font-size:clamp(19px,calc(19px + 6 * var(--fs-t)),25px);line-height:1.15;color:var(--ss-ink);margin:0 0 20px}
.ssx .hfbox label{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:7px}
.ssx .hfbox input::placeholder{color:#A6A6AB;font-weight:400}
  .ssx .hfbox .hffine{margin-top:14px;font-family:var(--ss-mono);font-size:10px;line-height:1.7;letter-spacing:.06em;text-transform:uppercase;color:var(--ss-ink-3)}
.ssx .lead1{font-size:clamp(17px,calc(17px + 3 * var(--fs-t)),20px);line-height:1.5;color:var(--ss-ink-2);max-width:48ch;margin:18px 0 0}
.ssx .band-dark .lead1, .ssx .blk-band .lead1{color:#C9C9CD}
.ssx .cards.c2{grid-template-columns:1fr 1fr}
.ssx .cards.c3{grid-template-columns:repeat(3,1fr)}
.ssx .cards.c4{grid-template-columns:repeat(4,1fr)}
.ssx .cards h3{font-size:clamp(17px,calc(17px + 4 * var(--fs-t)),21px);letter-spacing:-.025em;line-height:1.15;margin:0 0 8px}
.ssx .cards p{font-size:15px;line-height:1.4;color:var(--ss-ink-3);margin:0}
.ssx .cards .ck{font-family:var(--ss-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:12px}
.ssx .band-dark .cards h3, .ssx .blk-band .cards h3{color:var(--ss-paper-2)}
.ssx .band-dark .cards p, .ssx .blk-band .cards p{color:#8C8C91}
@media(max-width:820px){
  .ssx .cards.c3, .ssx .cards.c4{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .ssx .cards.c2, .ssx .cards.c3, .ssx .cards.c4{grid-template-columns:1fr}
}
.ssx .cmpt .yes{color:var(--ss-ink);font-size:17px}
.ssx .cmpt .no{color:#C2C2C6;font-size:17px}
.ssx .stats > div:last-child{border-right:0;padding-right:0}
.ssx .stats .sn{font-family:var(--ss-display);font-weight:800;letter-spacing:-.045em;font-size:clamp(34px,calc(34px + 22 * var(--fs-t)),56px);line-height:.92;color:var(--ss-ink);margin:0}
.ssx .stats .sl{font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-top:12px;line-height:1.6}
.ssx .struck{list-style:none;margin:clamp(24px,2.8vw,36px) 0 0;padding:0;max-width:46ch}
.ssx .struck li:last-child{border-bottom:0}
.ssx .cards{display:grid;gap:clamp(10px,1.2vw,16px);background:transparent;border:0;margin-top:clamp(26px,3vw,40px)}
.ssx .band-bright .cards > div{background:#fff;border-color:#E7E7E9}
.ssx .band-dark .cards, .ssx .blk-band .cards{background:transparent;border-color:#2A2A2D;border:0}
.ssx .band-dark .cards > div, .ssx .blk-band .cards > div{background:#1C1C1F;border-color:#2A2A2D;box-shadow:none}
.ssx .stats > div:not(:first-child){padding-left:clamp(20px,2.4vw,28px)}
.ssx .hfbox{border:1px solid #E7E7E9;padding:clamp(22px,2.8vw,32px);background:#fff;border-radius:var(--ss-r-lg);box-shadow:0 2px 10px rgba(0,0,0,.04)}
.ssx .hfbox input{width:100%;background:#F5F5F6;border:1px solid #E7E7E9;border-bottom:1px solid var(--ss-ink);color:var(--ss-ink);font-family:var(--ss-display);font-weight:500;font-size:clamp(16px,1.6vw,18px);letter-spacing:-.018em;padding:14px 15px;margin-bottom:16px;outline:none;border-radius:var(--ss-r-sm);-webkit-appearance:none}
.ssx .hfbox input:focus{border-bottom-color:var(--ss-mark);border-bottom-width:2px;padding-bottom:10px;border-color:var(--ss-mark);border-width:1px;padding:14px 15px;background:#fff}
.ssx .cmpt{width:100%;border-collapse:separate;margin-top:clamp(26px,3vw,40px);font-size:15px;border-spacing:0;background:#fff;border:1px solid #E7E7E9;border-radius:var(--ss-r);overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.ssx .cmpt th{font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ss-ink-3);font-weight:500;text-align:center;padding:16px 10px;border-bottom:1px solid #E7E7E9;background:#F5F5F6}
.ssx .cmpt th:first-child{text-align:left;padding-left:clamp(16px,2vw,24px);width:38%}
.ssx .cmpt td{padding:15px 10px;border-bottom:1px solid #EDEDEF;text-align:center;color:var(--ss-ink-3)}
.ssx .cmpt td:first-child{text-align:left;padding-left:clamp(16px,2vw,24px);color:var(--ss-ink);font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em;font-size:clamp(15px,1.5vw,17px)}
.ssx .cmpt tr:last-child td{border-bottom:0}
.ssx .struck li{font-family:var(--ss-display);font-weight:600;letter-spacing:-.025em;font-size:clamp(18px,calc(18px + 7 * var(--fs-t)),25px);line-height:1.2;color:#6E6E73;padding:11px 0;border-bottom:1px solid #2A2A2D;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--ss-mark);border-bottom-color:#2A2A2E}
.ssx .blk-band{background:#0B0B0C;color:#fff}
.ssx .eyebrow::after{content:"";height:1px;flex:1;background:var(--ss-line);opacity:.7}
.ssx .exrow{border-bottom:0;background:#fff;border:1px solid #E7E7E9;border-radius:var(--ss-r);margin-bottom:10px;padding:0 clamp(16px,2vw,22px)}
.ssx .two, .ssx .tracks2, .ssx .cmp, .ssx .split, .ssx .asym{background:transparent;border:0;gap:clamp(10px,1.2vw,16px)}
.ssx .two > div, .ssx .tracks2 > div, .ssx .cmp > div, .ssx .split > div, .ssx .asym > div{background:#fff;border:1px solid #E7E7E9;border-radius:var(--ss-r);box-shadow:0 1px 2px rgba(0,0,0,.03)}
.ssx .band-dark .two > div{background:#1C1C1F;border-color:#2A2A2D;box-shadow:none}
.ssx .asym .them{background:#F5F5F6}
.ssx .sss{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,16px);background:transparent;border:0;margin-top:clamp(28px,3.4vw,44px)}
.ssx .sss > div{background:#1C1C1F;padding:clamp(24px,3vw,38px);border:1px solid #2A2A2D;border-radius:var(--ss-r)}
.ssx .verdicts li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline;padding:16px 18px;border-bottom:0;background:#1C1C1F;border:1px solid #2A2A2D;border-radius:var(--ss-r-sm);margin-bottom:10px}
.ssx .vtag, .ssx .st, .ssx .tag, .ssx .vt{border-radius:999px}
.ssx .band-dark .hfbox{background:#1C1C1F;border-color:#333336;box-shadow:none}
.ssx .band-dark .hfbox input{background:#111113;border-color:#333336;color:var(--ss-paper-2)}
.ssx .band-dark .hfbox input:focus{background:#111113;border-color:var(--ss-mark)}
.ssx .band-dark .hfbox .hfk{color:#8C8C91}
.ssx .band-dark .hfbox .hfh{color:var(--ss-paper-2)}
.ssx .band-dark .hfbox label{color:#8C8C91}
.ssx .band-dark .hfbox input::placeholder{color:#6E6E73}
.ssx .band-dark .hfbox .hffine{color:#8C8C91}
.ssx .whyfree{margin-top:16px;border-top:1px solid #E7E7E9;padding-top:14px}
.ssx .whyfree summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ss-ink-2);padding:3px 0}
.ssx .whyfree summary::-webkit-details-marker{display:none}
.ssx .whyfree summary:hover{color:var(--ss-ink)}
.ssx .whyfree .wc{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;margin-top:-3px;flex:none}
.ssx .whyfree[open] .wc{transform:rotate(225deg);margin-top:2px}
.ssx .whyfree .wa{margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--ss-ink-2)}
.ssx .whyfree .wa + .wa{margin-top:10px}
.ssx .whyfree .wa b{color:var(--ss-ink);font-family:var(--ss-display);font-weight:600;letter-spacing:-.01em}
.ssx .band-dark .whyfree{border-top-color:#333336}
.ssx .band-dark .whyfree summary{color:#8C8C91}
.ssx .band-dark .whyfree .wa{color:#C9C9CD}
.ssx .top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
@media(max-width:720px){
  .ssx .logo br{display:none}
  .ssx .logo span:last-child{display:none}
  .ssx .top-in{padding-top:10px;padding-bottom:10px}
}
.ssx .hero-band .hfbox{background:#fff;border:1px solid #E2E2E4;box-shadow:0 10px 30px rgba(0,0,0,.07);position:relative;overflow:hidden}
.ssx .hero-band .hfbox .hfh{color:var(--ss-ink)}
.ssx .hero-band .hfbox label{color:var(--ss-ink-3)}
.ssx .hero-band .hfbox input{background:#F5F5F6;border-color:#E7E7E9;color:var(--ss-ink)}
.ssx .hero-band .hfbox input::placeholder{color:#A6A6AB}
.ssx .hero-band .hfbox input:focus{background:#fff;border-color:var(--ss-mark)}
.ssx .hero-band .hfbox .hffine{color:var(--ss-ink-3)}
.ssx .hero-band .whyfree{border-top-color:#E7E7E9}
.ssx .hero-band .whyfree summary{color:var(--ss-ink-2)}
.ssx .hero-band .whyfree summary:hover{color:var(--ss-ink)}
.ssx .hero-band .whyfree .wa{color:var(--ss-ink-2)}
.ssx .hero-band .whyfree .wa b{color:var(--ss-ink)}
.ssx .hero-band .lead1{max-width:42ch;color:#4E4E52}
.ssx .hero-band h1 .h1gap{display:block;height:.34em}
.ssx .hero-band{background:#F0F0F1;background-color:#F0F0F1;background-image:var(--ss-grid);background-position:center top}
.ssx .band-bright{background:#F0F0F1;background-color:#F0F0F1;background-image:var(--ss-dots);background-position:center}
.ssx .band-dark, .ssx .blk-band{background-image:var(--ss-grid-d);background-position:center top}
.ssx .cards > div, .ssx .hfbox, .ssx .stats > div, .ssx .cmpt, .ssx .two > div, .ssx .tracks2 > div, .ssx .cmp > div, .ssx .split > div, .ssx .asym > div, .ssx .pricebox, .ssx .faq details, .ssx .exrow{background-image:none}
.ssx .hero-band .hfbox .hfk{color:#6E6E73}
.ssx .cards > div{background:#fff;padding:clamp(22px,2.6vw,30px);border:1px solid #E7E7E9;border-radius:var(--ss-r);box-shadow:0 1px 2px rgba(0,0,0,.03);border-color:#E7E7E9}
.ssx .cmpt th.us{color:#111113;background:var(--ss-grad);padding:10px;border-bottom:0}
.ssx .cmpt td.us{background:#F5F5F6;color:#111113;font-weight:600}
.ssx .band-dark.rule-top, .ssx .blk-band.rule-top{border-top-color:#2A2A2D}

  
  .ssx .u-swipe{box-shadow:none;background-image:var(--ss-grad-soft);background-repeat:no-repeat;background-position:0 92%;background-size:100% .16em;padding-bottom:.04em}
.ssx .hero-band .hfbox::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--ss-grad)}
.ssx .hfbox input:focus, .ssx .af input:focus, .ssx .ftr-input:focus{border-color:var(--ss-g-orange)}
@supports (animation-timeline: scroll()){
  .ssx .ssprog{background:var(--ss-grad)}
}
.ssx .diff{list-style:none;margin:clamp(28px,3.2vw,44px) 0 0;padding:0;border-top:1px solid #E7E7E9}
.ssx .diff > li{border-bottom:1px solid #E7E7E9;padding:clamp(24px,3vw,36px) 0;display:grid;grid-template-columns:88px 1fr;gap:0 clamp(18px,2.4vw,32px)}
.ssx .diff .dn{font-family:var(--ss-mono);font-size:11px;letter-spacing:.16em;color:#6E6E73;padding-top:7px}
.ssx .diff h3{font-size:clamp(20px,calc(20px + 7 * var(--fs-t)),27px);letter-spacing:-.028em;line-height:1.12;margin:0}
.ssx .diff p{font-size:clamp(15px,1.55vw,17px);line-height:1.55;color:#4E4E52;margin:14px 0 0;max-width:58ch}
.ssx .diff .quiet-list{font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(16px,calc(16px + 4 * var(--fs-t)),20px);color:#A6A6AB;margin:14px 0 0}
.ssx .diff .kicker{font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(16px,calc(16px + 4 * var(--fs-t)),20px);line-height:1.3;color:#111113;margin:14px 0 0;max-width:44ch}
@media(max-width:640px){
  .ssx .diff > li{grid-template-columns:1fr;gap:10px}
  .ssx .diff .dn{padding-top:0}
}
.ssx .buckets{list-style:none;margin:clamp(26px,3vw,40px) 0 0;padding:0;border-top:1px solid #E7E7E9}
.ssx .buckets > li{border-bottom:1px solid #E7E7E9;padding:clamp(22px,2.6vw,32px) 0;display:grid;grid-template-columns:150px 1fr;gap:0 clamp(18px,2.4vw,32px)}
.ssx .buckets .bname{font-family:var(--ss-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#111113;padding-top:6px}
.ssx .buckets .bdef{font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(18px,calc(18px + 6 * var(--fs-t)),24px);line-height:1.2;color:#111113;margin:0}
.ssx .buckets p{font-size:clamp(15px,1.5vw,17px);line-height:1.55;color:#4E4E52;margin:12px 0 0;max-width:56ch}
.ssx .buckets .empties{font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(16px,calc(16px + 4 * var(--fs-t)),20px);color:#A6A6AB;margin:12px 0 0}
@media(max-width:640px){
  .ssx .buckets > li{grid-template-columns:1fr;gap:8px}
  .ssx .buckets .bname{padding-top:0}
}
.ssx .hero-band h1 .u-swipe::after{height:.28em;bottom:.01em}
.ssx .ssline .u-swipe::after, .ssx .mantra .u-swipe::after{height:.38em}
.ssx .band-dark .u-swipe::after, .ssx .blk-band .u-swipe::after{opacity:.92}
.ssx .u-swipe::after{content:none !important;position:absolute;left:-.08em;right:-.1em;bottom:-.02em;height:.34em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23F5A9B8%22%2F%3E%3Cstop%20offset%3D%220.55%22%20stop-color%3D%22%23C79BE0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237E8BC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M2%2026%20C48%2014%2096%2022%20148%2015%20C196%209%20244%2019%20298%2010%20C299%2016%20299%2022%20298%2028%20C246%2038%20198%2027%20150%2033%20C98%2039%2050%2031%203%2037%20Z%22%20fill%3D%22url%28%23g%29%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:100% 100%;z-index:-1;pointer-events:none;transform:rotate(-.5deg)}
/* the headline sizes to the width it actually gets:
   roughly half the wrap while the hero is two columns,
   the full wrap once it stacks. Inline clamp on the
   element could not do both. */
.ssx .hero-band h1{margin-top:6px;max-width:17ch;
  font-size:clamp(34px,calc(34px + 20 * var(--fs-t)),54px);line-height:1.04;letter-spacing:-.035em}
@media(max-width:940px){
  .ssx .hero-band h1{max-width:20ch;font-size:clamp(32px,calc(32px + 18 * var(--fs-t)),50px)}
}
/* a second full-size headline line, for heroes that state
   the contrast in two sentences rather than one */
.ssx .hero-band h1 .h1l2{display:block}
.ssx .hero-band.hero-2l h1{max-width:31ch}
@media(max-width:940px){
  .ssx .hero-band.hero-2l h1{max-width:24ch}
}
.ssx .circ::after{content:"";position:absolute;inset:-.16em -.04em -.2em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2090%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M148%206%20C86%204%2022%2020%2012%2045%20C4%2068%2060%2084%20150%2085%20C238%2086%20293%2070%20288%2044%20C284%2020%20220%206%20150%206%20C120%206%2092%2010%2070%2019%22%20fill%3D%22none%22%20stroke%3D%22%23F5A9B8%22%20stroke-width%3D%226.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;opacity:.55;filter:none}
.ssx .u-swipe{display:inline;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M2%2012%20C48%203%2096%2010%20148%204%20C196%20-1%20244%208%20298%201%20C299%2010%20299%2022%20298%2032%20C246%2039%20198%2029%20150%2034%20C98%2039%2050%2032%203%2038%20Z%22%20fill%3D%22%23F5A9B8%22%2F%3E%3C%2Fsvg%3E") !important;background-repeat:no-repeat;background-position:0 100%;background-size:100% .34em;padding-bottom:.06em;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:none !important;position:static;isolation:isolate}
.ssx .hero-band h1 .u-swipe{box-shadow:inset 0 -.1em 0 rgba(17,17,19,.16);background-size:100% .26em;background-position:0 94%;padding-bottom:.04em}
.ssx .ssline .u-swipe, .ssx .mantra .u-swipe{background-size:100% .38em}
.ssx .cta-spec li:first-child{padding-left:0;border-left:0}
.ssx .cta-note{font-family:var(--ss-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6E6E73;align-self:center;line-height:1.5;max-width:30ch}
  
  
  

  
  .ssx .logo{display:block;line-height:0;text-decoration:none;flex:none}
.ssx .logo img{display:block;height:34px;width:auto;max-width:none}
@media(max-width:720px){
  .ssx .logo img{height:26px}
}
.ssx .sitefoot .logo img, .ssx .band-dark .logo img{filter:invert(1) brightness(2)}

/* section head on the left, the rows on the right.
   The base grid rule was missing, so both halves were
   stacking full width. */
.ssx .sec-split{display:grid;grid-template-columns:minmax(0,0.82fr) minmax(0,1.5fr);
  gap:clamp(30px,4.4vw,72px);align-items:start}
.ssx .sec-split .sec-head{position:sticky;top:104px}
.ssx .sec-split .sec-head h2{margin-top:6px;font-size:clamp(28px,calc(28px + 12 * var(--fs-t)),40px);
  letter-spacing:-.035em;line-height:1.08}
.ssx .sec-split .sec-head .lead1{margin-top:16px;max-width:34ch}
@media(max-width:940px){
  .ssx .sec-split{grid-template-columns:1fr;gap:26px}
  .ssx .sec-split .sec-head{position:static}
}
@media(min-width:940px){
  .ssx .band{padding-top:clamp(60px,6.2vw,92px);padding-bottom:clamp(60px,6.2vw,92px)}
  .ssx .hero-band{padding-top:clamp(44px,4.4vw,66px);padding-bottom:clamp(52px,5.2vw,78px)}
}
.ssx .sec-split .diff{border-top:0;margin-top:0}
/* the 88px number gutter is too much once the right
   column narrows, but the rows still read as rows */
@media(min-width:721px) and (max-width:1180px){
  .ssx .sec-split .diff > li{grid-template-columns:52px 1fr}
}
.ssx .sec-split .diff > li:first-child{padding-top:0}
@media(min-width:940px){
  .ssx .bucketcols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px);margin-top:clamp(26px,3vw,40px);list-style:none;padding:0;border:0}
  .ssx .bucketcols > li{list-style:none;background:#fff;border:1px solid #E7E7E9;border-radius:14px;padding:clamp(22px,2.4vw,30px);box-shadow:0 1px 2px rgba(0,0,0,.03);display:block}
  .ssx .bucketcols > li:first-child{border-color:#F5A9B8;box-shadow:0 6px 20px rgba(199,155,224,.20)}
}
@media(max-width:939px){
  .ssx .bucketcols{list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0;border-top:1px solid #E7E7E9}
  .ssx .bucketcols > li{border-bottom:1px solid #E7E7E9;padding:20px 0}
}
.ssx .bucketcols .bname{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8C8C91;display:block;margin-bottom:13px}
.ssx .bucketcols .bdef{font-family:var(--ss-display);font-weight:700;letter-spacing:-.028em;font-size:clamp(18px,calc(18px + 4 * var(--fs-t)),22px);line-height:1.18;color:#111113;margin:0}
.ssx .bucketcols p{font-size:15px;line-height:1.5;color:#4E4E52;margin:12px 0 0}
.ssx .bucketcols .empties{font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:16px;color:#A6A6AB;margin:12px 0 0}
.ssx .proofrow{display:grid;grid-template-columns:minmax(280px,1fr) 1.35fr;gap:clamp(30px,5vw,80px);align-items:center}
@media(max-width:940px){
  .ssx .proofrow{grid-template-columns:1fr;gap:26px}
}
.ssx .proofrow .stats{margin-top:0}
.ssx .trackrow{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:clamp(28px,4vw,72px);align-items:center}
@media(max-width:940px){
  .ssx .trackrow{grid-template-columns:1fr;gap:24px}
}
.ssx .trackrow .cards{margin-top:0}
@media(min-width:940px){
  .ssx .band + .band.rule-top{border-top:0}
  .ssx .band + .band.rule-top::before{content:"";position:absolute;top:0;left:var(--ss-gut);right:var(--ss-gut);height:1px;background:#E4E4E6}
  .ssx .rule-top{position:relative}
  .ssx .band-dark + .band.rule-top::before, .ssx .blk-band + .band.rule-top::before{display:none}
  .ssx .band-dark.rule-top::before, .ssx .blk-band.rule-top::before{display:none}
}
.ssx .ftr-brand{margin-bottom:clamp(30px,3.6vw,48px)}
.ssx .ftr-brand img{display:block;height:30px;width:auto;filter:invert(1) brightness(2)}
@media(max-width:720px){
  .ssx .ftr-brand img{height:24px}
}
.ssx .top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid #E7E7E9;-webkit-backdrop-filter:saturate(160%) blur(10px)}
@supports (animation-timeline: scroll()){
  .ssx .top{animation:ss-headlift linear both;animation-timeline:scroll(root block);animation-range:0 90px}
  @keyframes ss-headlift{from{box-shadow:0 1px 0 rgba(17,17,19,0),0 6px 20px rgba(17,17,19,0);
           border-bottom-color:#E7E7E9}to{box-shadow:0 1px 0 rgba(17,17,19,.05),0 8px 24px rgba(17,17,19,.09);
         border-bottom-color:rgba(231,231,233,0)}}
}
@media (prefers-reduced-motion:reduce){
  .ssx .top{animation:none;box-shadow:0 1px 0 rgba(17,17,19,.05),0 8px 24px rgba(17,17,19,.07)}
}
.ssx .ftr2{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.1fr);gap:clamp(30px,5vw,80px);align-items:start;padding-top:clamp(44px,5vw,72px);padding-bottom:clamp(34px,4vw,54px)}
@media(max-width:860px){
  .ssx .ftr2{grid-template-columns:1fr;gap:30px}
}
.ssx .ftr2 .f-eyebrow{font-family:var(--ss-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8C8C91;display:block;margin-bottom:14px}
.ssx .ftr2 h2{font-size:clamp(30px,calc(30px + 20 * var(--fs-t)),50px);letter-spacing:-.04em;line-height:1;color:#fff;margin:0}
.ssx .ftr2 .f-lead{font-size:clamp(15px,1.55vw,17px);line-height:1.6;color:#C9C9CD;margin-top:18px;max-width:40ch}
.ssx .ftr2 .f-fine{font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6E6E73;margin-top:22px}
.ssx .ffield{margin-bottom:14px}
.ssx .ffield label{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8C8C91;display:block;margin-bottom:7px}
.ssx .ffield input, .ssx .ffield textarea{width:100%;background:#1C1C1F;border:1px solid #333336;border-radius:10px;color:#fff;font-family:var(--ss-display);font-weight:500;font-size:16px;letter-spacing:-.015em;padding:13px 15px;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .18s ease,background .18s ease}
.ssx .ffield textarea{min-height:104px;resize:vertical;line-height:1.5;font-family:var(--ss-body);font-weight:400;font-size:16px;letter-spacing:0}
.ssx .ffield input::placeholder, .ssx .ffield textarea::placeholder{color:#6E6E73}
.ssx .ffield input:focus, .ssx .ffield textarea:focus{border-color:var(--ss-g-orange);background:#111113}
.ssx .ffield-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:480px){
  .ssx .ffield-2{grid-template-columns:1fr;gap:0}
}
.ssx .ftr-bar{border-top:1px solid #2A2A2D;padding:22px 0 34px;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(18px,3vw,44px);align-items:center}
.ssx .ftr-bar img{height:24px;width:auto;display:block;filter:invert(1) brightness(2)}
.ssx .ftr-bar nav{display:flex;flex-wrap:wrap;gap:0;justify-content:center}
.ssx .ftr-bar nav a{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8C8C91;text-decoration:none;padding:6px 0;margin:0 20px 0 0;transition:color .16s ease;white-space:nowrap}
.ssx .ftr-bar nav a:last-child{margin-right:0}
.ssx .ftr-bar nav a:hover{color:#fff}
.ssx .ftr-bar .f-copy{font-family:var(--ss-mono);font-size:10px;letter-spacing:.1em;color:#6E6E73;margin:0;white-space:nowrap;text-align:right}
@media(max-width:860px){
  .ssx .ftr-bar{grid-template-columns:1fr;gap:20px;text-align:left}
  .ssx .ftr-bar nav{justify-content:flex-start}
  .ssx .ftr-bar .f-copy{text-align:left;white-space:normal}
}

  
  .ssx .cta, .ssx .cta-sm{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:12px;font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:16px 26px;line-height:1;cursor:pointer;background-image:none;background-color:#111113;color:#fff;border:0;border-radius:10px;box-shadow:0 1px 2px rgba(17,17,19,.08),0 4px 12px rgba(17,17,19,.10);transition:box-shadow .22s ease,transform .18s ease}
.ssx .cta::before, .ssx .cta-sm::before{content:"";position:absolute;inset:0;border-radius:10px;padding:1.5px;background:var(--ss-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:1}
.ssx .cta:hover, .ssx .cta:focus-visible, .ssx .cta-sm:hover, .ssx .cta-sm:focus-visible{background-color:#111113;color:#fff;box-shadow:0 2px 6px rgba(17,17,19,.10),0 10px 26px rgba(17,17,19,.16);transform:translateY(-2px)}
.ssx .cta:active, .ssx .cta-sm:active{transform:translateY(0);box-shadow:0 1px 3px rgba(17,17,19,.12)}
.ssx .band-dark .cta:hover, .ssx .blk-band .cta:hover, .ssx .band-dark .cta:focus-visible, .ssx .blk-band .cta:focus-visible{box-shadow:0 0 14px rgba(199,155,224,.30),0 0 40px rgba(169,232,240,.26);transform:none}
.ssx .cta-ghost, .ssx .top .cta-sm{background-image:none;background-color:transparent;color:#111113;border:0;box-shadow:none;padding:15px 24px}
.ssx .cta-ghost::before, .ssx .top .cta-sm::before{opacity:1}
.ssx .cta-ghost:hover, .ssx .cta-ghost:focus-visible, .ssx .top .cta-sm:hover, .ssx .top .cta-sm:focus-visible{background-color:transparent;color:#111113;box-shadow:0 2px 6px rgba(17,17,19,.07),0 10px 26px rgba(17,17,19,.13);transform:translateY(-2px)}
.ssx .band-dark .cta-ghost, .ssx .blk-band .cta-ghost{color:#fff}
.ssx .band-dark .cta-ghost:hover, .ssx .blk-band .cta-ghost:hover, .ssx .band-dark .cta-ghost:focus-visible, .ssx .blk-band .cta-ghost:focus-visible{color:#fff;box-shadow:0 0 12px rgba(199,155,224,.28),0 0 36px rgba(169,232,240,.24);transform:none}
@media (prefers-reduced-motion:reduce){
  .ssx .cta, .ssx .cta-sm, .ssx .cta-ghost{transform:none}
}
.ssx .diff .dsub{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;line-height:1.6;color:#8C8C91;margin-top:8px}
.ssx .hero-band h1 .h1b{display:block;font-size:.40em;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.35;color:#4E4E52;max-width:none}
.ssx .hero-band h1 .h1b .u-swipe{background-size:100% .18em}
.ssx .band-dark .stats > div, .ssx .blk-band .stats > div{background:#1C1C1F;border:1px solid #2A2A2D;box-shadow:none;padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column}
.ssx .band-dark .stats .sn, .ssx .blk-band .stats .sn{color:#fff;white-space:nowrap}
.ssx .band-dark .stats .sl, .ssx .blk-band .stats .sl{color:#8C8C91;letter-spacing:.12em;line-height:1.75}
.ssx .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);margin-top:clamp(26px,3vw,40px);border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line);border:0}

/* This media query used to live 260 lines above the rule it
   has to beat, so it never applied and stats stayed three
   across at every width. Three mono labels in a third of a
   phone screen wrap one word per line. */
@media(max-width:900px){
  .ssx .stats{grid-template-columns:1fr}
  .ssx .stats > div:not(:first-child){padding-left:0}
  .ssx .stats > div:last-child{border-bottom:0}
  .ssx .band-dark .stats .sn, .ssx .blk-band .stats .sn{white-space:normal}
  /* On a dark band each stat is a bordered box with padding
     on all four sides, not a column separated by a rule. The
     two resets above are for the light treatment and would
     strip the left padding and the last box's bottom edge. */
  .ssx .band-dark .stats > div, .ssx .blk-band .stats > div{
    padding:clamp(22px,2.4vw,30px);border-bottom:1px solid #2A2A2D}
}
.ssx .stats .scite{display:block;margin-top:auto;padding-top:14px;font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;font-size:9px;letter-spacing:.1em;line-height:1.6;color:#5C5C60;border-top:1px solid #2A2A2D}
.ssx{--ss-swipe-img:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2026%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M4%2017%20C60%209%20120%2020%20176%2012%20C220%206%20262%2015%20296%209%20L296%2022%20C258%2028%20216%2019%20174%2025%20C118%2033%2058%2022%204%2026%20Z%22%20fill%3D%22%23111113%22%2F%3E%3C%2Fsvg%3E");--ss-ink:#111113;--ss-ink-2:#4E4E52;--ss-ink-3:#8C8C91;--ss-paper:#F0F0F1;--ss-paper-2:#E7E7E9;--ss-line:#DCDCDE;--ss-mark:#111113;--ss-pen:#5C5C60;--ss-display:'Archivo',system-ui,sans-serif;--ss-body:'Newsreader',Georgia,serif;--ss-mono:'JetBrains Mono',ui-monospace,monospace;--ss-gut:clamp(22px,6vw,84px);--ss-max:1120px;-webkit-text-size-adjust:100%;margin:0;background:var(--ss-paper);color:var(--ss-ink);font-family:var(--ss-body);font-size:clamp(17px,1.15vw,19px);line-height:1.55;font-weight:400;--ss-r:14px;--ss-r-sm:10px;--ss-r-lg:18px;--ss-grid:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cpath%20d%3D%22M44%200H0v44%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%20opacity%3D%220.045%22%2F%3E%3C%2Fsvg%3E");--ss-grid-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cpath%20d%3D%22M44%200H0v44%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%20opacity%3D%220.055%22%2F%3E%3C%2Fsvg%3E");--ss-dots:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%20fill%3D%22%23000%22%20opacity%3D%220.07%22%2F%3E%3C%2Fsvg%3E");--ss-dots-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%20fill%3D%22%23fff%22%20opacity%3D%220.09%22%2F%3E%3C%2Fsvg%3E");--ss-g-cool:#A9E8F0;--ss-g-amber:#F5A9B8;--ss-g-orange:#C79BE0;--ss-g-deep:#7E8BC4;--ss-grad:linear-gradient(100deg,var(--ss-g-cool) 0%,var(--ss-g-amber) 32%,var(--ss-g-orange) 66%,var(--ss-g-deep) 100%);--ss-grad-warm:linear-gradient(100deg,var(--ss-g-amber) 0%,var(--ss-g-orange) 55%,var(--ss-g-deep) 100%);--ss-grad-soft:linear-gradient(100deg,var(--ss-g-amber) 0%,var(--ss-g-orange) 55%,var(--ss-g-deep) 100%)}
.ssx .trio div:last-child .tn{color:var(--ss-mark)}
.ssx .qa .ask-a{font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(26px,calc(26px + 20 * var(--fs-t)),46px);color:var(--ss-mark);line-height:1.05;margin:10px 0 0}
.ssx .sep .own h3{color:var(--ss-mark)}

  
  .ssx .ftr-brand{margin-bottom:clamp(30px,3.6vw,48px)}

  
.ssx .tracks2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ss-line);border:1px solid var(--ss-line);margin-top:clamp(28px,3.4vw,44px)}
.ssx .tracks2 > div{background:var(--ss-paper);padding:clamp(24px,3.2vw,40px)}
.ssx .tracks2 .tk2{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:16px}
.ssx .tracks2 h3{font-size:clamp(21px,calc(21px + 9 * var(--fs-t)),30px);letter-spacing:-.03em;line-height:1.1;margin-bottom:14px}
.ssx .tracks2 .tsub{font-size:16px;color:var(--ss-ink-2);line-height:1.5;margin:0 0 18px}
.ssx .tracks2 ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ss-line)}
.ssx .tracks2 li{font-size:15px;color:var(--ss-ink-2);padding:10px 0 10px 20px;position:relative;border-bottom:1px solid var(--ss-line);line-height:1.4}
.ssx .tracks2 li:last-child{border-bottom:0}
.ssx .tracks2 li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:2px;background:var(--ss-mark)}
.ssx .tracks2 .tmeta2{display:inline-block;margin-top:18px;font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ss-ink);border-bottom:2px solid var(--ss-mark);padding-bottom:3px}
@media(max-width:820px){
  .ssx .tracks2{grid-template-columns:1fr}
}
.ssx .bench{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(28px,3.4vw,44px);border-top:1px solid #2A2A2D}
.ssx .bench > div{border-right:1px solid #2A2A2D;padding:26px 22px 26px 0}
.ssx .bench > div:last-child{border-right:0;padding-right:0}
.ssx .bench > div:not(:first-child){padding-left:22px}
.ssx .bench .bn{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-mark);display:block;margin-bottom:14px}
.ssx .bench h3{color:var(--ss-paper-2);font-size:clamp(18px,calc(18px + 5 * var(--fs-t)),23px);letter-spacing:-.02em;line-height:1.15;margin-bottom:12px}
.ssx .bench p{font-size:15px;color:#C9C9CD;line-height:1.5;margin:0}
@media(max-width:820px){
  .ssx .bench{grid-template-columns:1fr}
  .ssx .bench > div{border-right:0;border-bottom:1px solid #2A2A2D;padding:22px 0}
  .ssx .bench > div:not(:first-child){padding-left:0}
  .ssx .bench > div:last-child{border-bottom:0}
}
.ssx .disc{display:flex;flex-wrap:wrap;gap:9px 10px;margin-top:clamp(26px,3vw,38px);padding:0;list-style:none}
.ssx .disc li{font-family:var(--ss-mono);font-size:12px;letter-spacing:.04em;border:1px solid var(--ss-line);padding:11px 14px;background:var(--ss-paper-2);color:var(--ss-ink-2)}
.ssx .constant{list-style:none;margin:26px 0 0;padding:0;max-width:66ch}
.ssx .constant li{padding:16px 0 16px 28px;border-bottom:1px solid var(--ss-line);position:relative;font-size:17px;line-height:1.5;color:var(--ss-ink-2)}
.ssx .constant li::before{content:"";position:absolute;left:0;top:25px;width:14px;height:2px;background:var(--ss-mark)}
.ssx .constant b{color:var(--ss-ink);font-weight:400;font-family:var(--ss-display);letter-spacing:-.01em}
.ssx .prodhero{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,4vw,64px);align-items:end}
@media(max-width:860px){
  .ssx .prodhero{grid-template-columns:1fr;gap:30px}
}
.ssx .prodhero h1{font-size:clamp(34px,calc(34px + 30 * var(--fs-t)),64px);line-height:1.02;letter-spacing:-.037em;max-width:16ch}
.ssx .pricebox{border:1px solid var(--ss-line);border-radius:var(--ss-r-lg);background:var(--ss-paper-2);box-shadow:0 2px 10px rgba(0,0,0,.04);padding:clamp(20px,2.6vw,30px)}
.ssx .pricebox .pk{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:10px}
.ssx .pricebox .pv{font-family:var(--ss-display);font-weight:800;letter-spacing:-.045em;font-size:clamp(36px,calc(36px + 24 * var(--fs-t)),60px);line-height:.95;color:var(--ss-ink);margin:0}
.ssx .pricebox .pline{border-top:1px solid var(--ss-line);margin-top:18px;padding-top:16px}
.ssx .pricebox .pline .pk{margin-bottom:6px}
.ssx .pricebox .pt{font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(18px,calc(18px + 5 * var(--fs-t)),23px);color:var(--ss-ink);margin:0}
.ssx .pricebox .fine{margin-top:14px;font-family:var(--ss-mono);font-size:10px;line-height:1.7;color:var(--ss-ink-3)}
.ssx .objectives{list-style:none;margin:clamp(26px,3vw,40px) 0 0;padding:0;max-width:66ch}
.ssx .objectives li{padding:16px 0 16px 28px;border-bottom:1px solid var(--ss-line);position:relative;font-size:clamp(16px,1.7vw,19px);line-height:1.5;color:var(--ss-ink-2)}
.ssx .objectives li::before{content:"";position:absolute;left:0;top:25px;width:14px;height:2px;background:var(--ss-mark)}
.ssx .objectives li:last-child{border-bottom:0}
.ssx .objectives b{color:var(--ss-ink);font-weight:400;font-family:var(--ss-display);letter-spacing:-.01em}
.ssx .spec{display:grid;grid-template-columns:200px 1fr;gap:0;margin-top:clamp(26px,3vw,40px);border-top:1px solid var(--ss-line)}
.ssx .spec > div{border-bottom:1px solid var(--ss-line);padding:clamp(20px,2.4vw,28px) 0}
.ssx .spec .sk{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);padding-right:24px}
.ssx .spec .sv{color:var(--ss-ink-2);font-size:16px;line-height:1.55}
.ssx .spec .sv strong{font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em;color:var(--ss-ink);display:block;margin-bottom:8px}
.ssx .spec .sv ul{list-style:none;margin:0;padding:0}
.ssx .spec .sv li{padding:7px 0 7px 20px;position:relative}
.ssx .spec .sv li::before{content:"";position:absolute;left:0;top:16px;width:10px;height:1px;background:var(--ss-ink-3)}
@media(max-width:700px){
  .ssx .spec{grid-template-columns:1fr}
  .ssx .spec .sk{padding:0 0 10px;border-bottom:0}
  .ssx .spec > div.sk{border-bottom:0;padding-bottom:0}
}
.ssx .phases2{list-style:none;margin:clamp(26px,3vw,40px) 0 0;padding:0;border-top:1px solid #2A2A2D}
.ssx .phases2 > li{border-bottom:1px solid #2A2A2D;padding:clamp(24px,3vw,36px) 0;display:grid;grid-template-columns:132px 1fr;gap:0 30px}
.ssx .phases2 .pw{font-family:var(--ss-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-mark);padding-top:6px}
.ssx .phases2 h3{color:var(--ss-paper-2);font-size:clamp(19px,calc(19px + 7 * var(--fs-t)),26px);letter-spacing:-.028em;margin-bottom:12px}
.ssx .phases2 p{color:#C9C9CD;font-size:16px;line-height:1.55;margin:0 0 12px;max-width:62ch}
.ssx .phases2 .out{font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em;color:var(--ss-paper-2);font-size:17px;line-height:1.4;margin:0}
.ssx .phases2 .ol{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8C8C91;display:block;margin:16px 0 6px}
@media(max-width:680px){
  .ssx .phases2 > li{grid-template-columns:1fr;gap:10px}
  .ssx .phases2 .pw{padding-top:0}
}
.ssx .faq{margin-top:clamp(26px,3vw,40px);border-top:1px solid var(--ss-line)}
.ssx .faq details{border-bottom:1px solid var(--ss-line);background:#fff;border:1px solid #E7E7E9;border-radius:var(--ss-r);margin-bottom:10px;padding:0 clamp(16px,2vw,22px)}
.ssx .faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:20px 0;font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(17px,calc(17px + 5 * var(--fs-t)),22px);color:var(--ss-ink)}
.ssx .faq summary::-webkit-details-marker{display:none}
.ssx .faq summary:focus-visible{outline:2px solid var(--ss-ink);outline-offset:4px}
.ssx .faq .fc{width:11px;height:11px;border-right:2px solid var(--ss-ink);border-bottom:2px solid var(--ss-ink);transform:rotate(45deg);transition:transform .2s ease;margin-right:4px}
.ssx .faq details[open] .fc{transform:rotate(225deg)}
.ssx .faq .fa{padding-bottom:20px;font-size:16px;line-height:1.6;color:var(--ss-ink-2);padding:0 0 24px;max-width:70ch;margin:0}
.ssx .faq .fa + .fa{padding-top:0;margin-top:-10px}
.ssx .cmp{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ss-line);border:1px solid var(--ss-line);margin-top:clamp(26px,3vw,40px)}
.ssx .cmp > div{background:var(--ss-paper);padding:clamp(22px,3vw,34px)}
.ssx .cmp .ch{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:14px}
.ssx .cmp h3{font-size:clamp(19px,calc(19px + 6 * var(--fs-t)),25px);letter-spacing:-.028em;margin-bottom:10px}
.ssx .cmp .cp{font-family:var(--ss-display);font-weight:800;letter-spacing:-.04em;font-size:clamp(26px,calc(26px + 16 * var(--fs-t)),42px);color:var(--ss-ink);margin:0 0 14px;line-height:1}
.ssx .cmp ul{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--ss-line)}
.ssx .cmp li{font-size:15px;color:var(--ss-ink-2);padding:9px 0 9px 20px;position:relative;line-height:1.4;border-bottom:1px solid var(--ss-line)}
.ssx .cmp li:last-child{border-bottom:0}
.ssx .cmp li::before{content:"";position:absolute;left:0;top:18px;width:10px;height:2px;background:var(--ss-mark)}
.ssx .cmp .paid{background:var(--ss-paper-2)}
@media(max-width:760px){
  .ssx .cmp{grid-template-columns:1fr}
}
.ssx .af{margin-top:clamp(24px,3vw,34px);max-width:560px}
.ssx .af-row{display:grid;gap:0}
.ssx .af label{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:8px}
.ssx .af input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--ss-ink);color:var(--ss-ink);font-family:var(--ss-display);font-weight:500;font-size:clamp(19px,calc(19px + 8 * var(--fs-t)),27px);letter-spacing:-.02em;padding:0 0 14px;outline:none;margin-bottom:26px;border-radius:0;-webkit-appearance:none}
.ssx .af input::placeholder{color:#A6A6AB;font-weight:400}
.ssx .af input:focus{border-bottom-color:var(--ss-mark);border-bottom-width:2px;padding-bottom:13px}
.ssx .af .af-go{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px}
.ssx .af .af-fine{font-family:var(--ss-mono);font-size:10px;line-height:1.7;letter-spacing:.06em;text-transform:uppercase;color:var(--ss-ink-3);max-width:34ch}
.ssx .band-dark .af label{color:#8C8C91}
.ssx .band-dark .af input{border-bottom-color:#4E4E52;color:var(--ss-paper-2)}
.ssx .band-dark .af input::placeholder{color:#6E6E73}
.ssx .band-dark .af .af-fine{color:#8C8C91}
.ssx .hero-band .af{background:#fff;border:1px solid #E2E2E4;border-radius:var(--ss-r-lg);padding:clamp(22px,2.8vw,32px);box-shadow:0 10px 30px rgba(0,0,0,.07);position:relative;overflow:hidden;max-width:none}
.ssx .hero-band .af::before{background:var(--ss-mark);content:"";position:absolute;top:0;left:0;right:0;height:4px}
.ssx .hero-band .af label{color:var(--ss-ink-3)}
.ssx .hero-band .af input{background:#F5F5F6;border:1px solid #E7E7E9;border-radius:var(--ss-r-sm);color:var(--ss-ink);padding:14px 15px;margin-bottom:16px;font-size:clamp(16px,1.6vw,18px)}
.ssx .hero-band .af input::placeholder{color:#A6A6AB}
.ssx .hero-band .af input:focus{border-color:var(--ss-mark);background:#fff}
.ssx .hero-band .af .af-fine{color:var(--ss-ink-3)}
.ssx .hero-band .af .af-go{flex-direction:column;align-items:stretch;gap:12px}

  
  :root{--ss-grid:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cpath%20d%3D%22M44%200H0v44%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%20opacity%3D%220.045%22%2F%3E%3C%2Fsvg%3E");--ss-grid-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cpath%20d%3D%22M44%200H0v44%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%20opacity%3D%220.055%22%2F%3E%3C%2Fsvg%3E");--ss-dots:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%20fill%3D%22%23000%22%20opacity%3D%220.07%22%2F%3E%3C%2Fsvg%3E");--ss-dots-d:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%20fill%3D%22%23fff%22%20opacity%3D%220.09%22%2F%3E%3C%2Fsvg%3E")}
.ssx .aopen{max-width:22ch}
.ssx .astrike{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:9px 11px}
.ssx .astrike li{font-family:var(--ss-display);font-weight:600;font-size:clamp(17px,calc(17px + 6 * var(--fs-t)),23px);letter-spacing:-.02em;color:var(--ss-ink-3);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--ss-mark)}
.ssx .acool{margin-top:30px;font-family:var(--ss-display);font-weight:800;letter-spacing:-.04em;line-height:1;font-size:clamp(30px,calc(30px + 34 * var(--fs-t)),64px)}
.ssx .acool span{display:block}
/* .acool span{display:block} was also catching the swipe span
   inside it, so the amber mark stretched the full block width
   instead of sitting under the words */
.ssx .acool .u-swipe{display:inline-block}
.ssx .acool .p2{margin-top:6px}
.ssx .meblock{display:grid;grid-template-columns:280px 1fr;gap:clamp(26px,4vw,58px);align-items:start;margin-top:clamp(28px,3.4vw,44px)}
.ssx .mephoto{aspect-ratio:4/5;background:#E7E7E9;border:1px solid var(--ss-line);display:flex;align-items:center;justify-content:center;font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink-3);text-align:center;padding:16px}
@media(max-width:760px){
  .ssx .meblock{grid-template-columns:1fr}
  .ssx .mephoto{max-width:260px}
}
.ssx .qlist{list-style:none;margin:26px 0 0;padding:0;max-width:60ch}
.ssx .qlist li{font-family:var(--ss-display);font-weight:600;letter-spacing:-.025em;font-size:clamp(18px,calc(18px + 8 * var(--fs-t)),26px);line-height:1.2;padding:15px 0;border-bottom:1px solid var(--ss-line);color:var(--ss-ink)}
.ssx .qlist li:last-child{border-bottom:0}
.ssx .inside{list-style:none;margin:24px 0 0;padding:0;max-width:64ch;columns:2;column-gap:44px}
.ssx .inside li{break-inside:avoid;padding:11px 0 11px 22px;position:relative;font-size:16px;line-height:1.45;color:var(--ss-ink-2)}
.ssx .inside li::before{content:"";position:absolute;left:0;top:20px;width:11px;height:2px;background:var(--ss-mark)}
@media(max-width:700px){
  .ssx .inside{columns:1}
}
.ssx .aside-note{border-left:2px solid var(--ss-mark);padding:8px 0 8px 18px;margin-top:26px;max-width:46ch}
.ssx .aside-note .an{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:8px}
.ssx .aside-note p{font-size:16px;line-height:1.5;color:var(--ss-ink-2);margin:0}
.ssx .band-dark .aside-note p{color:#C9C9CD}
.ssx .band-dark .aside-note .an{color:#8C8C91}
.ssx .pcs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(26px,3vw,40px);border-top:1px solid var(--ss-line)}
.ssx .pcs > div{border-right:1px solid var(--ss-line);padding:22px 18px 22px 0}
.ssx .pcs > div:last-child{border-right:0;padding-right:0}
.ssx .pcs > div:not(:first-child){padding-left:18px}
.ssx .pcs .pl{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:12px}
.ssx .pcs p{font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(16px,calc(16px + 5 * var(--fs-t)),21px);line-height:1.2;color:var(--ss-ink);margin:0}
@media(max-width:760px){
  .ssx .pcs{grid-template-columns:1fr 1fr}
  .ssx .pcs > div:nth-child(2n){border-right:0;padding-right:0}
  .ssx .pcs > div:nth-child(n+3){padding-top:20px}
}
@media(max-width:430px){
  .ssx .pcs{grid-template-columns:1fr}
  .ssx .pcs > div{border-right:0;padding:16px 0;border-bottom:1px solid var(--ss-line)}
  .ssx .pcs > div:not(:first-child){padding-left:0}
  .ssx .pcs > div:last-child{border-bottom:0}
}
.ssx .ugly{list-style:none;margin:26px 0 0;padding:0;max-width:64ch}
.ssx .ugly li{padding:16px 0;border-bottom:1px solid var(--ss-line);font-size:clamp(17px,calc(17px + 3 * var(--fs-t)),20px);line-height:1.45;color:var(--ss-ink-2)}
.ssx .ugly li:last-child{border-bottom:0}
.ssx .ugly b{color:var(--ss-ink);font-weight:400;font-family:var(--ss-display);letter-spacing:-.01em}
.ssx .receipt{border:1px solid var(--ss-line);padding:clamp(20px,2.6vw,30px);margin-top:18px;background:#fff}
.ssx .receipt .rk{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:12px}
.ssx .receipt .rflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}
.ssx .receipt .rflow p{font-size:15px;line-height:1.4;color:var(--ss-ink-2);margin:0}
.ssx .receipt .rflow .ra{color:var(--ss-ink-3)}
.ssx .receipt .rflow strong{color:var(--ss-ink);font-family:var(--ss-display);font-weight:600;letter-spacing:-.01em}
@media(max-width:700px){
  .ssx .receipt .rflow{grid-template-columns:1fr}
  .ssx .receipt .rflow .ra{transform:rotate(90deg);justify-self:start}
}
.ssx .maybe{font-family:var(--ss-display);font-weight:800;letter-spacing:-.05em;line-height:.95;font-size:clamp(52px,calc(52px + 88 * var(--fs-t)),140px);color:var(--ss-paper-2);margin:14px 0 0}
/* .maybe is near-white, built for a dark band. On a light one
   it needs ink, or the biggest word on the page disappears. */
.ssx .maybe-ink{color:var(--ss-ink)}
  
  
  

  
  .ssx .catnav{display:flex;flex-wrap:wrap;gap:0;margin-top:clamp(26px,3vw,38px);border-top:1px solid #E7E7E9;border-bottom:1px solid #E7E7E9}
.ssx .catnav a{font-family:var(--ss-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8C8C91;text-decoration:none;padding:18px 22px 18px 0;border-right:1px solid #E7E7E9;margin-right:22px;white-space:nowrap;transition:color .16s ease}
.ssx .catnav a:last-child{border-right:0;margin-right:0}
.ssx .catnav a:hover{color:#111113}
.ssx .catnav a[aria-current="page"]{color:#111113;position:relative}
.ssx .catnav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:22px;bottom:-1px;height:2px;background:#F5A9B8}
@media(max-width:640px){
  .ssx .catnav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .ssx .catnav a{padding-right:16px;margin-right:16px}
}
.ssx .lead-post{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,3.4vw,52px);align-items:center;margin-top:clamp(30px,3.6vw,48px);background:#fff;border:1px solid #E7E7E9;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.ssx .lead-post .lp-body{padding:clamp(26px,3.2vw,44px)}
.ssx .lead-post .lp-art{align-self:stretch;min-height:280px;background:#111113;position:relative;overflow:hidden}
.ssx .lead-post .lp-art::before{content:"";position:absolute;inset:0;background-image:var(--ss-grid-d);background-size:44px 44px}
.ssx .lead-post .lp-art .stamp{position:absolute;left:clamp(20px,3vw,34px);bottom:clamp(20px,3vw,34px);font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#111113;background:#F5A9B8;padding:7px 12px;border-radius:999px}
.ssx .lead-post h2{font-size:clamp(24px,calc(24px + 14 * var(--fs-t)),38px);letter-spacing:-.035em;line-height:1.1;margin:14px 0 0}
.ssx .lead-post h2 a{color:#111113;text-decoration:none}
.ssx .lead-post h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.ssx .lead-post .dek{font-size:16px;line-height:1.55;color:#4E4E52;margin-top:14px;max-width:52ch}
@media(max-width:820px){
  .ssx .lead-post{grid-template-columns:1fr}
  .ssx .lead-post .lp-art{min-height:160px;order:-1}
}
.ssx .postgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px);margin-top:clamp(24px,2.8vw,36px)}
.ssx .postgrid > article{background:#fff;border:1px solid #E7E7E9;border-radius:14px;padding:clamp(20px,2.4vw,28px);display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:box-shadow .2s ease,transform .2s ease}
.ssx .postgrid > article:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}
.ssx .postgrid h3{font-size:clamp(17px,calc(17px + 4 * var(--fs-t)),21px);letter-spacing:-.025em;line-height:1.2;margin:12px 0 0}
.ssx .postgrid h3 a{color:#111113;text-decoration:none}
.ssx .postgrid h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.ssx .postgrid p{font-size:15px;line-height:1.5;color:#8C8C91;margin:10px 0 0}
@media(max-width:860px){
  .ssx .postgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .ssx .postgrid{grid-template-columns:1fr}
}
.ssx .pmeta{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8C8C91;display:flex;flex-wrap:wrap;gap:0}
.ssx .pmeta span{padding-right:12px;margin-right:12px;border-right:1px solid #DCDCDE;line-height:1.5}
.ssx .pmeta span:last-child{border-right:0;padding-right:0;margin-right:0}
.ssx .pmeta .cat{color:#111113}
.ssx .loadmore{display:flex;justify-content:center;margin-top:clamp(26px,3vw,40px)}
.ssx .post-head{max-width:34ch}
.ssx .post-head h1{font-size:clamp(30px,calc(30px + 22 * var(--fs-t)),52px);line-height:1.05;letter-spacing:-.035em}
.ssx .post-dek{font-size:clamp(17px,calc(17px + 4 * var(--fs-t)),21px);line-height:1.5;color:#4E4E52;margin-top:20px;max-width:56ch}
.ssx .post-body{max-width:66ch;margin-top:clamp(28px,3.2vw,42px)}
.ssx .post-body p{font-size:clamp(16px,1.6vw,18px);line-height:1.7;color:#2E2E32;margin:0 0 1.15em}
.ssx .post-body h2{font-size:clamp(22px,calc(22px + 7 * var(--fs-t)),29px);letter-spacing:-.03em;line-height:1.15;margin:clamp(34px,3.6vw,50px) 0 14px}
.ssx .post-body h3{font-size:clamp(18px,calc(18px + 4 * var(--fs-t)),22px);letter-spacing:-.022em;margin:28px 0 10px}
.ssx .post-body ul, .ssx .post-body ol{margin:0 0 1.2em;padding-left:0;list-style:none}
.ssx .post-body li{font-size:clamp(16px,1.6vw,18px);line-height:1.65;color:#2E2E32;padding:6px 0 6px 26px;position:relative}
.ssx .post-body li::before{content:"";position:absolute;left:0;top:17px;width:12px;height:2px;background:#F5A9B8}
.ssx .post-body a{color:#111113;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ssx .post-body strong{font-family:var(--ss-display);font-weight:600;letter-spacing:-.01em}
.ssx .pullq{margin:clamp(30px,3.4vw,44px) 0;padding-left:24px;border-left:3px solid #F5A9B8;max-width:44ch}
.ssx .pullq p{font-family:var(--ss-display);font-weight:700;letter-spacing:-.028em;font-size:clamp(20px,calc(20px + 7 * var(--fs-t)),27px);line-height:1.2;color:#111113;margin:0}
.ssx .srcnote{font-family:var(--ss-mono);font-size:11px;line-height:1.8;letter-spacing:.02em;color:#8C8C91;border-top:1px solid #E7E7E9;padding-top:16px;margin-top:clamp(26px,3vw,38px)}
.ssx .post-cta{border:1px solid #E7E7E9;border-radius:18px;background:#fff;padding:clamp(24px,3vw,36px);margin-top:clamp(34px,4vw,54px);position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06);max-width:66ch}
.ssx .post-cta::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--ss-grad)}
.ssx .post-cta h3{font-size:clamp(19px,calc(19px + 6 * var(--fs-t)),25px);letter-spacing:-.028em;line-height:1.2;margin:0 0 10px}
.ssx .post-cta p{font-size:16px;line-height:1.55;color:#4E4E52;margin:0 0 20px;max-width:48ch}
.ssx .logo{font-family:var(--ss-display);font-weight:800;letter-spacing:-.04em;font-size:19px;text-decoration:none;color:var(--ss-ink);white-space:nowrap;display:block;line-height:0;flex:none}
  
  
  

  
  .ssx .scorewrap{display:grid;grid-template-columns:auto 1fr;gap:clamp(26px,4vw,64px);align-items:center;margin-top:clamp(26px,3vw,42px)}
@media(max-width:760px){
  .ssx .scorewrap{grid-template-columns:1fr;gap:26px}
}
.ssx .scorebig{font-family:var(--ss-display);font-weight:800;letter-spacing:-.055em;line-height:.82;font-size:clamp(96px,calc(96px + 124 * var(--fs-t)),220px);color:#111113;margin:0}
.ssx .scorebig .pc{font-size:.36em;letter-spacing:-.03em;margin-left:.04em}
.ssx .scoresub{font-family:var(--ss-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8C8C91;margin-top:14px;display:block}
.ssx .scoreline{font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(21px,calc(21px + 11 * var(--fs-t)),32px);line-height:1.18;color:#111113;margin:0;max-width:22ch}
.ssx .scorenote{font-size:clamp(15px,1.55vw,17px);line-height:1.6;color:#4E4E52;margin-top:16px;max-width:48ch}
.ssx .split3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,16px);margin-top:clamp(26px,3vw,40px)}
.ssx .split3 > div{background:#fff;border:1px solid #E7E7E9;border-radius:14px;padding:clamp(18px,2.2vw,26px);box-shadow:0 1px 2px rgba(0,0,0,.03)}
.ssx .split3 .sn{font-family:var(--ss-display);font-weight:800;letter-spacing:-.045em;font-size:clamp(30px,calc(30px + 20 * var(--fs-t)),50px);line-height:.92;color:#111113;margin:0}
.ssx .split3 .sl{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8C8C91;display:block;margin-top:12px}
.ssx .split3 .sd{font-size:14px;line-height:1.45;color:#8C8C91;margin-top:8px}
.ssx .split3 .win .sn{color:#111113}
.ssx .split3 .win{border-color:#F5A9B8;box-shadow:0 6px 18px rgba(199,155,224,.20)}
@media(max-width:640px){
  .ssx .split3{grid-template-columns:1fr}
}
.ssx .mathbox{border-top:1px solid #E7E7E9;margin-top:clamp(24px,2.8vw,36px);padding-top:18px;font-family:var(--ss-mono);font-size:12px;line-height:1.9;letter-spacing:.02em;color:#8C8C91;max-width:60ch}
.ssx .mathbox b{color:#111113;font-weight:500}
.ssx .flagbar{display:flex;align-items:flex-start;gap:14px;background:#111113;border-radius:14px;padding:clamp(16px,2vw,22px);margin-top:clamp(22px,2.6vw,32px);max-width:62ch}
.ssx .flagbar .fk{font-family:var(--ss-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#111113;background:#F5A9B8;padding:6px 10px;border-radius:999px;white-space:nowrap;flex:none}
.ssx .flagbar p{font-size:15px;line-height:1.5;color:#fff;margin:0}
.ssx .gate{border:1px solid #E7E7E9;border-radius:18px;background:#fff;padding:clamp(24px,3vw,38px);position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.07);max-width:640px;margin-top:clamp(28px,3.2vw,44px)}
.ssx .gate::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--ss-grad)}
.ssx .gate h3{font-size:clamp(20px,calc(20px + 7 * var(--fs-t)),27px);letter-spacing:-.03em;line-height:1.15;margin:0 0 10px}
.ssx .gate p{font-size:16px;line-height:1.55;color:#4E4E52;margin:0 0 20px;max-width:46ch}
.ssx .gate ul{list-style:none;margin:0 0 22px;padding:0}
.ssx .gate li{font-size:15px;line-height:1.45;color:#4E4E52;padding:8px 0 8px 24px;position:relative}
.ssx .gate li::before{content:"";position:absolute;left:0;top:17px;width:12px;height:2px;background:#F5A9B8}
/* Netlify honeypot. Hidden from people, visible to bots
   that fill in every field. A submission with it filled
   is dropped before it reaches the inbox. */
.ssx .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.ssx .gate label{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8C8C91;display:block;margin-bottom:7px}
.ssx .gate input{width:100%;background:#F5F5F6;border:1px solid #E7E7E9;border-radius:10px;color:#111113;font-family:var(--ss-display);font-weight:500;font-size:clamp(16px,1.6vw,18px);letter-spacing:-.018em;padding:14px 15px;margin-bottom:16px;outline:none;-webkit-appearance:none}
.ssx .gate input:focus{border-color:var(--ss-g-orange);background:#fff}
  .ssx .gate .fine{margin-top:14px;font-family:var(--ss-mono);font-size:10px;line-height:1.7;letter-spacing:.06em;text-transform:uppercase;color:#8C8C91}
.ssx .peek{position:relative;margin-top:clamp(24px,2.8vw,36px);border:1px solid #E7E7E9;border-radius:14px;overflow:hidden;background:#fff;max-height:300px}
.ssx .peek::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 34%,rgba(255,255,255,.94) 82%,#fff 100%)}
.ssx .peek table{margin:0;border:0;border-radius:0}
  
  
  

  
  .ssx .slotbar{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3vw,44px);align-items:center;margin-top:clamp(24px,2.8vw,38px);border-top:1px solid #E7E7E9;border-bottom:1px solid #E7E7E9;padding:clamp(20px,2.4vw,30px) 0}
.ssx .slotbar .sn{font-family:var(--ss-display);font-weight:800;letter-spacing:-.05em;line-height:.85;font-size:clamp(50px,calc(50px + 54 * var(--fs-t)),104px);color:#111113;margin:0;white-space:nowrap}
.ssx .slotbar .sn small{font-size:.42em;color:#8C8C91;letter-spacing:-.03em}
.ssx .slotbar p{font-size:clamp(15px,1.55vw,18px);line-height:1.55;color:#4E4E52;margin:0;max-width:50ch}
@media(max-width:640px){
  .ssx .slotbar{grid-template-columns:1fr;gap:14px}
}
.ssx .inds{margin-top:clamp(26px,3vw,42px);border-top:1px solid #E7E7E9}
.ssx .inds > li{list-style:none;border-bottom:1px solid #E7E7E9;padding:clamp(16px,1.9vw,22px) 0;display:grid;grid-template-columns:44px 1fr 1.15fr auto;gap:0 clamp(14px,2vw,28px);align-items:center}
.ssx .inds .n{font-family:var(--ss-mono);font-size:11px;letter-spacing:.14em;color:#8C8C91}
.ssx .inds .name{font-family:var(--ss-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(16px,calc(16px + 4 * var(--fs-t)),20px);line-height:1.2;color:#111113}
.ssx .inds .says{font-family:var(--ss-body);font-style:italic;font-size:clamp(14px,1.45vw,16px);line-height:1.45;color:#8C8C91}
.ssx .inds .st{font-family:var(--ss-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:6px 11px;border-radius:999px;white-space:nowrap}
.ssx .inds .open{color:#111113;border:1px solid #111113}
.ssx .inds .taken{color:#A6A6AB;border:1px solid #DCDCDE}
.ssx .inds .taken ~ *, .ssx .inds li.is-taken .name{color:#A6A6AB}
.ssx .inds li.is-taken .says{color:#C2C2C6}
@media(max-width:860px){
  .ssx .inds > li{grid-template-columns:34px 1fr auto;gap:6px 14px}
  .ssx .inds .says{grid-column:2 / -1;grid-row:2}
}
.ssx .trade{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2A2A2D;border:1px solid #2A2A2D;border-radius:14px;overflow:hidden;margin-top:clamp(26px,3vw,40px)}
.ssx .trade > div{background:#1C1C1F;padding:clamp(22px,2.8vw,34px)}
.ssx .trade .th2{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8C8C91;display:block;margin-bottom:16px}
.ssx .trade h3{color:#fff;font-size:clamp(18px,calc(18px + 5 * var(--fs-t)),23px);letter-spacing:-.025em;margin-bottom:14px}
.ssx .trade ul{list-style:none;margin:0;padding:0}
.ssx .trade li{font-size:15px;line-height:1.5;color:#C9C9CD;padding:8px 0 8px 24px;position:relative}
.ssx .trade li::before{content:"";position:absolute;left:0;top:17px;width:12px;height:2px;background:#F5A9B8}
@media(max-width:700px){
  .ssx .trade{grid-template-columns:1fr}
}
.ssx .weeks{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,16px);margin-top:clamp(26px,3vw,40px)}
.ssx .weeks > div{background:#fff;border:1px solid #E7E7E9;border-radius:14px;padding:clamp(20px,2.4vw,28px);box-shadow:0 1px 2px rgba(0,0,0,.03)}
.ssx .weeks .wk{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8C8C91;display:block;margin-bottom:12px}
.ssx .weeks h3{font-size:clamp(17px,calc(17px + 4 * var(--fs-t)),21px);letter-spacing:-.025em;line-height:1.2;margin:0 0 10px}
.ssx .weeks p{font-size:15px;line-height:1.5;color:#4E4E52;margin:0}
@media(max-width:760px){
  .ssx .weeks{grid-template-columns:1fr}
}
.ssx .verdicts .v3{color:#111113;border:0;background:var(--ss-grad)}
.ssx .ameta > div{border-right:1px solid #E7E7E9;padding:18px 16px 18px 0}
.ssx .ameta > div:last-child{border-right:0;padding-right:0}
.ssx .ameta > div:not(:first-child){padding-left:16px}
.ssx .ameta .mk{font-family:var(--ss-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#6E6E73;display:block;margin-bottom:8px}
.ssx .ameta .mv{font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em;font-size:clamp(14px,1.5vw,17px);color:#111113;margin:0;line-height:1.3}
@media(max-width:760px){
  .ssx .ameta{grid-template-columns:1fr 1fr}
  .ssx .ameta > div:nth-child(2n){border-right:0;padding-right:0}
}
@media(max-width:430px){
  .ssx .ameta{grid-template-columns:1fr}
  .ssx .ameta > div{border-right:0;padding:14px 0;border-bottom:1px solid #E7E7E9}
  .ssx .ameta > div:not(:first-child){padding-left:0}
  .ssx .ameta > div:last-child{border-bottom:0}
}
.ssx .headline-find{border:1px solid #E7E7E9;border-radius:var(--ss-r-lg);background:#fff;padding:clamp(24px,3vw,38px);margin-top:clamp(26px,3vw,40px);position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.ssx .headline-find::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--ss-grad)}
.ssx .headline-find .hk{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#6E6E73;display:block;margin-bottom:14px}
.ssx .headline-find p{font-family:var(--ss-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(21px,calc(21px + 11 * var(--fs-t)),32px);line-height:1.18;color:#111113;margin:0}
.ssx .headline-find .sub{font-family:var(--ss-body);font-weight:400;letter-spacing:0;font-size:clamp(15px,1.55vw,17px);line-height:1.6;color:#4E4E52;margin-top:16px}
.ssx .tally{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.2vw,16px);margin-top:clamp(26px,3vw,40px)}
.ssx .tally > div{background:#1C1C1F;border:1px solid #2A2A2D;border-radius:var(--ss-r);padding:clamp(18px,2.2vw,26px)}
.ssx .tally .tn{font-family:var(--ss-display);font-weight:800;letter-spacing:-.045em;font-size:clamp(30px,calc(30px + 20 * var(--fs-t)),50px);line-height:.92;color:#fff;margin:0}
.ssx .tally .tl{font-family:var(--ss-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#8C8C91;display:block;margin-top:12px;line-height:1.6}
.ssx .tally .lead .tn{color:#F5A9B8}
@media(max-width:760px){
  .ssx .tally{grid-template-columns:1fr 1fr}
}
.ssx .ledger{width:100%;border-collapse:separate;border-spacing:0;margin-top:clamp(24px,2.8vw,36px);background:#fff;border:1px solid #E7E7E9;border-radius:var(--ss-r);overflow:hidden;font-size:15px}
.ssx .ledger th{font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6E6E73;font-weight:500;text-align:left;padding:15px 14px;background:#F5F5F6;border-bottom:1px solid #E7E7E9}
.ssx .ledger td{padding:16px 14px;border-bottom:1px solid #EDEDEF;vertical-align:top;line-height:1.45;color:#4E4E52}
.ssx .ledger tr:last-child td{border-bottom:0}
.ssx .ledger td.claim{font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em;color:#111113;width:34%}
.ssx .ledger td.verd{width:130px}
.ssx .vpill{font-family:var(--ss-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:999px;white-space:nowrap;display:inline-block}
.ssx .v-proven{background:#F5A9B8;color:#111113}
.ssx .v-supported{background:#EDEDEF;color:#111113;border:1px solid #DCDCDE}
.ssx .v-empty{background:transparent;color:#8C8C91;border:1px solid #DCDCDE}
@media(max-width:760px){
  .ssx .ledger, .ssx .ledger tbody, .ssx .ledger tr, .ssx .ledger td{display:block;width:100%}
  .ssx .ledger thead{display:none}
  .ssx .ledger tr{border-bottom:1px solid #E7E7E9;padding:16px 14px}
  .ssx .ledger tr:last-child{border-bottom:0}
  .ssx .ledger td{border:0;padding:3px 0}
  .ssx .ledger td.claim{width:auto;font-size:17px;margin-bottom:8px}
  .ssx .ledger td.verd{width:auto;margin-bottom:8px}
}
.ssx .unused{list-style:none;margin:clamp(24px,2.8vw,36px) 0 0;padding:0;display:grid;gap:clamp(10px,1.2vw,14px)}
.ssx .unused li{background:#1C1C1F;border:1px solid #2A2A2D;border-radius:var(--ss-r);padding:clamp(18px,2.2vw,24px)}
.ssx .unused .uh{font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em;font-size:clamp(16px,1.7vw,19px);color:#fff;display:block;margin-bottom:8px}
.ssx .unused p{font-size:15px;line-height:1.55;color:#C9C9CD;margin:0}
.ssx .fixes2{list-style:none;margin:clamp(24px,2.8vw,36px) 0 0;padding:0;border-top:1px solid #E7E7E9}
.ssx .fixes2 > li{border-bottom:1px solid #E7E7E9;padding:clamp(20px,2.4vw,30px) 0;display:grid;grid-template-columns:52px 1fr auto;gap:0 clamp(16px,2vw,26px);align-items:start}
.ssx .fixes2 .fn{font-family:var(--ss-mono);font-size:11px;letter-spacing:.14em;color:#6E6E73;padding-top:5px}
.ssx .fixes2 h3{font-size:clamp(17px,calc(17px + 4 * var(--fs-t)),21px);letter-spacing:-.022em;line-height:1.2;margin:0 0 8px}
.ssx .fixes2 p{font-size:15px;line-height:1.55;color:#4E4E52;margin:0;max-width:60ch}
.ssx .fixes2 .eff{font-family:var(--ss-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#111113;background:#F0F0F1;border-radius:999px;padding:6px 11px;white-space:nowrap;margin-top:4px}
@media(max-width:720px){
  .ssx .fixes2 > li{grid-template-columns:1fr;gap:8px}
  .ssx .fixes2 .fn{padding-top:0}
  .ssx .fixes2 .eff{justify-self:start}
}
.ssx .limits2{font-family:var(--ss-mono);font-size:12px;line-height:1.9;color:#6E6E73;margin-top:clamp(22px,2.6vw,32px)}
.ssx .cta-spec{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;align-self:center}
.ssx .cta-spec li{font-family:var(--ss-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6E6E73;padding:0 14px;border-left:1px solid #DCDCDE;line-height:1.4;white-space:nowrap}

/* ============================================================
   HEADER. Self contained HTML block. No widgets, no classes.
   ============================================================ */
.sshead{
  position:sticky;top:0;z-index:100;width:100%;
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(160%) blur(10px);
  -webkit-backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid #111113;
  box-shadow:0 1px 0 rgba(17,17,19,.06),0 8px 24px rgba(17,17,19,.09);
  box-sizing:border-box}
.sshead *,.sshead *::before,.sshead *::after{box-sizing:border-box}

/* the header must span the viewport even inside a boxed Elementor container */
.elementor-location-header,
.elementor-location-header > .e-con,
.elementor-location-header .e-con-inner,
.elementor-location-header .elementor-widget-html,
.elementor-location-header .elementor-widget-container{
  width:100% !important;max-width:100% !important;padding:0 !important;margin:0 !important}

.sshead-in{
  max-width:1240px;margin:0 auto;width:100%;
  padding:12px clamp(18px,4vw,40px);
  display:flex;align-items:center;justify-content:space-between;gap:20px}

.sshead-logo{display:block;line-height:0;flex:0 0 auto}
.sshead-logo img{display:block;height:32px;width:auto;max-width:none}

.sshead-nav{display:flex;align-items:center;flex:1 1 auto;justify-content:center}
.sshead-nav a{
  position:relative;
  font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
  font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;
  color:#6E6E73;text-decoration:none;
  padding:10px 0 3px;margin:0 18px;white-space:nowrap;
  border-bottom:1px solid transparent;
  transition:color .16s ease,border-color .16s ease}
.sshead-nav a:hover,.sshead-nav a:focus-visible{color:#111113;border-bottom-color:#111113}
.sshead-nav a.is-active{color:#111113;border-bottom-color:transparent}
.sshead-nav a.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--ss-grad-warm)}

.sshead-cta{
  position:relative;flex:0 0 auto;display:inline-flex;align-items:center;
  font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
  font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:#111113;text-decoration:none;white-space:nowrap;
  padding:14px 22px;border-radius:10px;background:transparent;
  transition:box-shadow .22s ease,transform .18s ease}
.sshead-cta::before{
  content:"";position:absolute;inset:0;border-radius:10px;padding:1.5px;
  background:var(--ss-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.sshead-cta:hover,.sshead-cta:focus-visible{
  color:#111113;
  box-shadow:0 2px 6px rgba(17,17,19,.07),0 10px 26px rgba(17,17,19,.13);
  transform:translateY(-2px)}

.sshead-m{display:none;flex:0 0 auto}
.sshead-m summary{
  list-style:none;cursor:pointer;width:44px;height:44px;margin-right:-8px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.sshead-m summary::-webkit-details-marker{display:none}
.sshead-m summary span{
  display:block;width:22px;height:2px;background:#111113;
  transition:transform .2s ease,opacity .2s ease}
.sshead-m[open] summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sshead-m[open] summary span:nth-child(2){opacity:0}
.sshead-m[open] summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.sshead-panel{
  position:fixed;left:0;right:0;top:58px;
  background:#fff;border-top:1px solid #111113;
  box-shadow:0 14px 34px rgba(17,17,19,.14);
  padding:4px clamp(18px,5vw,24px) 20px;
  max-height:calc(100vh - 58px);overflow-y:auto;z-index:110}
.sshead-panel a{
  display:flex;align-items:center;min-height:54px;
  font-family:'Archivo',system-ui,sans-serif;
  font-size:20px;font-weight:600;letter-spacing:-.025em;
  color:#111113;text-decoration:none;border-bottom:1px solid #E7E7E9}
.sshead-panel a:last-of-type{border-bottom:0}
.sshead-panel a.is-active{position:relative}
.sshead-panel a.is-active::after{
  content:"";position:absolute;left:0;bottom:14px;width:34px;height:2px;
  background:var(--ss-grad-warm)}
.sshead-panel-cta{
  justify-content:center !important;margin-top:16px;border-bottom:0 !important;
  background:#111113;color:#fff !important;border-radius:10px;
  font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace !important;
  font-size:12px !important;font-weight:500 !important;
  letter-spacing:.16em !important;text-transform:uppercase !important;
  min-height:0 !important;padding:17px 24px}
.sshead-panel-cta::after{content:none !important}

@media (max-width:940px){
  .sshead-nav,.sshead-cta{display:none}
  .sshead-m{display:block}
  .sshead-in{padding:9px clamp(16px,4vw,20px);gap:12px}
  .sshead-logo img{height:26px}
  .sshead-panel{top:50px;max-height:calc(100vh - 50px)}
}
@media (max-width:520px){
  .sshead-logo img{height:22px}
  .sshead-panel a{font-size:19px;min-height:50px}
  .sshead-panel{top:46px;max-height:calc(100vh - 46px)}
}


/* ============================================================
   ELEMENTOR WIDGETS
   Required CSS classes:
   ss-form        Form widget, footer, dark ground
   ss-form-light  Form widget, hero card, white ground
   ss-card        hero card container, adds the gradient edge
   ss-hero        hero row container, for mobile stacking
   ss-footrow     footer form row container, for mobile stacking
   ============================================================ */

.ss-card{position:relative;overflow:hidden}
.ss-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:var(--ss-grad);z-index:2}

/* ---------- form fields ---------- */
.ss-form .elementor-field-label,.ss-form-light .elementor-field-label{
  font-family:'JetBrains Mono',ui-monospace,monospace !important;
  font-size:10px !important;font-weight:400 !important;
  letter-spacing:.16em !important;text-transform:uppercase !important;
  color:#8C8C91 !important;margin-bottom:7px !important;padding:0 !important}
.ss-form .elementor-field-textual,.ss-form-light .elementor-field-textual{
  width:100% !important;border-radius:10px !important;
  font-family:'Archivo',system-ui,sans-serif !important;font-weight:500 !important;
  font-size:16px !important;letter-spacing:-.015em !important;
  padding:13px 15px !important;min-height:0 !important;box-shadow:none !important;
  transition:border-color .18s ease,background .18s ease}

.ss-form .elementor-form-fields-wrapper{margin:0 -7px}
.ss-form .elementor-field-group{padding:0 7px 14px}
.ss-form .elementor-field-textual{
  background:#1C1C1F !important;border:1px solid #333336 !important;color:#fff !important}
.ss-form textarea.elementor-field-textual{
  font-family:'Newsreader',Georgia,serif !important;font-weight:400 !important;
  letter-spacing:0 !important;line-height:1.5 !important;
  min-height:104px !important;resize:vertical !important}
.ss-form .elementor-field-textual::placeholder{color:#6E6E73 !important;opacity:1}
.ss-form .elementor-field-textual:focus{
  border-color:var(--ss-g-orange) !important;background:#111113 !important;outline:none !important}

.ss-form-light .elementor-form-fields-wrapper{margin:0}
.ss-form-light .elementor-field-group{padding:0 0 16px}
.ss-form-light .elementor-field-textual{
  background:#F5F5F6 !important;border:1px solid #E6E5E2 !important;color:#111113 !important;
  font-size:17px !important;padding:14px 15px !important;border-radius:12px !important}
.ss-form-light .elementor-field-textual::placeholder{color:#A8A8A8 !important;opacity:1}
.ss-form-light .elementor-field-textual:focus{
  border-color:var(--ss-g-orange) !important;background:#fff !important;outline:none !important}

/* ---------- submit buttons. Primary style. ---------- */
.ss-form .elementor-field-type-submit,.ss-form-light .elementor-field-type-submit{
  display:flex !important;justify-content:flex-start !important;padding:0 !important}
.ss-form .elementor-field-type-submit .elementor-button,
.ss-form-light .elementor-field-type-submit .elementor-button{
  position:relative;isolation:isolate;
  width:auto !important;max-width:max-content !important;
  flex:0 0 auto !important;align-self:flex-start !important;
  margin-top:6px !important;padding:16px 26px !important;
  background-image:none !important;background-color:#111113 !important;
  color:#fff !important;border:0 !important;border-radius:10px !important;
  font-family:'JetBrains Mono',ui-monospace,monospace !important;
  font-size:12px !important;font-weight:500 !important;
  letter-spacing:.16em !important;text-transform:uppercase !important;line-height:1 !important;
  box-shadow:0 1px 2px rgba(17,17,19,.08),0 4px 12px rgba(17,17,19,.10) !important;
  transition:box-shadow .22s ease,transform .18s ease !important}
.ss-form .elementor-field-type-submit .elementor-button::before,
.ss-form-light .elementor-field-type-submit .elementor-button::before{
  content:"";position:absolute;inset:0;border-radius:10px;padding:1.5px;
  background:var(--ss-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;opacity:0;transition:opacity .22s ease}
.ss-form .elementor-field-type-submit .elementor-button:hover::before,
.ss-form-light .elementor-field-type-submit .elementor-button:hover::before,
.ss-form .elementor-field-type-submit .elementor-button:focus-visible::before,
.ss-form-light .elementor-field-type-submit .elementor-button:focus-visible::before{opacity:1}
.ss-form-light .elementor-field-type-submit .elementor-button:hover,
.ss-form-light .elementor-field-type-submit .elementor-button:focus-visible{
  background-color:#111113 !important;color:#fff !important;
  box-shadow:0 2px 6px rgba(17,17,19,.10),0 10px 26px rgba(17,17,19,.16) !important;
  transform:translateY(-2px)}
.ss-form .elementor-field-type-submit .elementor-button:hover,
.ss-form .elementor-field-type-submit .elementor-button:focus-visible{
  background-color:#111113 !important;color:#fff !important;
  box-shadow:0 0 14px rgba(199,155,224,.30),0 0 40px rgba(169,232,240,.26) !important;transform:none}
.ss-form .elementor-button-content-wrapper,.ss-form-light .elementor-button-content-wrapper{gap:12px}

.ss-form .elementor-message,.ss-form-light .elementor-message{
  font-family:'JetBrains Mono',ui-monospace,monospace !important;
  font-size:11px !important;letter-spacing:.1em !important;
  text-transform:uppercase !important;margin-top:14px !important}
.ss-form .elementor-message-success{color:#F5A9B8 !important}
.ss-form-light .elementor-message-success{color:#111113 !important}
.ss-form .elementor-message-danger,.ss-form-light .elementor-message-danger{color:#E7592C !important}

/* ---------- mobile: hand built containers stack ---------- */
@media (max-width:940px){
  .ss-hero,.ss-footrow{
    flex-direction:column !important;gap:28px !important;
    padding-left:22px !important;padding-right:22px !important}
  .ss-hero > .elementor-element,.ss-footrow > .elementor-element{
    width:100% !important;max-width:100% !important}
  .ss-card{padding:22px !important}
  .ss-form .elementor-field-group,.ss-form-light .elementor-field-group{
    width:100% !important;flex:0 0 100% !important}
  .ss-form .elementor-field-type-submit .elementor-button,
  .ss-form-light .elementor-field-type-submit .elementor-button{
    width:100% !important;max-width:none !important;justify-content:center !important}
}
@media (max-width:520px){
  .ss-hero,.ss-footrow{padding-left:18px !important;padding-right:18px !important}
  .ss-card{padding:18px !important}
}



/* ---------- footer form submit button ---------- */
.ssx .ftr-send,.ssx button.ftr-send,.ssx .ffield-submit{
  position:relative;isolation:isolate;
  display:inline-flex;align-items:center;gap:12px;
  font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
  font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  padding:16px 26px;line-height:1;cursor:pointer;
  background-image:none;background-color:#1C1C1F;color:#fff;
  border:0;border-radius:10px;-webkit-appearance:none;appearance:none;
  box-shadow:none;transition:box-shadow .22s ease}
.ssx .ftr-send::before,.ssx button.ftr-send::before{
  content:"";position:absolute;inset:0;border-radius:10px;padding:1.5px;
  background:var(--ss-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:1}
.ssx .ftr-send:hover,.ssx button.ftr-send:hover,
.ssx .ftr-send:focus-visible,.ssx button.ftr-send:focus-visible{
  color:#fff;background-color:#1C1C1F;
  box-shadow:0 0 14px rgba(199,155,224,.30),0 0 40px rgba(169,232,240,.26)}
.ssx .ftr-send .fs-arw{font-size:14px;line-height:1}

/* ---------- above the fold: scope, engagements, disciplines ---------- */
.ssx .eyebrow-2{display:block;color:#8C8C91;margin-top:2px}
.ssx .amber-rule{display:block;width:54px;height:3px;background:#F5A9B8;margin:12px 0 18px}
.ssx .hero-band .eyebrow{display:block;color:#111113;line-height:1.6;margin-bottom:0}
.ssx .hero-band .eyebrow::after{display:none}

.ssx .sec-cta{display:inline-block;margin-top:20px;
  font-family:var(--ss-body);font-size:17px;line-height:1.5;color:#111113;
  text-decoration:none;
  background-image:var(--ss-grad);
  background-repeat:no-repeat;background-position:0 100%;background-size:100% 2px;
  padding-bottom:4px;transition:background-size .2s ease}
.ssx .sec-cta:hover,.ssx .sec-cta:focus-visible{background-size:100% 3px}

.ssx .engage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,3vw,40px);margin-top:clamp(30px,3.6vw,48px);list-style:none;padding:0}
.ssx .engage > li{border-top:2px solid #111113;padding-top:14px;border-radius:0}
.ssx .engage .en{font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;
  color:#8C8C91;display:block;margin-bottom:9px}
.ssx .engage h3{font-family:var(--ss-display);font-weight:600;letter-spacing:-.02em;
  font-size:clamp(15px,1.5vw,17px);line-height:1.25;color:#111113;margin:0}
.ssx .engage p{font-size:clamp(13px,1.35vw,14px);line-height:1.5;color:#4E4E52;margin:7px 0 0}

.ssx .disciplines{font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:#8C8C91;text-align:center;line-height:1.9;
  margin-top:clamp(34px,3.8vw,52px);padding-top:18px;border-top:1px solid #DCDCDE}

@media(max-width:860px){
  .ssx .engage{grid-template-columns:1fr;gap:18px;margin-top:28px}
  .ssx .disciplines{text-align:left;font-size:9px;letter-spacing:.1em}
}

/* the engagement row and discipline strip span both hero columns */
.ssx .heroform > .disciplines{grid-column:1 / -1}

/* the engagement block is its own white band between two
   toned ones, so the separation comes from the band, not
   from a panel floating on gray */
.ssx .engage-band{background:#fff;background-color:#fff;
  background-image:var(--ss-dots);background-position:center;
  padding-top:clamp(38px,4.2vw,60px);padding-bottom:clamp(38px,4.2vw,60px)}
.ssx .engage-band .engage-head{margin-top:0}
.ssx .engage-band .cta-row{margin-top:28px}

/* boxes on white need a line, not a fill */
.ssx .cards.outline > div{background:transparent;border:1px solid #111113;box-shadow:none}
.ssx .cards.outline p{color:var(--ss-ink-2)}
/* three items never go two-up: that orphans the third */
@media(max-width:900px){
  .ssx .engage-band .cards.c3{grid-template-columns:1fr}
}

/* mobile: the ask, then the scope. One block only.
   Two stacked ordering blocks is how this drifted before. */
@media(max-width:940px){
  .ssx .heroform{display:flex;flex-direction:column}
  .ssx .heroform > div:first-child{order:1}
  .ssx .heroform > .hfbox{order:2;margin-top:32px}
  .ssx .heroform > .disciplines{order:3;margin-top:38px}
}

/* engagement row heading */
.ssx .engage-head{grid-column:1 / -1;margin-top:clamp(38px,4.4vw,62px);
  font-family:var(--ss-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:#8C8C91;display:flex;align-items:center;gap:16px}
.ssx .engage-head::after{content:"";flex:1;height:1px;background:#DCDCDE}
.ssx .engage-head + .cards{margin-top:20px}


/* document level, intentionally unscoped */
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
[id]{scroll-margin-top:88px}

/* ============================================================
   v68 REPAIR
   1. Removed 37 orphaned selector fragments that had no
      declaration block. Each one was absorbing the rule that
      followed it, which is why .cta had no styling at all.
   2. Removed doubled .ssx .ssx prefixes on the tap-highlight
      and focus rules.
   3. Focus states for buttons, below.
   4. Hero form WHY FREE block, below.
   ============================================================ */

/* Buttons: one focus indicator, not two. The generic
   outline was stacking on top of the gradient ring. */
.ssx .cta:focus-visible,
.ssx .cta-sm:focus-visible,
.ssx .cta-ghost:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px #fff,0 0 0 5px #111113,0 10px 26px rgba(17,17,19,.16)}
.ssx .band-dark .cta:focus-visible,
.ssx .blk-band .cta:focus-visible,
.ssx .band-dark .cta-ghost:focus-visible,
.ssx .blk-band .cta-ghost:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px #111113,0 0 0 5px #F5A9B8}

/* Hero form: WHY FREE */
.ssx .hfbox .hfwhy{
  margin-top:22px;padding-top:18px;border-top:1px solid #E7E7E9}
.ssx .hfbox .hfwhy-k{
  font-family:var(--ss-mono);font-size:11px;font-weight:400;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--ss-ink-3);margin:0 0 10px}
.ssx .hfbox .hfwhy-b{
  font-family:var(--ss-body);font-weight:400;font-size:15px;
  line-height:1.6;letter-spacing:0;color:var(--ss-ink-2);margin:0}
.ssx .band-dark .hfbox .hfwhy{border-top-color:#333336}
.ssx .band-dark .hfbox .hfwhy-k{color:#8C8C91}
.ssx .band-dark .hfbox .hfwhy-b{color:#C9C9CD}

/* A solid primary on a dark band is invisible. On dark
   grounds .cta takes the ghost treatment automatically,
   so a missing .cta-ghost in the markup cannot break it. */
.ssx .band-dark .cta,
.ssx .blk-band .cta{
  background-color:transparent;color:#fff;box-shadow:none}
.ssx .band-dark .cta::before,
.ssx .blk-band .cta::before{opacity:1}

/* ============================================================
   RESPONSIVE OVERRIDES, LAST ON PURPOSE
   These three blocks sat above the unconditional rules they
   were written to beat, so they never fired. A media query
   adds no specificity, so position in the file is the only
   thing deciding the winner. Anything added here must stay
   at the bottom.
   ============================================================ */

@media(max-width:760px){
  .ssx .sss{grid-template-columns:1fr}
}

@media(max-width:640px){
  .ssx .cmpt th:first-child, .ssx .cmpt td:first-child{width:44%}
  .ssx .cmpt{font-size:14px}
  .ssx .cmpt th, .ssx .cmpt td{padding-left:6px;padding-right:6px}
}

@media(max-width:520px){
  .ssx .cta-spec{gap:6px 0;margin-top:4px}
  .ssx .cta-spec li{padding:0 10px;font-size:10px}
}

/* ============================================================
   WORK WITH ME: the three engagement options
   Each option is one card: how it works up top, then who it
   is for beside what you get, then the disqualifier. The
   left list is set in display weight because "this is you
   if" is the line people scan for.
   ============================================================ */
.ssx .opts{margin-top:clamp(28px,3.4vw,44px)}
.ssx .opt{background:#fff;border:1px solid #E7E7E9;border-radius:var(--ss-r-lg);
  padding:clamp(22px,2.8vw,36px);margin-bottom:clamp(14px,1.6vw,20px);scroll-margin-top:110px}
.ssx .opt:last-child{margin-bottom:0}

.ssx .opt-head{display:grid;grid-template-columns:auto 1fr;
  gap:0 clamp(16px,2vw,26px);align-items:baseline;
  border-bottom:1px solid #E7E7E9;padding-bottom:clamp(18px,2vw,24px)}
.ssx .opt-n{font-family:var(--ss-mono);font-size:11px;letter-spacing:.16em;
  color:var(--ss-ink-3);grid-row:1 / span 3}
.ssx .opt h3{grid-column:2;font-size:clamp(21px,calc(21px + 9 * var(--fs-t)),30px);
  letter-spacing:-.03em;line-height:1.1;margin:0}
.ssx .opt-sub{grid-column:2;font-size:16px;color:var(--ss-ink-2);
  line-height:1.5;margin:8px 0 0;max-width:46ch}
.ssx .opt-meta{grid-column:2;list-style:none;display:flex;flex-wrap:wrap;
  gap:6px 0;margin:15px 0 0;padding:0}
.ssx .opt-meta li{font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ss-ink-3);padding:0 12px;
  border-left:1px solid #DCDCDE;line-height:1.4;white-space:nowrap}
.ssx .opt-meta li:first-child{padding-left:0;border-left:0}

.ssx .opt-body{display:grid;grid-template-columns:1fr 1.15fr;
  gap:clamp(22px,3vw,48px);margin-top:clamp(20px,2.4vw,28px)}
.ssx .opt-body .ah{font-family:var(--ss-mono);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ss-ink-3);display:block;margin-bottom:14px}
.ssx .opt-body ul{list-style:none;margin:0;padding:0}
.ssx .opt-body li{font-size:15px;line-height:1.45;color:var(--ss-ink-2);
  padding-left:20px;position:relative;margin-bottom:11px}
.ssx .opt-body li:last-child{margin-bottom:0}
.ssx .opt-body li::before{content:"";position:absolute;left:0;top:10px;
  width:10px;height:2px;background:var(--ss-mark)}
.ssx .opt-if li{font-family:var(--ss-display);font-weight:600;letter-spacing:-.015em;
  color:var(--ss-ink);font-size:clamp(15px,calc(15px + 2 * var(--fs-t)),17px);line-height:1.35}

.ssx .opt-not{margin:clamp(20px,2.2vw,26px) 0 0;padding-top:clamp(16px,1.8vw,20px);
  border-top:1px solid #E7E7E9;font-size:15px;line-height:1.55;color:var(--ss-ink-3)}
.ssx .opt-not b{font-family:var(--ss-mono);font-weight:500;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ss-ink);margin-right:10px}

@media(max-width:820px){
  .ssx .opt-body{grid-template-columns:1fr;gap:26px}
}
@media(max-width:520px){
  .ssx .opt-head{grid-template-columns:1fr}
  .ssx .opt-n{grid-row:auto;margin-bottom:10px}
  .ssx .opt h3,.ssx .opt-sub,.ssx .opt-meta{grid-column:1}
}

/* ============================================================
   MOTION
   Three things, all small. Content reveals as it enters the
   viewport, the header condenses once you leave the top, and
   anchored sections stop landing under the sticky header.

   The hidden state is gated behind .motion, which the script
   only adds when IntersectionObserver exists and the person
   has not asked for reduced motion. Without JS nothing is
   ever hidden, so a script failure cannot blank the page.
   The hero is never revealed. Above the fold should be there
   the moment the page paints.
   ============================================================ */
.ssx.motion .rv{
  opacity:0;transform:translateY(14px);
  transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.ssx.motion .rv.in{opacity:1;transform:none}

/* anchor targets clear the sticky header */
.ssx section[id],.ssx [id].opt{scroll-margin-top:96px}

/* header condenses once you scroll off the top */
.sshead{transition:box-shadow .24s ease,background-color .24s ease}
.sshead-in{transition:padding .24s ease}
.sshead.scrolled{box-shadow:0 1px 0 rgba(17,17,19,.10),0 10px 30px rgba(17,17,19,.13)}
.sshead.scrolled .sshead-in{padding-top:8px;padding-bottom:8px}
.sshead-logo img{transition:height .24s ease}
.sshead.scrolled .sshead-logo img{height:28px}

@media (prefers-reduced-motion:reduce){
  .ssx.motion .rv{opacity:1;transform:none;transition:none}
  .sshead,.sshead-in,.sshead-logo img{transition:none}
}
@media(max-width:940px){
  .ssx section[id],.ssx [id].opt{scroll-margin-top:70px}
  .sshead.scrolled .sshead-in{padding-top:7px;padding-bottom:7px}
}

/* ============================================================
   FINDINGS: blog index with client-side category filtering
   Posts are real HTML in the page, not rendered from JS, so
   they are indexable and the list still works with scripting
   off. The script only hides and shows what is already there,
   and builds the category chips from the categories that
   actually have posts, so an empty one never appears.
   ============================================================ */
.ssx .fbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 8px;
  margin-top:clamp(26px,3vw,38px);padding-bottom:clamp(16px,1.8vw,22px);
  border-bottom:1px solid var(--ss-line)}
.ssx .fsearch{flex:1 1 220px;min-width:0;max-width:320px;
  font-family:var(--ss-body);font-size:15px;color:var(--ss-ink);
  background:#fff;border:1px solid var(--ss-line);border-radius:10px;
  padding:10px 14px;transition:border-color .18s ease}
.ssx .fsearch::placeholder{color:#A6A6AB}
.ssx .fsearch:focus{outline:none;border-color:var(--ss-ink)}
.ssx .fchips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.ssx .fchip{font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ss-ink-3);background:transparent;
  border:1px solid var(--ss-line);border-radius:999px;padding:8px 13px;
  cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}
.ssx .fchip:hover{color:var(--ss-ink);border-color:#BEBEC2}
.ssx .fchip[aria-pressed="true"]{color:#fff;background:var(--ss-ink);border-color:var(--ss-ink)}
.ssx .fchip:focus-visible{outline:2px solid var(--ss-ink);outline-offset:3px}
.ssx .fcount{font-family:var(--ss-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ss-ink-3);margin-left:auto;white-space:nowrap}

.ssx .flist{list-style:none;margin:0;padding:0;border-top:1px solid var(--ss-line)}
.ssx .fpost{border-bottom:1px solid var(--ss-line)}
.ssx .fpost > a{display:grid;grid-template-columns:1fr auto;
  gap:6px clamp(20px,3vw,48px);padding:clamp(20px,2.4vw,30px) 0;
  text-decoration:none;color:inherit;align-items:baseline}
.ssx .fpost > a:hover .ftitle{color:var(--ss-pen)}
.ssx .fpost > a:focus-visible{outline:2px solid var(--ss-ink);outline-offset:3px}
.ssx .fmeta{grid-column:1;font-family:var(--ss-mono);font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ss-ink-3)}
.ssx .fmeta span{padding:0 9px;border-left:1px solid #DCDCDE}
.ssx .fmeta span:first-child{padding-left:0;border-left:0}
.ssx .ftitle{grid-column:1;font-family:var(--ss-display);font-weight:700;
  letter-spacing:-.03em;line-height:1.15;color:var(--ss-ink);margin:4px 0 0;
  font-size:clamp(19px,calc(19px + 8 * var(--fs-t)),27px);
  transition:color .18s ease;max-width:30ch}
.ssx .fdek{grid-column:1;font-size:16px;line-height:1.5;color:var(--ss-ink-2);
  margin:8px 0 0;max-width:62ch}
.ssx .farrow{grid-column:2;grid-row:1 / span 3;align-self:center;
  font-size:19px;color:var(--ss-ink-3);transition:transform .18s ease,color .18s ease}
.ssx .fpost > a:hover .farrow{transform:translateX(5px);color:var(--ss-ink)}

.ssx .fempty{margin:clamp(28px,3.2vw,42px) 0 0;font-size:16px;
  line-height:1.6;color:var(--ss-ink-2);max-width:56ch}
.ssx .fempty b{font-family:var(--ss-display);font-weight:700;
  letter-spacing:-.02em;color:var(--ss-ink);display:block;margin-bottom:8px;
  font-size:clamp(18px,calc(18px + 4 * var(--fs-t)),22px)}

@media(max-width:640px){
  .ssx .fcount{margin-left:0;flex-basis:100%}
  .ssx .farrow{display:none}
  .ssx .fpost > a{grid-template-columns:1fr}
}

/* ============================================================
   BUTTONS: the gradient ring is a resting state, not a hover
   Most traffic is on touch, where hover never fires, so a ring
   that only appears on hover is a detail most people never
   see. Both button types now carry it at rest and share the
   same outlined shape. Hover just deepens the shadow.
   ============================================================ */
.ssx .cta:hover,
.ssx .cta:focus-visible,
.ssx .cta-sm:hover,
.ssx .cta-sm:focus-visible,
.ssx .cta-ghost:hover,
.ssx .cta-ghost:focus-visible,
.ssx .top .cta-sm:hover,
.ssx .top .cta-sm:focus-visible{
  transform:none;
  box-shadow:0 2px 8px rgba(17,17,19,.12),0 14px 34px rgba(17,17,19,.18)}
.ssx .cta:active,
.ssx .cta-sm:active,
.ssx .cta-ghost:active{
  transform:none;
  box-shadow:0 1px 3px rgba(17,17,19,.14)}

/* ============================================================
   BUTTON ARROW
   The arrow used to be a character inside the label, so it sat
   on the text baseline while the uppercase mono letters filled
   the cap height, and it read as sagging. It is a pseudo
   element now, centered by the button's own flexbox and
   nudged onto the cap-height axis. Labels in the HTML carry
   no arrow character.
   ============================================================ */
.ssx .cta::after,
.ssx .cta-sm::after{
  content:"\2192";
  font-family:var(--ss-mono);
  font-size:1.15em;
  line-height:1;
  display:block;
  align-self:center;
  transform:translateY(-0.015em);
  transition:transform .18s ease}
.ssx .cta:hover::after,
.ssx .cta:focus-visible::after,
.ssx .cta-sm:hover::after,
.ssx .cta-sm:focus-visible::after{
  transform:translateY(-0.015em) translateX(4px)}
@media (prefers-reduced-motion:reduce){
  .ssx .cta::after,.ssx .cta-sm::after,
  .ssx .cta:hover::after,.ssx .cta-sm:hover::after{transition:none;transform:translateY(-0.015em)}
}

/* ============================================================
   TEXTURE
   Three grounds, three treatments, per the style guide:
   44px grid at 4.5% on toned bands, 22px dot field at 7% on
   light bands, white 44px grid at 5.5% on dark.

   .hero-band, .engage-band and the dark bands each set their
   own. The plain toned band never did, because it is
   transparent and shows the .ssx ground through, and the
   ground carried no texture. Six sections across the site
   were sitting on flat gray. Putting the grid on .ssx fixes
   every one of them at once, and the bands that set their own
   texture still override it.
   ============================================================ */
.ssx{background-image:var(--ss-grid);background-position:center top}

/* ============================================================
   ABOUT: the struck claims and the answer, as one unit
   These were three loose blocks with big gaps between them, so
   the list read as a floating fragment and "Cool. Prove it."
   read as a separate thought. A lead-in line, tight spacing
   and a rule down the left bind them into one argument.
   ============================================================ */
.ssx .proveit{margin-top:clamp(30px,3.6vw,44px);
  border-left:2px solid var(--ss-ink);
  padding-left:clamp(18px,2.2vw,28px)}
.ssx .proveit .pi-lead{font-family:var(--ss-mono);font-size:11px;font-weight:400;
  letter-spacing:.18em;text-transform:uppercase;color:var(--ss-ink-3);margin:0}
.ssx .proveit .astrike{margin-top:14px}
.ssx .proveit .acool{margin-top:18px}
@media(max-width:520px){
  .ssx .proveit{padding-left:16px}
}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */
.ssx .skip{position:absolute;left:-9999px;top:0;z-index:200;
  font-family:var(--ss-mono);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;background:var(--ss-ink);color:#fff;
  padding:14px 20px;border-radius:0 0 10px 0;text-decoration:none}
.ssx .skip:focus{left:0}
.ssx :where(a,button,summary,input,textarea,select):focus-visible{
  outline:2px solid var(--ss-ink);outline-offset:3px}

/* the working state on a submitting form */
.ssx .cta[aria-busy="true"],
.ssx .ftr-send[aria-busy="true"]{opacity:.72;cursor:progress}
.ssx .cta[aria-busy="true"]::after{content:""}

/* .scoreline is now an h1 for document outline; it keeps its own type */
.ssx h1.scoreline{margin:0}