.ProjectMockup_mock__9XybQ{--accent:#2e6ebb;--accent-deep:#1e4fa1;--surface:#ffffff;--surface-soft:var(--color-blue-soft,#e6f0ff);--text:#231f20;--text-soft:#334155;--shape:#f59e0b;position:relative;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--border-default,rgba(35,31,32,.08));box-shadow:0 2px 8px rgba(35,31,32,.06);isolation:isolate;aspect-ratio:4/3}.ProjectMockup_mock--blue__YAa6G{--accent:#2e6ebb;--accent-deep:#1e4fa1;--surface:#ffffff;--surface-soft:var(--color-blue-soft,#e6f0ff);--shape:#f59e0b}.ProjectMockup_mock--orange__11L4u{--accent:#f59e0b;--accent-deep:#b76a06;--surface:#fff;--surface-soft:var(--color-orange-soft,#fff4e0);--shape:#2e6ebb}.ProjectMockup_mock--dark__3C_IC{--accent:#f59e0b;--accent-deep:#231f20;--surface:#231f20;--surface-soft:rgba(255,255,255,0.08);--text:#ffffff;--text-soft:rgba(255,255,255,0.6);--shape:#2e6ebb;background:var(--surface);border-color:hsla(0,0%,100%,.08)}.ProjectMockup_mock__chrome__dIBcm{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(0,0,0,.04);border-bottom:1px solid var(--border-default,rgba(35,31,32,.08))}.ProjectMockup_mock__dot__nSaGK{display:inline-block;width:8px;height:8px;border-radius:999px;background:rgba(35,31,32,.15)}.ProjectMockup_mock__dot__nSaGK:first-child{background:#fb7185}.ProjectMockup_mock__dot__nSaGK:nth-child(2){background:#fbbf24}.ProjectMockup_mock__dot__nSaGK:nth-child(3){background:#34d399}.ProjectMockup_mock__url__yPzjq{margin-left:auto;font-family:Inter,sans-serif;font-size:10px;color:rgba(35,31,32,.5);letter-spacing:.04em}.ProjectMockup_mock--dark__3C_IC .ProjectMockup_mock__chrome__dIBcm{background:hsla(0,0%,100%,.04);border-bottom-color:hsla(0,0%,100%,.08)}.ProjectMockup_mock--dark__3C_IC .ProjectMockup_mock__url__yPzjq{color:hsla(0,0%,100%,.45)}.ProjectMockup_mock__viewport___4FIe{position:relative;flex:1 1;height:100%;padding:20px 24px;display:flex;flex-direction:column;gap:16px;overflow:hidden;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 50%),var(--surface)}.ProjectMockup_mock__pattern__DebRz{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(35,31,32,.04) 1px,transparent 0),linear-gradient(180deg,rgba(35,31,32,.04) 1px,transparent 0);background-size:32px 32px;mask-image:radial-gradient(ellipse at 100% 0,black 0,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0,black 0,transparent 70%)}.ProjectMockup_mock--dark__3C_IC .ProjectMockup_mock__pattern__DebRz{background-image:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 0)}.ProjectMockup_mock__content__LSomF{position:relative;display:flex;flex-direction:column;gap:10px;z-index:1}.ProjectMockup_mock__category___7NiB{font-family:Inter,sans-serif;font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-weight:600}.ProjectMockup_mock__label__uPnu5{font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.02em;max-width:70%}.ProjectMockup_mock__bars__JSqCo{display:flex;flex-direction:column;gap:6px;margin-top:4px}.ProjectMockup_mock__bars__JSqCo span{display:block;height:8px;background:var(--surface-soft);border-radius:4px}.ProjectMockup_mock__cards__AR3l4{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-top:4px}.ProjectMockup_mock__cards__AR3l4 span{display:block;height:36px;background:var(--surface-soft);border-radius:6px}.ProjectMockup_mock__cards__AR3l4 span:nth-child(2){background:color-mix(in srgb,var(--accent) 80%,transparent)}.ProjectMockup_mock__shape__wwpBi{position:absolute;width:140px;height:140px;bottom:-50px;right:-50px;background:var(--shape);border-radius:999px;opacity:.15;z-index:0}