.website-preview{background:#f4efe6;border-top:1px solid #dcd4c7;border-bottom:1px solid #dcd4c7;color:#17253b}
.website-preview .heading{align-items:end;gap:28px}
.website-preview .heading>p{max-width:410px}
.device-workbench{border:1px solid #d3ccbf;border-radius:16px;overflow:hidden;background:#e6e2d9;box-shadow:0 22px 55px #17253b12}
.device-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:#fffdf8;border-bottom:1px solid #d3ccbf;flex-wrap:wrap}
.device-project{display:flex;align-items:center;gap:12px}
.device-project>span{display:block;width:10px;height:10px;background:#d2a44b;border-radius:50%;box-shadow:0 0 0 5px #d2a44b18}
.device-project strong,.device-project small{display:block}
.device-project strong{font-size:15px}.device-project small{font-size:11px;margin-top:3px;color:#5b635f}
.device-controls{display:flex;gap:4px;padding:4px;background:#edeae3;border-radius:9px}
.device-controls button{border:0;border-radius:6px;background:transparent;color:#384453;font:inherit;font-size:13px;min-height:44px;padding:8px 16px;cursor:pointer}
.device-controls button[aria-pressed=true]{background:#17253b;color:#fff;box-shadow:0 2px 6px #17253b20}
.website-preview :is(button,a,iframe):focus-visible{outline:3px solid #087c7b;outline-offset:4px}
.device-stage{padding:32px 0;display:flex;justify-content:center;align-items:center;min-height:420px;background:radial-gradient(ellipse at 50% 80%,#d0c9bc,transparent 65%),#eae6de}
.device-shell{padding:9px;background:#192030;border:1px solid #424a56;border-radius:13px;box-shadow:0 22px 32px #17253b26;max-width:100%;transition:border-radius .2s}
.device-screen{position:relative;overflow:hidden;background:#0b1035;border-radius:5px}
.device-screen iframe{position:absolute;inset:0;border:0;transform-origin:top left;display:block;background:#0b1035}
.device-shell[data-device=phone]{border-radius:30px;padding:10px}
.device-shell[data-device=phone] .device-screen{border-radius:21px}
.device-shell[data-device=tablet]{border-radius:20px;padding:11px}
.device-shell[data-device=tablet] .device-screen{border-radius:10px}
.device-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 22px;background:#fffdf8;font-size:12px}
.device-bottom a{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.device-bottom p{margin:0;color:#5b635f}
.device-note{font-size:12px;line-height:1.6;color:#525d64;margin:18px 0 0;max-width:760px}
@media(max-width:600px){.device-toolbar{padding:14px;gap:14px}.device-controls{width:100%}.device-controls button{flex:1;padding:8px 10px}.device-stage{padding:24px 0;min-height:300px}.device-bottom{padding:15px;align-items:start;flex-direction:column}.website-preview .heading{display:block}.website-preview .heading>p{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.device-shell{transition:none}}

.showcase-owner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;background:#fffdf8;border:1px solid #d3ccbf;border-left:4px solid #087c7b;border-radius:12px;padding:28px;margin:0 0 24px}
.showcase-owner h3{font-size:27px;letter-spacing:-.6px;margin:8px 0}
.showcase-owner p{font-size:14px;line-height:1.75;margin:10px 0;color:#42535c}
.showcase-owner .eyebrow{font-size:10px;line-height:1.7;margin-top:0}
.showcase-owner .owner-names{font-weight:650;color:#17253b}
.showcase-owner .owner-credit{font-size:12px;color:#52616a}
.owner-connect{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.owner-connect strong{font-size:16px;margin-bottom:10px}
.owner-connect nav{display:flex;gap:6px 16px;flex-wrap:wrap;margin-bottom:8px}
.owner-connect a,.project-support a,.wd-support a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;max-width:100%}
.owner-connect p{font-size:12px}
.project-copy .project-owner-line{font-size:13px;font-weight:650;color:#173e48}
.project-support{padding:0 24px 24px;border-top:1px solid #173e481c;margin-top:0}
.project-support p{font-size:12px;line-height:1.7;color:#42535c;margin:18px 0 8px}
.project-support a{margin-right:16px;color:#135753}
.wd-support{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:16px}
.wd-support[hidden]{display:none}
.wd-support a{color:#f3d7a1}
@media(max-width:700px){.showcase-owner{grid-template-columns:1fr;gap:18px;padding:22px}.showcase-owner h3{font-size:24px}.owner-connect>a{font-size:12px}}