.bd-demos{overflow-x:clip}.bd-demos .bd-nav{background:var(--card)}.bd-demos .dg-hero{background:var(--ink);color:var(--paper);background-image:linear-gradient(#f1f0eb0d 1px,#0000 1px),linear-gradient(90deg,#f1f0eb0d 1px,#0000 1px);background-size:52px 52px;padding:clamp(104px,15vh,152px) clamp(20px,5vw,40px) clamp(36px,5vw,56px)}.bd-demos .dg-hero-in{grid-template-columns:1fr;align-items:end;gap:clamp(24px,4vw,56px);max-width:1320px;margin:0 auto;display:grid}.bd-demos .dg-hero .bd-tag{color:var(--lime)}.bd-demos .dg-h1{color:var(--paper);margin-top:18px;font-size:clamp(40px,7.6vw,104px);line-height:.94}.bd-demos .dg-h1 em{color:var(--lime);font-style:normal}.bd-demos .dg-lede{color:#f1f0eba8;max-width:44ch;font-size:clamp(15px,1.5vw,17px);line-height:1.5}.bd-demos .dg-hero-cta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.bd-demos .dg-hero-cta .bd-pill{padding:15px 26px;font-size:15px;font-weight:700}.bd-demos .dg-steps{border-top:1px solid var(--line-d);flex-direction:column;gap:10px;margin-top:clamp(24px,3vw,32px);padding-top:clamp(20px,3vw,26px);display:flex}.bd-demos .dg-step{color:#f1f0ebc7;align-items:baseline;gap:12px;font-size:14.5px;display:flex}.bd-demos .dg-step b{letter-spacing:.1em;color:var(--lime);flex:none;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.bd-demos .dg-ticker{background:var(--lime);color:var(--ink);border-block:2.5px solid var(--ink);padding:11px 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000 0,#000 4% 96%,#0000 100%);mask:linear-gradient(90deg,#0000 0,#000 4% 96%,#0000 100%)}.bd-demos .dg-ticker-row{align-items:center;gap:26px;width:max-content;animation:34s linear infinite dg-ticker;display:flex}.bd-demos .dg-ticker-row span{white-space:nowrap;font-size:clamp(15px,1.8vw,21px)}.bd-demos .dg-ticker-row i{background:var(--ink);border-radius:2px;flex:none;width:8px;height:8px;transform:rotate(45deg)}.bd-demos .dg-rail{z-index:40;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:74px}.bd-demos .dg-rail-in{scrollbar-width:none;gap:8px;max-width:1320px;margin:0 auto;padding:10px clamp(14px,4vw,32px);display:flex;overflow-x:auto}.bd-demos .dg-rail-in::-webkit-scrollbar{display:none}.bd-demos .dg-chip{border:1px solid var(--line);letter-spacing:.02em;text-transform:uppercase;background:var(--card);border-radius:100px;flex:none;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.bd-demos .dg-chip i{background:var(--chip-acc);border-radius:50%;flex:none;width:9px;height:9px}.bd-demos .dg-chip.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink);opacity:1}.bd-demos .dg-blocks{flex-direction:column;display:flex}.bd-demos .dg-block{border-bottom:1px solid var(--line);padding:clamp(44px,6.5vw,96px) clamp(20px,5vw,40px);scroll-margin-top:45px;position:relative;overflow:hidden}.bd-demos .dg-block:nth-child(2n){background:var(--paper-2)}.bd-demos .dg-block-in{z-index:1;grid-template-columns:1fr;align-items:center;gap:clamp(24px,3.5vw,52px);max-width:1320px;margin:0 auto;display:grid;position:relative}.bd-demos .dg-ghost{z-index:0;color:#0000;-webkit-text-stroke:1.5px color-mix(in oklab, var(--d-acc) 34%, transparent);pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:clamp(96px,22vw,300px);line-height:.8;position:absolute;bottom:-.16em;left:clamp(-8px,-1vw,0px)}.bd-demos .dg-info{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.bd-demos .dg-num{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;align-items:center;gap:10px;font-size:12px;display:inline-flex}.bd-demos .dg-num:after{content:"";background:var(--d-acc);width:clamp(28px,5vw,64px);height:2px}.bd-demos .dg-name{margin:-4px 0 0;font-size:clamp(46px,7vw,92px);line-height:.88}.bd-demos .dg-vibe{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11.5px}.bd-demos .dg-blurb{color:var(--ink-2);max-width:44ch;font-size:clamp(15px,1.4vw,17px);line-height:1.5}.bd-demos .dg-sports{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.bd-demos .dg-sports li{border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border-radius:100px;padding:5px 12px;font-size:11px}.bd-demos .dg-pal{align-items:center;gap:6px;display:flex}.bd-demos .dg-pal span{border:1px solid var(--line);border-radius:6px;width:26px;height:26px}.bd-demos .dg-acts{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.bd-demos .dg-acts .bd-pill{padding:14px 24px;font-size:15px;font-weight:700}.bd-demos .dg-stage{min-width:0;position:relative}.bd-demos .dg-glow{background:radial-gradient(circle, color-mix(in oklab, var(--d-acc) 32%, transparent), transparent 70%);filter:blur(24px);pointer-events:none;height:70%;position:absolute;inset:-12% -8% auto}.bd-demos .dg-mock{border-width:2.5px;border-color:var(--ink);max-width:none;transition:transform .3s,box-shadow .3s}@media (hover:hover){.bd-demos .dg-stage:hover .dg-mock{transform:translateY(-4px);box-shadow:0 40px 80px -30px #100f0d8c}}.bd-demos .dg-live{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex:none;align-items:center;gap:6px;font-size:10px;display:inline-flex}.bd-demos .dg-live i{background:var(--d-acc);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite dg-pulse}.bd-demos .dg-viewport{aspect-ratio:calc(1440 / var(--dg-hn,800));background:var(--d-bg);position:relative;overflow:hidden}.bd-demos .dg-viewport iframe{width:1440px;height:calc(var(--dg-hn,800) * 1px);transform:scale(var(--dg-scale,.5));transform-origin:0 0;background:var(--d-bg);border:0;position:absolute;top:0;left:0}.bd-demos .dg-cover{z-index:2;opacity:0;background:linear-gradient(to top, color-mix(in oklab, var(--d-bg) 62%, transparent), transparent 45%);justify-content:center;align-items:flex-end;padding-bottom:20px;transition:opacity .25s;display:flex;position:absolute;inset:0}.bd-demos .dg-cover:focus-visible{opacity:1}@media (hover:hover){.bd-demos .dg-cover:hover{opacity:1}}.bd-demos .dg-cover span{background:var(--ink);color:var(--paper);border-radius:100px;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:700;transition:transform .25s;display:inline-flex;transform:translateY(6px)}.bd-demos .dg-cover:focus-visible span{transform:none}@media (hover:hover){.bd-demos .dg-cover:hover span{transform:none}}.bd-demos .dg-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.bd-demos .dg-strip img{aspect-ratio:4/3;object-fit:cover;border:1.5px solid var(--ink);width:100%;display:block}.bd-demos .dg-mid{background:var(--ink);color:var(--paper);padding:clamp(48px,8vw,104px) clamp(20px,5vw,40px)}.bd-demos .dg-mid-in{grid-template-columns:1fr;align-items:center;gap:clamp(24px,4vw,56px);max-width:1320px;margin:0 auto;display:grid}.bd-demos .dg-mid-h{letter-spacing:-.03em;text-transform:none;color:var(--paper);font-size:clamp(30px,4.6vw,58px);font-weight:700;line-height:1.02}.bd-demos .dg-mid-h .dim{color:var(--muted-2)}.bd-demos .dg-mid-stats{grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.5vw,32px);display:grid}.bd-demos .dg-mid-num{color:var(--lime);font-size:clamp(34px,5vw,64px)}.bd-demos .dg-mid-label{letter-spacing:.06em;text-transform:uppercase;color:#f1f0eb99;margin-top:6px;font-size:11px}@keyframes dg-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes dg-pulse{0%,to{opacity:1}50%{opacity:.25}}@media (min-width:720px){.bd-demos .dg-hero-in{grid-template-columns:1.15fr .85fr}.bd-demos .dg-mid-in{grid-template-columns:1.1fr .9fr}}@media (min-width:1000px){.bd-demos .dg-block-in{grid-template-columns:.82fr 1.18fr;align-items:start}.bd-demos .dg-info{position:sticky;top:150px}.bd-demos .dg-block[data-side=r] .dg-block-in{grid-template-columns:1.18fr .82fr}.bd-demos .dg-block[data-side=r] .dg-info{order:2}.bd-demos .dg-block[data-side=r] .dg-ghost{left:auto;right:clamp(-8px,-1vw,0px)}}@media (max-width:719px){.bd-demos .dg-cover{opacity:1;background:linear-gradient(to top, color-mix(in oklab, var(--d-bg) 55%, transparent), transparent 40%)}.bd-demos .dg-cover span{transform:none}.bd-demos .dg-acts{width:100%}.bd-demos .dg-acts .bd-pill{flex:100%;justify-content:center}}.bd-demos .dg-num,.bd-demos .dg-mid-num{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.bd-demos .dg-ticker-row,.bd-demos .dg-live i{animation-duration:.001ms;animation-iteration-count:1}}