:root{--sh-scrim: rgba(0,0,0,0.3);--sh-08: rgba(29,29,31,0.08);--sh-10: rgba(29,29,31,0.1);--sh-12: rgba(29,29,31,0.12);--sh-16: rgba(29,29,31,0.16);--wash-violet-1: rgba(133,61,237,0.045);--wash-violet-2: rgba(133,61,237,0.07);--accent-wash-1: rgba(41,97,242,0.05);--accent-wash-2: rgba(41,97,242,0.16)}:root[data-theme="dark"]{--sh-scrim: rgba(0,0,0,0.55);--sh-08: rgba(0,0,0,0.36);--sh-10: rgba(0,0,0,0.42);--sh-12: rgba(0,0,0,0.46);--sh-16: rgba(0,0,0,0.54);--wash-violet-1: rgba(176,131,255,0.07);--wash-violet-2: rgba(176,131,255,0.1);--accent-wash-1: rgba(91,140,255,0.08);--accent-wash-2: rgba(91,140,255,0.2)}.nmd{position: relative;width: 100%;aspect-ratio: 560 / 300;pointer-events: none}.nmd-inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}.nmd-inner > *{position: absolute;left: 0;top: 0}.nmd-word{overflow: visible}.nmd-icon{opacity: 0;will-change: transform,opacity;filter: drop-shadow(0 18px 32px var(--sh-16))}.nmd-pencil{opacity: 0;will-change: transform,opacity;filter: drop-shadow(2px 3px 4px var(--sh-scrim))}.nmd-glow{left: 50%;top: 50%;width: 420px;height: 420px;transform: translate(-50%,-50%);opacity: 0;background: radial-gradient(closest-side,var(--accent-wash-2),var(--wash-violet-2) 55%,transparent 72%);will-change: opacity}.section{padding-block: 140px}.band{background: var(--bg-alt)}@media (max-width: 1023px){.section{padding-block: 104px}}@media (max-width: 599px){.section{padding-block: 80px}}.headline{font-size: clamp(40px,6vw,80px);font-weight: 700;letter-spacing: -0.025em;line-height: 1.06;color: var(--ink);text-wrap: balance}sup{font-size: 0.55em;vertical-align: super}sup a{color: inherit}#hero{padding-top: clamp(56px,9vh,120px)}.hero-stage-wrap{width: min(680px,92vw);aspect-ratio: 560 / 300;margin-inline: auto;cursor: pointer;pointer-events: auto}.hero-name{font-size: clamp(48px,7vw,96px);font-weight: 700;letter-spacing: -0.025em;line-height: 1.05;margin-top: -10px}.hero-tagline{font-size: clamp(28px,3.6vw,44px);font-weight: 700;letter-spacing: -0.02em;line-height: 1.1;margin-top: 14px}.hero-lede{margin-top: 22px}.hero-ctas{margin-top: 34px;display: flex;align-items: center;justify-content: center;gap: 26px;flex-wrap: wrap}.hero-copy > *{will-change: transform,opacity}.scrub{position: relative}.scrub-frame{width: min(96vw,1400px);margin-inline: auto}.scrub-stack{position: relative;border-radius: var(--radius-card);overflow: hidden;box-shadow: 0 30px 80px var(--sh-16)}.scrub-layer{display: block;width: 100%}.scrub-b{position: absolute;inset: 0;opacity: 1}.scrub-b > .app{height: 100%}@keyframes scene-crossfade{from{opacity: 0}to{opacity: 1}}@keyframes scene-settle{from{transform: scale(1.045)}to{transform: none}}.scrub.in .scrub-b{animation: scene-crossfade 1.15s var(--ease-reveal) 0.35s both}.scrub.in .scrub-frame{animation: scene-settle 1.5s var(--ease-reveal) both}@media (prefers-reduced-motion: reduce){.scrub.in .scrub-b,.scrub.in .scrub-frame{animation: none}}.hero-scrub{margin-top: clamp(48px,8vh,96px)}.gallery-tabs{display: flex;gap: 10px;justify-content: flex-start;overflow-x: auto;scrollbar-width: none;padding: 6px 24px;margin-top: 44px}.gallery-tabs::-webkit-scrollbar{display: none}@media (min-width: 900px){.gallery-tabs{justify-content: center}}.pill-tab{border: 1px solid var(--hairline);background: var(--on-accent);color: var(--ink);font-size: 15px;font-weight: 500;padding: 9px 18px;border-radius: 980px;cursor: pointer;white-space: nowrap;transition: background 0.25s,color 0.25s,border-color 0.25s}.pill-tab[aria-selected="true"]{background: var(--ink);color: var(--on-accent);border-color: var(--ink)}.rail-wrap{position: relative;margin-top: 34px}.rail{display: flex;gap: 22px;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;padding: 10px max(24px,calc((100vw - 1100px) / 2)) 30px;scroll-padding-inline: max(24px,calc((100vw - 1100px) / 2))}.rail::-webkit-scrollbar{display: none}.rail > *{scroll-snap-align: start;flex: none}.gallery-card{width: min(78vw,640px)}.gallery-card figure{border-radius: var(--radius-card);overflow: hidden;border: 1px solid var(--hairline);box-shadow: 0 18px 48px var(--sh-10);background: var(--on-accent)}.gallery-card img{width: 100%;aspect-ratio: 1836 / 1150;object-fit: cover}.gallery-card figcaption,.card-caption{font-size: 17px;line-height: 1.47;color: var(--ink-2);padding: 14px 6px 0}.gallery-card figcaption strong,.card-caption strong{color: var(--ink);font-weight: 600}.paddles{display: flex;gap: 12px;justify-content: flex-end;padding-inline: max(24px,calc((100vw - 1100px) / 2))}.paddle{width: 40px;height: 40px;border-radius: 50%;border: 0;background: var(--fill-2);color: var(--ink);font-size: 19px;line-height: 1;cursor: pointer;display: grid;place-items: center;transition: background 0.25s,opacity 0.25s}.paddle:hover{background: var(--sh-12)}.paddle:disabled{opacity: 0.35;cursor: default}.chapter-intro{margin-top: clamp(56px,9vh,110px)}.feature-card{width: min(84vw,400px);background: var(--on-accent);border: 1px solid var(--hairline);border-radius: var(--radius-card);padding: 0 0 28px;overflow: hidden}.band .feature-card{border-color: transparent;box-shadow: 0 10px 30px var(--fill-2)}.feature-card .card-media{aspect-ratio: 16 / 10;background: linear-gradient(160deg,var(--bg-alt),var(--sunken));display: grid;place-items: center;overflow: hidden;position: relative}.feature-card h3{font-size: 25px;font-weight: 600;letter-spacing: -0.015em;line-height: 1.15;padding: 24px 32px 0}.feature-card p{font-size: 17px;line-height: 1.47;color: var(--ink-2);padding: 10px 32px 0}.card-glyph{width: 84px;height: 84px}.card-mini{font-family: var(--mono);font-size: 12.5px;line-height: 1.8;background: var(--on-accent);border: 1px solid var(--hairline);border-radius: 14px;padding: 14px 18px;box-shadow: 0 10px 26px var(--sh-08);max-width: 82%}.wash{background: linear-gradient(180deg,var(--accent-wash-1),var(--wash-violet-1) 55%,transparent)}.spotlight{margin-top: 72px}.spotlight-tabs{display: flex;justify-content: center;gap: 10px;margin-top: 26px}.spotlight-panel{margin-top: 28px;width: min(92vw,900px);margin-inline: auto;position: relative}.spotlight-media{position: relative}.spotlight-media .mock{position: relative}.spotlight-media .alt{position: absolute;inset: 0;opacity: 0;transition: opacity 0.45s var(--ease-reveal)}.spotlight.show-b .spotlight-media .alt{opacity: 1}.spotlight-captions{position: relative;min-height: 3.2em;margin-top: 16px;text-align: center}.spotlight-captions .card-caption{position: absolute;inset: 0;transition: opacity 0.35s;padding-top: 0}.spotlight-captions .cap-b{opacity: 0}.spotlight.show-b .spotlight-captions .cap-a{opacity: 0}.spotlight.show-b .spotlight-captions .cap-b{opacity: 1}.banner-tile{background: var(--on-accent);border-radius: 28px;padding: clamp(44px,6vw,80px);text-align: center;box-shadow: 0 20px 60px var(--sh-08)}.banner-tile .tile-icon{width: 56px;height: 56px;margin: 0 auto 22px}.banner-tile h2{font-size: clamp(32px,4.4vw,56px);font-weight: 700;letter-spacing: -0.02em;line-height: 1.08}.banner-tile p{margin-top: 18px}.banner-tile .faq-list{max-width: 780px;margin: 44px auto 0;border-top: 1px solid var(--hairline)}.faq-item{border-bottom: 1px solid var(--hairline)}.faq-q{width: 100%;background: none;border: 0;text-align: left;font-size: 21px;font-weight: 600;color: var(--ink);letter-spacing: -0.01em;padding: 24px 44px 24px 4px;cursor: pointer;position: relative}.faq-q::after{content: "";position: absolute;right: 12px;top: 50%;width: 10px;height: 10px;border-right: 2px solid var(--ink-2);border-bottom: 2px solid var(--ink-2);transform: translateY(-70%) rotate(45deg);transition: transform 0.35s var(--ease-reveal)}.faq-item.open .faq-q::after{transform: translateY(-30%) rotate(225deg)}.faq-a{display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.45s var(--ease-reveal)}.faq-item.open .faq-a{grid-template-rows: 1fr}.faq-a > div{overflow: hidden}.faq-a p{font-size: 17px;line-height: 1.47;color: var(--ink-2);padding: 0 4px 26px;max-width: 53rem}.faq-a strong{color: var(--ink);font-weight: 600}.footnotes{font-size: 14px;color: var(--ink-2);line-height: 1.55;border-top: 1px solid var(--hairline);padding-top: 28px}.footnotes li{margin: 0 0 10px 18px}.closing{text-align: center}.closing .nmd{width: min(560px,92vw);margin-inline: auto}.closing h2{font-size: clamp(36px,5vw,64px);font-weight: 700;letter-spacing: -0.02em;line-height: 1.07;margin-top: 4px}.store-note{font-size: 15px;color: var(--ink-2);margin-top: 16px}body.capture{overflow: hidden}body.capture::-webkit-scrollbar{display: none}body.capture body.capture .scrub-frame{transform: none !important}body.capture .chapter .rail-wrap,body.capture .chapter .spotlight{display: none !important}body.capture .scrub-frame{width: min(64vw,920px)}body.capture .section{padding-block: 48px}body.capture .chapter-intro{margin-top: 44px}body.capture .captured-block{min-height: 100vh;display: flex;flex-direction: column;justify-content: center;padding-block: 48px}@media (prefers-reduced-motion: reduce){.scrub-b{opacity: 1}*{transition-duration: 0.01ms !important}}.home .eyebrow{font-size: 19px;font-weight: 600;letter-spacing: -0.01em;margin-bottom: 14px;color: var(--accent-ink)}.home .headline{font-size: clamp(40px,6vw,78px);font-weight: 680;letter-spacing: -0.028em;line-height: 1.06;color: var(--ink);text-wrap: balance}.home .lede{font-size: 21px;line-height: 1.47;color: var(--ink-2);max-width: 53rem;margin-inline: auto;margin-top: 26px;letter-spacing: -0.01em}.home .lede strong{color: var(--ink);font-weight: 620}.home .btn{font-size: 17px;padding: 14px 26px}.home .link-chevron{font-size: 17px}.home sup{font-size: 0.55em;vertical-align: super}.home sup a{color: inherit}.hero-copy.in > *{animation: settle 0.9s var(--ease-reveal) both}.hero-copy.in > *:nth-child(2){animation-delay: 0.08s}.hero-copy.in > *:nth-child(3){animation-delay: 0.16s}.hero-copy.in > *:nth-child(4){animation-delay: 0.24s}@keyframes settle{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: none}}.rv.in{animation: settle 0.7s var(--ease-reveal) both}@media (prefers-reduced-motion: reduce){.rv.in{animation: none}}.chapter-guide-link{margin-top: 18px}.welcome-title{font-size: 1.7em;font-weight: 700;letter-spacing: -0.01em;color: var(--ink)}.cd-title{font-weight: 600}@media (prefers-reduced-motion: reduce){.hero-copy.in > *{animation: none}}.hero-scrub .scrub-stack{aspect-ratio: 1280 / 760;container-type: inline-size}.hero-scrub .scrub-a,.hero-scrub .scrub-b{position: absolute;inset: 0}.hero-scrub .scrub-a{display: flex}.hero-scrub .scrub-a > .app,.hero-scrub .scrub-a.app{flex: 1;height: 100%}@media (max-width: 860px){.hero-scrub .scrub-stack{aspect-ratio: 33 / 58}}.hero-scrub{margin-top: clamp(48px,8vh,96px)}.js .scrub{height: calc(100vh + 120vh)}.js .scrub-pin{position: sticky;top: 0;height: 100vh;display: grid;place-items: center}.js .scrub .scrub-frame{transform: scale(calc(1.06 - 0.06 * var(--p,1)))}.js .scrub .scrub-b{opacity: var(--p,1)}.js .hero-scrub .scrub-b{pointer-events: none}.js .hero-scrub.tour-on .scrub-b{pointer-events: auto}.js .scrub .scrub-a{opacity: calc(1 - var(--p,0))}.js .hero-scrub.tour-on .scrub-a{pointer-events: none}.js .scrub.in .scrub-b,.js .scrub.in .scrub-frame{animation: none}.hero-scrub .scrub-a .skel-row{opacity: 0;animation: welcome-row .5s var(--ease-reveal) forwards}.hero-scrub .scrub-a .skel-row:nth-child(1){animation-delay: .18s}.hero-scrub .scrub-a .skel-row:nth-child(2){animation-delay: .25s}.hero-scrub .scrub-a .skel-row:nth-child(3){animation-delay: .32s}.hero-scrub .scrub-a .skel-row:nth-child(4){animation-delay: .39s}.hero-scrub .scrub-a .skel-row:nth-child(5){animation-delay: .46s}.hero-scrub .scrub-a .skel-row:nth-child(6){animation-delay: .53s}.hero-scrub .scrub-a .skel-row:nth-child(7){animation-delay: .60s}.hero-scrub .scrub-a .skel-row:nth-child(8){animation-delay: .67s}.hero-scrub .scrub-a .skel-row:nth-child(9){animation-delay: .74s}@keyframes welcome-row{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: none}}.hero-scrub .scrub-a .welcome-pencil{animation: welcome-pencil 1.1s var(--ease-reveal) both}@keyframes welcome-pencil{from{opacity: 0;transform: rotate(26deg) translate(10px,14px)}to{opacity: 1;transform: rotate(19deg)}}.hero-scrub .scrub-a .welcome-title,.hero-scrub .scrub-a .sub,.hero-scrub .scrub-a .welcome-btns,.hero-scrub .scrub-a .welcome-tip{animation: welcome-row .55s var(--ease-reveal) both}.hero-scrub .scrub-a .sub{animation-delay: .06s}.hero-scrub .scrub-a .welcome-btns:nth-of-type(1){animation-delay: .8s}.hero-scrub .scrub-a .welcome-btns:nth-of-type(2){animation-delay: .88s}.hero-scrub .scrub-a .welcome-tip{animation-delay: .96s}.js .hero-scrub .scrub-a::after{content: "Keep scrolling to walk through the toolbar";position: absolute;left: 50%;bottom: clamp(10px,2.2%,22px);translate: -50% 0;padding: 6px 14px;border-radius: 999px;background: var(--a-panel);box-shadow: 0 6px 18px var(--a-sh-12),inset 0 0 0 1px var(--a-panel-line);font-size: clamp(10px,1.05vw,13px);font-weight: 560;color: var(--a-ink-3);white-space: nowrap;opacity: calc(1 - var(--p,0) * 4);animation: welcome-row .6s var(--ease-reveal) 1.15s backwards}@media (prefers-reduced-motion: reduce){.js .scrub{height: auto}.js .scrub-pin{position: static;height: auto;display: block}.js .scrub .scrub-frame{transform: none}.js .scrub .scrub-b{opacity: 1;pointer-events: auto}.js .hero-scrub .scrub-a{display: none}.hero-scrub .scrub-a .skel-row,.hero-scrub .scrub-a .welcome-pencil,.hero-scrub .scrub-a .welcome-title,.hero-scrub .scrub-a .sub,.hero-scrub .scrub-a .welcome-btns,.hero-scrub .scrub-a .welcome-tip,.js .hero-scrub .scrub-a::after{animation: none;opacity: 1;transform: none}}@media (max-width: 860px){.js .scrub{height: calc(100vh + 100vh)}.hero-scrub .scrub-stack{aspect-ratio: 33 / 58}}