.dp-root{position:fixed;inset:0;background:#08080c;overflow-y:auto;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e8e4e0;scroll-behavior:smooth}.dp-root::-webkit-scrollbar{width:4px}.dp-root::-webkit-scrollbar-track{background:transparent}.dp-root::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}.dp-root::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}@keyframes dp-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dp-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes dp-glow-breathe{0%,to{box-shadow:0 0 8px var(--agent-color,rgba(232,114,90,.3))}50%{box-shadow:0 0 24px var(--agent-color,rgba(232,114,90,.5))}}@keyframes dp-synapse-fire{0%{width:0;opacity:0}30%{opacity:1}to{width:100%;opacity:.3}}@keyframes dp-wake{0%{transform:scale(0);opacity:0;box-shadow:none}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 30px var(--agent-color,rgba(136,72,224,.5))}to{transform:scale(1);opacity:1;box-shadow:0 0 12px var(--agent-color,rgba(136,72,224,.3))}}@keyframes dp-status-pulse{0%,to{opacity:.6}50%{opacity:1}}.dp-back{position:fixed;top:32px;left:32px;z-index:10;display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,SF Mono,monospace;font-size:11px;font-weight:400;letter-spacing:.06em;color:rgba(255,255,255,.35);text-decoration:none;padding:8px 12px;border-radius:8px;transition:color .15s ease-out}.dp-back:hover{color:rgba(255,255,255,.7)}.dp-back svg{flex-shrink:0}.dp-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;position:relative}.dp-hero-label{font-family:JetBrains Mono,SF Mono,monospace;font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:48px;animation:dp-fade-up .6s ease-out .1s both}.dp-hero-title{font-size:clamp(80px,18vw,200px);font-weight:200;letter-spacing:.08em;line-height:.9;color:#e8e4e0;margin:0 0 48px;animation:dp-fade-up .6s ease-out .2s both}.dp-hero-subtitle{font-size:clamp(14px,2vw,17px);font-weight:300;letter-spacing:.02em;color:rgba(255,255,255,.45);max-width:520px;line-height:1.8;animation:dp-fade-up .6s ease-out .35s both}.dp-scroll-hint{position:absolute;bottom:48px;font-family:JetBrains Mono,SF Mono,monospace;font-size:10px;letter-spacing:.06em;color:rgba(255,255,255,.15);animation:dp-pulse 2.5s ease-in-out infinite}.dp-section{padding:120px 40px}.dp-divider,.dp-section{max-width:900px;margin:0 auto}.dp-divider{padding:0 40px}.dp-divider-line{height:1px;background:rgba(255,255,255,.04)}.dp-label{font-family:JetBrains Mono,SF Mono,monospace;font-size:10px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:32px}.dp-title{font-size:clamp(28px,5vw,48px);font-weight:200;letter-spacing:.04em;line-height:1.15;color:#e8e4e0;margin:0 0 24px}.dp-body{font-size:15px;font-weight:300;letter-spacing:.02em;line-height:1.8;color:rgba(255,255,255,.45);max-width:600px}.dp-quote{margin:64px 0 0;padding:32px 40px;border-left:1px solid rgba(255,255,255,.12)}.dp-quote-text{font-size:clamp(18px,3vw,24px);font-weight:200;letter-spacing:.04em;line-height:1.6;color:rgba(255,255,255,.7);font-style:italic;margin:0}.dp-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}.dp-pillar{padding:28px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#111118;transition:border-color .2s ease-out}.dp-pillar:hover{border-color:rgba(255,255,255,.12)}.dp-pillar-num{font-family:JetBrains Mono,SF Mono,monospace;font-size:10px;letter-spacing:.06em;color:rgba(255,255,255,.2);margin-bottom:16px}.dp-pillar-name{font-size:22px;font-weight:200;letter-spacing:.06em;color:#e8e4e0;margin:0 0 12px}.dp-pillar-desc{font-size:13px;font-weight:300;letter-spacing:.02em;line-height:1.7;color:rgba(255,255,255,.4)}.dp-guardrails{margin-top:48px;display:flex;flex-direction:column;gap:16px}.dp-guardrail{padding:16px 20px;border-left:1px solid rgba(255,255,255,.08);transition:border-color .15s ease-out}.dp-guardrail:hover{border-color:rgba(255,255,255,.25)}.dp-guardrail-rule{font-size:14px;font-weight:400;letter-spacing:.02em;color:#e8e4e0;margin:0 0 4px}.dp-guardrail-why{font-size:13px;font-weight:300;letter-spacing:.02em;color:rgba(255,255,255,.4);line-height:1.6;margin:0}.dp-color-group-title{font-size:10px;font-weight:400;letter-spacing:.06em;color:rgba(255,255,255,.2);margin:48px 0 16px;text-transform:uppercase;font-family:JetBrains Mono,SF Mono,monospace}.dp-color-group-title:first-of-type{margin-top:64px}.dp-color-note{font-size:13px;font-weight:300;color:rgba(255,255,255,.35);margin:0 0 20px}.dp-colors{display:flex;flex-wrap:wrap;gap:24px}.dp-swatch{display:flex;flex-direction:column;gap:8px}.dp-swatch-circle{width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.06);transition:transform .15s ease-out}.dp-swatch-circle:hover{transform:scale(1.08)}.dp-swatch-glow{box-shadow:0 0 12px color-mix(in srgb,var(--glow-color) 40%,transparent)}.dp-swatch-name{font-size:12px;font-weight:400;letter-spacing:.04em;color:rgba(255,255,255,.7)}.dp-swatch-hex{font-family:JetBrains Mono,SF Mono,monospace;font-size:10px;letter-spacing:.04em;color:rgba(255,255,255,.2)}.dp-type-samples{margin-top:64px;gap:48px}.dp-type-sample,.dp-type-samples{display:flex;flex-direction:column}.dp-type-sample{gap:8px}.dp-type-meta{font-family:JetBrains Mono,SF Mono,monospace;font-size:10px;letter-spacing:.06em;color:rgba(255,255,255,.2);text-transform:uppercase}.dp-type-display{font-size:clamp(48px,10vw,100px);line-height:.95}.dp-type-display,.dp-type-h1{font-weight:200;letter-spacing:.08em;color:#e8e4e0}.dp-type-h1{font-size:clamp(28px,5vw,48px);line-height:1.1}.dp-type-h2{font-size:20px;font-weight:300;letter-spacing:.04em;line-height:1.3;color:rgba(255,255,255,.55)}.dp-type-body-sample{font-size:15px;font-weight:300;letter-spacing:.02em;line-height:1.8;color:rgba(255,255,255,.45);max-width:520px}.dp-type-mono-sample{font-family:JetBrains Mono,SF Mono,monospace;font-size:13px;font-weight:400;letter-spacing:.04em;line-height:1.5;color:rgba(255,255,255,.4)}.dp-type-label-sample{font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.35)}.dp-components{margin-top:64px;gap:48px}.dp-comp-row,.dp-components{display:flex;flex-direction:column}.dp-comp-row{gap:16px}.dp-comp-label{font-family:JetBrains Mono,SF Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.2)}.dp-comp-demo{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dp-btn-outline{padding:14px 40px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;letter-spacing:.02em;color:rgba(255,255,255,.9);background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s}.dp-btn-outline:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}.dp-btn-solid{padding:14px 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;letter-spacing:.02em;color:#e8e4e0;background:#14141c;border:1px solid rgba(255,255,255,.08);border-radius:30px;cursor:pointer;transition:background .2s,transform .15s}.dp-btn-solid:hover{background:#1a1a24}.dp-btn-solid:active{transform:scale(.98)}.dp-btn-ghost{padding:12px 20px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;color:rgba(255,255,255,.4);background:transparent;border:none;cursor:pointer;transition:color .2s ease}.dp-btn-ghost:hover{color:rgba(255,255,255,.65)}.dp-btn-agent{padding:12px 32px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:#08080c;background:var(--agent-color,#8848e0);border:none;border-radius:10px;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.dp-btn-agent:hover{opacity:.9}.dp-btn-agent:active{transform:scale(.98)}.dp-input-demo{padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:300;letter-spacing:.02em;color:#e8e4e0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.15);border-radius:8px;outline:none;width:280px;transition:border-color .15s,box-shadow .15s}.dp-input-demo:focus{border-color:rgba(255,255,255,.4);box-shadow:0 0 0 2px rgba(255,255,255,.08)}.dp-input-demo::placeholder{color:rgba(255,255,255,.2)}.dp-card-demo{padding:20px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(14,14,20,.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 32px rgba(0,0,0,.5);max-width:300px;cursor:pointer;transition:border-color .15s}.dp-card-demo:hover{border-color:rgba(255,255,255,.12)}.dp-card-title{font-size:15px;font-weight:400;letter-spacing:.02em;color:#e8e4e0;margin:0 0 6px}.dp-card-body{font-size:13px;font-weight:300;letter-spacing:.02em;line-height:1.6;color:rgba(255,255,255,.4);margin:0}.dp-status-row{gap:24px}.dp-status-item,.dp-status-row{display:flex;align-items:center}.dp-status-item{gap:8px}.dp-status-dot{width:8px;height:8px;border-radius:50%}.dp-status-online{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.5);animation:dp-status-pulse 2s ease-in-out infinite}.dp-status-spawning{background:#f59e0b;box-shadow:0 0 6px rgba(245,158,11,.5);animation:dp-status-pulse 1s ease-in-out infinite}.dp-status-dormant{background:#4a4a5a}.dp-status-error{background:#ef4444}.dp-status-text{font-family:JetBrains Mono,SF Mono,monospace;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.4)}.dp-motion-grid{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dp-motion-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#111118}.dp-motion-name{font-family:JetBrains Mono,SF Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.3)}.dp-motion-desc{font-size:12px;font-weight:300;letter-spacing:.02em;color:rgba(255,255,255,.35);text-align:center;line-height:1.6}.dp-demo-orb{width:32px;height:32px;border-radius:50%;background:var(--agent-color,#e8725a);animation:dp-glow-breathe 2.5s ease-in-out infinite}.dp-demo-synapse{width:80px;height:2px;border-radius:1px;background:rgba(136,72,224,.15);position:relative;overflow:hidden}.dp-demo-synapse:after{content:"";position:absolute;inset:0;background:#8848e0;border-radius:1px;animation:dp-synapse-fire 2s ease-out infinite}.dp-demo-wake{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.dp-demo-wake-dot{width:12px;height:12px;border-radius:50%;background:var(--agent-color,#8848e0);animation:dp-wake 2.5s ease-out infinite}.dp-voice-grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.dp-voice-col{display:flex;flex-direction:column;gap:12px}.dp-voice-header{font-family:JetBrains Mono,SF Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.2);margin-bottom:4px}.dp-voice-example{font-size:13px;font-weight:300;letter-spacing:.02em;color:rgba(255,255,255,.45);line-height:1.6;margin:0;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.dp-voice-warm{color:rgba(255,255,255,.7)}.dp-dna-list{margin-top:48px;display:flex;flex-direction:column;gap:28px}.dp-dna-item{display:flex;gap:20px;align-items:baseline}.dp-dna-num{font-family:JetBrains Mono,SF Mono,monospace;font-size:11px;color:rgba(255,255,255,.2);flex-shrink:0;min-width:24px}.dp-dna-content{display:flex;flex-direction:column;gap:4px}.dp-dna-rule{font-size:16px;font-weight:400;letter-spacing:.04em;color:#e8e4e0}.dp-dna-desc{font-size:13px;font-weight:300;letter-spacing:.02em;line-height:1.7;color:rgba(255,255,255,.4)}.dp-footer{max-width:900px;margin:0 auto;padding:80px 40px 120px;text-align:center}.dp-footer-version{font-family:JetBrains Mono,SF Mono,monospace;font-size:11px;letter-spacing:.06em;color:rgba(255,255,255,.15);margin:0}.dp-footer-tagline{font-size:clamp(16px,3vw,22px);font-weight:200;letter-spacing:.04em;color:rgba(255,255,255,.35);margin:24px 0 0;font-style:italic}@media (max-width:768px){.dp-motion-grid,.dp-pillars{grid-template-columns:1fr;gap:16px}.dp-voice-grid{grid-template-columns:1fr;gap:24px}.dp-hero{padding:60px 24px}.dp-section{padding:80px 24px}.dp-divider{padding:0 24px}.dp-quote{padding:24px}}@media (max-width:480px){.dp-colors{gap:16px}.dp-swatch-circle{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.dp-hero-label,.dp-hero-subtitle,.dp-hero-title{animation:none!important;opacity:1}.dp-demo-orb,.dp-demo-synapse:after,.dp-demo-wake-dot,.dp-status-online,.dp-status-spawning{animation:none!important}}