.public-mac .mac-browser-extension{margin-block:var(--glu-space-8);padding:var(--glu-space-7);border:1px solid var(--border);border-radius:var(--glu-radius-lg);background:var(--panel)}.public-mac .mac-browser-extension h3{margin:0 0 var(--glu-space-3);font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.025em}.public-mac .mac-browser-extension>p{color:var(--muted);line-height:1.65;margin:0 0 var(--glu-space-6);max-width:70ch}.public-mac .mac-browser-extension .glu-p-platforms{margin:0;justify-items:start}.public-mac .mac-browser-extension .glu-p-platform-items{justify-content:flex-start}.public-mac .mac-showcase{width:100%;scroll-margin-top:90px}.public-mac .mac-showcase-inner{max-width:1280px;margin-inline:auto;padding:var(--glu-space-16) var(--glu-space-7);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--glu-space-16);align-items:center}.public-mac .mac-showcase-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--glu-space-6);min-width:0}.public-mac .mac-showcase-copy>*{margin:0}.public-mac .mac-showcase-copy>.glu-section-heading{margin:0;text-align:left}.public-mac .mac-showcase-copy .glu-eyebrow{margin-inline:0}.public-mac .mac-showcase-points{display:grid;gap:var(--glu-space-4);padding:0;list-style:none;line-height:1.65}.public-mac .mac-showcase-points li{display:flex;align-items:flex-start;gap:14px}.public-mac .mac-showcase-points svg{flex-shrink:0;margin-top:3px}.public-mac .mac-showcase-steps{display:grid;gap:var(--glu-space-4);padding-left:23px;line-height:1.65}.public-mac .mac-showcase-steps li{padding-left:7px}.public-mac .mac-showcase-steps li::marker{font-weight:600}.public-mac .mac-showcase-links{display:flex;gap:var(--glu-space-7);flex-wrap:wrap}.public-mac .mac-showcase-links .glu-button{color:inherit}.public-mac .mac-showcase-note{max-width:60ch;margin:0!important}.public-mac .mac-showcase--coding,.public-mac .mac-showcase--remote{background:#f0f2f5;color:var(--text)}.public-mac[data-theme=black] .mac-showcase--coding,.public-mac[data-theme=black] .mac-showcase--remote{background:#151618}.public-mac .mac-code-preview{width:100%;min-width:0;border:1px solid var(--border);border-radius:var(--glu-radius-lg);overflow:hidden;background:var(--page-bg);color:var(--text)}.public-mac .mac-code-titlebar{display:flex;align-items:center;gap:16px;padding:15px 17px;border-bottom:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:14px}.public-mac .mac-code-titlebar>span{flex:1;text-align:center}.public-mac .mac-window-lights{display:flex;gap:6px}.public-mac .mac-window-lights span{width:9px;height:9px;background:#ff5f57;border-radius:50%}.public-mac .mac-window-lights span:nth-child(2){background:#febc2e}.public-mac .mac-window-lights span:nth-child(3){background:#28c840}.public-mac .mac-code-body{padding:clamp(20px,2.4vw,34px)}.public-mac .mac-code-body>p{margin:0 0 23px;font-size:14px;line-height:1.6;color:var(--muted)}.public-mac .mac-code-body pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/2.25 var(--glu-font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)}.public-mac .mac-code-body code{font:inherit;color:inherit;background:none;padding:0;border:0}.public-mac .mac-code-footer{margin-top:26px;padding-top:20px;border-top:1px solid var(--border);font-size:14px;line-height:1.6;color:var(--muted)}.public-mac .mac-code-footer p{margin:7px 0}.public-mac .mac-code-footer p:first-child{color:var(--text)}.public-mac .mac-phone-figure{margin:0;width:100%;min-width:0;display:grid;justify-items:center;gap:22px}.public-mac .mac-phone-figure figcaption{margin:0!important;text-align:center}.public-mac .mac-phone{width:min(100%,340px);padding:7px;border:1px solid #5a5a5a;border-radius:49px;background:#343434;box-shadow:0 30px 65px #0003}.public-mac .mac-phone-viewport{position:relative;aspect-ratio:390 / 844;border-radius:41px;overflow:hidden;background:#1e1e1e;container-type:inline-size}.public-mac .mac-phone-screen{position:absolute;inset:0;display:flex;flex-direction:column;color:#e0e0e0;font-size:4.1cqw;line-height:1.5}.public-mac .mac-phone-screen p{margin:0}.public-mac .mac-phone-screen svg{width:5.1cqw;height:5.1cqw;flex-shrink:0}.public-mac .mac-phone-status{height:15.1cqw;flex-shrink:0;padding:4.6cqw 6.4cqw 0;display:flex;align-items:flex-start;justify-content:space-between;position:relative;font-size:4.1cqw;font-weight:600}.public-mac .mac-phone-camera{position:absolute;top:3.4cqw;left:36.9cqw;width:26.2cqw;height:7.4cqw;border-radius:5cqw;background:#272727}.public-mac .mac-phone-reception{display:flex;align-items:center;gap:2cqw;padding-top:1.2cqw}.public-mac .mac-phone-signal{display:flex;gap:.7cqw;align-items:flex-end;height:3.6cqw}.public-mac .mac-phone-signal span{width:.9cqw;height:1.3cqw;background:#ddd;border-radius:.3cqw}.public-mac .mac-phone-signal span:nth-child(2){height:2.1cqw}.public-mac .mac-phone-signal span:nth-child(3){height:2.8cqw}.public-mac .mac-phone-signal span:nth-child(4){height:3.6cqw}.public-mac .mac-phone-battery{width:6.2cqw;height:3.1cqw;border:1px solid #aaa;border-radius:.7cqw;padding:.5cqw}.public-mac .mac-phone-battery:after{content:"";display:block;background:#ccc;height:100%;border-radius:.2cqw}.public-mac .mac-phone-nav{height:12.8cqw;flex-shrink:0;display:flex;gap:3cqw;align-items:center;border-bottom:1px solid #333;padding-inline:4cqw}.public-mac .mac-phone-nav strong{flex:1;font-size:4.6cqw;text-align:center;font-weight:500}.public-mac .mac-phone-ellipsis{font-size:6cqw;line-height:1}.public-mac .mac-phone-transcript{flex:1;min-height:0;padding:6cqw 4.6cqw}.public-mac .mac-phone-prompt{max-width:88%;margin-left:auto!important;padding:3.3cqw 4.1cqw;background:#303030;border-radius:5cqw}.public-mac .mac-phone-worked{display:flex;gap:2cqw;align-items:center;padding-block:6cqw 4.1cqw;border-bottom:1px solid #333;font-size:3.6cqw}.public-mac .mac-phone-worked strong{font-weight:600}.public-mac .mac-phone-success{display:grid;place-items:center;width:2.8cqw;height:2.8cqw;border:1px solid #22c55e;border-radius:50%;color:#22c55e}.public-mac .mac-phone-success svg{width:2.4cqw;height:2.4cqw}.public-mac .mac-phone-reply{padding-top:6cqw}.public-mac .mac-phone-reply ul{margin:3.6cqw 0;padding-left:4.9cqw;display:grid;gap:2.1cqw}.public-mac .mac-phone-file{display:flex;gap:2.6cqw;align-items:center;padding:3.6cqw;border-radius:3.1cqw;background:#303030;border:1px solid #333}.public-mac .mac-phone-file-icon{display:grid;place-items:center;width:10.3cqw;height:10.3cqw;border-radius:2.1cqw;background:#1e1e1e}.public-mac .mac-phone-file>div{flex:1;display:grid;gap:.5cqw;font-size:3.6cqw}.public-mac .mac-phone-file strong{font-weight:500}.public-mac .mac-phone-file div>span{color:#b5b5b5;font-size:3.1cqw}.public-mac .mac-phone-file>svg{transform:rotate(-45deg);width:4.1cqw;height:4.1cqw;color:#aaa}.public-mac .mac-phone-composer{flex-shrink:0;margin-inline:3.1cqw;border:1px solid #444;border-radius:6.2cqw;background:#212121}.public-mac .mac-phone-composer>p{padding:3.6cqw 4.1cqw 2.8cqw;color:#aaa;font-size:4.4cqw}.public-mac .mac-phone-tools{display:flex;align-items:center;gap:2cqw;height:13.3cqw;padding:0 2cqw 1.5cqw;color:#b7b7b7}.public-mac .mac-phone-project{margin-left:auto;display:inline-flex;align-items:center;gap:1cqw;white-space:nowrap;font-size:3cqw}.public-mac .mac-phone-project svg{width:3.5cqw;height:3.5cqw}.public-mac .mac-phone-project svg:last-child{width:2.3cqw}.public-mac .mac-phone-send{display:grid;place-items:center;width:8.7cqw;height:8.7cqw;border-radius:50%;background:#292929;color:#666}.public-mac .mac-phone-send svg{transform:rotate(-90deg)}.public-mac .mac-phone-ai-note{font-size:3cqw;color:#aaa;text-align:center;margin-top:1.5cqw!important}.public-mac .mac-phone-home{height:7.4cqw;flex-shrink:0;display:grid;place-items:center;padding-top:2cqw}.public-mac .mac-phone-home span{width:33.8cqw;height:1.3cqw;border-radius:1cqw;background:#ddd}@media(max-width:900px){.public-mac .mac-showcase-inner{grid-template-columns:minmax(0,1fr);max-width:760px;gap:42px}}@media(max-width:480px){.public-mac .mac-showcase-inner{padding:var(--glu-space-12) var(--glu-space-6)}.public-mac .mac-code-body{padding:20px 16px}.public-mac .mac-code-body pre{font-size:11px}.public-mac .mac-code-footer{font-size:13px}}