.showcase-preview{margin:30px auto;max-width:1100px;color:var(--text-primary,#17212b)}.showcase-device-strip{display:grid;grid-template-columns:1.5fr 1.2fr .82fr .55fr;grid-gap:14px;gap:14px;align-items:end;margin-bottom:12px}.showcase-device-tile{min-width:0;border:1px solid var(--border,#e0e9e7);border-radius:14px;padding:10px;background:var(--surface,#fff);color:var(--text-primary);font:inherit;font-weight:800;cursor:pointer;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.showcase-device-tile:hover,.showcase-device-tile[aria-pressed=true]{border-color:var(--brand-orange,#ff5a19);box-shadow:0 10px 22px rgba(0,62,70,.12);background:var(--brand-orange-soft,#fff1ea)}.showcase-device-tile__frame{display:block;overflow:hidden;border:4px solid #111821;border-radius:8px;background:#111821;aspect-ratio:16/9;margin-bottom:7px}.showcase-device-tile--tablet .showcase-device-tile__frame{aspect-ratio:3/4;width:54%;margin-inline:auto}.showcase-device-tile--phone .showcase-device-tile__frame{aspect-ratio:9/19;width:48%;margin-inline:auto;border-radius:10px}.showcase-device-tile__frame img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.showcase-preview__hint{margin:0 0 18px;color:var(--text-secondary);font-size:.9rem}.showcase-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px}.showcase-actions a,.showcase-actions button,.showcase-unavailable a{padding:10px 16px;border:1px solid var(--brand-orange,#ff5a19);border-radius:12px;background:var(--brand-orange-soft,#fff1ea);color:var(--brand-orange-dark,#c43d0a);font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.showcase-actions .showcase-visit-button,.showcase-actions button[aria-pressed=true]{background:var(--brand-orange,#ff5a19);color:#fff}.showcase-actions .showcase-visit-button{border-color:var(--brand-orange,#ff5a19)}.showcase-actions .showcase-visit-button:hover{background:var(--brand-orange-dark,#d94206);color:#fff}.showcase-device{position:relative;margin:auto;background:#111821;border:8px solid #111;box-shadow:0 22px 52px #0003;overflow:hidden;width:100%;max-width:100%}.showcase-device--desktop{max-width:1060px;border-radius:18px 18px 8px 8px}.showcase-device--laptop{max-width:880px;border-radius:18px 18px 8px 8px}.showcase-device--tablet{max-width:570px;border-width:12px;border-radius:32px}.showcase-device--phone{max-width:320px;border-width:12px;border-radius:38px}.showcase-device__top{height:38px;display:flex;align-items:center;gap:12px;padding:0 10px;color:#e2e8f0;direction:ltr;font-size:12px}.showcase-dots{display:flex;gap:5px;flex:none}.showcase-dots i{width:9px;height:9px;border-radius:50%;background:#fb5c57}.showcase-dots i:nth-child(2){background:#f6bd4f}.showcase-dots i:nth-child(3){background:#4fc66a}.showcase-address{background:#29313b;border-radius:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 10px;flex:1 1;text-align:left}.showcase-device__screen{position:relative;aspect-ratio:1440/900;overflow:hidden}.showcase-device__viewport{position:absolute;inset:0;background:#eef1f4;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.showcase-device--laptop .showcase-device__screen{aspect-ratio:1366/768}.showcase-device--tablet .showcase-device__screen{aspect-ratio:768/1024;border-radius:12px}.showcase-device--phone .showcase-device__screen{aspect-ratio:390/844;border-radius:24px}.showcase-device__viewport img{width:100%;height:auto;display:block}.showcase-image-placeholder,.showcase-unavailable{position:absolute;inset:0;display:grid;place-content:center;grid-gap:12px;gap:12px;text-align:center;padding:20px;background:#fff9f5;color:#334155}.showcase-unavailable strong{font-size:clamp(18px,3vw,26px)}.showcase-unavailable p{margin:0}.showcase-laptop-base{width:min(96%,990px);height:18px;margin:auto;background:linear-gradient(#b7bdc5,#707985);border-radius:0 0 45% 45%;box-shadow:0 8px 20px #0002}.showcase-notch{position:absolute;z-index:2;top:8px;left:50%;transform:translateX(-50%);width:34%;height:15px;border-radius:0 0 14px 14px;background:#111}.showcase-home{height:5px;width:33%;background:#b8bdc5;border-radius:10px;margin:9px auto 0}.showcase-desktop-base{width:22%;height:54px;margin:auto;background:linear-gradient(90deg,#707985,#d2d7de,#707985);-webkit-clip-path:polygon(25% 0,75% 0,80% 80%,100% 85%,100% 100%,0 100%,0 85%,20% 80%);clip-path:polygon(25% 0,75% 0,80% 80%,100% 85%,100% 100%,0 100%,0 85%,20% 80%)}@media(max-width:600px){.showcase-device-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.showcase-device-tile{padding:8px;font-size:.82rem}.showcase-preview{width:100%;max-width:100%;overflow:hidden}.showcase-device{border-width:6px}.showcase-device--phone{box-sizing:border-box;width:min(68%,240px);max-width:240px;margin-inline:auto;border-width:7px;border-radius:28px}.showcase-device--phone .showcase-device__top{height:26px;padding-inline:5px;gap:5px;font-size:9px}.showcase-device--phone .showcase-dots{gap:3px}.showcase-device--phone .showcase-dots i{width:6px;height:6px}.showcase-device--phone .showcase-address{padding:4px 5px}.showcase-device--phone .showcase-notch{height:10px}.showcase-device--phone .showcase-device__screen{border-radius:16px}.showcase-device--tablet{max-width:min(100%,430px)}.showcase-device--desktop,.showcase-device--laptop{max-width:100%;border-radius:12px 12px 5px 5px}.showcase-desktop-base{height:32px}.showcase-laptop-base{height:12px}.showcase-actions a,.showcase-actions button{padding:9px 12px;font-size:13px}.showcase-device__viewport{scrollbar-width:none}}@media(prefers-reduced-motion:reduce){.showcase-device *{scroll-behavior:auto!important}}.showcase-project-page{max-width:1200px;margin:auto;padding:clamp(24px,5vw,72px) 16px 92px}.showcase-back-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;color:var(--brand-primary);background:var(--surface-muted);font-weight:800}.showcase-project-heading{margin:28px 0 12px}.showcase-project-heading p{margin:0;color:var(--brand-orange-dark);font-weight:800}.showcase-project-heading h1{margin:6px 0;font-size:clamp(2rem,5vw,3.3rem);line-height:1.25}.showcase-project-heading span{color:var(--text-secondary)}