.device,.ipad{position:relative;padding:clamp(0.5rem,0.9vw,0.85rem);border-radius:clamp(0.9rem,1.5vw,1.5rem);background:linear-gradient(160deg,#2a2c30,#15161a 60%);box-shadow:0 0 0 1px color-mix(in srgb,#fff 8%,transparent) inset,0 2px 4px color-mix(in srgb,var(--ink) 14%,transparent),0 26px 50px -26px color-mix(in srgb,var(--ink) 55%,transparent)}.device__screen,.ipad__screen{position:relative;width:100%;border-radius:clamp(0.4rem,0.7vw,0.7rem);overflow:hidden;background:var(--paper)}.device__btn,.ipad__btn{position:absolute;background:linear-gradient(180deg,#34363b,#212227);box-shadow:0 0 0 0.5px rgba(0,0,0,0.45)}.device__eye,.ipad__eye{position:absolute;width:5px;height:5px;border-radius:50%;background:#4a4d55;box-shadow:0 0 0 1px rgba(0,0,0,0.5)}.device--ipad,.ipad{width:100%}.device--ipad .device__screen,.ipad__screen{aspect-ratio:3 / 2}.ipad__btn--vol-up,.ipad__btn--vol-dn{top:-2px;height:3px;width:4.3%;border-radius:2px 2px 0 0}.ipad__btn--vol-up{left:17%}.ipad__btn--vol-dn{left:22.6%}.ipad__btn--top{left:-2px;top:13%;width:3px;height:5.6%;border-radius:2px 0 0 2px}.ipad__pencil{position:absolute;top:calc(clamp(0.5rem,0.9vw,0.85rem) / 2);left:50%;transform:translate(-50%,-50%);width:26%;height:1px;border-radius:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.10),transparent)}.ipad__eye{top:calc(clamp(0.5rem,0.9vw,0.85rem) / 2);left:50%;transform:translate(-50%,-50%)}.ipad__frame{position:absolute;top:0;left:0;border:0;display:block;width:var(--ipad-w, 100%);height:var(--ipad-h, 100%);transform:scale(var(--ipad-k, 1));transform-origin:0 0;opacity:0;transition:opacity 0.7s var(--ease)}.ipad.is-in .ipad__frame{opacity:1}.device--iphone{width:max-content;max-width:100%;padding:clamp(6px,0.55vw,9px);border-radius:clamp(30px,3.2vw,46px)}.device--iphone .device__screen{height:clamp(560px,70vh,760px);width:auto;aspect-ratio:9 / 19.5;max-width:100%;border-radius:clamp(24px,2.6vw,38px);background:var(--paper-2);display:flex;flex-direction:column}.device__island{position:absolute;top:calc(clamp(6px,0.55vw,9px) + 9px);left:50%;transform:translateX(-50%);z-index:3;width:30%;height:26px;border-radius:999px;background:#0b0c0e;box-shadow:0 0 0 0.5px rgba(255,255,255,0.06) inset}.device__status{margin:0;flex:none;height:44px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 1.4em 0.3em;color:var(--ink);font-family:var(--font-sans);font-size:0.66rem;font-weight:700;letter-spacing:0.01em}.device__status svg{display:block;height:0.72em;width:auto}.device__stack{flex:1 1 auto;min-height:0;position:relative}.device--iphone .device__screen{padding-bottom:var(--strip)}.device__home{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);width:34%;height:4px;border-radius:999px;background:color-mix(in srgb,var(--ink) 30%,transparent);pointer-events:none}.device--iphone .device__stack>iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block;margin:0;opacity:0;transition:opacity 0.6s var(--ease)}.device--iphone.is-in .device__stack>iframe{opacity:1}.device__hold{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--paper-2)}.device--iphone.is-in .device__hold{opacity:0;transition:opacity 0.6s var(--ease)}.device--iphone .device__btn{border-radius:2px}.device__btn--action{left:-2px;top:17%;width:3px;height:3.4%;border-radius:2px 0 0 2px}.device__btn--vol-up{left:-2px;top:24.5%;width:3px;height:6.2%;border-radius:2px 0 0 2px}.device__btn--vol-dn{left:-2px;top:32.5%;width:3px;height:6.2%;border-radius:2px 0 0 2px}.device__btn--side{right:-2px;top:26%;width:3px;height:9.5%;border-radius:0 2px 2px 0}.device-fig{margin:0;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0.8rem}.device-fig__cap{margin:0;font-family:var(--font-sans);font-size:0.72rem;line-height:1.5;color:var(--grey-text);display:flex;align-items:baseline;gap:0.5em;flex-wrap:wrap;justify-content:center}.device-fig__cap .ipad__enlarge{font-size:inherit}@media(max-width:37.5rem){.device--iphone:not(.device--keep){width:100%;padding:0;border-radius:0.5rem;background:none;box-shadow:none}.device--iphone:not(.device--keep) .device__screen{width:100%;height:min(70vh,620px);aspect-ratio:auto;border-radius:0.5rem}.device--iphone:not(.device--keep) :is(.device__island,.device__status,.device__btn,.device__home){display:none}.device--iphone:not(.device--keep) .device__screen{padding-bottom:0}.device--keep{width:max-content;max-width:100%;margin-inline:auto}.device--keep .device__screen{width:min(17rem,calc(100vw - 3.5rem));height:auto;max-width:100%;aspect-ratio:9 / 19.5}}.lab-modal{width:min(96vw,112rem);max-width:none;height:min(92vh,66rem);max-height:none;padding:0;border:0;border-radius:0.9rem;overflow:hidden;background:var(--paper);color:var(--ink);box-shadow:0 40px 120px -30px rgba(0,0,0,0.6)}.lab-modal::backdrop{background:color-mix(in srgb,#000 62%,transparent);backdrop-filter:blur(3px)}.lab-modal__stage{position:relative;height:calc(100% - 4.2rem);background:var(--paper-2)}.lab-modal__frame{width:100%;height:100%;border:0;display:block}.lab-modal__foot{height:4.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 clamp(0.9rem,2vw,1.6rem)}.lab-modal__note{margin:0;font-family:var(--font-sans);font-size:0.78rem;color:var(--grey-text)}.lab-modal__acts{display:flex;align-items:center;gap:0.8rem}.lab-modal__close{border:0;background:none;cursor:pointer;padding:0.5em 0.2em;font-family:var(--font-sans);font-size:0.8rem;font-weight:600;color:var(--grey-text)}.lab-modal__close:hover{color:var(--ink)}#lab .lab-modal__go,.lab-modal__go{font-size:0.8rem;padding:0.6em 1.15em}@media(max-width:64rem){.lab-modal{display:none}}.lab-modal.lab-modal--player{width:min(94vw,68rem);height:fit-content;max-height:90vh;background:transparent;box-shadow:none;border-radius:0;overflow:visible}.lab-modal--player .lab-modal__stage{height:auto;background:none;border-radius:0.6rem;overflow:hidden}.lab-modal--player .lab-modal__frame{height:min(38rem,70vh);display:block}.lab-modal--player .lab-modal__foot{height:auto;padding:0.9rem 0 0;background:transparent;justify-content:flex-end}.lab-modal--player .lab-modal__acts{margin-left:auto}.lab-modal--player .cta__link{font-size:0.8rem;padding:0.6em 1.15em}.lab-modal--player .lab-modal__close{font-size:0.8rem;color:color-mix(in srgb,#fff 82%,transparent)}.lab-modal--player .lab-modal__close:hover{color:#fff}.device--iphone{--acast: #17304d}.device--iphone{--strip: 26px}.device--iphone .device__screen{background:var(--acast)}.device--iphone .device__status{color:color-mix(in srgb,#fff 88%,transparent)}.device--iphone .device__home{background:color-mix(in srgb,#fff 45%,transparent)}.device--iphone .device__hold{background-color:var(--acast)}@media(min-width:48rem){.device--iphone.device--land{--strip: 18px;width:min(100%,42rem);max-width:100%}.device--iphone.device--land .device__screen{width:100%;height:auto;aspect-ratio:19.5 / 9;padding-left:26px;padding-bottom:var(--strip)}.device--land .device__island{top:50%;left:calc(clamp(6px,0.55vw,9px) + 9px);transform:translateY(-50%);width:26px;height:30%}.device--land .device__status{display:none}.device--land .device__home{width:16%}.device--land .device__btn--side{top:-2px;left:26%;right:auto;width:9.5%;height:3px;border-radius:2px 2px 0 0}.device--land .device__btn--action,.device--land .device__btn--vol-up,.device--land .device__btn--vol-dn{top:auto;bottom:-2px;height:3px;border-radius:0 0 2px 2px}.device--land .device__btn--action{left:17%;width:3.4%}.device--land .device__btn--vol-up{left:24.5%;width:6.2%}.device--land .device__btn--vol-dn{left:32.5%;width:6.2%}}