.developer-story{background:var(--bg);color:var(--ink);padding-block:clamp(72px,9vw,128px) clamp(64px,8vw,112px)}.developer-story__intro{text-align:center;justify-items:center;gap:22px;margin-bottom:clamp(64px,8vw,104px);display:grid}.developer-story__eyebrow{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1.5}.developer-story__intro h2,.developer-reference h2{font-family:var(--font-serif);letter-spacing:-.045em;color:var(--night);text-wrap:balance;font-size:clamp(42px,5.4vw,76px);font-weight:500;line-height:1.02}.developer-story__intro p{max-width:38ch;color:var(--ink-soft);text-wrap:balance;font-size:clamp(17px,1.6vw,20px)}.developer-story__features{gap:clamp(64px,7vw,104px);display:grid}.developer-story__feature{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(32px,4.5vw,72px);display:grid}.developer-story__feature--reverse{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)}.developer-story__feature--reverse .developer-story__copy{grid-area:1/2}.developer-story__feature--reverse .developer-story__stage{grid-area:1/1}.developer-story__copy{justify-items:start;gap:20px;padding-block:16px;display:grid}.developer-story__number{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:11px}.developer-story__copy h3{font-family:var(--font-serif);letter-spacing:-.045em;color:var(--night);text-wrap:balance;font-size:clamp(36px,3.5vw,50px);font-weight:500;line-height:1.08}.developer-story__copy h3 em{color:inherit}.developer-story__copy p{max-width:39ch;color:var(--ink-soft);font-size:17px;line-height:1.65}.developer-story__link{min-height:44px;color:var(--brand);transition:transform .16s var(--ease-out);align-items:center;gap:12px;padding-block:6px;font-size:14px;font-weight:600;display:inline-flex}.developer-story__link:active{transform:scale(.97)}.developer-story__stage{border-radius:var(--radius-xl);isolation:isolate;background:radial-gradient(at 28% 34%,#2f4fd11f,#0000 66%),radial-gradient(at 78% 74%,#f4a86729,#0000 65%);flex-direction:column;justify-content:center;min-width:0;min-height:510px;padding:24px 18px 20px;display:flex;position:relative}.developer-story__stage--inspect{background:radial-gradient(at 24% 72%,#f4a8672b,#0000 65%),radial-gradient(at 82% 24%,#2f4fd11a,#0000 64%)}.developer-story__stage--sessions{background:radial-gradient(at 30% 26%,#2f4fd11a,#0000 64%),radial-gradient(at 76% 76%,#f4a86724,#0000 65%)}.developer-story__scene-heading{font-family:var(--font-mono);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-inline:10px;font-size:10px;line-height:1.5;display:flex}.developer-story__scene-heading>span:first-child{align-items:center;gap:8px;display:inline-flex}.developer-story__scene-heading .kbd{font-size:10px}.developer-story__session-label{color:var(--ink-muted);font-size:9px}.developer-story__scene{flex:1;align-items:center;min-width:0;margin-block:12px;display:grid}.developer-story__scene>.product-scene{width:100%}.developer-story__scene-details{font-family:var(--font-mono);color:var(--ink-muted);flex-wrap:wrap;justify-content:center;gap:12px 20px;padding-block:4px;font-size:9px;line-height:1.5;display:flex}.developer-story__scene-details>span+span:before{content:"·";color:var(--brand);margin-right:20px}.developer-story__session-details{max-width:48ch;color:var(--ink-muted);align-items:flex-start;gap:10px;margin-inline:auto;padding:10px 18px 0;font-size:11px;line-height:1.5;display:flex}.developer-story__session-details svg{color:var(--brand);flex:none;margin-top:2px}.developer-story__session-details strong{color:var(--ink-soft);margin-bottom:2px;font-weight:550;display:block}.developer-reference{color:var(--ink);gap:18px;padding-top:clamp(64px,8vw,112px);display:grid}.developer-reference h2{font-size:clamp(36px,4vw,54px)}.developer-reference p{color:var(--ink-soft);font-size:17px}@media (hover:hover) and (pointer:fine){.developer-story__link:hover{text-underline-offset:5px;text-decoration:underline}}@media (width<=1040px){.developer-story__feature,.developer-story__feature--reverse{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:28px}.developer-story__feature--reverse{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}.developer-story__copy h3{font-size:36px}.developer-story__stage{min-height:430px;padding-inline:12px}}@media (width<=800px){.developer-story__feature,.developer-story__feature--reverse{grid-template-columns:minmax(0,1fr);gap:28px}.developer-story__feature--reverse .developer-story__copy,.developer-story__feature--reverse .developer-story__stage{grid-area:auto}.developer-story__copy{gap:16px;max-width:580px;padding:0}.developer-story__copy h3{font-size:clamp(34px,5.5vw,44px)}.developer-story__copy p{max-width:44ch;font-size:16px}.developer-story__stage{min-height:0;padding:24px 16px}.developer-story__scene{margin-block:16px}}@media (width<=480px){.developer-story__intro{gap:18px;margin-bottom:52px}.developer-story__eyebrow{max-width:30ch;font-size:10px}.developer-story__copy h3{font-size:34px}.developer-story__stage{margin-inline:-8px;padding:18px 4px 16px}.developer-story__scene-heading{gap:8px;font-size:9px}.developer-story__scene-details{gap:8px 12px;font-size:8px}.developer-story__scene-details>span+span:before{margin-right:12px}.developer-story__session-details{padding-inline:16px;font-size:10px}}