.prd-mockup{background:radial-gradient(70% 90% at 50% 0%, color-mix(in srgb, var(--prd-accent,#6d9ceb) 22%, transparent), transparent 70%), radial-gradient(60% 80% at 85% 100%, #ff8a3d12, transparent 70%), #ffffff05;content-visibility:auto;contain-intrinsic-size:auto 210px;border:1px solid #ffffff12;border-radius:18px;place-items:center;margin:0 0 18px;padding:22px 18px;display:grid;position:relative;overflow:hidden}.prd-mockup .prd-sc-card{width:100%;max-width:280px}.prd-card>.prd-mockup{min-height:240px;margin-top:auto}.prd-card>.prd-mockup+.prd-card-foot{margin-top:0}.prd-sc-chat{transform:perspective(900px)rotateX(4deg)}.prd-sc-mail{transform:perspective(900px)rotateY(-6deg)rotateX(3deg)}.prd-sc-blog{transform:perspective(900px)rotateY(6deg)rotateX(3deg)}.prd-sc-typing i{animation-play-state:paused}.prd-card:hover .prd-sc-typing i,.prd-card:focus-within .prd-sc-typing i{animation-play-state:running}.prd-sc-card{color:#e9eef7;font:500 11px/1.4 var(--font-sans,system-ui), sans-serif;background:linear-gradient(155deg,#ffffff21,#ffffff09 38%,#0c1222b8 100%);border:1px solid #ffffff24;border-radius:18px;padding:13px;position:relative;box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff05,-22px -14px 60px -34px #4f8cffe6,24px 20px 60px -36px #ff8a3d8c,0 34px 70px -24px #000000bf}.prd-sc-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff29,#0000 28% 72%,#7fb2ff14);position:absolute;inset:0}.prd-sc-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.prd-sc-head.is-tight{margin:10px 0 8px}.prd-sc-head b{font:600 12px/1 var(--font-chakra,inherit), sans-serif;letter-spacing:.01em;color:#fff}.prd-sc-bot{background:#4f8cff29;border-radius:9px;flex:none;width:30px;height:30px}.prd-sc-ic{flex:none}.prd-sc-live{color:#9fb4cf;font:500 9px/1 var(--font-mono,monospace), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.prd-sc-live i{background:#3ddc84;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #3ddc84}.prd-sc-bubble{border-radius:12px;max-width:88%;margin:0 0 7px;padding:7px 10px}.prd-sc-bubble.is-user{color:#fff;background:linear-gradient(135deg,#4f8cff,#3a6fe0);border-bottom-right-radius:4px;margin-left:auto}.prd-sc-bubble.is-bot{background:#ffffff14;border:1px solid #ffffff14;border-bottom-left-radius:4px}.prd-sc-typing{background:#ffffff0f;border-radius:12px;gap:4px;padding:7px 10px;display:inline-flex}.prd-sc-typing i{opacity:.5;background:#9fc2ff;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite prd-sc-dot}.prd-sc-typing i:nth-child(2){animation-delay:.2s}.prd-sc-typing i:nth-child(3){animation-delay:.4s}@keyframes prd-sc-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.prd-sc-pill{color:#7ee8ac;font:600 9px/1 var(--font-mono,monospace), monospace;letter-spacing:.06em;text-transform:uppercase;background:#3ddc8424;border-radius:99px;align-items:center;gap:4px;margin-left:auto;padding:3px 7px;display:inline-flex}.prd-sc-pill svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}.prd-sc-mailhero{background:radial-gradient(120% 140% at 15% 10%,#7fb2ff8c,#0000 55%),linear-gradient(120deg,#4f8cff59,#ff8a3d40);border-radius:10px;height:46px;margin-bottom:9px}.prd-sc-line{background:#ffffff1f;border-radius:4px;height:6px;margin-top:6px;display:block}.prd-sc-line.is-title{background:#ffffff52;height:8px}.prd-sc-line.w95{width:95%}.prd-sc-line.w90{width:90%}.prd-sc-line.w80{width:80%}.prd-sc-line.w75{width:75%}.prd-sc-line.w70{width:70%}.prd-sc-line.w60{width:60%}.prd-sc-bars{border-top:1px solid #ffffff14;align-items:flex-end;gap:5px;height:34px;margin-top:11px;padding-top:8px;display:flex}.prd-sc-bars i{background:linear-gradient(#7fb2ffd9,#4f8cff59);border-radius:3px 3px 1px 1px;flex:1}.prd-sc-cover{background:radial-gradient(90% 120% at 80% 0,#ffa06080,#0000 55%),radial-gradient(120% 120% at 10% 100%,#4f8cffb3,#0000 60%),linear-gradient(160deg,#1b2a4d,#0b1222);border-radius:11px;height:78px;position:relative;overflow:hidden}.prd-sc-cover:after{content:"";border-top:1px solid #ffffff59;border-radius:50%;height:70%;position:absolute;bottom:-30%;left:14%;right:14%}.prd-sc-chip{color:#dfe8f6;font:500 9px/1 var(--font-mono,monospace), monospace;letter-spacing:.05em;background:#00000073;border-radius:99px;padding:3px 7px;position:absolute;top:8px;left:8px}@media (max-width:767px){.prd-mockup{margin-bottom:14px;padding:16px 12px}.prd-card>.prd-mockup{min-height:0}.prd-mockup .prd-sc-card{max-width:250px}}@media (prefers-reduced-motion:reduce){.prd-sc-typing i{animation:none!important}}[data-theme=light] .prd-mockup{background:radial-gradient(70% 90% at 50% 0%, color-mix(in srgb, var(--prd-accent,#6d9ceb) 16%, transparent), transparent 70%), #101c3806;border-color:#101c3814}[data-theme=light] .prd-sc-card{color:#1b2333;background:linear-gradient(155deg,#fffffff2,#f4f7fcdb);border-color:#101c381a;box-shadow:inset 0 1px #fff,-18px -12px 50px -30px #4f8cff8c,18px 18px 50px -34px #ff8a3d66,0 26px 50px -26px #101c3859}[data-theme=light] .prd-sc-head b{color:#0b0f19}[data-theme=light] .prd-sc-bubble.is-bot,[data-theme=light] .prd-sc-typing{background:#101c380d;border-color:#101c380f}[data-theme=light] .prd-sc-line{background:#101c381a}[data-theme=light] .prd-sc-line.is-title{background:#101c384d}[data-theme=light] .prd-sc-live{color:#5a6b85}[data-theme=light] .prd-sc-pill{color:#138a4b}[data-theme=light] .prd-sc-bars{border-top-color:#101c3814}[data-theme=light] .prd-sc-bubble.is-user{color:#fff;background:linear-gradient(135deg,#4f8cff,#3a6fe0)}[data-theme=light] .prd-sc-cover{background:radial-gradient(90% 120% at 80% 0,#ffa0608c,#0000 55%),radial-gradient(120% 120% at 10% 100%,#4f8cffbf,#0000 60%),linear-gradient(160deg,#2a3f6e,#121c34)}[data-theme=light] .prd-sc-chip{color:#fff;background:#00000073}