.demo-page{--dm-blue:#6d84f5;--dm-violet:#9b8cf7;--dm-line:rgba(255,255,255,0.1)}.demo-page .dm-hero-glow{background:radial-gradient(55% 60% at 50% 0,rgba(109,132,245,.28) 0,rgba(5,5,5,0) 70%),radial-gradient(30% 40% at 85% 30%,rgba(155,140,247,.14) 0,rgba(5,5,5,0) 70%)}.demo-page .dm-badge{display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;gap:10px;padding:7px 14px 7px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.04);font-size:14px;color:rgba(255,255,255,.82)}.demo-page .dm-badge-dot{position:relative;width:8px;height:8px;border-radius:999px;background:#34d399}.demo-page .dm-badge-dot:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1px solid rgba(52,211,153,.6);animation:dm-ping 2.2s ease-out infinite}@keyframes dm-ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.demo-page .dm-h1{font-size:clamp(38px,5.2vw,72px);line-height:1.03}.demo-page .dm-url{white-space:nowrap;background:linear-gradient(100deg,#ffffff 0,#c9d2ff 45%,var(--dm-violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.demo-page .dm-path{display:flex;align-items:center;gap:12px;min-width:0}.demo-page .dm-path-node{display:inline-flex;flex:none;align-items:center;gap:7px;height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0b0b0d;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12.5px;color:rgba(255,255,255,.85)}.demo-page .dm-path-node img{width:auto;height:13px}@media (min-width:640px){.demo-page .dm-path-node img{height:15px}}.demo-page .dm-path-line{position:relative;flex:1;min-width:24px;height:34px;display:flex;align-items:center;overflow:hidden}.demo-page .dm-path-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(109,132,245,.7),rgba(255,255,255,.15))}.demo-page .dm-path-pulse{position:absolute;top:calc(50% - 1px);left:0;width:90px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(155,140,247,0),#c9d2ff,rgba(155,140,247,0));animation:dm-pulse 3.4s cubic-bezier(.45,0,.25,1) infinite}@keyframes dm-pulse{0%{transform:translateX(-100px);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateX(1200px);opacity:0}}.demo-page .dm-path-stops{position:relative;display:flex;width:100%;justify-content:space-evenly;gap:8px}.demo-page .dm-path-stop{padding:4px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#050505;font-size:12px;color:rgba(255,255,255,.62);white-space:nowrap}@media (max-width:767px){.demo-page .dm-path-stops{display:none}}.demo-page .dm-stage .yt-slot{box-shadow:0 50px 140px -40px rgba(109,132,245,.55),0 30px 80px -30px rgba(0,0,0,.9)}.demo-page .dm-stage .yt-slot:before{content:"";position:absolute;inset:-6px;z-index:-1;border-radius:24px;background:linear-gradient(140deg,rgba(109,132,245,.6),rgba(255,255,255,.08) 40%,rgba(155,140,247,.5))}@media (min-width:640px){.demo-page .dm-stage .yt-slot:before{inset:-8px;border-radius:30px}}.demo-page .dm-stage .yt-bar{margin-top:18px}.demo-page .dm-rail{position:relative;height:36px;margin:0 4px 18px}.demo-page .dm-rail-line{position:absolute;left:0;right:0;top:10px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(109,132,245,.25),rgba(155,140,247,.6))}.demo-page .dm-rail-tick{position:absolute;top:5px;width:12px;height:12px;margin-left:-6px;border-radius:999px;background:#050505;border:2px solid rgba(201,210,255,.75);transition:transform .25s ease,background-color .25s ease}.demo-page .dm-rail-tick--on{background:#c9d2ff;transform:scale(1.35)}.demo-page .dm-rail-end{position:absolute;top:20px;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:11.5px;color:rgba(255,255,255,.4)}.demo-page .dm-rail-end--start{left:0}.demo-page .dm-rail-end--end{right:0}.demo-page .dm-strip{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,320px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:4px;padding:4px 4px 18px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}@media (min-width:1280px){.demo-page .dm-strip{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:18px}}.demo-page .dm-strip-item{scroll-snap-align:start;min-width:0}.demo-page .dm-moment{display:flex;width:100%;height:100%;flex-direction:column;border:1px solid var(--dm-line);border-radius:16px;background:#0a0a0c;overflow:hidden;text-align:left;cursor:pointer;outline:none;transition:border-color .25s ease,background-color .25s ease}.demo-page .dm-moment--on,.demo-page .dm-moment:hover{border-color:rgba(155,140,247,.55);background:#0e0e12}.demo-page .dm-moment:focus-visible{outline:2px solid #f97316;outline-offset:2px}.demo-page .dm-moment-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#111}.demo-page .dm-moment .dm-moment-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.demo-page .dm-moment:hover .dm-moment-media img{transform:scale(1.04)}.demo-page .dm-moment-play{position:absolute;left:50%;top:50%;display:flex;width:38px;height:38px;margin:-19px 0 0 -19px;align-items:center;justify-content:center;border-radius:999px;background:#ffffff;color:#050505;opacity:0;transition:opacity .25s ease}.demo-page .dm-moment--on .dm-moment-play,.demo-page .dm-moment:focus-visible .dm-moment-play,.demo-page .dm-moment:hover .dm-moment-play{opacity:1}.demo-page .dm-moment-time{position:absolute;left:10px;bottom:10px;padding:3px 8px;border-radius:6px;background:rgba(5,5,5,.78);font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12px;color:#ffffff}.demo-page .dm-moment-text{display:grid;grid-template-columns:auto 1fr;-moz-column-gap:10px;column-gap:10px;row-gap:6px;padding:16px 16px 18px}.demo-page .dm-moment-index{grid-row:span 2;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12px;line-height:22px;color:rgba(201,210,255,.6)}.demo-page .dm-moment-label{font-size:16.5px;font-weight:500;line-height:22px;letter-spacing:-.01em;color:#ffffff}.demo-page .dm-moment-caption{font-size:14px;line-height:1.5;color:rgba(255,255,255,.58)}.demo-page .dm-layers{border-top:1px solid var(--dm-line)}.demo-page .dm-layer{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 14px;padding:26px 0;border-bottom:1px solid var(--dm-line)}@media (min-width:768px){.demo-page .dm-layer{grid-template-columns:64px minmax(0,1fr) 220px;align-items:center;gap:24px;padding:30px 0}}.demo-page .dm-layer-op{font-size:clamp(26px,3vw,40px);font-weight:300;line-height:1;color:rgba(201,210,255,.7)}.demo-page .dm-layer-name{font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.08;letter-spacing:-.03em;color:#ffffff}.demo-page .dm-layer-text{margin-top:8px;max-width:52ch;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.58)}.demo-page .dm-layer-proof{grid-column:2;margin-top:10px}@media (min-width:768px){.demo-page .dm-layer-proof{grid-column:auto;margin-top:0;justify-self:end}}.demo-page .dm-seen{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border:1px solid rgba(155,140,247,.4);border-radius:999px;font-size:13px;color:#dfe4ff;background:rgba(109,132,245,.08);transition:background-color .2s ease,border-color .2s ease;outline:none}.demo-page button.dm-seen:hover{background:rgba(109,132,245,.18);border-color:rgba(155,140,247,.7)}.demo-page .dm-seen:focus-visible{outline:2px solid #f97316;outline-offset:2px}.demo-page .dm-seen--product{border-color:rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.45);line-height:1.3;padding:7px 13px}.demo-page .dm-layer--result{border-bottom:0}.demo-page .dm-layer-result{grid-column:2/-1;font-size:clamp(26px,3vw,42px);font-weight:500;line-height:1.1;letter-spacing:-.03em;background:linear-gradient(100deg,#ffffff 0,#c9d2ff 50%,var(--dm-violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.demo-page .dm-pipe{position:relative;display:grid;gap:26px}.demo-page .dm-pipe:before{content:"";position:absolute;left:15px;top:16px;bottom:16px;width:1px;background:linear-gradient(180deg,rgba(109,132,245,.6),rgba(52,211,153,.6))}@media (min-width:1024px){.demo-page .dm-pipe{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.demo-page .dm-pipe:before{left:16px;right:16px;top:15px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,rgba(109,132,245,.6),rgba(52,211,153,.6))}}.demo-page .dm-pipe-step{position:relative;padding-left:48px}@media (min-width:1024px){.demo-page .dm-pipe-step{padding-left:0;padding-top:50px}}.demo-page .dm-pipe-dot{position:absolute;left:0;top:0;display:flex;width:31px;height:31px;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(201,210,255,.5);background:#050505;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12.5px;color:#dfe4ff}.demo-page .dm-pipe-step--done .dm-pipe-dot{border-color:rgba(52,211,153,.8);color:#34d399}.demo-page .dm-pipe-name{font-size:18px;font-weight:500;line-height:1.25;letter-spacing:-.015em;color:#ffffff}.demo-page .dm-pipe-text{margin-top:8px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.55)}.demo-page .dm-terminal{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0a0a0c;overflow:hidden}.demo-page .dm-terminal-bar{display:flex;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.demo-page .dm-terminal-bar span{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.16)}.demo-page .dm-terminal-body{display:grid;gap:14px;padding:20px 18px;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:13px;line-height:1.6;color:rgba(255,255,255,.86);overflow-wrap:anywhere}@media (min-width:640px){.demo-page .dm-terminal-body{padding:24px 22px;font-size:13.5px}}.demo-page .dm-term-prompt{color:var(--dm-blue)}.demo-page .dm-term-agent{color:#dfe4ff}.demo-page .dm-term-comment{color:rgba(255,255,255,.38)}.demo-page .dm-terminal-foot{display:flex;justify-content:flex-end;padding:0 18px 18px}.demo-page .dm-transcript-summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;cursor:pointer;list-style:none}.demo-page .dm-transcript-summary::-webkit-details-marker{display:none}.demo-page .dm-transcript-summary:focus-visible{outline:2px solid #f97316;outline-offset:4px;border-radius:6px}.demo-page .dm-transcript-list{display:grid;gap:12px;max-width:860px}.demo-page .dm-transcript-list li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.68)}.demo-page .dm-transcript-time{align-self:start;margin-top:2px;padding:1px 0;border-radius:4px;text-align:left;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12.5px;color:#c9d2ff;outline:none}.demo-page .dm-transcript-time:hover{text-decoration:underline}.demo-page .dm-transcript-time:focus-visible{outline:2px solid #f97316;outline-offset:2px}@media (prefers-reduced-motion:reduce){.demo-page .dm-badge-dot:after,.demo-page .dm-path-pulse{animation:none}.demo-page .dm-path-pulse{display:none}.demo-page .dm-moment,.demo-page .dm-moment-media img,.demo-page .dm-moment-play,.demo-page .dm-rail-tick,.demo-page .dm-seen{transition:none}.demo-page .dm-moment:hover .dm-moment-media img{transform:none}}