.product-showcase-section{max-width:1080px;gap:2.25rem;z-index:2}.macbook-device-wrapper,.product-showcase-section{width:100%;margin:0 auto;display:flex;flex-direction:column;position:relative}.macbook-device-wrapper{align-items:center}.macbook-screen-lid{position:relative;width:100%;border-radius:20px 20px 2px 2px;background:linear-gradient(180deg,#222b24,#171d18 45%,#101411);padding:12px 12px 14px;box-shadow:0 0 0 1px rgba(130,166,124,.22),inset 0 1px 0 rgba(252,250,242,.18),inset 0 -1px 0 rgba(0,0,0,.7),0 24px 60px -12px rgba(0,0,0,.9),0 8px 24px -4px rgba(0,0,0,.5);outline:none;user-select:none;box-sizing:border-box;transition:box-shadow .3s ease}.macbook-screen-lid:focus-visible{box-shadow:0 0 0 1px rgba(130,166,124,.4),0 0 0 3px rgba(130,166,124,.5),0 24px 60px -12px rgba(0,0,0,.95)}.macbook-screen-bezel{position:relative;width:100%;background:#090c0a;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.8),inset 0 0 0 1px rgba(130,166,124,.08),0 1px 2px rgba(0,0,0,.7)}.macbook-camera-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:148px;height:22px;background:#090c0a;border-radius:0 0 8px 8px;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.6),0 0 0 1px rgba(130,166,124,.08);pointer-events:none}.macbook-camera-notch:after,.macbook-camera-notch:before{content:"";position:absolute;top:0;width:8px;height:8px;background:transparent;pointer-events:none}.macbook-camera-notch:before{left:-8px;border-top-right-radius:6px;box-shadow:3px -3px 0 3px #090c0a}.macbook-camera-notch:after{right:-8px;border-top-left-radius:6px;box-shadow:-3px -3px 0 3px #090c0a}.macbook-notch-module{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;top:-1px}.notch-sensor{width:3.5px;height:3.5px;border-radius:50%;background:#111512;box-shadow:inset 0 1px 1px rgba(0,0,0,.8)}.notch-camera-lens{position:relative;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 45% 45%,#182236 0,#06070a 75%);box-shadow:0 0 0 1px rgba(255,255,255,.08),inset 0 1px 2px rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center}.lens-reflection{width:2.5px;height:2.5px;border-radius:50%;background:radial-gradient(circle,rgba(120,160,255,.85) 0,transparent 80%);position:absolute;top:1.5px;left:2px}.notch-camera-led{width:3.5px;height:3.5px;border-radius:50%;background:#151a16;transition:background .3s ease,box-shadow .3s ease}.notch-camera-led.active{background:#82a67c;box-shadow:0 0 5px #82a67c,0 0 1px #fcfaf2}.macbook-display-viewport{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;contain:paint layout}.macbook-display-viewport,.macbook-video-element{width:100%;background:#000000;transform:translateZ(0)}.macbook-video-element{height:100%;object-fit:cover;display:block;backface-visibility:hidden}.macbook-chassis-base{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;pointer-events:none;user-select:none}.macbook-hinge-channel{width:80%;height:4px;background:#0b0e0c;border-radius:0 0 2px 2px;box-shadow:inset 0 2px 3px rgba(0,0,0,.9);z-index:2}.macbook-unibody-lip{position:relative;width:calc(100% + 28px);max-width:calc(100% + 28px);height:14px;background:linear-gradient(180deg,#1f2721,#151b16 45%,#0d110e);border-radius:0 0 12px 12px;box-shadow:0 0 0 1px rgba(130,166,124,.16),inset 0 1px 0 rgba(252,250,242,.2),inset 0 -1px 0 rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.6);z-index:3}.macbook-thumb-groove{position:absolute;top:0;left:50%;transform:translateX(-50%);width:124px;height:5px;background:#080b09;border-radius:0 0 6px 6px;box-shadow:inset 0 2px 4px rgba(0,0,0,.9),0 1px 0 rgba(130,166,124,.18)}.macbook-ground-shadow{position:relative;width:95%;height:12px;margin-top:-6px;background:radial-gradient(ellipse at 50% 50%,rgba(5,8,6,.95) 0,rgba(5,8,6,.4) 50%,transparent 80%);border-radius:50%;z-index:1}.macbook-center-play-trigger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:0;outline:none}.trigger-disc{width:68px;height:68px;border-radius:50%;background:linear-gradient(180deg,#1c1f26,#12141a);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 28px -4px rgba(0,0,0,.7),0 4px 10px rgba(0,0,0,.4);transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s ease,box-shadow .18s ease}.macbook-center-play-trigger:hover .trigger-disc{transform:scale(1.06);border-color:rgba(255,255,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 16px 36px -4px rgba(0,0,0,.8),0 6px 14px rgba(0,0,0,.5)}.macbook-center-play-trigger:active .trigger-disc{transform:scale(.96) translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.4)}.trigger-icon{width:24px;height:24px;color:#fcfaf2;margin-left:2px}.trigger-icon.replay{margin-left:0}.trigger-meta{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#111317;border:1px solid rgba(255,255,255,.12);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.5);transition:border-color .18s ease,background .18s ease}.macbook-center-play-trigger:hover .trigger-meta{border-color:rgba(255,255,255,.24);background:#16191f}.trigger-title{font-size:.8125rem;font-weight:500;color:#fcfaf2;letter-spacing:-.01em}.trigger-duration{font-size:.6875rem;font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;color:#9ca3af;background:rgba(255,255,255,.06);padding:.1rem .35rem;border-radius:3px}.macbook-media-bar{position:absolute;bottom:0;left:0;right:0;z-index:5;background:linear-gradient(0deg,rgba(8,9,11,.95) 0,rgba(8,9,11,.78) 60%,transparent);padding:1.25rem 1.25rem .85rem;transition:opacity .25s ease,transform .25s ease}.macbook-media-bar.is-hidden{opacity:0;transform:translateY(8px);pointer-events:none}.macbook-media-bar.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.macbook-timeline-scrubber{position:relative;width:100%;height:4px;background:rgba(255,255,255,.16);border-radius:2px;cursor:pointer;margin-bottom:.75rem;transition:height .15s ease}.macbook-timeline-scrubber:hover{height:6px}.scrubber-buffered{background:rgba(255,255,255,.28);transition:width .2s ease}.scrubber-buffered,.scrubber-progress{position:absolute;left:0;top:0;bottom:0;border-radius:2px;pointer-events:none}.scrubber-progress{background:#fcfaf2;display:flex;align-items:center;justify-content:flex-end}.scrubber-head{width:10px;height:10px;border-radius:50%;background:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,.6);transform:translateX(50%) scale(0);transition:transform .12s ease}.macbook-timeline-scrubber:hover .scrubber-head{transform:translateX(50%) scale(1)}.scrubber-timestamp-tooltip{position:absolute;top:-28px;transform:translateX(-50%);background:#121418;border:1px solid rgba(255,255,255,.15);color:#fcfaf2;font-size:.6875rem;font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;font-weight:500;padding:.15rem .45rem;border-radius:4px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.6)}.macbook-controls-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.controls-left,.controls-right{display:flex;align-items:center;gap:.6rem}.macbook-btn{background:transparent;border:none;color:#d1d5db;cursor:pointer;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:background .14s ease,color .14s ease,transform .1s ease;padding:0 .45rem;font-size:.8125rem}.macbook-btn:hover{background:rgba(255,255,255,.1);color:#fcfaf2}.macbook-btn:active{transform:scale(.94)}.play-toggle-btn svg{width:18px;height:18px}.macbook-volume-group{position:relative;display:flex;align-items:center;gap:.35rem}.volume-toggle-btn svg{width:18px;height:18px}.volume-slider-channel{width:64px;opacity:.9;display:flex;align-items:center;cursor:pointer;padding:.35rem 0;transition:opacity .2s ease}.volume-slider-channel:hover{opacity:1}.volume-slider-range{-webkit-appearance:none;appearance:none;width:60px;height:4px;border-radius:2px;outline:none;cursor:pointer}.volume-slider-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fcfaf2;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.6);transition:transform .1s ease}.volume-slider-range:hover::-webkit-slider-thumb{transform:scale(1.15)}.volume-slider-range::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#fcfaf2;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.6);transition:transform .1s ease}.volume-slider-range:hover::-moz-range-thumb{transform:scale(1.15)}.macbook-time-readout{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;font-weight:500;color:#9ca3af;user-select:none;margin-left:.25rem}.macbook-time-readout .time-curr{color:#fcfaf2}.macbook-time-readout .time-divider{color:#6b7280}.rate-badge-btn{font-size:.75rem;font-family:var(--font-mono,monospace);font-weight:600;color:#cfcbbe;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:.15rem .5rem;height:26px}.rate-badge-btn:hover{border-color:rgba(255,255,255,.25);color:#fcfaf2}.fullscreen-toggle-btn svg{width:16px;height:16px}.macbook-screen-lid.is-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;border-radius:0;padding:0;border:none;box-shadow:none;z-index:99999}.macbook-screen-lid.is-fullscreen .macbook-screen-bezel{border-radius:0;height:100%}.macbook-screen-lid.is-fullscreen .macbook-camera-notch{display:none}.macbook-screen-lid.is-fullscreen .macbook-display-viewport{height:100%;aspect-ratio:auto}@media (max-width:968px){.macbook-camera-notch{width:124px;height:18px}.macbook-notch-module{gap:8px}.macbook-unibody-lip{width:calc(100% + 20px);max-width:calc(100% + 20px);height:12px}.macbook-thumb-groove{width:100px;height:4px}}@media (max-width:640px){.macbook-screen-lid{padding:8px 8px 10px;border-radius:14px 14px 2px 2px}.macbook-screen-bezel{border-radius:8px 8px 0 0}.macbook-camera-notch{width:96px;height:16px}.macbook-camera-notch:after,.macbook-camera-notch:before{width:6px;height:6px}.macbook-camera-notch:before{left:-6px;box-shadow:2px -2px 0 2px #08090b}.macbook-camera-notch:after{right:-6px;box-shadow:-2px -2px 0 2px #08090b}.macbook-unibody-lip{width:calc(100% + 14px);max-width:calc(100% + 14px);height:10px}.macbook-thumb-groove{width:76px;height:4px}.macbook-volume-group .volume-slider-channel{display:none}.macbook-center-play-trigger{top:38%;gap:.45rem}.trigger-disc{width:48px;height:48px}.trigger-icon{width:18px;height:18px}.trigger-title{font-size:.75rem}.trigger-duration{font-size:.625rem}.macbook-media-bar{padding:.65rem .5rem .5rem;box-sizing:border-box}.macbook-controls-row{gap:.25rem}.controls-left,.controls-right{gap:.25rem;flex-shrink:0}.macbook-time-readout{font-size:.6875rem;gap:.15rem;margin-left:0}.rate-badge-btn{padding:.1rem .35rem;font-size:.6875rem;height:24px}.macbook-btn{min-width:32px;height:32px;padding:0 .25rem}.fullscreen-toggle-btn{min-width:32px;height:32px;flex-shrink:0}}