
body.s-poster{
  --brown:#f5f5f7;
  --brown-soft:#a1a1aa;
  --cream:#090a0f;
  --surface:#13151f;
  --border:rgba(255,255,255,.1);
  --c:hsl(var(--h) 92% 62%);
  --cl:hsl(var(--h) 50% 18%);
  --cd:hsl(var(--h) 80% 88%);
  background:
    radial-gradient(900px 600px at 85% 8%,hsl(var(--h) 85% 32% / .38),transparent 65%),
    radial-gradient(700px 500px at 10% 45%,hsl(calc(var(--h) + 40) 80% 25% / .25),transparent 65%),
    #090a0f;
  color:#f5f5f7;
}
.s-poster .brandbar{background:rgba(9,10,15,.85);border-color:rgba(255,255,255,.1)}
.s-poster .style-sw{background:rgba(255,255,255,.08)}
.s-poster .st-pill.cur{background:var(--c);color:#090a0f}
.s-poster .hero h1{
  font-size:clamp(2.8rem,7vw,5.4rem);
  letter-spacing:-.03em;
  line-height:1.08;
  background:linear-gradient(135deg,#fff 40%,var(--c) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.poster-tag{
  font-size:clamp(1.3rem,2.6vw,1.8rem);
  font-weight:900;
  color:var(--c);
  margin-top:.6rem;
}
.s-poster .eyebrow-pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);color:#fff}
.s-poster .tape{background:#13151f;border-block:1px solid rgba(255,255,255,.1)}
.poster-shouts{padding:4.5rem 0}
.shout-grid{display:grid;gap:20px}
.shout{
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  padding:clamp(1.6rem,3.5vw,2.6rem);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1.8rem;
  align-items:center;
}
.shout-num{
  font-size:clamp(2.8rem,6vw,4.5rem);
  font-weight:900;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:2px var(--c);
}
.shout .q{font-weight:700;font-size:1.05rem;color:#a1a1aa;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.shout .q span{font-size:.7rem;font-weight:900;letter-spacing:.12em;background:rgba(255,255,255,.1);color:#fff;padding:.2em .65em;border-radius:6px}
.shout .a{font-weight:900;font-size:clamp(1.35rem,3vw,2.1rem);line-height:1.35;margin-top:.55rem;color:#fff;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.shout .a span{font-size:.7rem;font-weight:900;letter-spacing:.12em;background:var(--c);color:#090a0f;padding:.2em .65em;border-radius:6px;flex-shrink:0}
@media(max-width:640px){.shout{grid-template-columns:1fr;gap:.8rem}}
.s-poster .rp figcaption strong{color:#fff}
.s-poster .sample-box{background:#13151f;border-color:rgba(255,255,255,.15)}
.s-poster .sp-price{color:#fff}
.s-poster .demo{background:#13151f;color:#f5f5f7}
.s-poster .demo button{background:#1e2231;border-color:rgba(255,255,255,.12);color:#fff}
.s-poster .demo .cart{background:#0b0d14;color:#f5f5f7}
.s-poster .demo .free input{background:#0b0d14;color:#fff;border-color:rgba(255,255,255,.2)}
.s-poster .end-card{background:linear-gradient(135deg,#181b28,#0f111a);border-color:rgba(255,255,255,.15)}
.s-poster .bar-cta{background:rgba(9,10,15,.92)}
