.dst .pr-runway__stage{align-items:center}.dst-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,5vw,80px);align-items:center;width:100%}.dst-copy h2{margin:0;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.04;letter-spacing:-.035em;font-weight:600;text-wrap:balance}.dst-copy>p{margin:14px 0 0;max-width:32em;font-size:15px;line-height:1.6;color:var(--color-text-muted);text-wrap:pretty}.dst-steps{display:grid;gap:0;margin:26px 0 0;padding:0;list-style:none}.dst-steps>li{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:center;padding:7px 0}.dst-steps__dot{width:8px;height:8px;border-radius:999px;background:var(--color-border-strong, var(--color-border));transition:background-color .3s,box-shadow .3s,transform var(--ease-spring-dur) var(--ease-spring)}.dst-steps>li.is-on .dst-steps__dot{background:var(--color-brand);transform:scale(1.25);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-brand) 18%,transparent)}.dst-steps h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--color-text-muted);transition:color .3s}.dst-steps>li.is-on h3{color:var(--color-text)}.dst-detail{display:grid;margin:18px 0 0 26px;padding-left:16px;border-left:1px solid var(--color-border)}.dst-detail>div{grid-area:1 / 1;opacity:0;translate:0 10px;transition:opacity .32s,translate var(--ease-spring-dur) var(--ease-spring);pointer-events:none}.dst-detail>div.is-on{opacity:1;translate:0 0;pointer-events:auto}.dst-detail p{margin:0;max-width:34em;font-size:14.5px;line-height:1.6;color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){.dst-detail>div{transition:none;translate:none}}.dst-more{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:13.5px;color:var(--color-text);text-decoration:none}.dst-more:hover{color:var(--color-brand)}.dst-motion{position:relative}.dst-layer--laptop{transform-origin:50% 90%;will-change:transform}.dst-fx{position:relative}.dst-flip{position:absolute;inset:0;transform-origin:50% 0;backface-visibility:hidden}.dst-phone__screen .dst-flip{transform-origin:50% 50%}.dst-layer--chip{left:14%;right:18%;bottom:6%;z-index:3}.dst-chip{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:999px;font-size:clamp(12px,1vw,14.5px);color:var(--color-text);background:color-mix(in srgb,var(--color-bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--color-border),0 24px 50px -20px #0000008c}.dst-chip span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dst-chip__orb{flex:none;width:18px;height:18px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ffe2b8,#f08a2c 55%,#b44a0a)}.dst-chip b{flex:none;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:#fff;background:var(--color-brand)}.dst-flow .dst-layer--chip{display:none}.dst-scene{position:relative;aspect-ratio:16 / 11.4;margin:0 4% 0 2%}.dst-glow{position:absolute;inset:6% -6% -4% 8%;border-radius:40%;pointer-events:none;background:radial-gradient(60% 55% at 55% 45%,color-mix(in srgb,var(--color-brand) 16%,transparent),transparent 70%);filter:blur(10px)}[data-theme=light] .dst-glow{opacity:.55}.dst-layer{position:absolute}.dst-layer--code{top:-2%;left:-6%;width:44%;z-index:0;translate:0 calc(var(--dst-code-y, 0) * 1px)}.dst-layer--laptop{top:9%;left:6%;width:88%;z-index:1}.dst-layer--phone{right:-3%;bottom:-6%;width:23%;z-index:2;rotate:4deg;translate:0 calc(var(--dst-phone-y, 0) * 1px)}.dst-swap{position:absolute;inset:0;opacity:0;transition:opacity .26s ease,filter .26s;filter:blur(3px)}.dst-swap.is-on{opacity:1;filter:none}@media(prefers-reduced-motion:reduce){.dst-swap{transition:none;filter:none}}.dst-shot,.dst-shot img{display:block;width:100%;height:100%}.dst-shot img{object-fit:cover;object-position:top left}.dst-shot .dst-theme-light{display:none}[data-theme=light] .dst-shot .dst-theme-light{display:block}[data-theme=light] .dst-shot .dst-theme-dark{display:none}.dst-laptop__lid{position:relative;padding:2.2% 2.2% 2.6%;border-radius:16px 16px 6px 6px;background:#0d0b09;box-shadow:0 0 0 1px color-mix(in srgb,#fff 9%,transparent) inset,0 30px 70px -24px #0000008c,0 12px 24px -12px #00000059}.dst-laptop__screen{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:6px;background:var(--color-bg);outline:1px solid color-mix(in srgb,#fff 8%,transparent);outline-offset:-1px}.dst-laptop__base{height:clamp(8px,1.1vw,14px);margin:0 -7%;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#3a342e,#1c1916 55%,#0f0d0b);box-shadow:0 18px 30px -18px #0009}[data-theme=light] .dst-laptop__base{background:linear-gradient(180deg,#d9d4cc,#b9b2a8 55%,#9d968c)}.dst-phone{position:relative;padding:5.5%;border-radius:15%/7%;background:#0d0b09;box-shadow:0 0 0 1px color-mix(in srgb,#fff 12%,transparent) inset,0 30px 60px -20px #0009,0 10px 20px -10px #0006}.dst-phone__screen{position:relative;aspect-ratio:390 / 844;overflow:hidden;border-radius:11%/5.2%;background:var(--color-bg)}.dst-phone__island{position:absolute;top:3.2%;left:50%;width:30%;height:2.6%;translate:-50% 0;border-radius:999px;background:#000}.dst-code{position:relative;aspect-ratio:4 / 3.1;overflow:hidden;border-radius:12px;background:color-mix(in srgb,var(--color-text) 3%,var(--color-bg));box-shadow:inset 0 0 0 1px var(--color-border),0 24px 50px -28px #00000080}.dst-layer--code .dst-swap,.dst-layer--code .dst-fx{position:absolute;inset:0}.dst-layer--code{aspect-ratio:4 / 3.1}.dst-code__bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--color-border)}.dst-code__bar i{width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--color-text) 16%,transparent)}.dst-code__bar span{margin-left:6px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.dst-code pre{margin:0;padding:12px 14px;font-family:var(--font-mono);font-size:clamp(9.5px,.78vw,12px);line-height:1.65;white-space:pre;color:var(--color-text)}.dst-code .c-k{color:#f2a65a}.dst-code .c-s{color:#9ece8a}.dst-code .c-c{color:var(--color-text-muted);font-style:italic}.dst-code .c-n{color:#e8c37a}.dst-code .c-f{color:#8fb8ff}.dst-code .c-p{color:#d7cbb8}[data-theme=light] .dst-code .c-k{color:#b4540a}[data-theme=light] .dst-code .c-s{color:#2f7d32}[data-theme=light] .dst-code .c-f{color:#2c5fb8}[data-theme=light] .dst-code .c-p{color:#5b4a36}.dst-flow{display:grid;gap:clamp(40px,7vw,72px)}.dst-flow__step h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.dst-flow__step>p{margin:6px 0 0;max-width:36em;font-size:15px;line-height:1.6;color:var(--color-text-muted)}.dst-flow__step .dst-scene{margin:26px 6% 8% 4%}.dst-flow .dst-swap{position:absolute}@media(max-width:599px){.dst-flow__step .dst-scene{margin:22px 10% 12% 2%}.dst-layer--code{display:none}.dst-layer--laptop{top:0;left:0;width:100%}.dst-layer--phone{width:30%;right:-9%;bottom:-14%}.dst-scene{aspect-ratio:16 / 10.6}}.dst-layer{transition:opacity .4s cubic-bezier(.23,1,.32,1)}.dst-layer.is-empty{opacity:0}.dst-flow.dst-narrow{display:none}@media(max-width:899px),(prefers-reduced-motion:reduce){.dst-wide{display:none}.dst-flow.dst-narrow{display:grid}}.dst-wide .dst-layer--phone,.dst-wide .dst-layer--code{rotate:none;translate:none}@media(min-width:900px)and (max-height:780px){.dst-wide .dst-scene{scale:.88}}