@layer components{.devices{--fan:1;--a:1;--spread:1;pointer-events:none;width:100%;position:relative;container-type:inline-size}.devices img{width:100%;height:100%;display:block}.devices--phones{aspect-ratio:1.3}.device--phone{aspect-ratio:1262/2560;height:90%;translate:calc(-50% + var(--x) * var(--fan)) calc(-50% + var(--y) * var(--fan));rotate:calc(var(--r) * var(--fan));scale:calc(1 - (1 - var(--s)) * var(--fan));filter:drop-shadow(0 26px 34px #00000073);position:absolute;top:50%;left:50%}.device--phone img{object-fit:contain}.devices--devices{--la:clamp(0, var(--a) * 2, 1);--ta:clamp(0, var(--a) * 2 - .5, 1);--ma:clamp(0, var(--a) * 2 - 1, 1);aspect-ratio:1.38}.device__screen{box-shadow:0 0 0 1px #ffffff1f, var(--shadow-device);background:#0b0b0d;border:solid #111114;overflow:hidden}.device__screen img{object-fit:cover;object-position:top center}.device--laptop{width:76%;translate:0 calc((1 - var(--la)) * 22%);opacity:var(--la);position:absolute;top:4%;left:0}.device--laptop .device__screen{aspect-ratio:16/10;border-width:clamp(6px,.9vw,12px) clamp(6px,.9vw,12px) clamp(10px,1.3vw,18px);border-radius:clamp(8px,1.1vw,16px) clamp(8px,1.1vw,16px) 3px 3px}.device__base{background:linear-gradient(#d9d9de,#a8a8b0 60%,#7b7b84);border-radius:2px 2px 14px 14px/2px 2px 10px 10px;width:114%;height:clamp(8px,1.1vw,15px);position:relative;left:-7%;box-shadow:0 16px 26px -10px #0000008c}.device__base:before{content:"";background:#8e8e96;border-radius:0 0 8px 8px;width:16%;height:45%;position:absolute;top:0;left:50%;translate:-50%}.device--tablet{width:29%;translate:calc((1 - var(--ta)) * 70%) calc((1 - var(--ta)) * 12%);rotate:calc((1 - var(--ta)) * 9deg);opacity:var(--ta);position:absolute;bottom:3%;right:10%}.device--tablet .device__screen{aspect-ratio:3/4;border-width:clamp(5px,.7vw,10px);border-radius:clamp(12px,1.5vw,22px)}.device--mobile{width:14%;translate:calc((1 - var(--ma)) * 60%) calc((1 - var(--ma)) * 90%);rotate:calc((1 - var(--ma)) * -14deg);opacity:var(--ma);position:absolute;bottom:0;right:0}.device--mobile .device__screen{aspect-ratio:9/19.5;border-width:clamp(3px,.45vw,6px);border-radius:clamp(12px,1.4vw,20px)}.devices--windows{aspect-ratio:1.32}.device--window{translate:calc(var(--d) * -8cqw * var(--spread)) calc(var(--d) * -12.1cqw * var(--spread));aspect-ratio:1922/1034;width:82%;scale:calc(1 - var(--d) * .06 * var(--spread));transform-origin:0 0;box-shadow:0 0 0 1px #ffffff1a, var(--shadow-device);filter:brightness(calc(1 - var(--d) * .14 * var(--spread)));border-radius:clamp(6px,.8vw,12px);position:absolute;top:38%;left:16%;overflow:hidden}.device--window img{object-fit:cover;object-position:top left}.device--cover{translate:0 calc((1 - var(--a)) * 14%);opacity:calc(.15 + var(--a) * .85)}.device--cover img{filter:drop-shadow(0 26px 34px #0006);border-radius:clamp(10px,1.2vw,18px);height:auto}.study{--accent:#8e4d99;--accent-ink:color-mix(in srgb, var(--accent) 84%, #000);--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--accent-line:color-mix(in srgb, var(--accent) 38%, transparent);counter-reset:chapter}:where([data-theme=dark]) .study{--accent-ink:color-mix(in srgb, var(--accent) 60%, #fff)}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .study{--accent-ink:color-mix(in srgb, var(--accent) 60%, #fff)}}.study__hero{color:#fff;background:radial-gradient(70% 70% at 75% 40%, var(--stage-c), transparent 70%), linear-gradient(141deg, var(--stage-a), var(--stage-b));position:relative;overflow:clip}html.has-stage [data-shell] .study__hero{background:0 0}.study__hero-inner{max-width:1560px;min-height:min(88svh,900px);padding:110px var(--gutter) 72px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,72px);margin-inline:auto;display:grid}.study__intro{justify-items:start;gap:14px;display:grid}.study__logo{object-fit:contain;background:#fffffff0;border-radius:14px;width:auto;height:52px;padding:8px}.study__title{font-size:var(--step-display);letter-spacing:-.035em;color:#fff;margin:6px 0 0;font-weight:800;line-height:.95}.study__meta{font-size:var(--step-small);color:var(--on-dark-3);margin:0;font-weight:700}.study__tagline{max-width:28ch;font-size:var(--step-lead);color:var(--on-dark-2);text-wrap:balance;margin:6px 0 14px;line-height:1.45}@media (width<=899px){.study__hero-inner{grid-template-columns:1fr;min-height:auto;padding-block:96px 56px}.study__devices{order:-1;justify-self:center;width:min(100%,620px)}}.study__layout{--stage-a:var(--bg);--stage-b:color-mix(in srgb, var(--bg) 92%, var(--accent));--stage-c:color-mix(in srgb, var(--bg) 90%, var(--brand-a));max-width:1320px;padding:clamp(56px, 6vw, 96px) var(--gutter) clamp(72px, 8vw, 128px);background:var(--bg);grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:clamp(40px,5vw,96px);margin-inline:auto;display:grid}html.has-stage [data-shell] .study__layout{background:linear-gradient(transparent, var(--bg) 160px)}.drawer .study__layout{background:0 0}.study__aside-inner{align-content:start;gap:26px;height:100%;display:grid}.chapters{overscroll-behavior:contain;scrollbar-width:none;align-self:start;max-height:calc(100dvh - 116px);position:sticky;top:92px;overflow:auto}.study__facts{grid-template-columns:1fr 1fr;gap:16px 20px;margin:0;display:grid}.study__fact dt,.study__label{font-size:var(--step-small);color:var(--ink-3);margin:0 0 6px;font-weight:700;display:block}.study__fact dd{color:var(--ink);margin:0;font-weight:700;line-height:1.35}.study__fact:first-child{grid-column:1/-1}.study__chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.study__chips li{border-radius:var(--r-pill);background:var(--accent-soft);font-size:var(--step-small);color:var(--ink);padding:6px 12px;font-weight:700;line-height:1.2}.study__outcome{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);font-size:var(--step-small);color:var(--ink-2);margin:0;padding:16px 18px;line-height:1.55}.chapters__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.chapters__link{color:var(--ink-3);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:12px;padding:8px;text-decoration:none;transition:background-color .25s,color .25s;display:grid}.chapters__link:hover{background:var(--surface);color:var(--ink)}.chapters__thumb{background:var(--surface-2);width:44px;height:44px;transition:box-shadow .35s var(--ease-out);border-radius:11px;grid-row:1/3;place-items:center;display:grid;overflow:hidden;box-shadow:0 0 0 2px #0000}.chapters__thumb img{object-fit:cover;object-position:top;width:100%;height:100%}.chapters__num{color:var(--ink-3);font-size:12px;font-weight:700}.chapters__text{font-size:var(--step-small);font-weight:700;line-height:1.25}.chapters__bar{background:var(--line);border-radius:3px;height:3px;margin-top:7px;display:block;overflow:hidden}.chapters__fill{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.chapters__link[aria-current=true]{color:var(--ink)}.chapters__link[aria-current=true] .chapters__thumb{box-shadow:0 0 0 2px var(--accent)}.chapter-pill{display:none}@media (width<=1024px){.study__layout{grid-template-columns:1fr}.study__aside-inner{height:auto}.chapters{display:none}.chapter-pill{z-index:55;bottom:max(14px, env(safe-area-inset-bottom));opacity:0;visibility:hidden;width:min(92vw,420px);transition:opacity .35s ease, transform .45s var(--ease-out), visibility 0s linear .45s;justify-items:center;gap:8px;margin-inline:auto;display:grid;position:fixed;inset-inline:0;transform:translateY(24px)}.chapter-pill[data-show]{opacity:1;visibility:visible;transition:opacity .35s ease, transform .45s var(--ease-out), visibility 0s;transform:none}.drawer .chapter-pill{bottom:14px;margin:0 auto 14px;position:sticky;inset-inline:auto}}.chapter-pill__button{border:1px solid var(--glass-line);border-radius:var(--r-pill);background:var(--glass-strong);width:100%;box-shadow:var(--shadow-2);color:var(--ink);font:700 var(--step-small) / 1.2 var(--font-text), system-ui, sans-serif;text-align:left;-webkit-backdrop-filter:blur(18px)saturate(1.6);cursor:pointer;align-items:center;gap:10px;padding:10px 16px 10px 12px;display:flex}.chapter-pill__count{font-variant-numeric:tabular-nums;color:var(--ink-3);flex:none}.chapter-pill__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chapter-pill__ring{flex:none}.chapter-pill__ring circle:last-child{transition:stroke-dashoffset .2s linear}.chapter-pill__menu{border:1px solid var(--glass-line);border-radius:var(--r-lg);background:var(--glass-strong);width:100%;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(22px)saturate(1.6);transform-origin:50% 100%;padding:8px}.chapter-pill__menu[hidden]{display:none}.chapter-pill__menu ol{margin:0;padding:0;list-style:none;display:grid}.chapter-pill__menu a{color:var(--ink-2);border-radius:12px;gap:12px;padding:12px;font-weight:700;text-decoration:none;display:flex}.chapter-pill__menu a[aria-current=true]{background:var(--accent-soft);color:var(--ink)}.chapter-pill__n{font-variant-numeric:tabular-nums;color:var(--ink-2)}.study__body{min-width:0;font-size:var(--step-body);color:var(--ink-2);line-height:1.7}.study__body>*{max-width:var(--measure);margin-block:0}.study__body>*+*{margin-top:1.1em}.study__body>:is(.d,figure,p:has(>img)){max-width:none}.study__body>*+:is(.d,h3,h4,p:has(>img)){margin-top:1.9em}.study__body h2{counter-increment:chapter;font-size:var(--step-h2);margin-top:clamp(4rem,3rem + 4vw,7rem);scroll-margin-top:96px;font-weight:800}.study__body>h2:first-child{margin-top:0}.study__body h2:before{content:counter(chapter, decimal-leading-zero);border-radius:var(--r-pill);background:var(--accent-soft);width:fit-content;font-family:var(--font-text), system-ui, sans-serif;font-size:var(--step-small);letter-spacing:0;color:var(--accent-ink);margin-bottom:12px;padding:5px 11px;font-weight:700;display:block}.study__body h3{font-size:var(--step-h3);scroll-margin-top:96px;font-weight:800}.study__body h4{font-size:var(--step-lead);letter-spacing:-.01em;font-weight:700}.study__body strong{color:var(--ink);font-weight:700}.study__body a{color:var(--ink);text-decoration-color:var(--accent);text-underline-offset:3px;font-weight:700;text-decoration-thickness:2px}.study__body a:hover{color:var(--accent-ink)}.study__body ul,.study__body ol{padding-left:1.2em}.study__body li+li{margin-top:.4em}.study__body li::marker{color:var(--accent-ink)}.study__body img{border-radius:var(--r-md);width:100%;height:auto;box-shadow:var(--shadow-1);background:#fff;display:block}.study__body img.zoomable{cursor:zoom-in}:where([data-theme=dark]) .study__body img{padding:10px}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .study__body img{padding:10px}}.compare{--p:50;aspect-ratio:var(--ratio,16 / 10);border-radius:var(--r-md);box-shadow:var(--shadow-1);background:#fff;position:relative;overflow:hidden;container-type:inline-size}.study__body .compare img{object-fit:contain;width:100%;height:100%;box-shadow:none;background:#fff;border-radius:0;padding:0;position:absolute;inset:0}.compare__after{clip-path:inset(0 0 0 calc(var(--p) * 1%));position:absolute;inset:0}.compare__line{background:var(--accent);width:2px;translate:calc(var(--p) * 1cqw - 1px) 0;pointer-events:none;position:absolute;top:0;bottom:0;left:0}.compare__knob{background:var(--accent);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-2);border:2px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.compare__tag{border-radius:var(--r-pill);color:#fff;font:700 var(--step-small) / 1.2 var(--font-text), system-ui, sans-serif;pointer-events:none;background:#141417b8;padding:5px 11px;position:absolute;top:12px}.compare__tag--before{left:12px}.compare__tag--after{right:12px}.compare__range{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare:has(.compare__range:focus-visible){outline:2px solid var(--focus-ring);outline-offset:3px}.d-figure>p{margin:0}.d-figure>p+p{margin-top:12px}.d-figure em,.d-figure>p:last-child:not(:has(img)){font-size:var(--step-small);text-align:center;color:var(--ink-3);font-style:normal;display:block}.d-figure.bleed{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);padding:clamp(12px,2vw,28px)}.d-figure.bleed img{box-shadow:none}.d-stat-grid>ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.d-stat-grid>ul>li{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);margin:0;padding:18px 20px;line-height:1.5}.d-stat-grid li>p{margin:0}.d-stat-grid strong{font-size:var(--step-small);color:var(--ink-3);margin-bottom:6px;display:block}.d-pain-points>ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.d-pain-points>ul>li{border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 9%, var(--surface));box-shadow:inset 0 0 0 1px var(--accent-line);margin:0;padding:22px}.d-pain-points li>p{margin:0}.d-pain-points strong{font-family:var(--font-display), system-ui, sans-serif;font-size:var(--step-h3);color:var(--accent-ink);margin-bottom:8px;font-weight:800;line-height:1.1;display:block}.d-persona{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);gap:12px;padding:clamp(20px,3vw,36px);display:grid;position:relative}.d-persona:before{content:attr(data-name);font-family:var(--font-display), system-ui, sans-serif;font-size:var(--step-h3);color:var(--ink);font-weight:800}.d-persona[data-role]:after{content:attr(data-role);border-radius:var(--r-pill);background:var(--accent-soft);width:fit-content;font-size:var(--step-small);color:var(--accent-ink);order:-1;padding:5px 11px;font-weight:700}.d-persona>*{margin:0}.d-persona img{object-fit:cover;border-radius:50%;width:120px;height:120px;padding:0}.d-persona>p:first-of-type:not(:has(img)){font-size:var(--step-lead);color:var(--ink);font-style:italic}.d-persona ul{margin:0}.d-quote{border-radius:var(--r-lg);background:var(--ink);color:color-mix(in srgb, var(--bg) 78%, transparent);padding:clamp(24px,3vw,40px) clamp(24px,3vw,44px);position:relative}.d-quote p{font-family:var(--font-display), system-ui, sans-serif;font-size:var(--step-h3);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.35}.d-quote strong{color:var(--bg);font-weight:800}.d-quote:before{content:"“";font-family:var(--font-display), system-ui, sans-serif;color:var(--accent-ink);font-size:5rem;font-weight:800;line-height:1;position:absolute;top:-.2em;left:18px}.d-note{border-radius:var(--r-md);background:var(--surface);box-shadow:inset 4px 0 0 var(--accent), var(--shadow-1);padding:20px 24px}.d-note>*{margin:0}.d-note>*+*{margin-top:.6em}.d-takeaway>p:first-child strong,.d-note>p:first-child strong:only-child{font-size:var(--step-small);color:var(--accent-ink);display:block}.d-numbered>ul{counter-reset:n;gap:10px;margin:0;padding:0;list-style:none;display:grid}.d-numbered>ul>li{counter-increment:n;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);margin:0;padding:16px 20px 16px 64px;position:relative}.d-numbered>ul>li:before{content:counter(n);background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid;position:absolute;top:14px;left:16px}.d-numbered li>p{margin:0}.d-takeaway{border-radius:var(--r-lg);background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, var(--accent), var(--brand-a)) border-box;border:2px solid #0000;padding:clamp(22px,3vw,36px)}.d-takeaway>*{margin:0}.d-takeaway>*+*{margin-top:.8em}.tabs__list{border-radius:var(--r-pill);background:var(--surface-2);margin-bottom:16px;padding:4px;display:inline-flex;position:relative}.tabs__tab{z-index:1;border-radius:var(--r-pill);font:700 var(--step-small) / 1 var(--font-text), system-ui, sans-serif;color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:.6em 1.1em;position:relative}.tabs__tab[aria-selected=true]{color:var(--ink)}.tabs__thumb{border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-1);position:absolute;top:4px;bottom:4px;left:0}.js .d-tabs>.d-tab:not([data-active]){display:none}.d-tab:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.carousel__track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding-bottom:4px;display:flex;overflow-x:auto}.carousel__track::-webkit-scrollbar{display:none}.carousel__track{container-type:inline-size}.carousel__slide{scroll-snap-align:center;flex:none;margin:0}.carousel__slide img{object-fit:contain;width:auto;max-width:100cqw;height:clamp(280px,58vh,600px)}.carousel__slide figcaption{font-size:var(--step-small);text-align:center;color:var(--ink-3);margin-top:10px;font-weight:700}.carousel__controls{align-items:center;gap:12px;margin-top:14px;display:flex}.carousel__btn{background:var(--surface);width:40px;height:40px;box-shadow:var(--shadow-1);color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.carousel__btn--next svg{transform:scaleX(-1)}.carousel__btn:disabled{opacity:.35;cursor:default}.carousel__dots{flex-wrap:wrap;display:flex}.carousel__dot{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.carousel__dot:before{content:"";background:var(--line);width:8px;height:8px;transition:width .3s var(--ease-out), background-color .3s ease;border-radius:8px}.carousel__dot[data-active]:before{background:var(--accent);width:18px}.carousel__dot:focus-visible{outline-offset:0}.carousel__count{font-size:var(--step-small);font-variant-numeric:tabular-nums;color:var(--ink-3);margin-left:auto;font-weight:700}.next{color:#fff;background:radial-gradient(70% 70% at 75% 40%, var(--stage-c), transparent 70%), linear-gradient(141deg, var(--stage-a), var(--stage-b));position:relative;overflow-x:clip}html.has-stage [data-shell] .next{background:0 0}.next__link{max-width:1560px;min-height:80svh;padding:96px var(--gutter);color:inherit;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,72px);margin-inline:auto;text-decoration:none;display:grid}.next__copy{gap:12px;display:grid}.next__kicker{font-size:var(--step-small);color:var(--on-dark);font-weight:700}.next__title{font-family:var(--font-display), system-ui, sans-serif;font-size:var(--step-display);letter-spacing:-.035em;font-weight:800;line-height:.95}.next__meta{color:var(--on-dark);font-weight:700}.next__devices{transition:transform .9s var(--ease-out);display:block}.next__link:hover .next__devices{transform:translateY(-10px)scale(1.02)}@media (width<=899px){.next__link{grid-template-columns:1fr;min-height:auto}}.lightbox{background:0 0;border:0;width:min(96vw,1500px);max-width:none;max-height:94vh;padding:0;overflow:visible}.lightbox::backdrop{backdrop-filter:blur(6px);background-color:#000000db;background-image:radial-gradient(circle at 50% 45%,#94949c4d 0%,#94949c14 45%,#0000 75%)}.lightbox[open]{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.lightbox[open]:not(:has(.lightbox__nav)){grid-template-columns:minmax(0,1fr)}.lightbox__figure{flex-direction:column;align-items:center;gap:12px;min-width:0;margin:0;display:flex}.lightbox__img{object-fit:contain;border-radius:var(--r-md);width:auto;max-width:100%;height:auto;max-height:80vh;display:block}.lightbox__caption{font-family:var(--font-text), system-ui, sans-serif;letter-spacing:1.1px;color:var(--on-dark-3);text-align:center;font-size:14px}.lightbox__nav,.lightbox__close{border-radius:var(--r-pill);color:#fff;cursor:pointer;background-color:#ffffff1a;border:0;place-items:center;width:50px;height:50px;display:grid}.lightbox__nav:hover,.lightbox__close:hover{background-color:#fff3}.lightbox__nav--next svg{transform:rotate(180deg)}.lightbox__close{position:fixed;top:24px;right:24px}@media (width<=767px){.lightbox[open]{grid-template-columns:minmax(0,1fr)}.lightbox__nav{display:none}.lightbox__img{max-height:74vh}}.prototype{color:#fff;background:#000;border:0;border-radius:28px;width:min(94vw,460px);max-width:none;height:min(92svh,940px);max-height:none;margin:auto;padding:0;overflow:visible}.prototype::backdrop{backdrop-filter:blur(6px);background:#000000db}.prototype[open]{grid-template-rows:minmax(0,1fr) auto;display:grid}.prototype__frame{border-radius:28px 28px 0 0;position:relative;overflow:hidden}.prototype__frame iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.prototype__frame[data-loaded] iframe{opacity:1}.prototype__loading{font:700 var(--step-small) / 1.2 var(--font-text), system-ui, sans-serif;color:var(--on-dark-3);place-content:center;justify-items:center;gap:14px;margin:0;display:grid;position:absolute;inset:0}.prototype__loading span{border:3px solid #ffffff2e;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite prototype-spin}.prototype__frame[data-loaded] .prototype__loading{display:none}@keyframes prototype-spin{to{rotate:1turn}}.prototype__out{min-height:48px;font:700 var(--step-small) / 1 var(--font-text), system-ui, sans-serif;color:var(--on-dark-3);justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.prototype__out:hover{color:#fff}.prototype__close{z-index:1;border-radius:var(--r-pill);color:#fff;cursor:pointer;background-color:#ffffff1a;border:0;place-items:center;width:50px;height:50px;display:grid;position:fixed;top:24px;right:24px}.prototype__close:hover{background-color:#fff3}.prototype :focus-visible{outline-offset:3px;outline:2px solid #fff}}