:root {
  --ink: #121212;
  --muted: #6a6a6a;
  --cyan: #00cdd3;
  --sky: #00bbff;
  --soft: #f5f5f5;
  --font: "PingFang SC", "PingFang TC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: #fff; }
body { margin: 0; color: var(--ink); background: #fff; font-family: var(--font); -webkit-font-smoothing: antialiased; }
p, h1, h2, h3, h4, ul { margin: 0; }
ul { padding: 0; }
img, video { display: block; }

.figma-slide {
  --slide-bg: #fff;
  container-type: inline-size;
  width: min(1920px, 100%);
  margin: 0 auto;
  overflow: hidden;
  background: var(--slide-bg);
  scroll-snap-align: start;
}

.slide-canvas { position: relative; width: 100%; height: 56.25cqw; overflow: hidden; background: #fff; }
.intro-slide, .insight-slide, .reference-scroll-scene { --slide-bg: #000; }

@media (prefers-reduced-motion: no-preference) {
  .figma-slide .slide-canvas { opacity: 0; filter: brightness(.92); transition: opacity 520ms cubic-bezier(.22,.75,.24,1) 120ms, filter 520ms ease 120ms; }
  .figma-slide.is-visible .slide-canvas { opacity: 1; filter: brightness(1); }
  .figma-slide .slide-canvas > :not(.reference-copy):not(.reference-media) { opacity: 0; transition: opacity 420ms ease 280ms; }
  .figma-slide.is-visible .slide-canvas > :not(.reference-copy):not(.reference-media) { opacity: 1; }
}

/* Cover */
.cover-slide .slide-canvas { background: linear-gradient(270deg, #9ffff5 0%, #aee8ff 100%); }
.cover-slide .slide-canvas::before { content: ""; position: absolute; z-index: 0; left: -13cqw; top: 6cqw; width: 126cqw; height: 42cqw; border: 7.3cqw solid #fff; border-radius: 48%; transform: rotate(-11deg); }
.cover-slide .slide-canvas::after { content: ""; position: absolute; z-index: 0; left: 14cqw; top: 2cqw; width: 18cqw; height: 46cqw; border: 5cqw solid #fff; border-radius: 48%; transform: rotate(-28deg); }
.cover-bg-mask { display: none; }
.cover-main-art { position: absolute; z-index: 1; left: 49.45cqw; top: .88cqw; width: 50.57cqw; height: 32.45cqw; object-fit: contain; }
.cover-heart { position: absolute; z-index: 1; left: 7.97cqw; top: 28.44cqw; width: 17.99cqw; height: 15.55cqw; object-fit: contain; }
.cover-logo { position: absolute; z-index: 1; left: 2.79cqw; top: 2.34cqw; width: 16.37cqw; height: auto; }
.cover-heading { position: absolute; z-index: 2; inset: 0; font-family: "Arial Black", "Helvetica Neue", sans-serif; font-size: 6.667cqw; font-style: italic; font-weight: 900; line-height: 1.1; letter-spacing: -.02em; white-space: nowrap; }
.cover-heading span { position: absolute; display: flex; align-items: center; height: 9.01cqw; padding: .92cqw 2.97cqw; background: #000; color: #fff; }
.cover-heading span:first-child { left: 6.9cqw; top: 18.91cqw; }
.cover-heading span:last-child { left: 24.3cqw; top: 27.81cqw; width: 69.47cqw; height: 11.55cqw; padding-left: 5.14cqw; color: #f5ffd1; }
.cover-pixels { position: absolute; z-index: 3; left: 67.09cqw; top: 22.92cqw; width: 11.4cqw; height: 5.32cqw; }
.cover-pixels i { position: absolute; display: block; background: #ff1f7d; }
.cover-pixels i:nth-child(1) { left: 1cqw; top: .26cqw; width: 10.4cqw; height: 5cqw; }
.cover-pixels i:nth-child(2) { left: 0; top: 2.62cqw; width: 2.69cqw; height: 2.69cqw; background: #ff64a5; }
.cover-pixels i:nth-child(3) { left: 2.69cqw; top: 2.62cqw; width: 2.69cqw; height: 2.69cqw; background: #ffa6cb; }
.cover-pixels i:nth-child(4) { left: 5.38cqw; top: 0; width: 2.69cqw; height: 2.69cqw; }
.cover-pixels i:nth-child(5) { left: 5.38cqw; top: 2.62cqw; width: 2.69cqw; height: 2.69cqw; background: #ff6ba9; }

/* Intro */
.intro-kicker { position: absolute; left: 4.32cqw; top: 4.17cqw; color: rgba(18,18,18,.5); font-size: 1.979cqw; font-weight: 500; line-height: 1.3; letter-spacing: -.03em; }
.intro-slide h2 { position: absolute; left: 4.32cqw; top: 8.23cqw; width: 68cqw; font-size: 1.667cqw; font-weight: 500; line-height: 1.25; }
.intro-copy { position: absolute; left: 4.32cqw; top: 13.33cqw; width: 61.04cqw; color: var(--muted); font-size: 1.042cqw; font-weight: 300; line-height: 1.18; }
.intro-table { position: absolute; left: 4.32cqw; top: 20.68cqw; width: 46.82cqw; height: 27.55cqw; object-fit: contain; }
.intro-phone { position: absolute; left: 74.11cqw; top: 11.41cqw; width: 18.8cqw; height: 38.49cqw; border-radius: 1.25cqw; object-fit: cover; }
.intro-slide .slide-canvas { background: #000; color: #fff; }
.intro-slide .intro-kicker { color: #686868; }
.intro-slide .intro-copy { color: #a4a4a4; }

/* Opportunity */
.opportunity-kicker { position: absolute; left: 3.39cqw; top: 2.86cqw; color: var(--muted); font-size: 1.875cqw; font-weight: 500; line-height: 1; letter-spacing: .033em; }
.opportunity-slide h2 { position: absolute; left: 3.54cqw; top: 5.99cqw; font-size: 1.979cqw; font-weight: 500; line-height: 1.3; letter-spacing: -.03em; }
.opportunity-card { position: absolute; top: 11.3cqw; width: 28.33cqw; height: 15.73cqw; padding: 1.67cqw 2.71cqw; border-radius: 1.25cqw; background: var(--soft); }
.card-one { left: 3.07cqw; }.card-two { left: 33.13cqw; }.card-three { left: 63.18cqw; }
.opportunity-card strong { display: block; color: var(--sky); font-size: 1.719cqw; font-weight: 500; line-height: 1.72; }
.opportunity-card h3 { margin-top: 2.42cqw; font-size: 1.25cqw; font-weight: 500; line-height: 1.72; }
.opportunity-card p { max-width: 21.88cqw; color: var(--muted); font-size: 1.016cqw; line-height: 1.72; }
.curve-row { position: absolute; left: 3.54cqw; top: 32.66cqw; display: grid; grid-template-columns: 31.25cqw 30.31cqw 30.83cqw; gap: .68cqw; }
.curve-row img { width: 100%; height: 13.44cqw; object-fit: contain; }
.opportunity-conclusion { position: absolute; left: 3.07cqw; top: 50.47cqw; font-size: 1.667cqw; font-weight: 500; line-height: 1.3; }

/* Insight */
.insight-label { position: absolute; left: 2.5cqw; color: var(--cyan); font-size: 1.667cqw; font-weight: 500; line-height: 1; letter-spacing: .033em; }
.host-label { top: 2.92cqw; }.viewer-label { top: 27.2cqw; }
.insight-quote-mark { position: absolute; z-index: 1; font-size: 2.917cqw; line-height: 1; }
.quote-open { left: 1.04cqw; top: 7.24cqw; }
.quote-close { left: 38.3cqw; top: 18.1cqw; transform: rotate(180deg); }
.interview-quote { position: absolute; left: 5.17cqw; top: 6.65cqw; width: 31.25cqw; height: 12.5cqw; object-fit: contain; transform: rotate(1.3deg); }
.interview-income { position: absolute; z-index: 2; left: 3.75cqw; top: 17.7cqw; width: 34.8cqw; min-height: 7.3cqw; padding: 1.08cqw 1.35cqw 1.05cqw 2.05cqw; border: .26cqw solid #63ecdf; border-radius: 1.35cqw; background: #eef3ff; color: #404752; transform: rotate(-3.2deg); }
.interview-income h3 { margin-bottom: .38cqw; font-size: .76cqw; font-weight: 700; line-height: 1.2; }
.interview-income li { margin: .2cqw 0 .2cqw .72cqw; padding-left: .08cqw; font-size: .56cqw; line-height: 1.45; }
.interview-income li::marker { color: #2479ff; }
.insight-controller { position: absolute; z-index: 3; left: 28.15cqw; top: 20.1cqw; width: 9.4cqw; height: 5.5cqw; object-fit: contain; }
.insight-card { position: absolute; border-radius: 1.25cqw; background: var(--soft); }
.host-card { left: 42.08cqw; top: 5.36cqw; width: 51.98cqw; height: 17.45cqw; }
.viewer-card { left: 2.5cqw; top: 31.1cqw; width: 49.48cqw; height: 13.91cqw; }
.insight-point { position: absolute; }
.insight-point i { position: absolute; left: 0; top: .78cqw; width: 1.04cqw; height: 1.04cqw; background: #00f6ff; }
.insight-point h3 { font-size: 1cqw; font-weight: 500; line-height: 1.72; }
.insight-point p { margin-top: .47cqw; color: var(--muted); font-size: .625cqw; line-height: 1.5; }
.insight-point strong { color: #000; font-weight: 400; }
.point-recognition { left: 3.07cqw; top: 2.24cqw; width: 43.49cqw; padding-left: 2.45cqw; }
.point-immersion { left: 3.07cqw; top: 9.32cqw; width: 35cqw; padding-left: 2.45cqw; }
.host-opportunity, .viewer-opportunity { position: absolute; color: #00d1ff; font-size: 1.042cqw; font-weight: 500; line-height: 1.4; }
.host-opportunity { left: 5.52cqw; top: 13.75cqw; }
.viewer-point-one { left: 2.29cqw; top: 2.55cqw; width: 34cqw; padding-left: 2.4cqw; }
.viewer-opportunity { left: 4.17cqw; top: 9.53cqw; width: 40cqw; }
.insight-phone { position: absolute; left: 65.16cqw; top: 24.27cqw; width: 16.82cqw; height: 31.98cqw; border-radius: 1.25cqw 1.25cqw 0 0; object-fit: cover; }
.insight-slide .slide-canvas { background: #000; color: #fff; }
.insight-slide .insight-card { background: #272727; }
.insight-slide .insight-point p { color: #999; }
.insight-slide .insight-point strong { color: #fff; }
.insight-slide .insight-quote-mark { color: #282828; }

/* Reference */
.reference-scroll-scene { position: relative; height: min(5400px, 281.25vw); overflow: visible; background: #000; }
.reference-scroll-scene .slide-canvas { position: sticky; top: 0; z-index: 1; }
.reference-stage .slide-canvas { background: #000; color: #fff; }
.reference-copy { position: absolute; left: 2.5cqw; top: 4.16cqw; width: 31.2cqw; transition: opacity 220ms ease, transform 220ms ease; }
.reference-copy-overview { opacity: 1; transform: translateY(0); }
.reference-copy-findings { opacity: 0; pointer-events: none; transform: translateY(.7cqw); }
.reference-stage:not([data-reference-state="overview"]) .reference-copy-overview { opacity: 0; pointer-events: none; transform: translateY(-.7cqw); }
.reference-stage:not([data-reference-state="overview"]) .reference-copy-findings { opacity: 1; pointer-events: auto; transform: translateY(0); }
.reference-index { color: #666; font-size: .58cqw; font-weight: 500; letter-spacing: .12em; }
.reference-label { margin-top: 1.06cqw; color: #f5f5f5; font-size: 1.98cqw; font-weight: 500; line-height: 1.2; }
.reference-copy h3 { margin-top: 2.73cqw; color: #bcbcbc; font-size: 1.31cqw; font-weight: 600; line-height: 1.3; }
.reference-copy p, .reference-copy li { color: #989898; font-size: .89cqw; line-height: 1.48; }
.reference-copy h3 + p { margin-top: .72cqw; width: 27.2cqw; }
.reference-copy ul { margin-top: .72cqw; width: 27.4cqw; padding-left: 1.42cqw; }
.reference-copy li { margin-bottom: .12cqw; color: #b0b0b0; }
.reference-nav { position: absolute; z-index: 5; left: 55.21cqw; top: 5.86cqw; width: 42.71cqw; }
.reference-nav [data-reference-target] { display: flex; align-items: center; width: 100%; height: 5.7cqw; padding: 0; border: 0; border-top: .08cqw dashed #5b5b5b; background: transparent; color: #3d3d3d; font: 600 2.15cqw/1.1 var(--font); text-align: left; cursor: pointer; user-select: none; transition: color 220ms ease, transform 220ms ease; }
.reference-nav [data-reference-target]:last-child { border-bottom: .08cqw dashed #5b5b5b; }
.reference-nav [data-reference-target]:hover { color: #777; transform: translateX(.24cqw); }
.reference-nav [data-reference-target]:focus-visible { outline: .14cqw solid var(--cyan); outline-offset: .22cqw; color: #fff; }
.reference-nav [data-reference-target].is-active { color: #f5f5f5; transform: translateX(.5cqw); }
.reference-media { position: absolute; left: 22.9cqw; top: 25.6cqw; display: flex; align-items: center; justify-content: center; width: 74.6cqw; height: 28.4cqw; opacity: 0; pointer-events: none; transform: translateY(1.15cqw) scale(.985); transition: opacity 260ms ease, transform 260ms ease; }
.reference-media.is-active { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
.reference-media > img { width: 100%; height: 100%; object-fit: contain; }
.reference-media-twitch { display: block; top: 28.35cqw; height: 23.7cqw; }
.reference-media-labels { display: grid; grid-template-columns: 57.4cqw 23cqw; gap: 3.05cqw; margin-bottom: 1.08cqw; margin-left: -6.9cqw; }
.reference-media-labels span { display: flex; align-items: center; justify-content: center; height: 2.16cqw; border-radius: .3cqw; background: #383838; color: #fff; font-size: .82cqw; font-weight: 600; }
.reference-twitch-grid { display: grid; grid-template-columns: 39.38cqw 15.52cqw 21.35cqw; gap: 2.24cqw; margin-left: -7.1cqw; }
.reference-twitch-grid img { width: 100%; height: 19.69cqw; object-fit: contain; }
.reference-stage[data-reference-state="overview"] .reference-media { opacity: 0; pointer-events: none; }

/* Strategy */
.strategy-label { position: absolute; left: 3.65cqw; top: 2.76cqw; color: var(--muted); font-size: 1.875cqw; line-height: 1; }
.strategy-row { position: absolute; left: 3.44cqw; width: 93.95cqw; }
.strategy-row span { position: absolute; left: 0; top: 1.2cqw; color: var(--muted); font-size: 3.333cqw; font-weight: 200; line-height: 1.5; letter-spacing: .023em; }
.strategy-row h3 { position: absolute; left: 6.04cqw; top: 0; font-size: 1.667cqw; font-weight: 500; line-height: 1.37; }
.strategy-row h4 { position: absolute; left: 6.04cqw; top: 2.4cqw; font-size: 1.328cqw; font-weight: 500; line-height: 1.72; }
.strategy-row p { position: absolute; left: 6.04cqw; top: 5.42cqw; width: 87.9cqw; color: var(--muted); font-size: 1.016cqw; line-height: 1.72; }
.row-one { top: 9.84cqw; height: 8cqw; }.row-two { top: 24.84cqw; height: 8cqw; }.row-three { top: 41.46cqw; height: 11cqw; }

/* Container proof */
.container-label { position: absolute; left: 3.91cqw; top: 2.92cqw; color: var(--muted); font-size: 1.875cqw; line-height: 1; white-space: pre; }
.container-sense { position: absolute; left: 2.92cqw; top: 6.09cqw; font-size: 1.667cqw; font-weight: 500; line-height: 1.37; }
.container-slide h2 { position: absolute; left: 10.05cqw; top: 6.2cqw; font-size: 1.328cqw; font-weight: 500; line-height: 1.72; }
.container-basis { position: absolute; left: 3.91cqw; top: 9.27cqw; color: var(--muted); font-size: 1.042cqw; line-height: 1.29; letter-spacing: .09em; }
.attention-card { position: absolute; left: 1.25cqw; top: 11.51cqw; display: flex; gap: 2.62cqw; width: 97.5cqw; height: 43.5cqw; padding: 4.3cqw 4.45cqw 2.2cqw; overflow: hidden; border-radius: 2.2cqw; background: #000; color: #fff; }
.attention-option { flex: 0 0 15.25cqw; min-width: 0; }
.attention-option h3 { height: 2.15cqw; color: #d5d5d5; font-size: 1.08cqw; font-weight: 500; line-height: 1.3; white-space: nowrap; }
.attention-phone { position: relative; display: block; width: 15.25cqw; height: 33.05cqw; margin-top: 1.25cqw; padding: 0; overflow: hidden; border: 0; background: #111; color: #fff; font: inherit; text-align: left; cursor: pointer; }
.attention-phone img { position: absolute; left: var(--crop-x); top: -5.62cqw; width: 100cqw; max-width: none; height: 44.69cqw; object-fit: fill; transition: filter 220ms ease, transform 220ms ease; }
.attention-analysis { position: absolute; z-index: 1; inset: 0; display: flex; align-items: center; padding: 1.35cqw; background: rgba(0, 0, 0, 0); color: #fff; font-size: 1.08cqw; font-weight: 500; line-height: 1.7; opacity: 0; transition: background-color 220ms ease, opacity 220ms ease; }
.attention-analysis-long { font-size: .98cqw; line-height: 1.65; }
.attention-phone { background: #000; clip-path: inset(.15cqw); }
.attention-phone:hover img { filter: brightness(.94); }
.attention-phone:active { transform: scale(.992); }
.attention-phone:focus-visible { outline: .16cqw solid var(--cyan); outline-offset: -.16cqw; }
.attention-phone.is-annotated .attention-analysis { background: rgba(0, 0, 0, .3); -webkit-backdrop-filter: blur(.55cqw); backdrop-filter: blur(.55cqw); opacity: 1; }

/* Widget */
.widget-kicker, .sticker-kicker, .scheme-kicker { position: absolute; color: var(--muted); font-size: 1.042cqw; font-weight: 500; line-height: .86; letter-spacing: .06em; }
.widget-kicker { left: 4.58cqw; top: 5.03cqw; }
.widget-slide h2 { position: absolute; left: 4.58cqw; top: 6.49cqw; font-size: 1.979cqw; font-weight: 500; line-height: 1.3; letter-spacing: -.03em; }
.widget-intro { position: absolute; left: 4.58cqw; top: 12.95cqw; width: 58.2cqw; color: #555; font-size: 1.25cqw; line-height: 1.55; }
.widget-rule { position: absolute; left: 4.58cqw; width: 58cqw; padding-left: 3.75cqw; }
.widget-rule span { position: absolute; left: 0; top: .42cqw; color: var(--muted); font-size: 1.042cqw; line-height: 1.29; }
.widget-rule h3 { font-size: 1.25cqw; font-weight: 500; line-height: 1.72; }
.widget-rule p, .widget-rule small { display: block; margin-top: .7cqw; color: var(--muted); font-size: 1.016cqw; line-height: 1.72; }
.rule-limit { top: 28.2cqw; }.rule-value { top: 37.1cqw; }.rule-action { top: 46cqw; }
.rule-action small { margin-top: .17cqw; }
.widget-tabs { position: absolute; z-index: 3; left: 71.46cqw; top: 1.35cqw; display: grid; grid-template-columns: repeat(2, 1fr); width: 17.45cqw; height: 2.5cqw; padding: .21cqw; border-radius: 99px; background: #f1f1f1; }
.widget-tabs button { min-width: 0; border: 0; border-radius: 99px; background: transparent; color: var(--muted); font: 500 1.042cqw/1 var(--font); cursor: pointer; transition: background-color 160ms ease, color 160ms ease, transform 160ms ease; }
.widget-tabs button:hover { color: var(--ink); }
.widget-tabs button:active { transform: scale(.97); }
.widget-tabs button:focus-visible { outline: .16cqw solid var(--cyan); outline-offset: .1cqw; }
.widget-tabs button.is-active { background: var(--ink); color: #fff; }
.widget-phone { position: absolute; left: 69.38cqw; top: 5.16cqw; width: 21.61cqw; height: 47.03cqw; border-radius: 2.08cqw; object-fit: cover; }
.process-note { position: absolute; left: 75.63cqw; top: 53.33cqw; color: var(--muted); font-size: 1.016cqw; }

/* Sticker research */
.sticker-kicker { left: 4.01cqw; top: 3.39cqw; }
.sticker-slide h2 { position: absolute; left: 3.85cqw; top: 6.61cqw; font-size: 1.979cqw; font-weight: 500; line-height: 1.3; letter-spacing: -.03em; }
.sticker-copy, .sticker-subcopy { position: absolute; left: 3.85cqw; color: var(--muted); font-size: 1.042cqw; line-height: .9; }
.sticker-copy { top: 10.47cqw; }.sticker-subcopy { top: 12.19cqw; }
.sticker-carousel { position: absolute; left: 0; top: 22.97cqw; width: 100%; height: 33.28cqw; overflow: hidden; }
.sticker-track { display: flex; width: 200cqw; height: 100%; will-change: transform; animation: sticker-loop 24s linear infinite; }
.sticker-sequence { display: flex; flex: 0 0 100cqw; width: 100cqw; height: 100%; gap: .8cqw; }
.sticker-cases { flex: none; height: 33.28cqw; object-fit: fill; }
.sticker-cases-a { width: 30.99cqw; }.sticker-cases-b { width: 68.21cqw; }
@keyframes sticker-loop { from { transform: translateX(0); } to { transform: translateX(-100cqw); } }

/* Scheme exploration */
.scheme-kicker { left: 4.48cqw; top: 3.85cqw; }
.scheme-slide h2 { position: absolute; left: 4.58cqw; top: 6.18cqw; font-size: 1.979cqw; font-weight: 500; line-height: 1.3; letter-spacing: -.03em; }
.scheme-points, .scheme-problem, .scheme-summary { position: absolute; color: var(--muted); font-size: 1.042cqw; line-height: 1.4; }
.scheme-points strong { color: var(--ink); font-weight: 500; }
.video-points { left: 4.22cqw; top: 11.46cqw; width: 38.59cqw; }
.scheme-problem { left: 62.03cqw; top: 11.82cqw; width: 29.17cqw; }
.scheme-visual { position: absolute; object-fit: fill; }
.scheme-panorama { position: absolute; left: 4.2cqw; width: 95.8cqw; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scrollbar-width: none; cursor: grab; touch-action: pan-x; user-select: none; }
.scheme-panorama::-webkit-scrollbar { display: none; }
.scheme-panorama.is-dragging { cursor: grabbing; }
.scheme-panorama .scheme-visual { position: relative; left: auto; top: auto; width: auto; max-width: none; height: 100%; object-fit: contain; pointer-events: none; }
.video-panorama { top: 21.1cqw; height: 32.8cqw; }
.video-visual { width: auto; height: 100%; }
.scheme-short-slide .scheme-kicker { left: 3.65cqw; top: 4.01cqw; }
.scheme-short-slide h2 { left: 3.75cqw; top: 6.35cqw; }
.short-points { left: 3.65cqw; top: 11.46cqw; width: 37.5cqw; }
.short-panorama { top: 19.9cqw; height: 35.1cqw; }
.short-visual { width: auto; height: 100%; }
.scheme-final-slide .scheme-kicker { left: 4.27cqw; top: 3.33cqw; }
.scheme-final-slide h2 { left: 4.38cqw; top: 5.4cqw; }
.scheme-summary { left: 4.38cqw; top: 9.53cqw; width: 67.45cqw; }
.final-points { left: 4.43cqw; top: 11.98cqw; width: 33.85cqw; }
.final-visual { left: 4.38cqw; top: 21.77cqw; width: 91.24cqw; height: 29.7cqw; }

/* Final flow */
.final-index, .final-label, .final-flow-slide h2 { position: absolute; left: 12.5cqw; }
.final-index { top: 18.23cqw; color: var(--muted); font-size: .52cqw; font-weight: 500; letter-spacing: .12em; }
.final-label { top: 19.98cqw; color: var(--muted); font-size: .52cqw; }
.final-flow-slide h2 { top: 21.44cqw; font-size: 1.979cqw; font-weight: 500; line-height: 1.3; letter-spacing: -.03em; }
.final-steps { position: absolute; left: 12.5cqw; top: 28.8cqw; display: grid; grid-template-columns: repeat(4, 18.91cqw); column-gap: 0; }
.final-steps article span { color: var(--muted); font-size: .469cqw; line-height: 1.72; }
.final-steps h3 { margin-top: 2.19cqw; font-size: .729cqw; font-weight: 500; line-height: 1.72; }
.final-steps p { color: var(--muted); font-size: .573cqw; line-height: 1.72; }