/* Only the Perfecte Salesmail funnel: shared INSIDE offer tokens and components. */
.salesmail-app { --sm-muted:var(--text-secondary); }
.salesmail-app h1 { font-size:clamp(38px,4.8vw,62px); line-height:1.08; letter-spacing:-.055em; }
.salesmail-app h1 strong,.salesmail-app h2 strong { background:var(--gradient); color:transparent; -webkit-background-clip:text; background-clip:text; }
.sm-narrow { width:min(900px,calc(100% - 64px)); margin-inline:auto; }
.sm-visual { aspect-ratio:1.85; border-radius:20px; position:relative; overflow:hidden; isolation:isolate; background:#282b29; border:1px solid #ffffff18; }
.sm-visual__photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.sm-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#0d0d1000 28%,#0d0d1030 50%,#0d0d10e6 100%); z-index:1; }
.sm-mail-preview { position:absolute; right:3%; top:7%; width:29%; height:75%; padding:13px; background:#fff; border-radius:3px; transform:rotate(6deg); box-shadow:0 8px 32px #0006; overflow:hidden; }
.sm-mail-preview__sender { display:flex; align-items:center; gap:6px; color:#1d1c22; padding-bottom:8px; border-bottom:1px solid #eee; }
.sm-mail-preview__sender img { border-radius:50%; width:29px; height:29px; }
.sm-mail-preview__sender b,.sm-mail-preview__sender span { display:block; white-space:nowrap; line-height:1.5; letter-spacing:-.03em; }
.sm-mail-preview__sender b { font-size:10px; }
.sm-mail-preview__sender span { font-size:8px; color:#5e5961; }
.sm-mail-preview__body { overflow:hidden; height:100%; padding-top:10px; }
.sm-mail-preview__body img { width:100%; filter:blur(5px); pointer-events:none; }
.sm-visual__text { position:absolute; z-index:2; left:5%; right:4%; bottom:7%; text-align:left; }
.sm-visual__label { display:block; font-size:12px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; margin-bottom:12px; color:#fff; }
.sm-visual__text strong { display:block; color:#fff; font-size:clamp(38px,6.2vw,76px); line-height:.99; letter-spacing:-.055em; font-weight:800; text-shadow:0 2px 25px #0004; }
.sm-caption { color:var(--text-secondary); font-size:11px; margin:14px 0 30px!important; }
.sm-optin,.sm-thanks { --sm-muted:#69616d; background:#fff; color:#1b171d; min-height:100vh; }
.sm-optin .offer-header,.sm-thanks .offer-header { background:#fff; border-bottom-color:#eee9ed; }
.sm-optin .sm-narrow { max-width:800px; padding-top:32px; }
.sm-optin-video { position:relative; width:100%; aspect-ratio:900/506; border-radius:17px; background:#19181d; container-type:inline-size; }
.sm-optin-video__link { display:block; position:relative; width:100%; height:100%; overflow:hidden; border-radius:inherit; isolation:isolate; }
.sm-optin-video__link::after { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,#0d0d1000 30%,#0d0d1026 50%,#0d0d10d9 100%); pointer-events:none; }
.sm-optin-video__media { display:block; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.sm-optin-video__mobile { display:none; width:100%; pointer-events:none; }
.sm-optin-video__mobile img { display:block; width:100%; height:auto; }
.sm-optin-video__play { display:grid; place-items:center; position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%); width:clamp(88px,13.89%,125px); aspect-ratio:25/16; border-radius:8px; overflow:hidden; opacity:.8; pointer-events:none; }
.sm-optin-video__copy { position:absolute; z-index:2; left:5%; right:5%; bottom:7%; color:#fff; font-size:clamp(22px,8cqw,64px); font-weight:800; line-height:1.03; letter-spacing:-.055em; text-align:left; text-shadow:0 2px 25px #0004; pointer-events:none; }
.sm-optin-video__copy > span { display:block; }
/* Match the Wistia button's #d74387 → #ea6e4c gradient, sampled at the center of its 900px player. */
.sm-optin-video__play::before,.sm-optin-video__play::after { content:''; position:absolute; inset:0; }
.sm-optin-video__play::before { background:#d74387; mix-blend-mode:darken; }
.sm-optin-video__play::after { background:linear-gradient(90deg,rgba(215,67,135,.9),rgba(234,110,76,.9)) center / 720% 100%; }
.sm-optin-video__play > svg { position:relative; z-index:1; width:32%; height:auto; fill:#fff; }
@media (max-width:600px) {
  .sm-optin-video { aspect-ratio:auto; }
  .sm-optin-video__link { height:auto; }
  .sm-optin-video__mobile { display:block; }
  .sm-optin-video__media { display:none; }
  .sm-optin-video__play { top:44%; }
}
@media (max-width:360px) { .sm-optin-video__play { top:40%; } }
.sm-fields input { scroll-margin-block:24px; }
.sm-fields input.is-video-target:focus { animation:sm-input-glow 1.6s ease-in-out 3; box-shadow:0 0 0 4px #d7438712,0 0 22px #d743871a; }
@keyframes sm-input-glow { 0%,100% { box-shadow:0 0 0 4px #d7438712,0 0 22px #d743871a; } 50% { box-shadow:0 0 0 7px #d7438720,0 0 32px #d7438735; } }
@media (prefers-reduced-motion:reduce) { .sm-fields input.is-video-target:focus { animation:none; } }
.sm-optin .sm-caption,.sm-optin .sm-personal-note { color:#7b727e; }
.sm-optin__copy { text-align:center; margin-top:28px; }
.sm-optin__copy h1 { font-size:clamp(33px,4.4vw,49px); margin-bottom:24px; }
.sm-optin__copy > p:not(.sm-caption) { max-width:650px; margin:14px auto 0; font-size:16px; color:var(--sm-muted); }
.sm-optin__copy b { color:#1b171d; font-weight:600; }
.sm-optin-card { max-width:620px; margin:26px auto 0; }
.sm-fields { display:grid; grid-template-columns:1fr 1.25fr; gap:16px; }
.sm-fields label { display:block; font-size:12px; margin-bottom:6px; font-weight:600; }
.sm-fields input { width:100%; border:1px solid #d9d2dc; border-radius:9px; padding:13px 15px; background:#fff; color:#1b171d; outline-offset:3px; min-height:52px; font-size:16px; }
.sm-fields input::placeholder { color:#817887; }
.sm-fields input:focus { outline:2px solid #e98bab; border-color:transparent; }
.sm-fields input[aria-invalid] { border-color:#ff94a1; }
.sm-optin-submit { width:100%; margin-top:18px; border-radius:12px; min-height:80px; }
.sm-optin-submit b { display:block; font-size:19px; }
.sm-optin-submit small { display:block; font-size:12px; font-weight:400; margin-top:4px; }
.sm-optin-submit:disabled { cursor:wait; opacity:.7; }
.sm-form-note { color:#7b727e; font-size:11px; text-align:center; margin-top:14px!important; }
.sm-form-note a { text-decoration:underline; }
.sm-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.sm-form-errors { padding:14px 18px; border:1px solid #e1a6b3; background:#fff5f7; color:#9c2544; margin:0 0 20px; border-radius:8px; font-size:13px; }
.sm-form-errors ul { padding-left:18px; margin:6px 0 0; }
.sm-author { display:flex; align-items:center; justify-content:center; gap:13px; margin:28px 0 16px; }
.sm-author img { width:44px; height:44px; border-radius:50%; }
.sm-author b,.sm-author span { display:block; }
.sm-author b { font-size:12px; font-weight:600; }
.sm-author span { font-size:10px; color:#7b727e; }
.sm-personal-note { max-width:600px; margin:0 auto 55px!important; text-align:center; font-size:10px; color:var(--text-secondary); }
.sm-thanks__intro { padding-block:50px 65px; text-align:center; }
.sm-unlocked { display:inline-flex; align-items:center; gap:8px; color:#24765a; font-size:11px; font-weight:600; border:1px solid #cee8dd; background:#f3faf6; border-radius:50px; padding:7px 13px; margin-bottom:22px; }
.sm-unlocked svg { width:17px; height:17px; }
.sm-thanks__intro h1 { font-size:clamp(34px,4.2vw,52px); }
.sm-thanks__intro h1 strong { display:block; }
.sm-intro { color:var(--sm-muted); margin:22px auto 30px!important; max-width:630px; font-size:16px; }
.sm-video { position:relative; overflow:hidden; border-radius:17px; aspect-ratio:16/9; background:#19181d; color:#fff; text-align:left; }
.sm-video > img,.sm-video video { width:100%; height:100%; object-fit:cover; }
.sm-video__placeholder { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:30px 36px; background:linear-gradient(transparent,#0d0d1055 25%,#0d0d10f7); }
.sm-video__placeholder > span { align-self:flex-start; font-size:10px; color:#ffcfde; background:#2a1822; border:1px solid #a556773d; border-radius:5px; padding:5px 10px; margin-bottom:10px; }
.sm-video__placeholder h2 { font-size:clamp(25px,3.5vw,38px); }
.sm-video__placeholder p { font-size:12px; color:var(--text-on-dark); margin-top:12px; }
.sm-thanks__actions { margin:24px 0 30px; }
.sm-scroll-link { display:inline-flex; gap:20px; align-items:center; color:#1b171d; border:1px solid #d9d2dc; border-radius:99px; padding:11px 26px; font-size:14px; font-weight:600; }
.sm-scroll-link:hover { background:#faf7f9; }
.sm-thanks__actions p { font-size:11px; color:#7b727e; margin-top:10px; }
.sm-thanks-offer { display:grid; grid-template-columns:1.2fr .9fr; gap:30px; align-items:center; margin-top:40px; padding:36px; border:1px solid #eedbe3; border-radius:var(--radius-lg); background:linear-gradient(120deg,#fff8fa,#fffaf5); text-align:left; }
.sm-thanks-offer__copy { min-width:0; }
.sm-thanks-offer .offer-eyebrow { color:#a93467; font-size:10px; letter-spacing:.12em; }
.sm-thanks-offer h2 { font-size:clamp(32px,3.8vw,42px); margin:16px 0 22px; }
.sm-thanks-offer__intro { font-size:16px; line-height:1.65; color:#695663; }
.sm-thanks-offer__intro b { color:var(--ink); }
.sm-thanks-offer__benefits { margin:26px 0 0; gap:18px; }
.sm-thanks-offer__benefits li { align-items:center; gap:13px; color:var(--ink); font-size:16px; line-height:1.45; }
.sm-thanks-offer__benefits strong { font-weight:650; }
.sm-thanks-offer .sm-course-cta { margin-top:28px; }
.sm-thanks-offer__note { margin-top:12px!important; color:#695663; font-size:12px; text-align:center; }
.sm-thanks-offer__visual { width:100%; max-width:340px; justify-self:center; }
.sm-thanks-offer__visual .sm-package { border-color:#efd6df; box-shadow:0 18px 45px #7c294516; }
.sm-thanks-offer__visual .sm-package__contents { gap:6px; padding:0 10px 12px; margin-top:-30px; }
.sm-thanks-offer__visual .sm-package__item { padding:7px 7px 10px; }
.sm-thanks-offer__visual .sm-package__sample { height:58px; margin-bottom:8px; }
.sm-thanks-offer__visual .sm-package__item b { font-size:11px; }
.sm-thanks-offer__visual .sm-package__item > span { font-size:10px; }
.sm-mail-section { padding:65px 0; scroll-margin-top:20px; }
.sm-thanks .sm-mail-section { background:#fff; border-top:1px solid #eee9ed; }
.sm-thanks .sm-mail-section:focus { outline:none; }
.sm-mail-section h2 { margin:14px 0 22px; font-size:clamp(30px,3.8vw,43px); }
.sm-mail-section .sm-narrow > p:not(.offer-eyebrow) { color:#6b5d69; max-width:670px; }
.sm-mail-full { max-width:632px; margin:34px auto 0!important; }
.sm-mail-full img { display:block; width:100%; height:auto; border:1px solid #e4dce1; box-shadow:0 20px 70px #39202a10; border-radius:9px; }
.sm-mail-full figcaption { font-size:11px; text-align:center; color:#8b7885; margin-top:14px; }
.sm-mail-template { max-width:632px; margin:38px auto 0; padding:28px; border:1px solid #e7e1e6; border-radius:18px; background:#fcfafb; text-align:left; }
.sm-mail-template__header { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.sm-mail-template__header .offer-eyebrow { font-size:9px; margin-bottom:8px; }
.sm-mail-template__header h3 { font-size:26px; letter-spacing:-.04em; }
.sm-mail-template > #mail-template-help { margin:18px 0 22px; font-size:14px; line-height:1.6; }
.sm-mail-template .sm-copy-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:none; min-height:46px; padding:11px 16px; border:1px solid #c7dfcf; border-radius:12px; background:#e8f7ee; color:#146a3e; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.sm-copy-button[hidden] { display:none; }
.sm-copy-button:disabled { cursor:wait; }
.sm-copy-button:hover { background:#d9f0e2; border-color:#9fcdaf; }
.sm-copy-button:focus-visible,.sm-mail-template__text:focus-visible { outline:3px solid #15804b; outline-offset:4px; }
.sm-copy-button > svg { width:18px; height:18px; }
.sm-mail-template__label { display:block; margin-bottom:9px; font-size:11px; font-weight:600; color:var(--sm-muted); }
.sm-mail-template__text { display:block; width:100%; min-height:490px; padding:20px; border:1px solid #e0dbe0; border-radius:12px; background:#fff; color:#302932; font:inherit; font-size:16px; line-height:1.65; resize:vertical; }
.sm-mail-template .sm-copy-status { min-height:3em; margin-top:13px; font-size:11px; line-height:1.5; color:var(--sm-muted); }
.sm-course-hero { padding:43px 0 0; }
.sm-course-hero__grid { display:grid; grid-template-columns:1fr 1.03fr; gap:55px; align-items:center; padding:28px 0 46px; }
.sm-course-hero h1 { font-size:clamp(38px,4.3vw,56px); }
.sm-course-hero .offer-lead { margin-top:20px!important; font-size:15px; }
.sm-course-hero .offer-lead b { color:#fff; }
.sm-course-intro { font-size:14px; color:var(--text-secondary); margin-top:14px!important; }
.sm-course-proof { font-size:14px; color:var(--text-secondary); margin-top:18px!important; }
.sm-course-proof b { color:#fff; }
.sm-course-format { font-size:12px; color:var(--text-secondary); margin-top:18px!important; }
.sm-course-hero .offer-hero__purchase { margin-top:23px; }
.sm-course-preview .sm-visual { aspect-ratio:1.15; border-radius:60px 17px 17px 17px; }
.sm-course-preview .sm-visual__photo { object-position:70% center; }
.sm-course-preview .sm-mail-preview { right:4%; top:6%; width:34%; height:55%; padding:9px; }
.sm-course-preview .sm-mail-preview__sender img { width:20px; height:20px; }
.sm-course-preview .sm-mail-preview__sender b { font-size:7px; }
.sm-course-preview .sm-mail-preview__sender span { font-size:6px; }
.sm-course-preview .sm-visual__text strong { font-size:clamp(40px,4.5vw,60px); }
.sm-course-preview .sm-visual__label { font-size:10px; }
.sm-preview-caption { display:flex; align-items:center; gap:12px; margin-top:17px; }
.sm-preview-caption svg { color:#e69ab7; width:30px; height:30px; }
.sm-preview-caption b,.sm-preview-caption span { display:block; }
.sm-preview-caption b { font-size:12px; }
.sm-preview-caption span { color:var(--text-secondary); font-size:10px; }
.sm-package { margin:0; min-width:0; position:relative; border:1px solid #ffffff1c; border-radius:28px; background:#fff8f3; box-shadow:0 20px 80px #d33e6d12; overflow:hidden; }
.sm-package__portrait { aspect-ratio:1.45; position:relative; overflow:hidden; }
.sm-package__portrait > img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 16%; }
.sm-package__badge { position:absolute; top:20px; left:20px; padding:8px 13px; border-radius:99px; background:#fff8f0ed; color:#291b25; font-size:10px; font-weight:700; }
.sm-package__contents { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:-48px; padding:0 18px 20px; }
.sm-package__item { min-width:0; padding:10px 10px 12px; border:1px solid #f1dce2; border-radius:12px; background:#fff; color:#201820; box-shadow:0 4px 20px #441b2610; }
.sm-package__sample { position:relative; height:75px; overflow:hidden; border-radius:5px; background:#fff8fa; margin-bottom:12px; }
.sm-package__sample--mail img { display:block; width:100%; height:auto; filter:blur(1px); }
.sm-package__sample--script { padding:9px 14px; background:#fff4f8; }
.sm-package__sample--script svg { width:22px; height:22px; color:#c63f78; margin-bottom:6px; }
.sm-package__sample--script i { display:block; height:3px; width:100%; margin-top:4px; border-radius:10px; background:#d2b6c1; }
.sm-package__sample--script i:last-child { width:65%; }
.sm-package__sample--video { background:#252427; }
.sm-package__sample--video img { width:100%; height:100%; object-fit:cover; opacity:.75; }
.sm-package__sample--video svg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:25px; height:25px; color:#fff; }
.sm-package__item b { display:block; font-size:12px; line-height:1.3; letter-spacing:-.02em; }
.sm-package__item > span { display:block; margin-top:5px; font-size:9px; line-height:1.4; color:#7c6372; }
.sm-course-benefits { display:flex; flex-wrap:wrap; gap:16px 28px; justify-content:space-between; border-top:1px solid #ffffff15; padding:22px 0; }
.sm-course-benefits > span { display:flex; align-items:center; gap:8px; font-size:11px; color:var(--text-secondary); }
.sm-course-benefits svg { color:#a1e4cc; width:16px; height:16px; }
.sm-section { padding:70px 0; }
.sm-section h2 { font-size:clamp(32px,4.2vw,46px); margin:15px 0 22px; }
.sm-section-intro { color:var(--sm-muted); max-width:740px; font-size:16px; }
.sm-section-intro + .sm-section-intro { margin-top:16px; }
.offer-paper .sm-section-intro { color:#6b5d69; }
.sm-results { display:grid; grid-template-columns:1.4fr 1fr 1fr; margin:33px 0 20px; padding:25px 0; border-block:1px solid #33232a1c; }
.sm-results > div { padding-left:26px; border-left:1px solid #33232a1c; }
.sm-results > div:first-child { padding:0; border:0; }
.sm-results b { display:block; font-size:clamp(27px,4.5vw,46px); font-weight:800; line-height:1.1; letter-spacing:-.055em; }
.sm-results span { display:block; color:#7c6a78; font-size:12px; margin-top:10px; }
.sm-case-note { color:#8b7885; font-size:11px; max-width:740px; }
.sm-method { list-style:none; padding:0; margin:30px 0 0; }
.sm-method li { display:flex; gap:25px; padding:23px 0; border-bottom:1px solid #ffffff18; }
.sm-method li > span:not(.ds-check) { font-size:12px; font-weight:700; color:var(--text-secondary); margin-top:3px; }
.sm-method h3 { font-size:22px; }
.sm-method p { font-size:14px; color:var(--sm-muted); margin-top:10px; max-width:750px; }
.sm-outcomes > li > svg { flex:none; width:24px; height:24px; margin-top:3px; color:#df89a9; }
.sm-reuse { padding-top:36px; }
.sm-reuse h3 { font-size:clamp(25px,3vw,32px); line-height:1.2; margin-bottom:18px; }
.sm-included { background:#17141a; border-block:1px solid #ffffff0b; }
.sm-included-list { display:grid; grid-template-columns:1fr 1fr; gap:0 38px; }
.sm-included-list article { display:flex; gap:16px; padding:27px 0; border-bottom:1px solid #ffffff14; }
.sm-included-list svg { color:#e792b0; width:25px; height:25px; margin-top:3px; }
.sm-included-list article span { color:var(--text-secondary); font-size:9px; letter-spacing:.12em; text-transform:uppercase; font-weight:600; }
.sm-included-list h3 { font-size:22px; margin:10px 0; }
.sm-included-list p { font-size:13px; color:var(--sm-muted); }
.sm-included-note { font-size:12px; color:var(--text-secondary); margin-top:24px!important; }
.sm-for-you > div > p:not(.offer-eyebrow) { color:#6b5d69; margin-top:15px; font-size:15px; }
.sm-founder { display:flex; gap:26px; align-items:center; padding-top:35px; margin-top:35px; border-top:1px solid #d9cfd6; }
.sm-founder img { width:120px; height:120px; border-radius:50%; flex:none; }
.sm-founder h3 { font-size:23px; }
.sm-founder p { font-size:13px; color:#6b5d69; margin-top:12px; }
.sm-final { text-align:center; background:radial-gradient(ellipse at 50% 75%,#6b283438,transparent 70%),#0d0d10; }
.sm-final .offer-eyebrow { justify-content:center; }
.sm-final p:not(.offer-eyebrow) { color:var(--sm-muted); }
.sm-final-offer { max-width:640px; margin:20px auto 0!important; }
.sm-final-price { margin:24px 0; }
.sm-final-price .offer-price { justify-content:center; }
.sm-final-price .offer-saving { margin-top:14px; }
.sm-final .offer-button { min-width:340px; }
.sm-final .offer-payment-note { margin-top:12px; font-size:11px; }
.sm-faq { border-top:1px solid #ffffff14; padding-top:45px; }
.sm-faq .offer-faq { margin-top:25px; background:transparent; color:#fff; }
.sm-faq .offer-faq details { border-color:#ffffff18; }
.sm-faq .offer-faq details > p { color:var(--sm-muted); }
.sm-course .offer-mobile-cta s { font-size:12px; font-weight:400; color:var(--text-secondary); }
.salesmail-app .sm-course-cta { flex-direction:column; gap:4px; width:min(100%,430px); min-height:82px; padding:17px 26px; border-radius:var(--radius-md); }
.salesmail-app .sm-course-cta b { font-size:19px; font-weight:750; letter-spacing:-.025em; }
.salesmail-app .sm-course-cta small { margin:0; color:inherit; font-size:14px; font-weight:400; }
.sm-course .offer-mobile-cta .sm-course-cta { width:100%; max-width:none; min-height:68px; padding:12px 18px; gap:3px; }
.sm-course-closing { overflow:hidden; }
.sm-course-closing .ds-cta__inner { padding-block:88px 64px; }
.sm-course-closing h2 { font-size:clamp(38px,5vw,64px); line-height:1.08; text-wrap:balance; }
.sm-course-closing .ds-cta__inner > p { max-width:650px; text-wrap:pretty; }
.sm-course-closing .ds-cta__inner > p + p { margin-top:16px; }
.sm-course-closing .sm-course-cta--closing { margin-top:30px; width:min(100%,490px); background:var(--ink); box-shadow:0 12px 32px #4c182b25; }
.sm-course-closing .sm-course-cta--closing:hover { box-shadow:0 16px 40px #4c182b40; }
.sm-course-closing__visual { width:min(100%,600px); margin-top:48px; text-align:left; }
.sm-course-closing__visual .sm-package { border:1px solid #fff8; box-shadow:0 24px 70px #6e173c30; }
.sm-course-closing__visual .sm-package__portrait { aspect-ratio:1.7; }
.sm-course-closing__visual .sm-package__item b { font-size:14px; }
.sm-course-closing__visual .sm-package__item > span { font-size:12px; }
.sm-thanks-closing .sm-thanks-closing__price { margin-top:16px; font-size:14px; color:#fff; }
.sm-workshop-sticky { position:fixed; z-index:25; inset-inline:0; bottom:calc(16px + env(safe-area-inset-bottom)); width:min(900px,calc(100% - 32px)); margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px 18px; border:1px solid #eedbe3; border-radius:20px; background:#fff; color:var(--ink); box-shadow:0 8px 45px #4c182b24; }
.sm-workshop-sticky__copy { min-width:0; }
.sm-workshop-sticky__copy b { display:block; font-size:16px; line-height:1.35; }
.sm-workshop-sticky__copy span { display:block; margin-top:4px; font-size:13px; color:#695663; }
.sm-workshop-sticky .offer-button { min-height:50px; border-radius:12px; font-size:16px; padding:12px 24px; box-shadow:none; }
@media (prefers-reduced-motion: no-preference) { html:has(.salesmail-app) { scroll-behavior:smooth; } }
@media (max-width:900px) {
  .sm-course-hero__grid { gap:28px; }
  .sm-course-hero h1 { font-size:43px; }
  .sm-course-preview .sm-visual__text strong { font-size:41px; }
  .sm-course-preview .sm-visual__label { font-size:8px; }
  .sm-package__contents { gap:6px; padding-inline:10px; }
  .sm-package__item { padding:7px 7px 10px; }
  .sm-package__item b { font-size:10px; }
  .sm-package__item > span { font-size:8px; }
  .sm-thanks-offer { gap:24px; padding:28px; }
}
@media (max-width:650px) {
  .sm-narrow { width:calc(100% - 36px); }
  .salesmail-app .offer-header .offer-shell { min-height:71px; }
  .salesmail-app .offer-header img { width:180px; }
  .sm-optin .sm-narrow { padding-top:22px; }
  .sm-visual { aspect-ratio:1.42; border-radius:13px; }
  .sm-visual__photo { object-position:43% center; }
  .sm-mail-preview { width:35%; padding:6px; height:66%; top:7%; }
  .sm-mail-preview__sender { gap:3px; padding-bottom:5px; }
  .sm-mail-preview__sender img { width:18px; height:18px; }
  .sm-mail-preview__sender b { font-size:5.7px; }
  .sm-mail-preview__sender span { font-size:5px; }
  .sm-mail-preview__body { padding-top:5px; }
  .sm-visual__label { font-size:9px; margin-bottom:10px; letter-spacing:.12em; }
  .sm-visual__text strong { font-size:clamp(36px,10vw,55px); }
  .sm-caption { font-size:9px; margin:12px 0 25px!important; }
  .sm-optin__copy h1 { font-size:33px; }
  .sm-optin__copy > p:not(.sm-caption) { font-size:14px; }
  .sm-fields { grid-template-columns:1fr; gap:14px; }
  .sm-optin-submit { padding:16px 12px; gap:6px; }
  .sm-optin-submit b { font-size:17px; }
  .sm-optin-submit small { font-size:11px; }
  .sm-form-note { font-size:10px; }
  .sm-author { padding-inline:10px; }
  .sm-author b { font-size:11px; }
  .sm-author span { font-size:9px; }
  .sm-personal-note { font-size:9px; margin-bottom:40px!important; padding-inline:10px; }
  .sm-thanks__intro { padding-block:30px 40px; }
  .sm-thanks__intro h1 { font-size:34px; }
  .sm-thanks__intro h1 strong { display:inline; }
  .sm-intro { font-size:14px; margin:18px auto 25px!important; }
  .sm-video { aspect-ratio:1.35; border-radius:12px; }
  .sm-video__placeholder { padding:20px; }
  .sm-video__placeholder h2 { font-size:27px; }
  .sm-video__placeholder p { font-size:11px; margin-top:9px; }
  .sm-video__placeholder > span { font-size:8px; }
  .sm-thanks-offer { grid-template-columns:1fr; padding:24px; gap:30px; margin-top:28px; }
  .sm-thanks-offer h2 { font-size:34px; }
  .sm-thanks-offer__benefits li { font-size:15px; }
  .sm-thanks-offer .sm-course-cta { padding-inline:14px; }
  .sm-thanks-offer .sm-course-cta b { font-size:18px; }
  .sm-thanks-offer__visual { max-width:300px; }
  .sm-thanks-offer__visual .sm-package__portrait { aspect-ratio:1.5; }
  .sm-mail-section { padding-block:42px; }
  .sm-mail-section h2 { font-size:32px; }
  .sm-mail-section .sm-narrow > p:not(.offer-eyebrow) { font-size:14px; }
  .sm-mail-full { margin-top:25px!important; }
  .sm-mail-full figcaption { font-size:10px; }
  .sm-mail-template { padding:22px 18px; }
  .sm-mail-template__header { align-items:flex-start; flex-direction:column; gap:16px; }
  .sm-mail-template__text { padding:16px; min-height:580px; }
  .sm-course-hero { padding-top:27px; }
  .sm-course-hero .offer-eyebrow { font-size:9px; }
  .sm-course-hero__grid { grid-template-columns:1fr; gap:30px; padding-block:22px 30px; }
  .sm-course-hero h1 { font-size:clamp(32px,10vw,43px); }
  .sm-course-hero .offer-lead { font-size:14px; }
  .sm-course-intro { font-size:13px; }
  .sm-course-proof { font-size:13px; margin-top:14px!important; }
  .sm-package { border-radius:20px; }
  .sm-package__portrait { aspect-ratio:1.2; }
  .sm-package__badge { top:14px; left:14px; font-size:9px; }
  .sm-package__contents { margin-top:-35px; padding-bottom:12px; }
  .sm-package__sample { height:65px; margin-bottom:10px; }
  .sm-course-preview .sm-visual { aspect-ratio:1.42; border-radius:35px 13px 13px 13px; }
  .sm-course-preview .sm-visual__text strong { font-size:40px; }
  .sm-course-preview .sm-mail-preview { width:35%; padding:6px; height:68%; }
  .sm-course-preview .sm-mail-preview__sender b { font-size:5.7px; }
  .sm-course-preview .sm-mail-preview__sender span { font-size:5px; }
  .sm-course-preview .sm-mail-preview__sender img { width:18px; height:18px; }
  .sm-course-benefits { gap:12px; padding-block:20px; }
  .sm-course-benefits > span { font-size:10px; }
  .sm-section { padding-block:45px; }
  .sm-section h2 { font-size:34px; }
  .sm-section-intro { font-size:14px; }
  .sm-results { grid-template-columns:1fr; gap:20px; padding-block:24px; }
  .sm-results > div,.sm-results > div:first-child { padding:0; border:0; display:flex; align-items:center; gap:16px; }
  .sm-results b { min-width:150px; font-size:33px; }
  .sm-results > div:first-child { flex-wrap:wrap; gap:10px 16px; }
  .sm-results span { font-size:10px; margin:0; }
  .sm-case-note { font-size:10px; }
  .sm-method li { gap:18px; padding-block:21px; }
  .sm-method h3 { font-size:21px; }
  .sm-method p { font-size:13px; }
  .sm-included-list { grid-template-columns:1fr; }
  .sm-included-list article { padding-block:23px; }
  .sm-included-note { font-size:11px; }
  .sm-for-you > div > p:not(.offer-eyebrow) { font-size:14px; }
  .sm-founder { gap:15px; align-items:flex-start; padding-top:25px; margin-top:25px; }
  .sm-founder img { width:65px; height:65px; }
  .sm-founder h3 { font-size:21px; }
  .sm-founder p { font-size:12px; }
  .sm-final p:not(.offer-eyebrow) { font-size:14px; }
  .sm-final .offer-button { min-width:0; width:100%; }
  .sm-final .offer-small-note { font-size:10px!important; }
  .sm-course .offer-footer { padding-bottom:110px; }
  .sm-course-closing .ds-cta__inner { padding-block:52px 42px; }
  .sm-course-closing .ds-cta__inner > p { font-size:16px; }
  .sm-course-closing .sm-course-cta--closing b { font-size:18px; }
  .sm-course-closing__visual { margin-top:32px; }
  .sm-course-closing__visual .sm-package__item b { font-size:11px; }
  .sm-course-closing__visual .sm-package__item > span { font-size:10px; }
  .sm-thanks-closing .sm-thanks-closing__price { font-size:13px; }
  .sm-workshop-sticky { width:calc(100% - 20px); bottom:calc(10px + env(safe-area-inset-bottom)); padding:12px; gap:12px; border-radius:16px; }
  .sm-workshop-sticky__copy { flex:1; }
  .sm-workshop-sticky__copy b { font-size:13px; }
  .sm-workshop-sticky__copy span { font-size:12px; }
  .sm-workshop-sticky .offer-button { flex:1; max-width:180px; font-size:15px; padding:12px; }
}