.dev .nav{background:color-mix(in srgb, var(--dusk) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px #2e22361f}.dv-hero{min-height:min(100svh,880px);padding:calc(var(--nav-h) + clamp(28px, 6vh, 80px)) clamp(18px, 4vw, 56px) clamp(70px, 9vw, 120px);background:0 0;align-items:center;display:flex;position:relative;overflow:hidden}.dv-halo{aspect-ratio:1;background:radial-gradient(circle,#fff9f0d9 0 34%,#ffecc859 50%,#ffecc800 70%);border-radius:50%;width:min(62vw,780px);position:absolute;top:10%;right:-9%}.dv-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,56px);width:100%;max-width:1180px;margin:0 auto;display:grid;position:relative}.dv-hero-copy{container-type:inline-size}.dv-title{font-size:min(3.8rem,8.6cqi);line-height:1.02}.dv-title>span{white-space:nowrap;display:block}.dv-sub,.sec-sub{text-wrap:balance}.dv-sub{max-width:30ch;color:var(--ink-2);margin-top:1.3rem;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.5}.dv-hero .cta-row{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:2.2rem;display:flex}.dv-demo{justify-content:center;display:flex}.dv-demo .term{width:min(100%,560px)}.sec-same{--sec:#f7f2f680}.same-stage{grid-template-columns:minmax(0,1fr) minmax(150px,.46fr) minmax(0,1fr);align-items:end;gap:clamp(14px,3vw,40px);max-width:1120px;margin:clamp(48px,7vw,84px) auto 0;padding-top:70px;display:grid;position:relative}.same-stage .term{width:100%;height:300px}.same-jar{justify-content:center;align-self:center;display:flex}.same-jar .jar{--jar-w:clamp(132px, 14vw, 196px)}.same-jar .jar-lid{display:none}.same-actors{z-index:5;pointer-events:none;position:absolute;inset:0}.same-actors .actor{transform-origin:50% 100%;position:absolute;top:0;left:0}.fcard{opacity:0;background:#ffe680;border-radius:7px;flex-direction:column;justify-content:center;gap:6px;width:54px;height:40px;padding:0 10px;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px #2e223629}.fcard i{background:#2e22364d;border-radius:2px;height:4px;display:block}.fcard i:nth-child(2){width:62%}.same-stage .tl.q,.same-stage .tl.lg,.same-stage .tl.r{opacity:0}.sec-wire{--sec:#ffe8b847}.wire-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,52px);max-width:760px;margin:clamp(44px,6vw,72px) auto clamp(36px,5vw,56px);padding:0;list-style:none;display:grid}.wire-steps .step-art{border-bottom:10px solid var(--wood);box-shadow:0 3px 0 var(--wood-deep);border-radius:0 0 4px 4px}.code-wrap{max-width:760px;margin:0 auto;position:relative}.code{background:var(--paper);box-shadow:0 0 0 2px var(--ink), 0 6px 0 2px var(--ink);font-family:var(--font-mono);color:var(--ink);white-space:pre;border-radius:18px;margin:0;padding:22px 26px;font-size:clamp(.78rem,1.5vw,.95rem);line-height:1.7;overflow-x:auto}.code-copy{z-index:2;position:absolute;top:14px;right:14px}.dev .sec-join{--sec:#f7f2f659}.dev .join-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.dev .join-copy .sec-title{font-size:clamp(2rem,4vw,3.4rem)}.dev .join-open{max-width:34em;color:var(--ink-2)}@media (width<=860px){.dv-hero-grid{grid-template-columns:1fr}.dv-hero-copy,.sec-wire .sec-title{text-align:center}.dv-sub{margin-left:auto;margin-right:auto}.dv-hero .cta-row{justify-content:center}.dv-halo{top:40%;right:-30%}.same-stage{grid-template-columns:1fr;gap:26px;padding-top:60px}.same-stage .term{max-width:520px;height:270px;margin:0 auto}.wire-steps{grid-template-columns:1fr;gap:36px}.code{padding-top:60px}.dev .join-grid{grid-template-columns:1fr}}