html{scroll-behavior:smooth}body{overscroll-behavior:auto;background:#fff}
main{padding-top:64px}section{scroll-margin-top:72px}[hidden]{display:none!important}
a:focus-visible,button:focus-visible{outline:2px solid #b45309;outline-offset:4px}
.dev-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,rgba(212,165,116,.22),transparent 45%),radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/22px 22px;pointer-events:none}
.dev-hero>div{position:relative}
.dev-slip{margin:0;box-shadow:0 30px 80px -20px rgba(212,165,116,.45)}
.dev-code{margin:20px 0 0;padding:0;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.75;color:#1d1d1f;white-space:pre}
.dev-code .c{color:#a0692e}.dev-code .k{color:#c4708f}.dev-code .s{color:#2f8f7a}
.dev-slip code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.dev-steps li{position:relative}
.dev-num{display:flex;width:44px;height:44px;border-radius:999px;align-items:center;justify-content:center;background:var(--c);color:#fff;font-weight:700}
.dev-steps li::after{content:"";position:absolute;top:22px;left:56px;right:-28px;height:2px;background:linear-gradient(90deg,var(--c),transparent)}
.dev-steps li:last-child::after{display:none}
.dev-steps h3{margin-top:22px;font-size:20px;font-weight:700;letter-spacing:-.01em}
.dev-steps p{margin-top:8px;font-size:15px;line-height:1.6;color:#5f5e62}
.dev-list>div{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid #ebe4e9}
.dev-list>div:first-child{border-top:1px solid #1d1d1f}
.dev-list dt{font-weight:700;font-size:16px}
.dev-list dd{margin:0;font-size:15.5px;line-height:1.6;color:#5f5e62}
.dev-list dd a{margin-left:4px;font-weight:600;color:#1d1d1f;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.dev-list dd a:hover{color:#000}
.dev-list code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;background:#f4f1f7;color:#1d1d1f;padding:2px 6px;border-radius:6px;white-space:nowrap}
.dev-promises li{font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#1d1d1f}
@media(max-width:1023px){.dev-steps li::after{display:none}}
@media(max-width:639px){.dev-list>div{grid-template-columns:1fr;gap:4px}.dev-promises li{font-size:22px}.dev-code{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}