.dp-innovation-demo{--di-ink:#111a2e;--di-muted:#637086;--di-line:#dfe5ef;--di-purple:#6d3fc0;--di-blue:#1d4ed8;--di-green:#16845b;color:var(--di-ink)}.dp-innovation-demo *{box-sizing:border-box}.dp-innovation-demo--front{padding:clamp(58px,8vw,96px) 0;background:linear-gradient(180deg,#f8f6ff,#fff)}.dp-innovation-demo__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.dp-innovation-demo__header p{margin:0 0 8px;color:var(--di-purple);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.dp-innovation-demo__header h2{max-width:820px;margin:0 0 11px;font-size:clamp(30px,5vw,54px);line-height:1.04}.dp-innovation-demo__header span{display:block;max-width:850px;color:var(--di-muted);line-height:1.65}.dp-innovation-demo__score{display:grid;width:118px;height:118px;place-content:center;text-align:center;border:9px solid #d8d5fb;border-top-color:var(--di-purple);border-radius:50%;background:#fff;box-shadow:0 16px 40px rgba(41,31,77,.1)}.dp-innovation-demo__score strong{font-size:32px}.dp-innovation-demo__score small{color:var(--di-muted)}.dp-innovation-demo__stats,.dp-innovation-admin__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.dp-innovation-demo__stats article,.dp-innovation-admin__metrics article{display:grid;gap:4px;padding:17px;border:1px solid var(--di-line);border-radius:14px;background:#fff}.dp-innovation-demo__stats strong,.dp-innovation-admin__metrics strong{font-size:24px}.dp-innovation-demo__stats span,.dp-innovation-admin__metrics span,.dp-innovation-admin__metrics small{color:var(--di-muted)}.dp-innovation-demo__filters{display:flex;gap:7px;overflow:auto;margin-bottom:14px}.dp-innovation-demo__filters button,.dp-innovation-admin__tabs button{min-height:42px;padding:9px 15px;border:1px solid var(--di-line);border-radius:999px;background:#fff;color:var(--di-muted);font-weight:800;white-space:nowrap;cursor:pointer}.dp-innovation-demo__filters button.is-active,.dp-innovation-admin__tabs button[aria-selected=true]{border-color:var(--di-purple);background:#ede9fe;color:#4c1d95}.dp-innovation-demo__features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.dp-innovation-demo__features button{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;min-height:155px;padding:17px;border:1px solid var(--di-line);border-radius:16px;background:#fff;text-align:left;cursor:pointer;transition:.18s ease}.dp-innovation-demo__features button:hover,.dp-innovation-demo__features button:focus-visible,.dp-innovation-demo__features button.is-selected{transform:translateY(-2px);border-color:#a78bfa;box-shadow:0 13px 30px rgba(66,46,119,.11)}.dp-innovation-demo__features button>span{grid-row:1/4;display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#eef2ff;color:var(--di-blue);font-weight:850}.dp-innovation-demo__features small{color:var(--di-purple);font-weight:800;text-transform:uppercase}.dp-innovation-demo__features strong{line-height:1.3}.dp-innovation-demo__features em{align-self:end;color:var(--di-green);font-size:12px;font-style:normal;font-weight:800}.dp-innovation-demo__lab{display:grid;grid-template-columns:1.4fr .6fr;gap:16px;margin-top:18px;padding:24px;border-radius:20px;background:#171f35;color:#fff}.dp-innovation-demo__lab h3{margin:4px 0 16px;color:#fff;font-size:25px}.dp-innovation-demo__lab>div>p{margin:0;color:#c8b8f4;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.dp-innovation-demo__lab ol{display:grid;gap:8px;margin:0 0 17px;padding:0;list-style:none}.dp-innovation-demo__lab li{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.dp-innovation-demo__lab li>span{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:rgba(255,255,255,.12)}.dp-innovation-demo__lab li small{display:block;margin-top:3px;color:#b9c1d4}.dp-innovation-demo__lab li.is-active{border-color:#a78bfa;background:rgba(167,139,250,.12)}.dp-innovation-demo__lab li.is-complete>span{background:var(--di-green)}.dp-innovation-demo__lab aside{align-self:stretch;padding:22px;border-radius:15px;background:rgba(255,255,255,.08)}.dp-innovation-demo__lab aside>small{display:block;margin:12px 0 6px;color:#b9c1d4}.dp-innovation-demo__lab aside>strong{font-size:21px}.dp-innovation-demo__lab aside>p{color:#dce2ed;line-height:1.55}.dp-innovation-demo__pulse{display:block;width:13px;height:13px;border-radius:50%;background:#58d0a5;box-shadow:0 0 0 7px rgba(88,208,165,.13)}.dp-innovation-demo__progress{height:7px;margin-top:17px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.12)}.dp-innovation-demo__progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#8b5cf6,#58d0a5);transition:width .3s}.dp-innovation-admin__privacy{padding:7px 10px;border-radius:999px;background:#e8f7f0;color:#116746;font-weight:700}.dp-innovation-admin__hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:27px;border-radius:18px;background:linear-gradient(135deg,#172033,#352263);color:#fff}.dp-innovation-admin__hero p{margin:0;color:#c8b8f4;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.dp-innovation-admin__hero h3{margin:5px 0 8px;color:#fff;font-size:28px}.dp-innovation-admin__hero span{color:#dfe3ed}.dp-innovation-admin__hero>div:last-child{text-align:center}.dp-innovation-admin__hero>div:last-child strong{display:block;font-size:31px}.dp-innovation-admin__hero>div:last-child small{color:#cad0dd}.dp-innovation-admin__tabs{display:flex;gap:7px;overflow:auto;margin:17px 0}.dp-innovation-admin__tabs button{border-radius:9px}.dp-innovation-admin__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.dp-innovation-admin__step{display:grid;grid-template-columns:auto auto 1fr;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--di-line)}.dp-innovation-admin__step>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#eef2ff;color:var(--di-blue);font-weight:800}.dp-innovation-admin__step small{display:block;margin-top:4px;color:var(--di-muted)}.dp-innovation-admin__check,.dp-innovation-admin__event{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--di-line)}.dp-innovation-admin__check>span{padding:4px 7px;border-radius:999px;background:#e8f7f0;color:#116746;font-size:10px;font-weight:850}.dp-innovation-admin__check small,.dp-innovation-admin__event small{display:block;color:var(--di-muted);margin-top:4px}.dp-innovation-admin__feature-list{margin-top:15px}.dp-innovation-admin__feature-list>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dp-innovation-admin__feature-list article{padding:14px;border:1px solid var(--di-line);border-radius:12px;background:#f8f9fc}.dp-innovation-admin__feature-list p{margin:6px 0 0;color:var(--di-muted)}.dp-innovation-admin__event>span{width:11px;height:11px;border-radius:50%;background:var(--di-green);box-shadow:0 0 0 4px rgba(22,132,91,.1)}.dp-innovation-admin__title-row{display:flex;justify-content:space-between;gap:20px}.dp-innovation-admin pre{max-height:320px;overflow:auto;padding:16px;border-radius:12px;background:#111827;color:#d8e2f3;white-space:pre-wrap}.dp-innovation-admin__status{position:sticky;bottom:12px;margin-top:15px;padding:11px 15px;border:1px solid #c7d2fe;border-radius:12px;background:#eef2ff;color:#3730a3;font-weight:700}@media(max-width:900px){.dp-innovation-demo__features{grid-template-columns:repeat(2,1fr)}.dp-innovation-demo__stats,.dp-innovation-admin__metrics{grid-template-columns:repeat(2,1fr)}.dp-innovation-admin__feature-list>div{grid-template-columns:1fr 1fr}}@media(max-width:620px){.dp-innovation-demo__header,.dp-innovation-demo__lab,.dp-innovation-admin__hero,.dp-innovation-admin__grid{grid-template-columns:1fr}.dp-innovation-demo__score{width:92px;height:92px}.dp-innovation-demo__features,.dp-innovation-demo__stats,.dp-innovation-admin__metrics,.dp-innovation-admin__feature-list>div{grid-template-columns:1fr}.dp-innovation-admin__title-row{display:grid}.dp-innovation-admin__privacy{justify-self:start}}@media(prefers-reduced-motion:reduce){.dp-innovation-demo *{transition:none!important;scroll-behavior:auto!important}}
