/* StencilStudio Pro Artist promotion - Claude Design v2, 2026-10-26.
 * Isolated stylesheet. Never imported when the promotion is disabled. */
:root{--promo-fluo:#FF6A2B;--promo-ink-hover:#2B231E}
html:not([data-promo="on"]) [data-promo-slot]{display:none!important}
html[data-ended="true"] [data-promo-slot]{display:none!important}
.ss-promo{position:relative;z-index:51;color:var(--paper-ink);
 background:radial-gradient(circle at 6px 100%,var(--canvas) 2.6px,transparent 3.1px) left bottom / 12px 6px repeat-x,var(--promo-fluo);
 overflow:hidden;transition:height 200ms var(--ease-editorial)}
.ss-promo__link{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:16px;max-width:1152px;margin:0 auto;height:56px;padding:0 64px 6px 32px;padding-left:max(32px,env(safe-area-inset-left,0px));color:inherit;text-decoration:none}
.ss-promo__link>*{flex-shrink:0}
.ss-promo__off{display:inline-flex;align-items:center;gap:.25em;height:36px;padding:0 12px;border-radius:6px;background:linear-gradient(100deg,transparent 30%,rgba(255,106,43,.35) 50%,transparent 70%) no-repeat,var(--paper-ink);background-size:60% 100%,auto;background-position:-120% 0,0 0;color:var(--promo-fluo);font:800 21px/1 var(--font-manrope);letter-spacing:-.01em;transform:rotate(-2deg);white-space:nowrap;animation:ss-promo-sheen 6s ease-in-out infinite}
@keyframes ss-promo-sheen{0%,70%{background-position:-120% 0,0 0}100%{background-position:220% 0,0 0}}
.ss-promo__plan{font:800 14px/1 var(--font-manrope);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.ss-promo__prices{display:inline-flex;align-items:baseline;gap:10px;white-space:nowrap}
.ss-promo__price{font:400 34px/1 var(--font-instrument-serif);font-variant-numeric:tabular-nums}
.ss-promo__was{font:600 14px/1 var(--font-manrope);opacity:.8;text-decoration:line-through;text-decoration-thickness:1.5px}
.ss-promo__tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;box-sizing:border-box;border:1.5px solid var(--paper-ink);border-radius:999px;font:700 12px/1 var(--font-manrope);white-space:nowrap}
.ss-promo__tag svg{width:11px;height:11px}
.ss-promo__timer{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ss-promo__tl{font:800 11px/1 var(--font-manrope);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.ss-promo__dg{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 3px;box-sizing:border-box;border-radius:5px;background:var(--paper-ink);color:var(--promo-fluo);font:600 15px/1 var(--font-geist-mono);font-variant-numeric:tabular-nums}
.ss-promo__colon{font:600 15px/1 var(--font-geist-mono)}
.ss-promo[data-final="true"] .ss-promo__dg{background:var(--text-primary);color:var(--paper-ink)}
.ss-promo__cta{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border-radius:999px;background:var(--paper-ink);color:var(--text-primary);font:800 13px/1 var(--font-manrope);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:background-color 180ms var(--ease-editorial),transform 180ms var(--ease-editorial),box-shadow 180ms var(--ease-editorial)}
.ss-promo__cta svg{width:14px;height:14px;transition:transform 180ms var(--ease-editorial)}
.ss-promo__link:hover .ss-promo__cta{background:var(--promo-ink-hover);transform:translateY(-1px);box-shadow:0 8px 18px rgba(24,20,17,.35)}
.ss-promo__link:hover .ss-promo__cta svg{transform:translateX(3px)}
.ss-promo__link:active .ss-promo__cta{transform:scale(.98);transition-duration:90ms}
.ss-promo__link:focus-visible{outline:none}
.ss-promo__link:focus-visible .ss-promo__cta{outline:2px solid var(--paper-ink);outline-offset:3px}
.ss-promo__close{position:absolute;top:3px;right:12px;right:max(12px,env(safe-area-inset-right,0px));width:44px;height:44px;border:0;border-radius:999px;padding:0;background:transparent;color:var(--paper-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 150ms ease}
.ss-promo__close svg{width:16px;height:16px}
.ss-promo__close:hover{background:rgba(24,20,17,.12)}
.ss-promo__close:focus-visible{outline:2px solid var(--paper-ink);outline-offset:-4px}
.ss-promo__cta-long{display:inline}
@media(max-width:1179px){.ss-promo__tag{display:none}.ss-promo__link{gap:14px;padding-left:24px;padding-right:60px}}
@media(max-width:1023px){.ss-promo__plan{display:none}.ss-promo__link{height:62px;gap:12px;padding-left:20px;padding-right:56px}.ss-promo__off{font-size:20px;padding:0 11px}.ss-promo__price{font-size:32px}.ss-promo__cta{height:44px;padding:0 18px;font-size:12.5px}.ss-promo__close{top:6px;right:6px}}
@media(max-width:639px){.ss-promo__link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"off prices cta" "off timer cta";column-gap:10px;row-gap:3px;align-content:center;justify-content:stretch;height:70px;padding:0 44px 6px 14px;padding-left:max(14px,env(safe-area-inset-left,0px))}
.ss-promo__off{grid-area:off;flex-direction:column;justify-content:center;gap:0;width:56px;height:46px;padding:0;font-size:17px;line-height:.95;text-align:center}.ss-promo__prices{grid-area:prices;gap:5px}.ss-promo__price{font-size:27px}.ss-promo__was{font-size:12px}.ss-promo__timer{grid-area:timer;gap:3px}.ss-promo__tl{font-size:10px;margin-right:2px}.ss-promo__dg{min-width:22px;height:21px;padding:0 2px;border-radius:4px;font-size:12.5px}.ss-promo__colon{font-size:12px}.ss-promo__cta{grid-area:cta;height:44px;padding:0 14px;font-size:12px;gap:6px}.ss-promo__cta svg{width:13px;height:13px}.ss-promo__cta-long{display:none}.ss-promo__close{top:10px;right:0}}
@media(max-width:359px){.ss-promo__link{column-gap:8px;padding:0 40px 6px 10px}.ss-promo__off{width:50px;height:44px;font-size:15.5px}.ss-promo__price{font-size:26px}.ss-promo__was{font-size:11.5px}.ss-promo__tl{display:none}.ss-promo__dg{min-width:21px;height:20px;font-size:12px}.ss-promo__cta{padding:0 13px}.ss-promo__cta svg{display:none}.ss-promo__close{width:40px}}
@media(prefers-reduced-motion:reduce){.ss-promo,.ss-promo__off,.ss-promo__cta,.ss-promo__cta svg{animation:none!important;transition:none!important}}

/* /offer page: scoped to the landing page, no global marketing selectors. */
.ss-offer-page .offer{box-sizing:border-box;max-width:1152px;margin:0 auto;padding:56px 32px 80px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:start}
.ss-offer-page .offer__copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.ss-offer-page .eyebrow{margin:0;font:600 12px/1.333 var(--font-manrope);letter-spacing:.16em;text-transform:uppercase;color:var(--warm-highlight)}
.ss-offer-page h1{margin:0;font:400 68px/.98 var(--font-instrument-serif);letter-spacing:-.02em;text-wrap:balance}
.ss-offer-page .lead{margin:0;font:400 18px/1.67 var(--font-manrope);color:var(--text-secondary)}
.ss-offer-page .benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ss-offer-page .benefits li{display:flex;gap:12px;align-items:flex-start;font:400 16px/1.5 var(--font-manrope);color:rgba(244,240,233,.84)}
.ss-offer-page .benefits svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--warm-highlight)}
.ss-offer-page .proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:440px}
.ss-offer-page .proof figure{margin:0;position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#14110f}
.ss-offer-page .proof img{width:100%;height:100%;object-fit:cover;display:block}
.ss-offer-page .proof figcaption{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:999px;background:rgba(7,6,5,.72);font:700 10px/1.4 var(--font-manrope);letter-spacing:.12em}
.ss-offer-page .offer__side{display:flex;flex-direction:column;gap:16px;min-width:0}
.ss-offer-page .ticket{position:relative;box-sizing:border-box;border-radius:24px;padding:32px 36px;display:flex;flex-direction:column;gap:20px;color:var(--paper-ink);background:radial-gradient(circle at 0 50%,var(--canvas) 11px,transparent 11.5px),radial-gradient(circle at 100% 50%,var(--canvas) 11px,transparent 11.5px),var(--promo-fluo)}
.ss-offer-page .ticket__top{display:flex;align-items:center;justify-content:space-between}
.ss-offer-page .ticket__off{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:7px;background:var(--paper-ink);color:var(--promo-fluo);font:800 24px/1 var(--font-manrope);transform:rotate(-2deg)}
.ss-offer-page .ticket__plan{font:700 12px/1 var(--font-manrope);letter-spacing:.14em}
.ss-offer-page .ticket__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.ss-offer-page .ticket__price b{font:400 76px/.9 var(--font-instrument-serif)}
.ss-offer-page .ticket__price span{font:700 16px/1.2 var(--font-manrope)}
.ss-offer-page .ticket__price s{font:600 16px/1.2 var(--font-manrope);opacity:.8}
.ss-offer-page .ticket__timer{display:flex;align-items:center;gap:8px;white-space:nowrap}
.ss-offer-page .ticket__timer .tl{font:800 12px/1 var(--font-manrope);letter-spacing:.1em;text-transform:uppercase;margin-right:4px}
.ss-offer-page .ticket__timer .dg{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 4px;box-sizing:border-box;border-radius:6px;background:var(--paper-ink);color:var(--promo-fluo);font:600 18px/1 var(--font-geist-mono);font-variant-numeric:tabular-nums}
.ss-offer-page .ticket__timer .colon{font:600 18px/1 var(--font-geist-mono)}
.ss-offer-page .ticket__rule{border-top:2px dashed rgba(24,20,17,.35)}
.ss-offer-page .redeem{display:none;align-items:center;justify-content:center;gap:10px;height:56px;border-radius:999px;background:var(--paper-ink);color:var(--text-primary);text-decoration:none;font:800 14px/1 var(--font-manrope);letter-spacing:.06em;text-transform:uppercase;transition:background-color 180ms}
.ss-offer-page .redeem:hover{background:var(--promo-ink-hover)}
.ss-offer-page .redeem:focus-visible{outline:2px solid var(--paper-ink);outline-offset:3px}
.ss-offer-page .redeem svg{width:20px;height:20px}
.ss-offer-page .redeem-note{display:none;margin:0;font:400 13px/1.5 var(--font-manrope);text-align:center}
.ss-offer-page .qr{display:flex;gap:24px;align-items:center}
.ss-offer-page .qr__img{flex:none;width:168px;height:168px;padding:10px;box-sizing:border-box;background:#fff;border-radius:12px}
.ss-offer-page .qr__img img{width:100%;height:100%;display:block}
.ss-offer-page .qr__txt{display:flex;flex-direction:column;gap:8px}
.ss-offer-page .qr__txt b{font:800 20px/1.2 var(--font-manrope)}
.ss-offer-page .qr__txt p{margin:0;font:400 14px/1.55 var(--font-manrope)}
.ss-offer-page .manual{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;background:rgba(24,20,17,.08)}
.ss-offer-page .manual p{margin:0;font:400 13px/1.5 var(--font-manrope)}
.ss-offer-page .manual__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ss-offer-page .code{font:500 18px/1 var(--font-geist-mono);letter-spacing:.08em;padding:9px 12px;border:1.5px dashed var(--paper-ink);border-radius:8px;user-select:all}
.ss-offer-page .copy{height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--paper-ink);background:transparent;color:var(--paper-ink);font:800 12px/1 var(--font-manrope);letter-spacing:.07em;cursor:pointer}
.ss-offer-page .copy:hover{background:rgba(24,20,17,.1)}
.ss-offer-page .copy:focus-visible{outline:2px solid var(--paper-ink);outline-offset:3px}
.ss-offer-page .note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--border-visible);border-radius:14px;font:400 13px/1.55 var(--font-manrope);color:var(--text-secondary)}
.ss-offer-page .note svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--warm-highlight)}
.ss-offer-page .terms{margin:0;font:400 12px/1.6 var(--font-manrope);color:var(--text-quiet)}
html[data-device="iphone"] .ss-offer-page .redeem{display:flex}
html[data-device="iphone"] .ss-offer-page .redeem-note{display:block}
html[data-device="iphone"] .ss-offer-page .qr,html[data-device="iphone"] .ss-offer-page .note{display:none}
html[data-device="iphone"] .ss-offer-page .manual{display:none}
html:not([data-device="iphone"]) .ss-offer-page .manual-details{display:none}
.ss-offer-page .manual-details{border:1px solid var(--border-visible);border-radius:14px;padding:14px 16px}
.ss-offer-page .manual-details summary{font:700 14px/1.4 var(--font-manrope);cursor:pointer}
.ss-offer-page .manual-details p{margin:10px 0 0;font:400 13px/1.5 var(--font-manrope);color:var(--text-secondary)}
.ss-offer-page .manual-details .code{display:inline-block;margin-top:8px;color:var(--text-primary);border-color:rgba(244,240,233,.4);font-size:16px}
.ss-offer-page .ended{display:none;flex-direction:column;gap:16px;padding:32px;border:1px solid var(--border-visible);border-radius:24px}
.ss-offer-page .ended h2{margin:0;font:400 40px/1.05 var(--font-instrument-serif)}
.ss-offer-page .ended p{margin:0;color:var(--text-secondary);line-height:1.6}
.ss-offer-page .ended a{display:inline-flex;align-self:flex-start;align-items:center;height:52px;padding:0 22px;border-radius:999px;background:#ede7de;color:var(--paper-ink);font-weight:800;text-decoration:none}
html[data-ended="true"] .ss-offer-page .ticket,html[data-ended="true"] .ss-offer-page .note,html[data-ended="true"] .ss-offer-page .manual-details{display:none}
html[data-ended="true"] .ss-offer-page .ended{display:flex}
@media(max-width:1023px){.ss-offer-page .offer{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px 20px 56px}.ss-offer-page .offer__side{order:-1}.ss-offer-page .offer__copy{display:contents}.ss-offer-page .eyebrow{order:-3}.ss-offer-page h1{order:-2}.ss-offer-page .lead,.ss-offer-page .benefits,.ss-offer-page .proof{order:1}}
@media(max-width:639px){.ss-offer-page .offer{gap:20px;padding:28px max(16px,env(safe-area-inset-left,0px)) 40px}.ss-offer-page h1{font-size:44px}.ss-offer-page .ticket{padding:24px 22px;gap:16px;border-radius:22px;background:radial-gradient(circle at 0 62%,var(--canvas) 10px,transparent 10.5px),radial-gradient(circle at 100% 62%,var(--canvas) 10px,transparent 10.5px),var(--promo-fluo)}.ss-offer-page .ticket__off{height:36px;font-size:21px;padding:0 12px}.ss-offer-page .ticket__price b{font-size:62px}.ss-offer-page .ticket__timer{gap:6px}.ss-offer-page .ticket__timer .dg{min-width:30px;height:30px;font-size:16px}.ss-offer-page .ticket__timer .colon{font-size:16px}.ss-offer-page .ticket__timer .tl{font-size:11px;margin-right:2px}.ss-offer-page .qr{flex-direction:column;align-items:flex-start}.ss-offer-page .proof{max-width:none;gap:8px}.ss-offer-page .benefits li{font-size:15px}}

/* Pricing offer arm, exactly the agreed paper-card treatment. */
.ss-pricing-promo-badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;background:var(--promo-fluo);color:var(--paper-ink);font:800 12.5px/1 var(--font-manrope);letter-spacing:.06em;transform:rotate(-2deg);white-space:nowrap}
.ss-pricing-promo-then{margin:6px 0 0;font:400 14px/1.5 var(--font-manrope);color:#5C5249}
.ss-pricing-promo-claim{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:999px;background:var(--paper-ink);color:var(--paper);font:800 13px/1 var(--font-manrope);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;transition:background-color 180ms}
.ss-pricing-promo-claim:hover{background:var(--promo-ink-hover)}
.ss-pricing-promo-claim:focus-visible{outline:2px solid var(--paper-ink);outline-offset:3px}
.ss-pricing-promo-fine{margin:10px 0 0;font:400 12px/1.5 var(--font-manrope);color:#5C5249}
.ss-pricing-disclosure{margin:20px 0 0;max-width:62rem;font:400 13px/1.6 var(--font-manrope);color:#5C5249}
html[data-promo="on"] [data-promo-standard]{display:none!important}
/* Generator card uses the approved separate location without a top bar. */
.ss-promo-gen{display:flex;gap:16px;align-items:center;padding:20px;border-radius:18px;background:var(--promo-fluo);color:var(--paper-ink);text-decoration:none}
.ss-promo-gen__off{flex:none;display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:6px;background:var(--paper-ink);color:var(--promo-fluo);font:800 21px/1 var(--font-manrope);transform:rotate(-2deg)}
.ss-promo-gen__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ss-promo-gen__title{font:800 16px/1.3 var(--font-nunito,var(--font-manrope))}
.ss-promo-gen__title s{font-weight:600;opacity:.8}
.ss-promo-gen__timer{display:flex;align-items:center;gap:4px;white-space:nowrap}
.ss-promo-gen__timer .tl{font:800 10.5px/1 var(--font-manrope);letter-spacing:.1em;text-transform:uppercase;margin-right:2px}
.ss-promo-gen__timer .dg{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:5px;background:var(--paper-ink);color:var(--promo-fluo);font:600 14px/1 var(--font-geist-mono);font-variant-numeric:tabular-nums}
.ss-promo-gen__cta{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--paper-ink);color:var(--text-primary);font:800 12.5px/1 var(--font-manrope);letter-spacing:.07em;text-transform:uppercase}
.ss-promo-gen:hover .ss-promo-gen__cta{background:var(--promo-ink-hover)}
.ss-promo-gen:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}
@media(max-width:559px){.ss-promo-gen{flex-wrap:wrap}.ss-promo-gen__cta{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.ss-pricing-promo-claim,.ss-promo-gen{transition:none!important}}
