.ydz58G_visual{--wash:143 177 225;--glow:204 223 250;isolation:isolate;background:radial-gradient(ellipse at 95% 100%, rgb(var(--wash) / .42), transparent 72%), radial-gradient(ellipse at 75% 40%, rgb(var(--glow) / .35), transparent 70%);flex-shrink:0;align-items:flex-start;width:47%;height:100%;padding:30px 24px 0 18px;display:flex;position:relative}.ydz58G_visual[data-project=personio-workflows]{--wash:178 160 219;--glow:218 207 244}.ydz58G_visual[data-project=capmo-ai]{--wash:136 190 169;--glow:201 235 223}.ydz58G_visual:before{content:"";z-index:-1;background:rgb(var(--wash) / .18);filter:blur(24px);border-radius:50%;position:absolute;inset:28% 3% -25% 20%}.ydz58G_visual img{border:1px solid #fffffff2;border-radius:7px;outline:1px solid #0000000f;flex-shrink:0;width:100%;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s;transform:translateY(7px);box-shadow:0 4px 8px #1919280f,0 18px 30px -12px #19192840}@media (hover:hover){a:hover .ydz58G_visual img{transform:translateY(-1px);box-shadow:0 6px 12px #19192812,0 24px 34px -12px #19192840}}a:focus-visible .ydz58G_visual img{transform:translateY(-1px)}@media (max-width:639px){.ydz58G_visual{background:radial-gradient(ellipse at 80% 110%, rgb(var(--wash) / .42), transparent 75%), radial-gradient(ellipse at 40% 110%, rgb(var(--glow) / .35), transparent 75%);width:100%;height:170px;margin-top:16px;padding:20px 28px 0}}@media (prefers-reduced-motion:reduce){.ydz58G_visual img,a:hover .ydz58G_visual img,a:focus-visible .ydz58G_visual img{transition:none;transform:translateY(7px)}}
._6_vpnG_collection{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;padding:0 28px;display:grid;position:relative}._6_vpnG_surface{z-index:-1;background:linear-gradient(#fafaf9 0%,#f4f3f1 92%,#eeedeb 100%);border:1px solid #00000008;border-radius:16px;height:280px;position:absolute;inset:0 0 auto}._6_vpnG_surface:after{content:"";background:linear-gradient(90deg,#0000,#00000017,#0000);height:1px;position:absolute;bottom:0;left:5%;right:5%;box-shadow:0 4px 9px #00000014}._6_vpnG_item{outline-offset:6px;border-radius:6px;min-width:0}._6_vpnG_item:focus-visible{outline:2px solid #2563eb}._6_vpnG_stage{perspective:900px;justify-content:center;align-items:flex-end;height:280px;padding-bottom:28px;display:flex}._6_vpnG_book{aspect-ratio:.67;width:min(100% - 14px,164px);max-height:220px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;transform:rotateY(-18deg)rotate(-2deg)}._6_vpnG_item:nth-child(3) ._6_vpnG_book{transform:rotateY(-18deg)rotate(1deg)}._6_vpnG_item:nth-child(4) ._6_vpnG_book{transform:rotateY(-18deg)rotate(-1deg)}._6_vpnG_cover{background:#dedad0;border-radius:2px 4px 4px 2px;position:absolute;inset:0;overflow:hidden;box-shadow:-1px 0 1px #0000001f,2px 3px 5px #00000026,9px 15px 19px -6px #0000003d}._6_vpnG_binding{background:linear-gradient(90deg,#0000002e,#ffffff2e 2%,#0000001a 4%,#0000 6% 97%,#00000012);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000f}._6_vpnG_pages{transform-origin:0;background:repeating-linear-gradient(90deg,#efede5 0 1px,#d8d5cc 1px,#e5e2d9 2px);border:1px solid #d2cec3;border-radius:0 2px 2px 0;width:13px;position:absolute;top:3px;bottom:3px;left:100%;transform:rotateY(90deg)}._6_vpnG_fallback{padding:18px;font-family:Georgia,serif;font-size:20px;display:block}._6_vpnG_caption{align-items:baseline;gap:9px;padding-top:22px;display:flex}._6_vpnG_number{font-family:var(--font-geist-mono), monospace;color:#9ca3af;font-size:10px}._6_vpnG_title{color:#111827;font-size:14px;font-weight:500;line-height:1.4}._6_vpnG_author{color:#6b7280;margin-top:5px;font-size:12px;line-height:1.5}._6_vpnG_arrow{color:#9ca3af;flex-shrink:0;margin-left:auto;transition:color .2s}._6_vpnG_item:focus-visible ._6_vpnG_book{transform:translateY(-9px)rotateY(-7deg)rotate(0)}@media (hover:hover){._6_vpnG_item:hover ._6_vpnG_book{transform:translateY(-9px)rotateY(-7deg)rotate(0)}._6_vpnG_item:hover ._6_vpnG_arrow{color:#2563eb}}@media (max-width:639px){._6_vpnG_collection{column-gap:16px;padding:0 16px}._6_vpnG_surface,._6_vpnG_stage{height:180px}._6_vpnG_stage{padding-bottom:22px}._6_vpnG_book{width:calc(100% - 4px);max-width:100px;max-height:142px}._6_vpnG_pages{width:8px}._6_vpnG_caption{padding-top:16px}._6_vpnG_number,._6_vpnG_arrow{display:none}._6_vpnG_title{font-size:12px}._6_vpnG_author{font-size:11px}}@media (prefers-reduced-motion:reduce){._6_vpnG_book,._6_vpnG_arrow{transition:none}._6_vpnG_item ._6_vpnG_book,._6_vpnG_item:hover ._6_vpnG_book,._6_vpnG_item:focus-visible ._6_vpnG_book{transform:rotateY(-18deg)}}
.zrspla_phrase{--tilt:-1deg;--surface:#fff0df;--ink:#9a431e;--object-light:#ffd5a3;--object-mid:#ef8b50;--object-dark:#b94322;vertical-align:baseline;outline-offset:5px;cursor:default;isolation:isolate;border-radius:12px;display:inline-flex;position:relative}a.zrspla_phrase{cursor:pointer;text-transform:none}.zrspla_phrase[data-theme=product]{--tilt:.7deg;--surface:#e5eeff;--ink:#224cad;--object-light:#b7d7ff;--object-mid:#5287ed;--object-dark:#214bad}.zrspla_phrase[data-theme=builder]{--surface:#202938;--ink:#f0f5ff;--object-light:#f7fbff;--object-mid:#aebcd0;--object-dark:#53627c}.zrspla_phrase[data-theme=designer]{--surface:#f1e6fc;--ink:#7139a1;--object-light:#e6baff;--object-mid:#b37aef;--object-dark:#7134a5}.zrspla_phrase[data-theme=capmo]{--tilt:.8deg;--surface:#edf6cb;--ink:#455617;--object-light:#efffaa;--object-mid:#b9d951;--object-dark:#627b22}.zrspla_pixel{align-items:center;gap:.09em;transition:opacity .18s,filter .22s;display:inline-flex}.zrspla_pixelIcon{margin-bottom:-.05em;margin-right:.05em;display:inline-flex}.zrspla_pixelIcon svg{filter:drop-shadow(.5px 0)drop-shadow(-.5px 0)drop-shadow(0 .5px)drop-shadow(0 -.5px);width:.7em;height:.7em}.zrspla_polished{color:var(--ink);background:linear-gradient(155deg, #ffffff38, transparent 65%), var(--surface);opacity:0;transform-origin:50%;pointer-events:none;word-spacing:normal;border-radius:12px;justify-content:center;align-items:center;gap:.08em;padding:0 .14em;transition:opacity .18s,transform .22s ease-out,box-shadow .22s ease-out;display:flex;position:absolute;inset:-.12em -.14em;box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #00000009,0 7px 18px -8px #1e1e324d}.zrspla_object{flex-shrink:0;width:.92em;height:1.12em;display:inline-flex}.zrspla_object svg{width:100%;height:100%;overflow:visible}.zrspla_polished:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(110deg,#0000 40%,#ffffff4d 50%,#0000 60%) 100% 0/300% 100%;position:absolute;inset:0}@keyframes zrspla_reveal{0%{opacity:0;clip-path:inset(-24px 100% -24px -24px round 12px)}to{opacity:1;clip-path:inset(-24px round 12px)}}@keyframes zrspla_sheen{0%{opacity:0;background-position:100% 0}25%{opacity:1}to{opacity:0;background-position:0 0}}.zrspla_smooth{font-family:var(--font-geist-sans), sans-serif;letter-spacing:-.025em;white-space:nowrap;font-size:.9em;font-weight:500;line-height:1}.zrspla_phrase:focus-visible{z-index:2;outline:2px solid #2563eb}.zrspla_phrase:focus-visible .zrspla_pixel{opacity:0}.zrspla_phrase:focus-visible .zrspla_polished{opacity:1;transform:translateY(-2px) rotate(var(--tilt));animation:.42s cubic-bezier(.2,.7,.2,1) zrspla_reveal;box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #00000009,0 10px 22px -8px #1e1e324d}.zrspla_phrase:focus-visible .zrspla_polished:after{animation:.65s ease-out zrspla_sheen}@media (hover:hover){.zrspla_phrase:hover{z-index:2}.zrspla_phrase:hover .zrspla_pixel{opacity:0;filter:blur(2px)}.zrspla_phrase:hover .zrspla_polished{opacity:1;transform:translateY(-2px) rotate(var(--tilt));animation:.42s cubic-bezier(.2,.7,.2,1) zrspla_reveal;box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #00000009,0 10px 22px -8px #1e1e324d}.zrspla_phrase:hover .zrspla_polished:after{animation:.65s ease-out zrspla_sheen}}@media (prefers-reduced-motion:reduce){.zrspla_pixel,.zrspla_polished,.zrspla_object{transition:none}.zrspla_phrase:hover .zrspla_polished,.zrspla_phrase:focus-visible .zrspla_polished{transform:none}.zrspla_phrase:hover .zrspla_polished,.zrspla_phrase:focus-visible .zrspla_polished,.zrspla_phrase:hover .zrspla_polished:after,.zrspla_phrase:focus-visible .zrspla_polished:after{animation:none}}