.device-showcase{overflow:hidden;padding:var(--section-spacing,96px) 0}.device-showcase__intro{margin:0 auto 56px;max-width:680px;text-align:center}.device-showcase__subheading{color:var(--text-muted)}.device-showcase__subheading p:last-child{margin-bottom:0}.device-showcase__stage{position:relative}.device-showcase__steps{display:grid;gap:64px;list-style:none;margin:0 auto;padding-bottom:0;padding-top:0}.device-showcase__step{align-items:center;display:grid;gap:56px;grid-template-columns:1fr 1.2fr}.device-showcase__step:nth-child(2n) .device-showcase__copy{order:2}.device-showcase__label{align-items:center;color:var(--primary-color);display:inline-flex;font-size:12.5px;font-weight:700;gap:8px;letter-spacing:.14em;margin-bottom:14px;text-transform:uppercase}.device-showcase__label:before{background:currentColor;content:"";height:1.5px;width:18px}.device-showcase__title{font-size:clamp(1.7rem,2.6vw,2.4rem);margin-bottom:14px}.device-showcase__text{color:var(--text-muted);font-size:17px}.device-showcase__text p:last-child{margin-bottom:0}.device-showcase__shot{aspect-ratio:16/10;background:#0d1311;border:8px solid #0d1311;border-radius:12px;box-shadow:0 40px 80px -40px rgba(23,33,29,.55);margin:0;overflow:hidden}.device-showcase__layer{height:100%;position:relative;width:100%}.device-showcase__shot-img{display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.device-showcase__sample{background:var(--background-color);display:grid;gap:6%;grid-template-rows:9% 1fr 34%;inset:0;padding:5%;position:absolute}.device-showcase__sample-nav{background:color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:4px}.device-showcase__sample-hero{background:var(--secondary-color);border-radius:6px;display:flex;flex-direction:column;gap:8%;justify-content:center;padding:0 8%}.device-showcase__sample-hero i{background:hsla(0,0%,100%,.8);border-radius:99px;display:block;height:12%;width:70%}.device-showcase__sample-hero i+i{background:hsla(0,0%,100%,.35);width:45%}.device-showcase__sample-hero b{background:var(--primary-color);border-radius:4px;display:block;height:16%;width:26%}.device-showcase__sample-cards{display:grid;gap:5%;grid-template-columns:repeat(3,1fr)}.device-showcase__sample-cards i{background:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-color) 10%,transparent);display:block}.device-showcase__sample-cards i:nth-child(2){background:color-mix(in srgb,var(--accent-color) 30%,#fff)}.device-showcase__laptop{display:none}.device-showcase.is-enhanced .device-showcase__stage{height:100vh;min-height:620px;overflow:hidden;perspective:1800px}.device-showcase.is-enhanced .device-showcase__steps{display:block;height:100%;position:relative}.device-showcase.is-enhanced .device-showcase__step{display:block;position:absolute;right:24px;top:50%;transform:translateY(-50%);visibility:hidden;width:34%}.device-showcase.is-enhanced .device-showcase__step:nth-child(2n){left:24px;right:auto}.device-showcase.is-enhanced .device-showcase__shot{display:none}.device-showcase__laptop{--w:min(600px,46vw);--h:calc(var(--w)*0.63);--d:calc(var(--w)*0.64);height:var(--h);left:50%;margin-left:calc(var(--w)/-2);margin-top:calc(var(--h)*-.72);position:absolute;top:50%;transform-style:preserve-3d;width:var(--w);z-index:1}.device-showcase.is-enhanced .device-showcase__laptop{display:block}.device-showcase__lid{inset:0;position:absolute;transform-origin:50% 100%;transform-style:preserve-3d}.device-showcase__lid-back,.device-showcase__screen{border-radius:16px 16px 6px 6px;inset:0;position:absolute}.device-showcase__screen{background:#0d1311;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08);padding:3% 3% 4.5%;transform:translateZ(1px)}.device-showcase__camera{background:#2c3632;border-radius:50%;height:6px;left:50%;margin-left:-3px;position:absolute;top:1.2%;width:6px}.device-showcase__display{background:#111;border-radius:4px;height:100%;overflow:hidden;position:relative;width:100%}.device-showcase__display .device-showcase__layer{inset:0;position:absolute;visibility:hidden}.device-showcase__lid-back{background:linear-gradient(160deg,#e7eaec,#b9bfc3);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transform:rotateY(180deg) translateZ(1px)}.device-showcase__lid-back span{aspect-ratio:1;background:linear-gradient(145deg,var(--primary-color),var(--accent-color));border-radius:50%;left:50%;opacity:.85;position:absolute;top:50%;transform:translate(-50%,-50%);width:14%}.device-showcase__base{background:linear-gradient(180deg,#d8dcdf,#c3c9cd);border-radius:6px 6px 18px 18px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);height:var(--d);left:-3%;position:absolute;top:100%;transform:rotateX(90deg) translateZ(-3px);transform-origin:50% 0;transform-style:preserve-3d;width:106%}.device-showcase__keys{background:linear-gradient(90deg,transparent 90%,#c9ced1 0) 0 0 /7.14% 100%,linear-gradient(180deg,transparent 84%,#c9ced1 0) 0 0 /100% 16.66%,#2c3431;border-radius:6px;height:50%;left:9%;position:absolute;right:9%;top:8%}.device-showcase__pad{background:rgba(0,0,0,.07);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);height:28%;left:34%;position:absolute;top:64%;width:32%}.device-showcase__shadow{background:radial-gradient(closest-side,rgba(23,33,29,.35),transparent);border-radius:50%;filter:blur(8px);inset:-8% -6% -14%;position:absolute;transform:translateZ(-3px)}@media (max-width:767px){.device-showcase__step{gap:24px;grid-template-columns:1fr}.device-showcase__step:nth-child(2n) .device-showcase__copy{order:0}}