/* Shared glass treatment for actions, filters and platform badges. */
.pill,.all-projects,.filters button,.platform-tags span,.product-platforms span,.release-badge,.store-button,.platforms span,.platforms a{border-radius:999px;border:1px solid #c579514d;background:linear-gradient(115deg,#ffffff87,#f3a27022);box-shadow:inset 0 1px 1px #fff9,0 5px 20px #9c5b2510;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#191919;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.hero .pill,.footer .pill,.work-index .all-projects,.work-index .filters button,.apps .platforms span,.apps .platforms a{background:linear-gradient(115deg,#ffffff24,#c27a372d);border-color:#ffffff40;box-shadow:inset 0 1px 1px #ffffff25,0 6px 24px #0002;color:#fff}
.pill:hover,.all-projects:hover,.filters button:hover{background:linear-gradient(115deg,#ffffffaa,#f39b5347);border-color:#df7b42aa;box-shadow:inset 0 1px 2px #fff9,0 5px 22px #d9772826}
.hero .pill:hover,.footer .pill:hover,.work-index .all-projects:hover,.work-index .filters button:hover{background:linear-gradient(115deg,#ffffff35,#d582394d);border-color:#ffbe8a88;color:#fff}
.work-index .filters button.active{background:linear-gradient(115deg,#ffffff30,#df853e4a);border-color:#e9ac7b99;color:#fff;box-shadow:inset 0 1px 1px #ffffff40,0 0 16px #ff7b1920}.filters button{padding:10px 20px}.pill{padding:17px 26px}.all-projects{border-radius:999px}.platforms{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.platforms>*{padding:8px 14px!important;border:1px solid #ffffff40!important;border-radius:999px!important;background:linear-gradient(115deg,#ffffff24,#c27a372d)!important;color:#fff!important}.platforms>i{display:none}
.back-top{background:radial-gradient(circle at 30% 20%,#ffffffd9 0%,#ffbc7559 42%,#f56b302e 75%);border:1px solid #ee965aa6;box-shadow:inset 0 2px 3px #fff,inset 0 -3px 8px #ed793e33,0 5px 20px #b55d2021;color:#ca4d18;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);transition:background .3s,color .3s,box-shadow .3s,border-color .3s}
.back-top:before{content:'';position:absolute;top:7px;left:11px;width:21px;height:10px;border-top:1px solid #ffffffba;border-radius:50%;transform:rotate(-28deg)}.back-top.on-dark-surface{background:radial-gradient(circle at 30% 20%,#ffffff30,#f4773e4a 45%,#c04d1836);border-color:#ffbd8d91;color:white;box-shadow:inset 0 1px 3px #ffffff70,inset 0 -4px 10px #e95c2529,0 4px 22px #0004}.back-top:hover{box-shadow:inset 0 2px 4px #ffffffc0,0 0 22px #f5834255}
/* A continuous warm canvas replaces the abrupt white/black Labs seam. */
body:has(.labs-products){background:#faf7f2}.product-intro{background:radial-gradient(ellipse at 80% 15%,#ffd5c84d,transparent 65%),radial-gradient(ellipse at 10% 65%,#ffe0b247,transparent 65%),#faf7f2;padding-bottom:65px}.labs-products{background:radial-gradient(ellipse at 15% 35%,#ffc17924,transparent 55%),radial-gradient(ellipse at 85% 75%,#ffd4c632,transparent 60%),#faf7f2;padding-top:20px;padding-bottom:40px}.product-note{background:linear-gradient(#faf7f2,#f1e9e0);color:var(--ink)}.product-note p:not(.eyebrow){color:#62605e}.product-note a{border-color:#a7988b}.lab-product{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:65px 0 95px}.lab-product+.lab-product{border-top:1px solid #bca28a30;padding-top:100px}.lab-product-reverse .lab-device-scene{order:2}.lab-device-scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:560px;background:radial-gradient(ellipse at center,#e9a67935,transparent 67%)}.lab-device{position:relative;width:260px;height:520px;border:5px solid #393a39;border-radius:43px;background:#101312;padding:8px;box-shadow:14px 22px 35px #33201025,2px 3px 0 #777;transform:rotate(-7deg)}.lab-product-reverse .lab-device{transform:rotate(7deg)}.device-camera{position:absolute;top:19px;left:50%;transform:translateX(-50%);height:21px;width:83px;border-radius:20px;background:#090b0b;z-index:2}.device-screen{height:100%;border-radius:30px;padding:15px 19px;overflow:hidden;color:#151b19;background:#f78040}.screen-orange{background:linear-gradient(155deg,#ffc577,#fa8540 55%,#e85b2b)}.screen-cream{background:linear-gradient(155deg,#f9f4e9,#e4e9db)}.device-status{font-size:9px;display:flex;justify-content:space-between;margin-bottom:35px;font-weight:600}.screen-brand{display:flex;justify-content:space-between;font-size:13px;font-weight:600;align-items:center}.screen-brand>span{border:1px solid #0004;border-radius:50%;padding:6px;font-size:9px}.screen-small{font-size:8px;letter-spacing:2px;margin:29px 0 12px}.device-screen h3{font-size:29px;line-height:1.17;font-weight:500;letter-spacing:-1px}.screen-orbit{height:177px;position:relative;margin-top:12px}.screen-orbit i{position:absolute;left:40px;top:28px;width:126px;height:126px;border:14px solid #f8f2dfa8;border-radius:50%;transform:rotate(-30deg) scaleX(.55)}.screen-orbit i:nth-child(2){transform:rotate(30deg) scaleX(.55)}.screen-orbit i:nth-child(3){transform:rotate(90deg) scaleX(.55)}.screen-bottom{border-top:1px solid #0003;display:flex;justify-content:space-between;padding-top:14px;font-size:10px;margin-top:7px}.device-home{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:80px;height:4px;border-radius:5px;background:#111}.screen-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 17px}.screen-tiles i{height:68px;background:#ee8d4b;border-radius:15px;display:grid;place-items:center;font-size:37px;font-style:normal}.screen-tiles i:nth-child(2){background:#c7d1bd}.screen-tiles i:nth-child(3){background:repeating-linear-gradient(45deg,#1d3029 0 8px,#bac8b7 8px 16px)}.screen-tiles i:nth-child(4){background:#dcd5c2}.mockup-caption{font-size:10px;color:#82796f;margin-top:40px}.lab-number{display:block;font-size:10px;letter-spacing:2px;color:#777;margin-bottom:20px}.release-badge{display:inline-block;padding:7px 14px;font-size:10px}.lab-product-copy h2{font-size:clamp(35px,4.4vw,64px);margin:22px 0}.lab-product-copy>p{font-size:14px;line-height:1.9;color:#625c56;max-width:450px}.product-platforms{display:flex;gap:8px;margin-top:24px}.product-platforms span{font-size:11px;padding:7px 14px}.store-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.store-button{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:18px;text-align:left;min-width:150px;font-size:15px;line-height:1.2}.store-button svg{width:25px;height:29px}.store-button small{display:block;font-size:9px;margin-bottom:4px;color:#76695d}.store-button:disabled{cursor:not-allowed;opacity:.72}.lab-product-copy .release-note{font-size:10px;margin-top:16px;color:#8b7f74}
@media(max-width:760px){.lab-product{grid-template-columns:1fr;gap:35px;padding:30px 0 60px}.lab-device-scene{min-height:490px}.lab-device{width:240px;height:490px}.device-screen{padding:15px}.lab-product-reverse .lab-device-scene{order:0}.lab-product+.lab-product{padding-top:65px}.lab-product-copy{max-width:480px;margin:auto;width:100%}.lab-product-copy h2{font-size:39px}.labs-products{padding-top:0}.lab-product-copy>p{font-size:13px}.store-buttons{gap:10px}.store-button{min-width:140px;padding:12px 14px}.screen-orbit{height:160px}.product-intro{padding-bottom:35px}.mockup-caption{margin-top:30px}}