.macbook-section{position:relative;padding:100px 24px 0;isolation:isolate;overflow:clip;background:linear-gradient(180deg,transparent,#08080c88 30%,transparent)}.macbook-section .workspace-intro{margin:0 auto;max-width:760px;text-align:center}.macbook-section .workspace-intro>p:last-child{color:var(--text-muted);font-size:16px;line-height:1.8}.macbook-section .section-eyebrow{margin-bottom:20px}.macbook-scroll{position:relative;height:150svh;max-width:1240px;margin:0 auto;padding:0}.macbook-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center}.macbook-device{position:relative;width:min(680px,68vw,calc((100svh - 100px)*.9));margin:0;isolation:isolate}.macbook-aura{position:absolute;inset:5% -10% 0;z-index:-1;background:radial-gradient(ellipse at 25% 45%,#60a5fa12,transparent 55%),radial-gradient(ellipse at 80% 60%,#e879f90c,transparent 55%);filter:blur(44px);pointer-events:none}.macbook-lid-space{position:relative;width:100%;aspect-ratio:512/192;perspective:800px;z-index:2}.macbook-lid{position:absolute;inset:0;height:200%;padding:2px;border:2px solid #191919;border-radius:12px;background:#010101;transform-origin:top center;transform-style:preserve-3d}.macbook-screen-crop{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px}.macbook-screen-crop img{position:absolute;display:block;width:109.3333%;height:114.359%;max-width:none;left:-4.6667%;top:-4.8718%;object-fit:fill}@media(max-width:720px){.macbook-device{width:min(680px,76vw,calc((100svh - 100px)*.9))}}.macbook-camera{display:none}.macbook-base{position:relative;width:100%;aspect-ratio:512/352;overflow:hidden;border-radius:16px;background:#272729}.macbook-hinge{height:4.55%;width:80%;margin:0 auto 4.5%;background:#050505}.macbook-keyboard{display:flex;height:48%;padding:0 .5%;gap:1%}.macbook-speaker{width:9%;margin-top:2%;background:radial-gradient(#08080a .5px,transparent .5px) 0 0/3px 3px}.macbook-trackpad{width:40%;height:36.36%;margin:1% auto;border-radius:12px;box-shadow:inset 0 0 1px 1px #0003}.macbook-notch{position:absolute;bottom:0;left:42%;width:16%;height:2.3%;border-radius:24px 24px 0 0;background:linear-gradient(to top,#272729,#050505)}.macbook-caption{margin:32px 0 0;color:#9e9ea9;font-size:12px;letter-spacing:.03em}.macbook-scroll.is-reduced{height:auto;min-height:0;padding:48px 0 24px}.macbook-scroll.is-reduced .macbook-sticky{position:relative;height:auto}@media(max-width:720px){.macbook-section{padding:64px 16px 0}.macbook-section .workspace-intro h2{font-size:40px}.macbook-section .workspace-intro>p:last-child{font-size:14px}.macbook-scroll{height:140svh}.macbook-lid{padding:2px;border-radius:8px}.macbook-base{border-radius:10px}.macbook-trackpad{border-radius:8px}.macbook-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.macbook-scroll{height:auto;min-height:0;padding:48px 0 24px}.macbook-sticky{position:relative;height:auto}}.macbook-lid-space:before{content:"";position:absolute;inset:0;border-radius:12px;background:#010101;box-shadow:inset 0 2px 0 2px #171717;transform:perspective(800px) rotateX(-25deg);transform-origin:bottom}.macbook-lid-space:before{inset:auto 10% 0;height:12px;border-radius:0;box-shadow:none;transform:none}.macbook-section+.one-bill-section{padding-top:24px}.macbook-section+.one-bill-section{position:relative;margin-top:calc(-1*min(160px,max(0px,calc((100svh - 660px)/2))))}@media(prefers-reduced-motion:reduce){.macbook-section+.one-bill-section{margin-top:0}}.macbook-keys{container-type:inline-size;position:relative;width:80%;padding:1%;border:1px solid #101012;border-radius:7px;background:#070708;display:grid;grid-template-rows:.88fr repeat(5,1fr);gap:1.1%;box-shadow:inset 0 1px 3px #000,0 1px #ffffff14}.mb-key-row{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:.55%;min-height:0}.mb-key{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45cqw;padding:.65cqw .5cqw .45cqw;border:1px solid #ffffff3d;border-radius:1cqw;background:linear-gradient(155deg,#171719,#080809 72%);color:#f2f2f4;font:500 1.35cqw/1.1 -apple-system,BlinkMacSystemFont,Arial,sans-serif;text-shadow:0 0 3px #ffffff45;box-shadow:inset 0 .5px .8px #ffffff12,inset 0 -1px 1px #000,0 1px 2px #ffffff7a,0 5px 9px -4px #ffffffa0}.mb-key svg{width:1.7cqw;height:1.7cqw;flex-shrink:0}.mb-key .function-label{font-size:1.1cqw}.mb-key.left-label{align-items:flex-start;justify-content:flex-end;padding-left:1cqw;font-size:1.12cqw}.mb-key.right-label{align-items:flex-end;justify-content:flex-end;padding-right:1cqw;font-size:1.12cqw}.function-row .mb-key{background:#0b0b0d;border-color:#ffffff10;box-shadow:inset 0 1px 2px #ffffff08,0 1px 2px #ffffff28}.function-row .mb-key:first-child{border-color:#ffffff25}.mb-key.touch-id{padding:0}.touch-id i{width:3.7cqw;height:3.7cqw;border-radius:50%;background:radial-gradient(circle at 45% 35%,#080808,#000 65%);border:1px solid #222225;box-shadow:0 1px 1px #ffffff12,inset 0 1px 2px #000}.modifier-row .has-icon{justify-content:space-between;align-items:flex-end;padding-right:.8cqw}.modifier-row .key-label{font-size:1.05cqw;align-self:flex-start}.modifier-row .mb-key:first-child{justify-content:space-between;align-items:flex-start}.fn-label{align-self:flex-end;font-size:1.2cqw}.caps-key:before{content:"";position:absolute;left:1cqw;top:1cqw;width:.55cqw;height:.55cqw;background:#3c3c3e;border-radius:50%}.mb-arrows{grid-column:span 11;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;align-items:end;min-width:0}.mb-arrows>.mb-key{height:48%;grid-column:auto!important;padding:0}.mb-arrow-stack{height:100%;display:grid;grid-template-rows:1fr 1fr;gap:8%;min-height:0}.mb-arrow-stack>.mb-key{grid-column:auto!important;padding:0}.mb-arrows .key-label{display:none}.mb-arrows svg{width:1.45cqw;height:1.45cqw}.macbook-keys:after{content:"";position:absolute;pointer-events:none;left:8%;right:8%;bottom:-6%;height:12%;background:radial-gradient(ellipse,#ffffff45,transparent 70%);filter:blur(6px)}@media(max-width:720px){.macbook-keys{padding:1%;gap:1.1%;border-radius:4px}.mb-key{border-width:.5px}}.dither-veil{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y}.dither-veil canvas{position:absolute;inset:0}