.sm-hero {
  --T: 110svh;                                    
  --vh: calc(100svh - var(--pv-h));
  --vs: max(128svh, 82vw);                        
  --vk: 1; --cx: 73vw; --cy: 52svh;               
  --tx: 0px; --ty: 0px; --s1: 1;                  
  --k: calc(1 - var(--a, 0));                     
  --tilt: perspective(calc(var(--vs) * 1.636)) rotateY(calc(-24.06deg * var(--k))) rotateX(calc(28.65deg * var(--k))) rotateZ(calc(-9.17deg * var(--k)));
  position: relative; z-index: 1; background: var(--bg);
}
.sm-stage {
  position: relative; min-height: max(var(--vh), 600px); overflow: clip; isolation: isolate;
  display: flex; flex-direction: column; padding: 0 var(--gutter) clamp(16px, 2.6svh, 28px);
}
.sm-stage > * { flex-shrink: 0; }
.scripted .sm-hero:not(.is-flow) { height: calc(var(--vh) + var(--T)); }
.scripted .sm-hero:not(.is-flow) .sm-stage { position: sticky; top: var(--pv-h); height: var(--vh); min-height: 0; }
.sm-scene { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.sm-back, .sm-glow, .sm-aurora, .sm-floor, .sm-dust, .sm-haze { position: absolute; inset: 0; }
.sm-back { opacity: calc(1 - var(--a, 0) * .55); overflow: hidden;
  background: radial-gradient(calc(var(--vs) * .8) calc(var(--vs) * .72) at var(--cx) var(--cy), rgba(34, 36, 62, .6), rgba(34, 36, 62, 0) 72%),
    linear-gradient(180deg, #0c0c11 0%, #09090b 52%, #070708 100%); }
.sm-glow { inset: -8%; transform: translate3d(calc(var(--px, 0) * 10px), calc(var(--py, 0) * -8px), 0);
  background: radial-gradient(calc(var(--vs) * .58) calc(var(--vs) * .52) at calc(var(--cx) + 6.9%) calc(var(--cy) + 6.9%), rgba(236, 240, 255, .075), rgba(236, 240, 255, .022) 52%, rgba(236, 240, 255, 0) 74%); }
.sm-glow::before, .sm-glow::after { content: ''; position: absolute; border-radius: 50%; opacity: calc(1 - var(--a, 0) * 1.6);
  transform: translate3d(calc(var(--tx) * var(--a, 0)), calc(var(--ty) * var(--a, 0)), 0) scale(calc(var(--vk) * (1 + (var(--s1) - 1) * var(--a, 0)))) var(--tilt); }
.sm-glow::before { left: calc(var(--cx) + 6.9% - var(--vs)); top: calc(var(--cy) + 6.9% - var(--vs)); width: calc(var(--vs) * 2); height: calc(var(--vs) * 2);
  background: repeating-radial-gradient(circle closest-side, transparent 0 calc(3.4% - 1.3px), rgba(244, 243, 238, .11) 0 3.4%);
  -webkit-mask: radial-gradient(closest-side, transparent 44%, #000 48%, rgba(0, 0, 0, .35) 70%, transparent 96%); mask: radial-gradient(closest-side, transparent 44%, #000 48%, rgba(0, 0, 0, .35) 70%, transparent 96%); }
.sm-glow::after { left: calc(var(--cx) + 6.9% - var(--vs) * .65); top: calc(var(--cy) + 6.9% - var(--vs) * .65); width: calc(var(--vs) * 1.3); height: calc(var(--vs) * 1.3);
  background: conic-gradient(rgba(139, 92, 255, .5), rgba(199, 255, 61, .5) 17%, rgba(77, 99, 255, .48) 36%, rgba(77, 99, 255, .39) 50%, rgba(199, 255, 61, .53) 66%, rgba(61, 224, 200, .39) 78%, rgba(77, 99, 255, .48) 88%, rgba(139, 92, 255, .5));
  -webkit-mask: radial-gradient(closest-side, transparent 67%, #000 72%, rgba(0, 0, 0, .35) 85%, transparent 100%); mask: radial-gradient(closest-side, transparent 67%, #000 72%, rgba(0, 0, 0, .35) 85%, transparent 100%); }
.sm-aurora { transform: translate3d(calc(var(--px, 0) * 18px), calc(var(--py, 0) * -12px), 0); }
.sm-aurora b { --c: 139 92 255 / .2; position: absolute; width: calc(var(--vs) * .9); height: calc(var(--vs) * .7); left: calc(var(--cx) - var(--vs) * .38); top: calc(var(--cy) - var(--vs) * .92); border-radius: 50%;
  background: radial-gradient(closest-side, rgb(var(--c)), transparent); animation: sm-drift 30s ease-in-out infinite alternate paused; }
.sm-aurora b + b { --c: 52 72 220 / .26; left: calc(var(--cx) - var(--vs) * .15); top: calc(var(--cy) + var(--vs) * .12); animation-duration: 36s; animation-delay: -9s; }
.sm-aurora b + b + b { --c: 199 255 61 / .1; width: calc(var(--vs) * .7); height: calc(var(--vs) * .55); left: calc(var(--cx) - var(--vs) * .92); top: calc(var(--cy) + var(--vs) * .06); animation-duration: 42s; animation-delay: -17s; }
@keyframes sm-drift { 50% { transform: translate3d(3%, 4%, 0) scale(1.06); } 100% { transform: translate3d(-4%, 2%, 0) scale(.97); } }
.sm-hero.is-in .sm-aurora b { animation-play-state: running; }
.sm-floor { top: auto; height: 42%; background: linear-gradient(transparent, rgba(8, 8, 9, .78)); }
.sm-dust { width: 100%; height: 100%; }
.sm-haze { background: radial-gradient(calc(var(--vs) * 1.05) calc(var(--vs) * .9) at var(--cx) var(--cy), transparent 52%, rgba(8, 8, 9, .72)), linear-gradient(rgba(9, 9, 11, .74), transparent 18%); }
.sm-aura { position: absolute; inset: -16%; border-radius: 50%; transform: var(--tilt); opacity: calc(.32 * (1 - var(--a, 0) * .6));
  background: radial-gradient(closest-side, rgba(199, 255, 61, 0) 56%, rgba(199, 255, 61, .12) 64%, rgba(98, 86, 255, .1) 76%, rgba(98, 86, 255, 0) 97%); }
.sm-waves { position: absolute; inset: 0; opacity: calc(1 - var(--a, 0) * 3); transform: var(--tilt); }
.sm-waves i { position: absolute; inset: 3.9%; border-radius: 50%; border: 1px solid rgba(199, 255, 61, .55); opacity: 0; }
.sm-vinyl {
  position: absolute; left: 0; top: 0; width: var(--vs); height: var(--vs);
  transform: translate3d(calc(var(--cx) - var(--vs) / 2 + var(--tx) * var(--a, 0)), calc(var(--cy) - var(--vs) / 2 + var(--ty) * var(--a, 0)), 0) scale(calc(var(--vk) * (1 + (var(--s1) - 1) * var(--a, 0))));
}
.sm-vinyl-body { position: absolute; inset: 0; transform: translate3d(calc(var(--px, 0) * -14px * (1 - var(--a, 0))), calc(var(--py, 0) * 10px * (1 - var(--a, 0))), 0); }
.sm-vinyl-poster, .sm-vinyl-flat, .sm-vinyl-canvas, .sm-rings, .sm-rings i { position: absolute; inset: 0; width: 100%; height: 100%; }
.sm-vinyl-poster { opacity: calc(2.6 - var(--a, 0) * 5); }
.sm-vinyl-flat { opacity: calc(var(--a, 0) * 5 - 1.9); }
.sm-vinyl-body::after { content: ''; position: absolute; inset: -2%; background: var(--bg); opacity: 0; pointer-events: none; animation: sm-dark 1.3s cubic-bezier(.4, 0, .2, 1) .05s backwards; }
.sm-vinyl-canvas { opacity: 0; transition: opacity var(--dur-3) var(--ease); }
.sm-vinyl.is-live .sm-vinyl-canvas { opacity: 1; }
.sm-vinyl.is-live .sm-vinyl-poster, .sm-vinyl.is-live .sm-vinyl-flat { opacity: 0; transition: opacity var(--dur-3) var(--dur-1); }
.sm-vinyl.is-live .sm-vinyl-body::after { animation: none; }
.sm-vinyl.is-instant .sm-vinyl-canvas, .sm-vinyl.is-instant .sm-vinyl-poster { transition: none; }
.sm-rings { mix-blend-mode: screen; }
.sm-rings i { border-radius: 50%; }
.sm-rings i:nth-child(1) { opacity: var(--h1, 0); background: radial-gradient(circle closest-side, transparent 78.7%, rgba(199, 255, 61, .7) 79.3%, rgba(199, 255, 61, .2) 81.5%, rgba(199, 255, 61, .24) 85.2%, rgba(199, 255, 61, .7) 87%, transparent 87.6%); }
.sm-rings i:nth-child(2) { opacity: var(--h2, 0); background: radial-gradient(circle closest-side, transparent 70%, rgba(199, 255, 61, .7) 70.6%, rgba(199, 255, 61, .2) 72.8%, rgba(199, 255, 61, .24) 76.4%, rgba(199, 255, 61, .7) 78.2%, transparent 78.8%); }
.sm-rings i:nth-child(3) { opacity: var(--h3, 0); background: radial-gradient(circle closest-side, transparent 61.2%, rgba(199, 255, 61, .7) 61.8%, rgba(199, 255, 61, .2) 64%, rgba(199, 255, 61, .24) 67.6%, rgba(199, 255, 61, .7) 69.4%, transparent 70%); }
@media (min-width: 861px) { .sm-vinyl { z-index: 1; } }
.sm-shade { position: absolute; inset: 0; opacity: calc(1 - var(--fade, 0));
  background: radial-gradient(74% 82% at 8% 44%, rgba(10, 10, 10, .9), rgba(10, 10, 10, .5) 50%, rgba(10, 10, 10, 0) 78%), linear-gradient(to top, rgba(10, 10, 10, .74), rgba(10, 10, 10, 0) 36%); }
.sm-content {
  position: relative; z-index: 2; width: min(100%, var(--w-page)); margin: auto; padding-top: clamp(84px, 11svh, 108px); display: grid; justify-items: start;
  opacity: calc(1 - var(--fade, 0)); transform: translate3d(0, calc(var(--fade, 0) * -56px), 0);
}
.sm-title { margin: 0; font: 500 clamp(56px, min(9.4vw, 16svh), 168px)/.94 var(--font); letter-spacing: -.055em; color: var(--text); text-wrap: initial; }
.sm-l { display: block; white-space: nowrap; width: fit-content; }
.sm-l2 { color: var(--acid); }
.sm-lead { margin: clamp(18px, 2.8svh, 30px) 0 0; max-width: 30em; color: var(--text-2); font-size: clamp(17px, 1.45vw, 21px); line-height: 1.5; letter-spacing: -.005em; }
.sm-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: clamp(20px, 3.2svh, 34px); }
.sm-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 58px; padding: 0 28px; border-radius: var(--r-pill); font: 600 var(--f-md)/1 var(--font); text-decoration: none; white-space: nowrap; transition: background var(--dur-2), border-color var(--dur-2), color var(--dur-2), transform var(--dur-1) var(--ease); }
.sm-btn svg { width: 16px; height: 21px; flex: none; }
.sm-btn:active { transform: scale(.98); }
.sm-btn-primary { background: var(--acid); color: var(--acid-ink); }
.sm-btn-primary:hover { background: var(--acid-hi); }
.sm-btn-primary::after { content: ''; position: absolute; inset: -2px; border-radius: inherit; border: 1.5px solid var(--acid); opacity: 0; pointer-events: none; }
.sm-btn-primary:hover::after, .sm-btn-primary:focus-visible::after { animation: sm-ping .9s var(--ease); }
.sm-btn-ghost { color: var(--text); border: 1px solid var(--line-2); background: rgba(10, 10, 10, .72); }
.sm-btn-ghost:hover { border-color: var(--text); }
.sm-hero.is-away .sm-content, .sm-hero.is-away .sm-dock { visibility: hidden; }
.sm-dock {
  position: relative; z-index: 3; width: min(100%, var(--w-page)); margin: clamp(20px, 4svh, 48px) auto 0;
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px clamp(16px, 2.2vw, 32px);
  padding: 12px 12px 12px 22px; border-radius: var(--r-3); background: rgba(11, 11, 12, .94); border: 1px solid var(--line);
  opacity: calc(1 - var(--fade, 0)); transform: translate3d(0, calc(var(--fade, 0) * 24px), 0);
}
.sm-pick { display: flex; align-items: center; gap: 16px; min-width: 0; }
.sm-pick-label { margin: 0; min-width: 8.6em; font: 600 var(--f-md)/1.2 var(--display); color: var(--text); white-space: nowrap; }
.sm-tabs { display: flex; gap: 6px; }
.sm-tab { display: inline-flex; align-items: center; gap: 9px; min-height: 46px; padding: 0 16px 0 12px; border-radius: var(--r-pill); border: 1px solid var(--line-2); background: transparent; color: var(--text-2); font: 600 var(--f-sm)/1 var(--font); cursor: pointer; white-space: nowrap; transition: border-color var(--dur-2), color var(--dur-2), background var(--dur-2); }
.sm-tab img { width: 22px; height: 22px; border-radius: var(--r-1); }
.sm-tab:hover { color: var(--text); border-color: var(--text-3); }
.sm-tab[aria-pressed='true'] { color: var(--bg); background: var(--text); border-color: var(--text); }
.sm-offer { min-width: 0; min-height: 58px; display: flex; align-items: center; }
.sm-offer-hint { margin: 0; color: var(--text-3); font-size: var(--f-sm); line-height: 1.35; }
.sm-offer-hint:not(.is-note) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.sm-offer-hint a { color: var(--text); }
.sm-offer-body { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 20px; width: 100%; animation: sm-rise .4s var(--ease) both; }
.sm-offer-price { margin: 0; color: var(--text); white-space: nowrap; }
.sm-offer-price span { color: var(--text-3); font-size: var(--f-sm); }
.sm-offer-price b { font: 600 var(--f-2xl)/1 var(--display); letter-spacing: -.03em; }
.sm-offer-desc { margin: 0; color: var(--text-2); font-size: var(--f-sm); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sm-offer-go { min-height: 50px; padding: 0 22px; font-size: var(--f-md); }
.sm-proof { margin: 0; padding: 0 10px 0 clamp(16px, 2vw, 28px); display: flex; gap: clamp(14px, 1.8vw, 26px); border-left: 1px solid var(--line); }
.sm-proof > div { display: grid; gap: 4px; }
.sm-proof dd { margin: 0; font: 600 var(--f-lg)/1 var(--display); letter-spacing: -.02em; color: var(--text); white-space: nowrap; }
.sm-proof dt { order: 2; color: var(--text-3); font-size: var(--f-xs); white-space: nowrap; }
.sm-hint { position: absolute; z-index: 1; right: 0; bottom: calc(100% + clamp(18px, 3vh, 36px)); display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 6px 4px; color: var(--text); text-decoration: none; opacity: calc(1 - var(--fade, 0) * 3); transition: color var(--dur-2) var(--ease); }
.sm-hint span { writing-mode: vertical-rl; font: 600 var(--f-xs)/1 var(--font); letter-spacing: 0; text-shadow: 0 1px 12px rgba(10, 10, 10, .9); }
.sm-hint i { position: relative; width: 2px; height: 72px; border-radius: var(--r-1); overflow: hidden; background: rgba(244, 243, 238, .26); }
.sm-hint i::after { content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 45%; border-radius: var(--r-1); background: var(--acid); box-shadow: 0 0 10px var(--acid); animation: sm-scroll 2.2s var(--ease) infinite; }
.sm-hint b { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(10, 10, 10, .55); box-shadow: inset 0 0 0 1.5px rgba(199, 255, 61, .75); color: var(--acid); transition: background var(--dur-2) var(--ease), color var(--dur-2) var(--ease), transform var(--dur-2) var(--ease); }
.sm-hint b::before { content: ''; width: 9px; height: 9px; margin-top: -5px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.sm-hint:hover b, .sm-hint:focus-visible b { background: var(--acid); color: var(--acid-ink); transform: translateY(2px); }
.sm-hint:hover i, .sm-hint:focus-visible i { background: rgba(199, 255, 61, .35); }
@keyframes sm-scroll { from { transform: translateY(-100%); } to { transform: translateY(225%); } }
.sm-easy { list-style: none; margin: clamp(12px, 2svh, 20px) 0 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; font: 500 var(--f-sm)/1.2 var(--font); color: var(--text); white-space: nowrap; }
.sm-easy li { display: inline-flex; align-items: center; gap: 8px; }
.sm-easy li + li:not(.sm-easy-note)::before { content: ''; width: 14px; height: 1px; background: var(--line-2); }
.sm-easy b { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(199, 255, 61, .14); color: var(--acid); font: 600 var(--f-xs)/1 var(--font); }
.sm-easy-note { padding-left: 10px; margin-left: 2px; border-left: 1px solid var(--line-2); color: var(--text); font-weight: 600; }
.sm-actions .sm-btn-primary::after { animation: sm-ping 3s var(--ease) 1.2s infinite; }
.sm-lanes { display: none; margin: 0; padding: 0; list-style: none; }
.sm-lanes a { display: grid; gap: 4px; color: inherit; text-decoration: none; border-radius: var(--r-1); }
.sm-lanes b { font: 600 clamp(20px, 1.9vw, 28px)/1.05 var(--display); letter-spacing: -.03em; color: var(--text); }
.sm-lanes span { font-size: var(--f-sm); line-height: 1.35; color: var(--text-2); }
.sm-lanes a:hover b { color: var(--acid); }
.scripted .sm-hero:not(.is-flow) .sm-lanes { display: block; position: absolute; inset: 0; z-index: 2; pointer-events: none; visibility: hidden; }
.scripted .sm-hero.is-lanes-on:not(.is-flow) .sm-lanes { pointer-events: auto; visibility: visible; }
.scripted .sm-hero:not(.is-flow) .sm-lanes li { --on: 0; position: absolute; left: var(--x, 0); top: var(--y, 0); width: var(--w, 240px); text-align: right; opacity: var(--on); transform: translate3d(calc((1 - var(--on)) * -16px), -50%, 0); }
.scripted .sm-hero:not(.is-flow) .sm-lanes li:nth-child(1) { --on: var(--l1, 0); }
.scripted .sm-hero:not(.is-flow) .sm-lanes li:nth-child(2) { --on: var(--l2, 0); }
.scripted .sm-hero:not(.is-flow) .sm-lanes li:nth-child(3) { --on: var(--l3, 0); }
.scripted .sm-hero:not(.is-flow) .sm-lanes a { justify-items: end; }
.scripted .sm-hero:not(.is-flow) .sm-lanes li::after { content: ''; position: absolute; top: 50%; left: calc(100% + 14px); width: var(--lead, 0px); height: 1px; background: linear-gradient(90deg, rgba(199, 255, 61, .25), var(--acid)); transform-origin: left; transform: scaleX(var(--on)); }
.scripted .sm-hero:not(.is-flow) .sm-lanes li::before { content: ''; position: absolute; top: calc(50% - 4px); left: calc(100% + 10px + var(--lead, 0px)); width: 9px; height: 9px; border-radius: 50%; background: var(--acid); transform: scale(var(--on)); }
.scripted .sm-portal:not(.is-flow) { position: relative; z-index: 3; margin-top: calc((100svh - var(--pv-h)) * -1);
  clip-path: ellipse(var(--pr, 0px) calc(var(--pr, 0px) * var(--pk, 1)) at var(--pcx, 50vw) var(--pcy, 50svh)); }
.scripted .sm-portal:not(.is-flow)::before { content: ''; position: absolute; left: 0; right: 0; bottom: 100%; height: 100svh; background: var(--bg); }
.scripted .sm-portal:not(.is-flow) > .wrap { transform: scale(calc(.94 + .06 * var(--e, 1))); transform-origin: 50% 0; }
.scripted .sm-portal.is-open:not(.is-flow) { clip-path: none; }
.scripted .sm-portal.is-open:not(.is-flow) > .wrap { transform: none; }
.sm-ring { position: absolute; z-index: 4; inset: 0; pointer-events: none; opacity: 0;
  background: radial-gradient(ellipse var(--rw, 1px) var(--rh, 1px) at var(--rx, 50%) var(--ry, 50%), transparent calc(100% - 3px), var(--acid) calc(100% - 2px), var(--acid) 100%, rgba(199, 255, 61, .3) 100%, transparent 109%); }
@media (max-width: 1679px) { .sm-dock.has-offer .sm-proof { display: none; } .sm-dock.has-offer { grid-template-columns: auto minmax(0, 1fr); } }
@media (max-width: 1240px) and (min-width: 861px) {
  .sm-dock { grid-template-columns: auto minmax(0, 1fr); }
  .sm-proof { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--line); padding: 12px 0 2px; }
  .sm-pick-label { display: none; }
}
@media (max-height: 620px) { .sm-hint { display: none; } }
@media (max-width: 860px) {
  .sm-hero { --T: 64svh; --vs: 150vw; --cx: 58vw; --cy: 50svh; }
  .sm-stage { min-height: var(--vh); padding-bottom: 14px; }
  .sm-shade { --se: 40svh; --ae: 70svh; background: linear-gradient(180deg, rgba(10, 10, 10, .84) 0, rgba(10, 10, 10, .7) calc(var(--se) - 30px), rgba(10, 10, 10, 0) calc(var(--se) + 24px), rgba(10, 10, 10, 0) calc(var(--ae) - 24px), rgba(10, 10, 10, .82) calc(var(--ae) + 30px), rgba(10, 10, 10, .94) 100%); }
  .sm-content { display: contents; }
  .sm-title, .sm-lead, .sm-actions, .sm-easy { position: relative; z-index: 2; opacity: calc(1 - var(--fade, 0)); }
  .sm-easy { font-size: var(--f-sm); gap: 6px 8px; margin-top: 10px; } .sm-easy li + li:not(.sm-easy-note)::before { width: 8px; } .sm-easy-note { flex-basis: 100%; padding-left: 0; margin-left: 0; border-left: 0; }
  .sm-hero.is-away .sm-title, .sm-hero.is-away .sm-lead, .sm-hero.is-away .sm-actions, .sm-hero.is-away .sm-easy { visibility: hidden; }
  .sm-title { margin-top: clamp(76px, 12svh, 104px); font-size: clamp(48px, 14vw, 64px); line-height: .9; }
  .sm-l { white-space: normal; width: auto; }
  .sm-lead { font-size: var(--f-md); max-width: 32em; margin-top: 14px; }
  
  .sm-actions { width: 100%; margin-top: auto; padding-top: clamp(104px, 16svh, 150px); }
  .sm-dock { grid-template-columns: minmax(0, 1fr); margin-top: 12px; padding: 12px; border-radius: var(--r-2); gap: 10px; }
  .sm-pick { flex-direction: column; align-items: stretch; gap: 10px; }
  .sm-pick-label { font-size: var(--f-sm); }
  .sm-tabs { overflow-x: auto; scrollbar-width: none; margin: 0 -12px; padding: 0 12px; scroll-snap-type: x mandatory; scroll-padding-inline: 12px; }
  .sm-tabs::-webkit-scrollbar { display: none; }
  .sm-tab { scroll-snap-align: start; flex: 1 0 auto; justify-content: center; }
  .sm-offer { min-height: 0; }
  .sm-offer-hint { display: none; }
  .sm-offer-body { grid-template-columns: auto minmax(0, 1fr); gap: 10px 14px; }
  .sm-offer-go { grid-column: 1 / -1; width: 100%; }
  .sm-proof { border-left: 0; padding: 0; gap: 12px; }
  .sm-proof > div { flex: 1 1 0; min-width: 0; align-content: start; }
  .sm-proof dt { white-space: normal; line-height: 1.25; }
  .sm-hint, .scripted .sm-hero:not(.is-flow) .sm-lanes { display: none; }
}
@media (min-width: 481px) and (max-width: 860px) { .sm-l { white-space: nowrap; } .sm-title { font-size: clamp(56px, 11vw, 96px); } }
@media (max-width: 480px) {
  
  .sm-easy { display: none; }
  
  .sm-l1 > span { display: block; }
  .sm-tab-x { display: none; }
  
  .sm-actions { flex-direction: column; gap: 10px; padding-top: max(16svh, 38vw); }
  .sm-btn { width: 100%; min-height: 54px; }
  .sm-offer-desc { font-size: var(--f-sm); }
  .sm-offer-price b { font-size: var(--f-xl); }
  .sm-proof dd { font-size: var(--f-md); } .sm-proof dt { font-size: var(--f-xs); }
}
@media (max-width: 360px) { .sm-lead { font-size: var(--f-md); } }
@media (max-height: 740px) and (max-width: 480px) { .sm-proof { display: none; } }
@keyframes sm-dark { from { opacity: 1; } }
@keyframes sm-rise { from { opacity: 0; transform: translateY(12px); } }
@keyframes sm-ping { from { opacity: .9; transform: scale(1); } to { opacity: 0; transform: scale(1.28, 1.6); } }
@media (prefers-reduced-motion: reduce) {
  .sm-vinyl-body::after, .sm-offer-body, .sm-hint i::after, .sm-btn-primary::after, .sm-btn-primary:hover::after { animation: none !important; }
  .sm-ring, .sm-waves, .sm-dust { display: none; }
  .scripted .sm-hero:not(.is-flow) { height: auto; }
  .scripted .sm-hero:not(.is-flow) .sm-stage { position: relative; top: auto; height: auto; min-height: max(var(--vh), 600px); }
  .scripted .sm-portal:not(.is-flow) { margin-top: 0; clip-path: none; }
  .scripted .sm-portal:not(.is-flow)::before { content: none; }
  .scripted .sm-portal:not(.is-flow) > .wrap { transform: none; }
  .sm-lanes, .scripted .sm-hero:not(.is-flow) .sm-lanes { position: relative; inset: auto; z-index: 2; display: flex; flex-wrap: wrap; gap: 14px 36px; width: min(100%, var(--w-page)); margin: 4px auto 0; visibility: visible; pointer-events: auto; }
  .scripted .sm-hero:not(.is-flow) .sm-lanes li { position: static; width: auto; text-align: left; opacity: 1; transform: none; }
  .scripted .sm-hero:not(.is-flow) .sm-lanes li::before, .scripted .sm-hero:not(.is-flow) .sm-lanes li::after { content: none; }
  .scripted .sm-hero:not(.is-flow) .sm-lanes a { justify-items: start; }
}
@media (prefers-reduced-motion: reduce) { .sm-lanes, .scripted .sm-hero:not(.is-flow) .sm-lanes { display: none; } }
@media (prefers-reduced-motion: reduce) and (max-width: 860px) { .sm-lanes, .scripted .sm-hero:not(.is-flow) .sm-lanes { display: none; } .scripted .sm-hero:not(.is-flow) .sm-stage { min-height: var(--vh); } }
@media (min-width: 1600px) { .sm-hint { display: none; } }
@media (max-width: 860px) { .sm-aurora b + b + b { display: none; } }
@media (prefers-reduced-motion: reduce) { .sm-aurora b { animation: none; } }
.sm-h1 { display: inline; margin: 0; font: inherit; letter-spacing: inherit; color: inherit; text-wrap: inherit; overflow-wrap: inherit; }