.product-mockup[data-astro-cid-fv3owclb]{background:radial-gradient(at 85% 10%,#d8cafa,#0000 65%),linear-gradient(135deg,#f7e9df,#e7dffa 60%,#c6d8f2);position:absolute;inset:0;overflow:hidden}.gandengtangan-mockup[data-astro-cid-fv3owclb]{background:radial-gradient(at 85% 10%,#b7d5f5,#0000 65%),linear-gradient(135deg,#f4e8d5,#d6e6f6 60%,#89b4de)}.kendixpress-mockup[data-astro-cid-fv3owclb]{background:radial-gradient(at 85% 10%,#a34842,#0000 65%),linear-gradient(135deg,#632622,#792c2c 60%,#3e171d)}.zenos-mockup[data-astro-cid-fv3owclb]{background:#702e32}.zenos-mockup[data-astro-cid-fv3owclb] .mockup-page[data-astro-cid-fv3owclb]{background:#101010;border-color:#ffffff30}.zenos-mockup[data-astro-cid-fv3owclb] .mockup-toolbar[data-astro-cid-fv3owclb]{background:#202020;border-bottom-color:#333}.zenos-mockup[data-astro-cid-fv3owclb] .mockup-toolbar[data-astro-cid-fv3owclb] i[data-astro-cid-fv3owclb]{color:#ddd}.mockup-page[data-astro-cid-fv3owclb]{transform-origin:50% 15%;background:#fff;border:1px solid #fff9;border-radius:8px;transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;overflow:hidden;transform:translate(0,0)rotate(0);box-shadow:0 18px 45px -15px #30204f55,0 3px 10px #30204f12}.mockup-home[data-astro-cid-fv3owclb]{width:49%;translate:0 var(--project-shift,0px);top:8%;left:6%}.mockup-dashboard[data-astro-cid-fv3owclb]{width:72%;translate:0 calc(var(--project-shift,0px) * -.65);top:35%;right:-3%}.mockup-page[data-astro-cid-fv3owclb] img[data-astro-cid-fv3owclb]{width:100%;height:auto;display:block}.mockup-toolbar[data-astro-cid-fv3owclb]{background:#f8f7fc;border-bottom:1px solid #e9e6f1;align-items:center;gap:3px;height:24px;padding:0 8px;display:flex}.mockup-toolbar[data-astro-cid-fv3owclb]>span[data-astro-cid-fv3owclb]{background:#c5bdd8;border-radius:50%;flex-shrink:0;width:3px;height:3px}.mockup-toolbar[data-astro-cid-fv3owclb] i[data-astro-cid-fv3owclb]{text-overflow:ellipsis;white-space:nowrap;color:#766a8e;min-width:0;margin:auto;padding-right:15px;font-size:11px;font-style:normal;overflow:hidden}@media (width>=1025px) and (hover:hover) and (pointer:fine){.project:is(:hover,:focus-within) .mockup-home[data-astro-cid-fv3owclb]{transform:translate(-4px,-8px)rotate(-.6deg)}.project:is(:hover,:focus-within) .mockup-dashboard[data-astro-cid-fv3owclb]{transition-delay:40ms;transform:translate(-10px,8px)rotate(.6deg)}}@media (prefers-reduced-motion:reduce){.product-mockup[data-astro-cid-fv3owclb] .mockup-page[data-astro-cid-fv3owclb]{transition:none;transform:none}}.preview-shade[data-astro-cid-utabsd57]{z-index:1;opacity:.3;pointer-events:none;background:#000;transition:opacity .36s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.visual-3[data-astro-cid-utabsd57] .preview-shade[data-astro-cid-utabsd57]{opacity:.38}.visual-overlay[data-astro-cid-utabsd57]{z-index:2;pointer-events:none;transition:opacity .26s cubic-bezier(.22,1,.36,1) 60ms}.project:focus-within .visual-overlay[data-astro-cid-utabsd57],.project:focus-within .preview-shade[data-astro-cid-utabsd57]{opacity:0}@media (width>=1025px) and (hover:hover) and (pointer:fine){.project:hover .visual-overlay[data-astro-cid-utabsd57],.project:hover .preview-shade[data-astro-cid-utabsd57]{opacity:0}}@media (width<=1024px),(hover:none),(pointer:coarse){.visual-overlay[data-astro-cid-utabsd57],.preview-shade[data-astro-cid-utabsd57]{transition:none;display:none}}@media (prefers-reduced-motion:reduce){.visual-overlay[data-astro-cid-utabsd57],.preview-shade[data-astro-cid-utabsd57]{transition:none}}.portrait-study[data-astro-cid-omg6lwqf]{isolation:isolate;background:var(--surface);border:1px solid var(--line)}.portrait-interaction[data-astro-cid-omg6lwqf]{width:100%;height:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.portrait-interaction[data-astro-cid-omg6lwqf]:focus-visible{outline:2px solid var(--link);outline-offset:-5px}.portrait-grid[data-astro-cid-omg6lwqf]{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.3;background-size:44px 44px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 90%)}.portrait-halo[data-astro-cid-omg6lwqf]{aspect-ratio:1;opacity:.65;background:radial-gradient(circle,#2869b854 0%,#2869b824 40%,#0000 70%);border-radius:50%;width:100%;transition:opacity .5s;position:absolute;top:3%;left:0}.portrait-orbit[data-astro-cid-omg6lwqf]{aspect-ratio:1;border:1px solid var(--accent);opacity:.45;border-radius:50%;width:78%;position:absolute;top:8%;left:11%}.portrait-study[data-astro-cid-omg6lwqf] .portrait-photo[data-astro-cid-omg6lwqf]{object-fit:cover;object-position:center top;filter:grayscale()contrast(1.04);width:100%;height:100%;transition:filter .55s;position:relative}.portrait-frame[data-astro-cid-omg6lwqf]{border:1px solid var(--line);border-top-color:var(--accent);pointer-events:none;position:absolute;inset:16px}.portrait-caption[data-astro-cid-omg6lwqf]{color:#f1f0e9;letter-spacing:.04em;pointer-events:none;background:linear-gradient(#0000,#101112e6);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:35px 24px 22px;font-size:11px;line-height:1.5;display:flex;position:absolute;inset:auto 0 0}.portrait-hint[data-astro-cid-omg6lwqf]{color:#87baff}.portrait-study[data-astro-cid-omg6lwqf] .portrait-photo[data-astro-cid-omg6lwqf]{transform:translate3d(0, var(--portrait-shift,0px), 0)}.portrait-halo[data-astro-cid-omg6lwqf]{transform:translate3d(0, var(--halo-shift,0px), 0)}.is-parallax-active[data-astro-cid-omg6lwqf] .portrait-photo[data-astro-cid-omg6lwqf],.is-parallax-active[data-astro-cid-omg6lwqf] .portrait-halo[data-astro-cid-omg6lwqf]{will-change:transform}.portrait-interaction[data-astro-cid-omg6lwqf][aria-pressed=true] .portrait-photo[data-astro-cid-omg6lwqf],.portrait-interaction[data-astro-cid-omg6lwqf]:focus-visible .portrait-photo[data-astro-cid-omg6lwqf]{filter:grayscale(0)contrast()}.portrait-interaction[data-astro-cid-omg6lwqf][aria-pressed=true] .portrait-halo[data-astro-cid-omg6lwqf]{opacity:1}@media (hover:hover){.portrait-interaction[data-astro-cid-omg6lwqf]:hover .portrait-photo[data-astro-cid-omg6lwqf]{filter:grayscale(0)contrast()}.portrait-interaction[data-astro-cid-omg6lwqf]:hover .portrait-halo[data-astro-cid-omg6lwqf]{opacity:1}}@media (width<=700px){.portrait-caption[data-astro-cid-omg6lwqf]{padding:30px 20px 18px;font-size:11px}}@media (prefers-reduced-motion:reduce){.portrait-study[data-astro-cid-omg6lwqf] .portrait-photo[data-astro-cid-omg6lwqf],.portrait-halo[data-astro-cid-omg6lwqf],.portrait-orbit[data-astro-cid-omg6lwqf]{transition:none;transform:none}}