#utility.utility-lab { background:radial-gradient(ellipse at 80% 60%,#ffffff0b,transparent 55%),#0a0b0d;padding-block:clamp(72px,8vw,124px); }
#utility.utility-lab>.container { width:min(1360px,calc(100% - 40px));max-width:1360px;padding-inline:0; }
.utility-lab .ud-heading { display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:end;margin-bottom:44px; }
.utility-lab .ud-heading .section-title { font-size:clamp(44px,5.2vw,76px);line-height:1.02;letter-spacing:-.055em;margin-bottom:0!important; }
.utility-lab .ud-intro { max-width:440px;padding-bottom:5px; }
.utility-lab .ud-intro .section-subtitle { font-size:15px;line-height:1.8;margin:0 0 22px!important; }
.utility-lab .ud-intro .btn { font-size:12px; }
.utility-lab .ud-stage { min-width:0; }
.utility-lab .ud-preview-heading,.utility-lab .ud-preview-caption { display:flex;justify-content:space-between;align-items:center;gap:12px;color:#989ca6;font:400 11px/1.7 var(--font-body,sans-serif); }
.utility-lab .ud-preview-heading { margin-bottom:14px; }
.utility-lab .ud-preview-heading>span { font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#a4a8b3; }
.utility-lab .ud-preview-dot { padding:0 9px;color:#676974; }
.utility-lab .ud-preview-heading>a { display:inline-flex;align-items:center;gap:12px;color:#eef0f4;font-size:11px;font-weight:500;text-decoration:none; }
.utility-lab .ud-preview-heading>a:hover { color:#fff;text-decoration:underline;text-underline-offset:4px; }
.utility-lab .ud-window { position:relative;width:100%;aspect-ratio:1358/825;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:#0b0907;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 38px 96px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.65); }
.utility-lab .ud-app-frame { display:block;position:absolute;inset:0;width:1358px;height:825px;max-width:none;border:0;transform-origin:top left; }
.utility-lab .ud-poster { display:block;position:absolute;inset:0;z-index:1;background:#0b0907; }
.utility-lab .ud-poster[hidden] { display:none; }
.utility-lab .ud-poster img { display:block;width:100%;height:100%;object-fit:contain; }
.utility-lab .ud-preview-caption { margin-top:14px;font-size:10px;color:#8c909a; }
.utility-lab a:focus-visible,.utility-lab iframe:focus-visible { outline:2px solid #e2c097;outline-offset:4px; }
@media(max-width:600px) { .utility-lab .ud-heading { grid-template-columns:1fr;gap:24px;margin-bottom:30px; }.utility-lab .ud-intro { max-width:none; }.utility-lab .ud-intro .section-subtitle { font-size:14px; }.utility-lab .ud-preview-heading { align-items:flex-start; }.utility-lab .ud-preview-heading>span { font-size:8px;max-width:160px; }.utility-lab .ud-preview-heading>a { font-size:10px;gap:6px;white-space:nowrap; }.utility-lab .ud-preview-dot { padding:0 3px; }.utility-lab .ud-window { border-radius:9px; }.utility-lab .ud-preview-caption { align-items:flex-start;font-size:9px;gap:18px; }.utility-lab .ud-preview-caption>span:last-child { max-width:130px;text-align:right; } }