.dp{margin-top:1rem}.dp-card{color:#fff;background:radial-gradient(80% 90% at 85% 0,#2a4a8a8c,#2a4a8a00 70%),#000;border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:2rem;padding:2.4rem;display:grid;position:relative;overflow:hidden}.dp-kicker{letter-spacing:.06em;text-transform:uppercase;color:#fff9;align-items:center;gap:.5rem;margin:0 0 .8rem;font-size:.82rem;font-weight:700;display:flex}.dp-kicker img{filter:brightness(0)invert();height:15px}.dp-card h2{letter-spacing:-.035em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800;line-height:1.05}.dp-lead{color:#ffffffa8;margin:.9rem 0 0;font-size:1.02rem;line-height:1.55}.dp-lead b{color:#fff;font-weight:650}.dp-actions{flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin-top:1.3rem;display:flex}.dp-btn{background:#fff;border-radius:999px;align-items:center;padding:.8rem 1.4rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;color:#000!important}.dp-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px #9db8ff47}.dp-link{font-weight:600;text-decoration:none;color:#ffffffc7!important}.dp-link:hover{color:#fff!important}.dp-micro{color:#ffffff73;margin:.9rem 0 0;font-size:.8rem}.dp-stage{min-width:0;container-type:inline-size}.dp-screen{--u:calc(100cqw / 600);aspect-ratio:16/10.4;border-radius:calc(var(--u) * 22);border:calc(var(--u) * 7) solid #121316;box-shadow:0 calc(var(--u) * 24) calc(var(--u) * 60) #0009;background:radial-gradient(90% 70% at 18% 8%,#2a4d93 0%,#2a4d9300 60%),radial-gradient(70% 60% at 92% 95%,#3b2f7a 0%,#3b2f7a00 65%),linear-gradient(160deg,#0b1630,#05070f 70%);position:relative;overflow:hidden}.dp-bar{height:calc(var(--u) * 26);align-items:center;gap:calc(var(--u) * 14);padding:0 calc(var(--u) * 14);font-size:calc(var(--u) * 11);color:#ffffffd9;background:#0a0e1a66;display:flex;position:absolute;top:0;left:0;right:0}.dp-bar b{width:calc(var(--u) * 11);height:calc(var(--u) * 11);background:#ffffffbf;border-radius:3px}.dp-bar span:first-of-type{font-weight:700}.dp-bar em{margin-left:auto;font-style:normal}.dp-notch{z-index:3;width:calc(var(--u) * 150);height:calc(var(--u) * 28);border-radius:0 0 calc(var(--u) * 12) calc(var(--u) * 12);background:#000;animation:8s cubic-bezier(.5,1.4,.5,1) infinite dp-notch;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes dp-notch{0%,3%{width:calc(var(--u) * 150);height:calc(var(--u) * 28);border-radius:0 0 calc(var(--u) * 12) calc(var(--u) * 12)}7%,38%{width:calc(var(--u) * 250);height:calc(var(--u) * 28);border-radius:0 0 calc(var(--u) * 12) calc(var(--u) * 12)}45%,86%{width:calc(var(--u) * 420);height:calc(var(--u) * 132);border-radius:0 0 calc(var(--u) * 26) calc(var(--u) * 26)}93%,to{width:calc(var(--u) * 150);height:calc(var(--u) * 28);border-radius:0 0 calc(var(--u) * 12) calc(var(--u) * 12)}}.dp-row{height:calc(var(--u) * 28);padding:0 calc(var(--u) * 12);justify-content:space-between;align-items:center;animation:8s linear infinite dp-row;display:flex;position:absolute;top:0;left:0;right:0}@keyframes dp-row{0%,4%{opacity:0}7%,39%{opacity:1}42%,to{opacity:0}}.dp-d{height:calc(var(--u) * 12);filter:brightness(0)invert()}.dp-wave{align-items:center;gap:calc(var(--u) * 2);height:calc(var(--u) * 14);animation:8s linear infinite dp-wave-vis;display:flex}.dp-wave i{width:calc(var(--u) * 2.4);transform-origin:50%;background:#fff;border-radius:2px;height:100%;animation:.42s ease-in-out infinite alternate dp-bar}@keyframes dp-bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes dp-wave-vis{0%,34%{opacity:1}36%,to{opacity:0}}.dp-ok{right:calc(var(--u) * 14);color:#5fa46a;font-weight:900;font-size:calc(var(--u) * 15);opacity:0;animation:8s linear infinite dp-ok;position:absolute}@keyframes dp-ok{0%,34%{opacity:0;transform:scale(.4)}36%,40%{opacity:1;transform:none}42%,to{opacity:0}}.dp-open{left:0;right:0;top:calc(var(--u) * 30);gap:calc(var(--u) * 16);padding:0 calc(var(--u) * 16);opacity:0;animation:8s linear infinite dp-open;display:flex;position:absolute}@keyframes dp-open{0%,46%{opacity:0;transform:translateY(calc(var(--u) * -6))}50%,84%{opacity:1;transform:none}87%,to{opacity:0}}.dp-music{align-items:center;gap:calc(var(--u) * 10);flex:none;display:flex}.dp-cover{width:calc(var(--u) * 72);height:calc(var(--u) * 72);border-radius:calc(var(--u) * 12);background:linear-gradient(145deg,#6b6b6b,#1a1a1a)}.dp-music span{gap:calc(var(--u) * 3);flex-direction:column;display:flex}.dp-open b{color:#fff;font-weight:650}.dp-music b{font-size:calc(var(--u) * 12)}.dp-music small{font-size:calc(var(--u) * 10);color:#ffffff80}.dp-agents{justify-content:center;gap:calc(var(--u) * 10);min-width:0;padding-left:calc(var(--u) * 14);border-left:1px solid #ffffff1a;flex-direction:column;flex:1;display:flex}.dp-agents p{align-items:center;gap:calc(var(--u) * 7);font-size:calc(var(--u) * 11.5);margin:0;display:flex}.dp-agents small{color:#ffffff8c;font-variant-numeric:tabular-nums;margin-left:auto}.dp-cl{color:#d97757;font-style:normal;font-weight:900;font-size:calc(var(--u) * 15);line-height:1}.dp-gpt{width:calc(var(--u) * 13);height:calc(var(--u) * 13);border:calc(var(--u) * 2) solid #fff;box-sizing:border-box;border-radius:50%}.dp-dot{width:calc(var(--u) * 6);height:calc(var(--u) * 6);background:#fff;border-radius:50%;animation:1.2s ease-in-out infinite dp-pulse}.dp-dot.is-ok{background:#5fa46a;animation:none}@keyframes dp-pulse{0%,to{opacity:.35}50%{opacity:1}}.dp-mail{z-index:1;padding:calc(var(--u) * 20) calc(var(--u) * 24);border-radius:calc(var(--u) * 14);color:#171a17;background:#fffffff5;position:absolute;inset:42% 9% 8%}.dp-to{margin:0 0 calc(var(--u) * 12);padding-bottom:calc(var(--u) * 10);font-size:calc(var(--u) * 12);color:#60675f;border-bottom:1px solid #e3e6e4}.dp-to b{color:#171a17;font-weight:600}.dp-text{font-size:calc(var(--u) * 15);margin:0;line-height:1.5}.dp-text span{opacity:0;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite}.dp-caret{vertical-align:-.2em;background:#171a17;width:2px;height:1.1em;margin-left:1px;animation:8s step-end infinite dp-caret;display:inline-block}@keyframes dp-caret{0%,3%{opacity:0}4%,6%,9%,36%,40%{opacity:1}5%,7.5%,38%,42%,to{opacity:0}}@media (max-width:860px){.dp-card{grid-template-columns:1fr;padding:1.8rem 1.4rem}}@media (prefers-reduced-motion:reduce){.dp *,.dp-notch{animation:none!important}.dp-notch{width:calc(var(--u) * 250)}.dp-row,.dp-text span{opacity:1}.dp-caret{display:none}}
