/* Hallmark · macrostructure: Stat-Led (existing journey retained at user request)
 * genre: editorial · theme: SST referral campaign / supplied red-black-gold artwork
 * nav: N1 two section links · footer: Ft1 · enrichment: user-supplied campaign banner
 * audience: international TCG collectors · purpose: understand the referral offer
 * palette: pale paper / charcoal / campaign red / reward gold · Figtree + Inter
 * motion: existing accessible product rotation only
 * pre-emit critique: P5 H5 E4 S5 R4 V3 */
:root{
  --sst-color-accent:oklch(52% .207 27);
  --sst-color-accent-dark:oklch(43% .177 27);
  --sst-color-accent-ink:oklch(99% .005 85);
  --sst-color-ink:oklch(19% .008 40);
  --sst-color-muted:oklch(43% .012 50);
  --sst-color-paper:oklch(98.5% .005 85);
  --sst-color-white:oklch(99% .005 85);
  --sst-color-soft:oklch(95% .012 85);
  --sst-color-rule:oklch(83% .016 85);
  --sst-color-rule-strong:oklch(57% .016 65);
  --sst-color-focus:oklch(44% .18 262);
  --sst-color-backdrop:oklch(16% .009 30 / .75);
  --sst-color-gold:oklch(83% .145 85);
  --sst-color-gold-ink:oklch(43% .085 75);
  --sst-color-stage:oklch(21% .008 40);
  --sst-color-on-dark:oklch(98% .009 85);
  --sst-color-muted-on-dark:oklch(81% .015 85);
  --sst-color-rule-on-dark:oklch(42% .02 75);
  --sst-radius:.125rem;
  --sst-radius-card:.25rem;
  --sst-section-space:clamp(3rem,6vw,5rem);
}
.sst-draft-bar{border-bottom:2px solid var(--sst-color-accent);background:var(--sst-color-ink)}
.sst-draft-inner{min-height:2.25rem}
.sst-status-dot{background:var(--sst-color-gold);border-color:var(--sst-color-gold)}
.sst-site-header{padding-block:var(--sst-space-3)}
.sst-nav a,.sst-language .sst-text-link{font-weight:600}
.sst-campaign-banner{display:block;width:100%;max-width:120rem;margin-inline:auto;line-height:0;overflow:hidden;background:var(--sst-color-ink);border-block:1px solid var(--sst-color-gold)}
.sst-campaign-banner img{display:block;width:100%;height:auto;aspect-ratio:3808/492;object-fit:contain}
.sst-campaign-banner:focus-visible{outline:3px solid var(--sst-color-focus);outline-offset:-4px}
.sst-hero{padding-block:var(--sst-space-10) var(--sst-space-12)}
.sst-program-name{display:inline-flex;align-items:center;min-height:2rem;padding:var(--sst-space-1) var(--sst-space-3);color:var(--sst-color-on-dark);background:var(--sst-color-ink);border-bottom:2px solid var(--sst-color-gold);font-size:var(--sst-text-xs);font-weight:600;letter-spacing:.065em;text-transform:uppercase}
h1{font-size:var(--sst-text-referral-hero);font-style:italic;text-transform:uppercase;letter-spacing:-.045em;line-height:1.08}
h1>span{padding-right:var(--sst-space-2)}
h2{font-style:italic;text-transform:uppercase;letter-spacing:-.025em}
.sst-hero-lede{max-width:34rem}
.sst-button-primary{border:1px solid var(--sst-color-accent-dark);border-bottom:3px solid var(--sst-color-accent-dark);padding-inline:var(--sst-space-6);text-transform:uppercase;letter-spacing:.02em;min-height:3.25rem}
.sst-button-primary:active{background:var(--sst-color-accent-dark)}
.sst-business-prompt{border-block:2px solid var(--sst-color-ink);padding-block:var(--sst-space-5)}
.sst-business-prompt h2{font-style:normal;text-transform:none;letter-spacing:0}
.sst-business-prompt .sst-text-link{color:var(--sst-color-accent)}
.sst-product-gallery{
  --sst-color-muted:var(--sst-color-muted-on-dark);
  --sst-color-ink:var(--sst-color-on-dark);
  --sst-color-rule:var(--sst-color-rule-on-dark);
  --sst-color-rule-strong:var(--sst-color-gold);
  --sst-color-focus:var(--sst-color-gold);
  background:var(--sst-color-stage);border:1px solid var(--sst-color-gold);border-radius:var(--sst-radius-card);overflow:hidden;
}
.sst-product-gallery--orbit{background:var(--sst-color-stage)}
.sst-product-gallery .sst-campaign-heading{padding-top:var(--sst-space-5);background:transparent}
.sst-campaign-brand{width:7.5rem;padding:var(--sst-space-2);background:var(--sst-color-paper)}
.sst-campaign-heading h2{color:var(--sst-color-on-dark);font-size:clamp(1.8rem,2.6vw,2.5rem)!important}
.sst-campaign-rewards{padding-block:var(--sst-space-3);border-block:1px solid var(--sst-color-rule-on-dark)}
.sst-campaign-rewards>p{font-size:.6875rem;letter-spacing:.045em;color:var(--sst-color-on-dark)}
.sst-campaign-rewards strong{color:var(--sst-color-gold);font-style:italic}
.sst-campaign-rewards>p:last-child strong{color:var(--sst-color-on-dark)}
.sst-campaign-rewards strong span{font-style:normal;color:var(--sst-color-muted-on-dark)}
.sst-campaign-explanation{color:var(--sst-color-muted-on-dark)}
.sst-product-gallery--orbit .sst-product-track::before{background:var(--sst-color-soft);box-shadow:0 10px 0 var(--sst-color-gold),0 11px 0 var(--sst-color-stage)}
.sst-product-footer{margin-top:var(--sst-space-3)}
.sst-product-arrow{border-radius:var(--sst-radius);color:var(--sst-color-on-dark);border-color:var(--sst-color-rule-on-dark)}
.sst-product-arrow:not(:disabled):active{background:var(--sst-color-gold);color:var(--sst-color-stage);border-color:var(--sst-color-gold)}
.sst-product-arrow:focus-visible,.sst-product-rotation:focus-visible{outline-color:var(--sst-color-gold)}
.sst-product-position{font-weight:700;color:var(--sst-color-gold)}
.sst-campaign-preview{color:var(--sst-color-gold);font-weight:600}
.sst-product-image-status{background:var(--sst-color-stage);color:var(--sst-color-on-dark)}
.sst-section-header h2,.sst-rewards-head h2{max-width:24ch}
.sst-step-count{font-family:var(--sst-font-display);font-size:2rem;font-style:italic;font-weight:700;line-height:1;color:var(--sst-color-accent)}
.sst-steps li{min-height:0}
.sst-steps h3{font-size:var(--sst-text-md)}
.sst-role-selector button[aria-pressed=true]{color:var(--sst-color-accent);border-bottom-width:3px;border-radius:0}
.sst-rewards-section{
  --sst-color-ink:var(--sst-color-on-dark);
  --sst-color-muted:var(--sst-color-muted-on-dark);
  --sst-color-rule:var(--sst-color-rule-on-dark);
  --sst-color-accent:var(--sst-color-gold);
  background:var(--sst-color-stage);color:var(--sst-color-on-dark);border-block:3px solid var(--sst-color-gold);
}
.sst-rewards-head h2{color:var(--sst-color-on-dark)}
.sst-comparison thead th{color:var(--sst-color-muted-on-dark)}
.sst-comparison strong{color:var(--sst-color-gold);font-style:italic}
.sst-business-row{background:transparent}
.sst-tier-name{color:var(--sst-color-on-dark)}
.sst-tier-description,.sst-business-note,.sst-value-note{color:var(--sst-color-muted-on-dark)}
.sst-availability-heading .sst-draft-label{color:var(--sst-color-gold-ink);font-weight:600}
.sst-release-ready .sst-release-status{color:var(--sst-color-accent)}
.sst-release-item h3{font-size:var(--sst-text-md)}
.sst-faq-list details{border-top-color:var(--sst-color-rule-strong)}
.sst-faq-list details:last-child{border-bottom-color:var(--sst-color-rule-strong)}
.sst-faq-list summary::after{color:var(--sst-color-accent);font-weight:700}
.sst-closing{border-top:2px solid var(--sst-color-ink);padding-block:var(--sst-space-10)}
.sst-closing h2{font-size:clamp(2rem,3vw,2.875rem)}
.sst-footer{border-top:1px solid var(--sst-color-rule);padding-top:var(--sst-space-6)}
.sst-mobile-bar{border-top:2px solid var(--sst-color-gold)}
.sst-dialog{border:2px solid var(--sst-color-gold)}
.sst-dialog h2{font-size:clamp(1.8rem,4vw,2.5rem)}
@media(hover:hover) and (pointer:fine){
  .sst-button-primary:hover{background:var(--sst-color-accent-dark)}
  .sst-product-arrow:not(:disabled):hover{background:var(--sst-color-gold);color:var(--sst-color-stage);border-color:var(--sst-color-gold)}
  .sst-product-rotation:hover{color:var(--sst-color-gold)}
}
@media(max-width:767px){
  .sst-campaign-banner img{height:calc(100vw * .30);min-height:0;aspect-ratio:auto;object-fit:cover;object-position:50% 50%}
  .sst-hero{padding-top:var(--sst-space-6)}
  h1{font-size:clamp(1.8rem,8vw,2.4rem);letter-spacing:-.05em}
  .sst-campaign-heading h2{font-size:1.9rem!important}
  .sst-campaign-rewards strong{font-size:2.65rem}
  .sst-product-gallery{max-width:30rem}
  .sst-rewards-section .sst-comparison tbody tr{border-color:var(--sst-color-rule-on-dark)}
  .sst-step-count{font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){
  .sst-button-primary:active{transform:none}
}

/* SST referral home navigation: visible return path, isolated to this LP. */
.sst-home-link{padding:var(--sst-space-2) var(--sst-space-3);border:1px solid var(--sst-color-accent);border-radius:var(--sst-radius);background:var(--sst-color-white);text-decoration:none}
.sst-site-header .sst-language{flex-shrink:0}
@media(max-width:39.999rem){.sst-site-header{gap:var(--sst-space-3)}.sst-site-header .sst-brand img{width:7.5rem}}