.ham-showcase{position:relative;width:100%;max-width:1060px;height:480px;margin:0 auto}.ham-showcase__back,.ham-showcase__front{position:absolute;width:700px}.ham-showcase__back{top:20px;left:0;z-index:1}.ham-showcase__front{top:0;right:0;z-index:2}.ham-browser{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 20px 50px -10px #00000026,0 8px 20px -6px #00000014;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12.5px;-webkit-font-smoothing:antialiased;color:#212121;background:#fff}.ham-chrome{background:#f0f0f0;border-bottom:1px solid #e0e0e0}.ham-titlebar{height:36px;display:flex;align-items:center;padding:0 14px}.ham-dots{display:flex;gap:6px}.ham-dot{width:10px;height:10px;border-radius:50%}.ham-dot--r{background:#ff5f56}.ham-dot--y{background:#ffbd2e}.ham-dot--g{background:#27c93f}.ham-app{display:grid;grid-template-rows:38px 1fr;height:420px}.ham-topbar{display:flex;align-items:center;padding:0 16px;gap:14px;border-bottom:1px solid rgba(0,0,0,.1)}.ham-topbar--indigo{background:#3f51b5}.ham-topbar--blue{background:#2096f3}.ham-logo-name{font-size:14px;font-weight:600;color:#fff;letter-spacing:-.3px}.ham-logo-accent{font-weight:400;opacity:.75}.ham-topbar-search{flex:1;max-width:340px;height:26px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:6px;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:11.5px;color:#ffffff80}.ham-topbar-search svg{flex-shrink:0}.ham-body{display:grid;grid-template-columns:160px 1fr;overflow:hidden}.ham-sidebar{background:#fefefe;border-right:1px solid #ebebeb;overflow-y:auto;padding:6px 0}.ham-sidebar::-webkit-scrollbar{display:none}.ham-nav-item{display:flex;align-items:center;padding:6px 16px;font-size:11.5px;color:#616161}.ham-nav-item--active{font-weight:500}.ham-nav-item--active.ham-nav-item--indigo{background:#e8eaf0;color:#3f51b5}.ham-nav-item--active.ham-nav-item--blue{background:#e3f2fd;color:#2096f3}.ham-nav-group{padding:10px 16px 4px;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#bdbdbd}.ham-main{background:#f0f0f0;display:flex;flex-direction:column;overflow:hidden}.ham-toprow{height:36px;background:#f0f0f0;border-bottom:1px solid #dadada;display:flex;align-items:center;padding:0 16px;flex-shrink:0}.ham-bc{display:flex;align-items:center;gap:0;font-size:11px;color:#9e9e9e}.ham-bc-icon{font-size:12px;cursor:pointer}.ham-bc-sep{margin:0 5px;color:#c8c8c8}.ham-bc-link{color:#757575}.ham-bc-cur{color:#424242;font-weight:500}.ham-view-tabs{margin-left:auto;display:flex;align-items:center;height:100%}.ham-vtab{padding:0 12px;height:100%;display:flex;align-items:center;font-size:11.5px;color:#9e9e9e;position:relative}.ham-vtab--on{font-weight:500}.ham-vtab--on.ham-vtab--indigo{color:#3f51b5}.ham-vtab--on.ham-vtab--blue{color:#2096f3}.ham-vtab--on:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px}.ham-vtab--on.ham-vtab--indigo:after{background:#3f51b5}.ham-vtab--on.ham-vtab--blue:after{background:#2096f3}.ham-scroll{flex:1;overflow-y:auto;background:#fff}.ham-scroll::-webkit-scrollbar{width:3px}.ham-scroll::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.ham-data-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #f0f0f0}.ham-row{display:grid;grid-template-columns:115px 1fr;border-bottom:1px solid #f0f0f0}.ham-row:last-child{border-bottom:none}.ham-rk{padding:6px 16px;font-size:11px;color:#9e9e9e;display:flex;align-items:center}.ham-rv{padding:6px 16px 6px 0;font-size:11px;color:#212121;display:flex;align-items:center;justify-content:flex-end;text-align:right}.ham-rv--indigo{color:#3f51b5;font-weight:500}.ham-rv--blue{color:#2096f3;font-weight:500}.ham-rv--amber{color:#e65100;font-weight:500}.ham-rv--green{color:#2e7d32;font-weight:500}.ham-rv--dim{color:#bdbdbd}.ham-section-sep{height:1px;background:#f0f0f0}.ham-section-title{padding:12px 16px 8px;font-size:12.5px;font-weight:600;color:#212121;display:flex;align-items:center;justify-content:space-between}.ham-section-right{font-size:11px;font-weight:400;color:#9e9e9e}.ham-browser--leasone .ham-section-right strong{color:#3f51b5;font-weight:600}.ham-browser--refione .ham-section-right strong{color:#2096f3;font-weight:600}.product-showcase__mockup .ham-browser{border-radius:0;box-shadow:none;height:100%;display:flex;flex-direction:column}.product-showcase__mockup .ham-app{height:auto;flex:1}[data-theme=dark] .ham-browser{box-shadow:0 0 0 1px #ffffff0f,0 20px 50px -10px #00000080,0 8px 20px -6px #0000004d}@media(max-width:1024px){.ham-showcase{height:400px;max-width:100%}.ham-showcase__back,.ham-showcase__front{width:580px}.ham-showcase__back{top:16px;left:-20px}.ham-showcase__front{right:-20px}.ham-app{height:350px}}@media(max-width:768px){.ham-showcase{height:240px;max-width:1060px;transform:scale(.5);transform-origin:top left;width:200%}.ham-showcase__back,.ham-showcase__front{width:700px}.ham-showcase__back{top:20px;left:0}.ham-showcase__front{right:0}.ham-app{height:420px}}@media(max-width:480px){.ham-showcase{transform:scale(.42);height:201.6px;width:calc(100% / .42)}}@media(max-width:360px){.ham-showcase{transform:scale(.36);height:calc(480px * .36);width:calc(100% / .36)}}.ham-slide-in[data-astro-cid-d2ocbe3y]{opacity:0;transform:translate(var(--tx, 0),var(--ty, 0));animation:hamSlide .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay, 0s)}@keyframes hamSlide{to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.ham-slide-in[data-astro-cid-d2ocbe3y]{opacity:1;transform:none;animation:none}}