.cm-viewport{background:#0b0c0f;position:relative;overflow:hidden}.cm-viewport.is-desktop{aspect-ratio:16/10}.cm-viewport.is-phone{aspect-ratio:390/844}.cm-viewport>img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.cm-media{display:block;position:absolute;inset:0}.cm-media>img,.cm-media>video{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.cm-media>video{opacity:0;transition:opacity .35s}.cm-media>video.is-ready{opacity:1}.cm-bar{background:linear-gradient(#1d1f24,#141519);border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:center;height:clamp(14px,3.1cqw,30px);padding:0 1.4cqw;display:grid}.cm-dots{gap:.7cqw;display:flex}.cm-dots i{aspect-ratio:1;background:#ffffff38;border-radius:50%;width:clamp(4px,.8cqw,8px)}.cm-dots i:first-child{background:color-mix(in srgb, var(--c-p,#3b82f6) 70%, #fff 10%)}.cm-address{color:#ffffff9e;min-width:0;max-width:44cqw;font:500 clamp(6px, 1.05cqw, 11px) var(--font-mono), monospace;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:99px;align-items:center;gap:.6cqw;padding:.35cqw 1.6cqw;display:inline-flex;overflow:hidden}.cm-address svg{opacity:.7;flex:none}.cm-browser{background:#0b0c0f;border:1px solid #ffffff29;border-radius:12px;overflow:hidden;box-shadow:0 1.6em 3.4em #00000073,inset 0 1px #ffffff14;container-type:inline-size}.cm-laptop{position:relative;container-type:inline-size}.cm-laptop-lid{background:linear-gradient(#17181c,#0a0b0d);border-radius:2.4cqw 2.4cqw 1cqw 1cqw;padding:1.7cqw 1.7cqw 2.3cqw;position:relative;box-shadow:inset 0 0 0 1px #ffffff21,inset 0 .3cqw .6cqw #ffffff0d,0 3cqw 6cqw #00000080}.cm-laptop-cam{aspect-ratio:1;background:#23262c;border-radius:50%;width:.55cqw;position:absolute;top:.65cqw;left:50%;transform:translate(-50%);box-shadow:0 0 0 .12cqw #ffffff0f}.cm-laptop-screen{background:#000;border-radius:.6cqw;overflow:hidden}.cm-laptop-base{background:linear-gradient(#4a4e57 0%,#2a2c32 38%,#131418 100%);border-radius:.25cqw .25cqw 2.2cqw 2.2cqw/.25cqw .25cqw 1.6cqw 1.6cqw;width:112%;height:1.9cqw;margin:0 -6%;position:relative;box-shadow:0 1.6cqw 2.6cqw #0000008c,inset 0 1px #fff3}.cm-laptop-base i{background:linear-gradient(#17181c,#2a2c32);border-radius:0 0 .9cqw .9cqw;width:15%;height:45%;position:absolute;top:0;left:50%;transform:translate(-50%)}.cm-phone{position:relative;container-type:inline-size}.cm-phone .cm-viewport{border:1px solid #ffffff29;border-radius:9cqw;box-shadow:0 4cqw 10cqw #0000008c}.cm-showcase{width:min(100%,1120px);margin:clamp(14px,2vw,26px) auto 0;padding:0 0 clamp(40px,4vw,54px);display:grid;position:relative}.cm-showcase>*{grid-area:1/1}.cm-showcase-glow{background:radial-gradient(ellipse at 50% 55%, color-mix(in srgb, var(--c-p) 40%, transparent), transparent 66%);filter:blur(40px);opacity:.85;pointer-events:none;border-radius:50%;place-self:center;width:86%;height:72%}.cm-showcase-desktop{z-index:1;place-self:start;width:76%;margin-left:0;position:relative}.cm-showcase-phone{z-index:2;filter:drop-shadow(0 26px 34px #0000008c);place-self:end;width:25%;margin-right:0;position:relative}.cm-showcase.is-solo .cm-showcase-desktop{justify-self:center;width:92%;margin:0}.cm-controls{z-index:3;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:0;left:0}.cm-toggle,.cm-mode button{color:#dfe6ef;min-height:34px;font:600 10px var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(8px);background:#080a0eb3;border:1px solid #ffffff2e;border-radius:99px;align-items:center;gap:7px;padding:0 14px;transition:border-color .25s,background .25s,color .25s;display:inline-flex}.cm-mode{background:#080a0e8c;border:1px solid #ffffff24;border-radius:99px;gap:4px;padding:3px;display:inline-flex}.cm-mode button{background:0 0;border-color:#0000;min-height:28px;padding:0 12px}.cm-mode button[aria-pressed=true]{color:#050506;background:#f1f3f5}.cm-mode button:focus-visible{outline:2px solid var(--wd-blue-soft,#7fb0ff);outline-offset:2px}.cm-toggle:hover{border-color:#ffffff73}.cm-toggle:focus-visible{outline:2px solid var(--wd-blue-soft,#7fb0ff);outline-offset:2px}.cm-posters{height:100%;position:relative}.cm-posters .cm-posters-desktop{width:100%}.wk-card-visual .cm-browser{box-shadow:0 1.4em 3em #00000080,inset 0 1px #ffffff14}.wk-card-float.is-phone{width:19%;bottom:-14%;right:5%}.wk-deliverable-visual .cm-browser{box-shadow:0 1.2em 2.6em #00000073}.wk-deliverable.is-solo{grid-template-columns:minmax(0,1fr)}.wk-deliverable.is-solo .wk-deliverable-copy{max-width:860px}.wk-deliverable.is-solo ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.wk-shot-video .wk-shot-frame{place-items:center;padding:clamp(16px,2.4vw,32px);display:grid}.wk-shot-video.is-phone .cm-phone{width:min(340px,70%)}.wk-shot-video.is-desktop .cm-laptop{width:100%}.wk-status-badge{color:#cfe2ff;font:600 8.5px var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:#6aa8ff1a;border:1px solid #6aa8ff73;border-radius:6px;align-items:center;gap:7px;padding:5px 9px;display:inline-flex}.wk-status-badge i{background:#6aa8ff;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite wk-status-pulse;box-shadow:0 0 8px #6aa8ff}@keyframes wk-status-pulse{50%{opacity:.35}}[data-theme=light] .wk-status-badge{color:#1f3f86;background:#2a5cc014;border-color:#2a5cc073}[data-theme=light] .wk-status-badge i{box-shadow:none;background:#2a5cc0}[data-theme=light] .cm-bar{background:linear-gradient(#f3f5f8,#e4e8ee);border-bottom-color:#1420381a}[data-theme=light] .cm-dots i{background:#14203833}[data-theme=light] .cm-address{color:#142038a8;background:#1420380f}[data-theme=light] .cm-browser{background:#e9edf2;border-color:#14203829;box-shadow:0 1.4em 3em #2030502e,inset 0 1px #fffc}[data-theme=light] .cm-laptop-lid{background:linear-gradient(#1a1c20,#0e0f12);box-shadow:0 0 0 .45cqw #c9ced6,0 0 0 .55cqw #1420382e,0 3cqw 6cqw #20305038}[data-theme=light] .cm-laptop-base{background:linear-gradient(#eef0f3 0%,#cfd4db 40%,#a7aeb8 100%);box-shadow:0 1.6cqw 2.6cqw #20305038,inset 0 1px #ffffffe6}[data-theme=light] .cm-laptop-base i{background:linear-gradient(#b4bac3,#d7dbe1)}[data-theme=light] .cm-phone .cm-viewport{border-color:#14203829;box-shadow:0 4cqw 10cqw #20305040}[data-theme=light] .cm-showcase-phone{filter:drop-shadow(0 22px 30px #20305040)}[data-theme=light] .cm-showcase-glow{opacity:.55}[data-theme=light] .cm-toggle,[data-theme=light] .cm-mode{color:#1c2a44;background:#f4f6f9d9;border-color:#14203833}[data-theme=light] .cm-mode button{color:#1c2a44}[data-theme=light] .cm-mode button[aria-pressed=true]{color:#fff;background:#1c2a44}[data-theme=light] .cm-toggle:hover{border-color:#14203873}[data-theme=light] .wk-card-visual .cm-browser,[data-theme=light] .wk-deliverable-visual .cm-browser{box-shadow:0 1.2em 2.6em #2030502e}@media (max-width:760px){.cm-showcase{padding-bottom:46px}.cm-showcase-desktop{width:90%;margin-left:0}.cm-showcase-phone{width:38%;margin-right:0}.cm-toggle,.cm-mode button{min-height:30px;padding:0 11px;font-size:9px}.wk-card-float.is-phone{width:24%;bottom:-20%;right:4%}.wk-deliverable.is-solo ul{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cm-toggle{display:none}.wk-status-badge i{animation:none}}