html.dl-active,html.dl-active body{overflow:hidden;background:#000!important}html.dl-active:before,html.dl-active:after,html.dl-active body:before,html.dl-active body:after{display:none!important}.design-lab-page{--bg:#000;--text:#fff;--muted:#8e8e8e;--nav-text:#2e2e2e;--pill-dark:#28282a;--trust-border:#fff6;--font-sans:"Inter", system-ui, sans-serif;--font-display:"BubbledotICG-FinePos", "Geist Pixel Circle", "Inter", sans-serif;--ease:cubic-bezier(.22,1,.36,1);z-index:50;background:var(--bg);height:100dvh;color:var(--text);font-family:var(--font-sans);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.design-lab-page a:focus-visible,.design-lab-page button:focus-visible{outline-offset:3px;outline:2px solid #28beff}.dl-video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dl-shade{pointer-events:none;background:radial-gradient(#00000026,#000000a6);position:absolute;inset:0}.dl-header{z-index:3;animation:dlSlideDown .8s var(--ease) both;justify-content:space-between;align-items:center;gap:16px;padding:20px clamp(16px,3vw,32px);display:flex;position:relative}.dl-logo{background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.dl-logo img{object-fit:contain;width:72%;height:72%}.dl-nav{background:#fff;border-radius:999px;gap:4px;padding:5px;display:flex}.dl-nav a{color:var(--nav-text);border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex;position:relative}.dl-nav a:hover{background:#f0f0f0}.dl-nav a.is-active{background:#f2f2f2}.dl-dots{gap:2px;display:inline-flex}.dl-dots i{background:var(--nav-text);border-radius:50%;width:4px;height:4px}.dl-signin{background:var(--pill-dark);color:#fff;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .15s,background .15s}.dl-signin:hover{background:#333336;transform:translateY(-1px)}.dl-burger{cursor:pointer;background:#fff;border:0;border-radius:50%;width:48px;height:48px;display:none;position:relative}.dl-burger span{height:2px;transition:transform .25s var(--ease);background:#111;position:absolute;left:15px;right:15px}.dl-burger span:first-child{top:19px}.dl-burger span:last-child{top:27px}.dl-burger.is-open span:first-child{transform:translateY(4px)rotate(45deg)}.dl-burger.is-open span:last-child{transform:translateY(-4px)rotate(-45deg)}.dl-overlay{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000008c;padding:88px 16px 16px;animation:.25s both dlOverlay;position:absolute;inset:0}.dl-sheet{animation:dlMenuIn .35s var(--ease) both;background:#fff;border-radius:20px;padding:12px;display:grid}.dl-sheet a{color:var(--nav-text);animation:dlLinkIn .4s var(--ease) both;border-radius:12px;padding:14px 16px;font-size:18px;font-weight:500;text-decoration:none}.dl-hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:0 20px;display:flex;position:relative}.dl-trust{animation:dlReveal .8s var(--ease) .2s both;align-items:center;display:flex}.dl-avatars{display:flex}.dl-ring{border:1px solid var(--trust-border);background:#111;border-radius:50%;place-items:center;width:40px;height:40px;margin-left:-10px;display:grid}.dl-ring:first-child{margin-left:0}.dl-ring-in{background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.dl-ring-in svg{width:16px;height:16px}.dl-trust-pill{border:1px solid var(--trust-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border-radius:999px;margin-left:-6px;padding:9px 16px;font-size:13px}.dl-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(40px,7vw,96px);font-weight:400;line-height:1.02;display:grid}.dl-title span{animation:dlHeadline .9s var(--ease) both}.dl-title span:first-child{animation-delay:.35s}.dl-title span:nth-child(2){animation-delay:.5s}.dl-sub{color:#d0d0d0;opacity:.8;max-width:52ch;animation:dlReveal .8s var(--ease) .65s both;margin:0;font-size:clamp(15px,1.3vw,17px);line-height:1.55}.dl-cta{color:#000;transition:transform .2s var(--ease);animation:dlRevealPulse 1s var(--ease) .8s both;background:#fff;border-radius:999px;padding:14px 30px;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 0 12px #ffffff59,0 0 32px #fff3,0 0 64px #ffffff1a}.dl-cta:hover{transform:scale(1.04)}.dl-stats{z-index:1;animation:dlReveal .8s var(--ease) .9s both;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px clamp(16px,3vw,32px) 32px;display:grid;position:relative}.dl-stat{border-top:1px solid #ffffff2e;gap:4px;padding-top:14px;display:grid}.dl-stat strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(22px,2.4vw,34px);font-weight:400}.dl-stat span{color:var(--muted);font-size:13px}@media (width<=720px){.dl-nav,.dl-signin{display:none}.dl-burger{display:block}.dl-stats{grid-template-columns:repeat(2,1fr)}.dl-trust-pill{font-size:12px}}@keyframes dlSlideDown{0%{opacity:0;transform:translateY(-16px)}}@keyframes dlHeadline{0%{opacity:0;filter:blur(6px);transform:translateY(24px)}}@keyframes dlReveal{0%{opacity:0;transform:translateY(12px)}}@keyframes dlRevealPulse{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.04)}}@keyframes dlOverlay{0%{opacity:0}}@keyframes dlMenuIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}}@keyframes dlLinkIn{0%{opacity:0;transform:translate(-8px)}}@media (prefers-reduced-motion:reduce){.design-lab-page *,.design-lab-page :before{transition:none!important;animation:none!important}}