.mac-ai-stage{--gap:72px;column-gap:var(--gap);isolation:isolate;--wash-inner:var(--embed-color);--wash-outer:var(--ai-color);--wash-heart:50%;--wash-edge:22%;grid-template-columns:minmax(0,1fr) minmax(0,580px) minmax(0,1fr);grid-template-areas:"left chat right"".embeds.";row-gap:22px;width:100%;max-width:1440px;margin-top:48px;display:grid;position:relative}.mac-ai-side{contain:size;flex-direction:column;justify-content:center;padding-block:20px;display:flex}.mac-ai-side[data-side=left]{grid-area:left;align-items:flex-end;gap:96px}.mac-ai-side[data-side=right]{grid-area:right;align-items:flex-start;gap:96px}.mac-ai-feature{--width:100%;--toward:to bottom right;--pad:8px;--inner-radius:16px;width:var(--width);padding:var(--pad);translate:calc(var(--shift,0) * 1px) calc(var(--lift,0) * 1px);border-radius:calc(var(--inner-radius) + var(--pad));flex-direction:column;display:flex;position:relative}.mac-ai-feature:before{content:"";border-radius:inherit;background:linear-gradient(var(--toward), transparent 50%, color-mix(in srgb, var(--color-text-3) 10%, transparent) 75%, color-mix(in srgb, var(--embed-color) 55%, var(--color-text-3)));pointer-events:none;opacity:.2;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-side=left] .mac-ai-feature:first-child{--toward:to bottom right;--width:78%}[data-side=left] .mac-ai-feature:nth-child(2){--toward:to top right;--width:100%}[data-side=right] .mac-ai-feature:first-child{--toward:to bottom left;--width:100%}[data-side=right] .mac-ai-feature:nth-child(2){--toward:to top left;--width:72%}.mac-ai-feature-visual{border-radius:var(--inner-radius);background:linear-gradient(var(--toward), transparent 60%, color-mix(in srgb, var(--embed-color) 3%, transparent));flex-direction:column;padding:14px;display:flex;position:relative}.mac-ai-feature-visual:before{content:"";border-radius:inherit;background:linear-gradient(var(--toward), transparent 50%, color-mix(in srgb, var(--color-text-3) 8%, transparent) 75%, color-mix(in srgb, var(--embed-color) 35%, transparent));pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mac-ai-side .mac-ai-feature:nth-child(2) .mac-ai-feature-visual{order:-1}[data-side=left] .mac-ai-feature{text-align:right}[data-side=left] .mac-ai-feature .ai-feature-mentions{justify-content:flex-end}.mac-ai-feature-copy{grid-template-rows:1fr;display:grid}.mac-ai-feature-copy-fold{min-height:0;padding:6px 8px calc(6px + var(--pad));flex-direction:column;display:flex;overflow:hidden}.mac-ai-side .mac-ai-feature:nth-child(2) .mac-ai-feature-copy-fold{padding:calc(6px + var(--pad)) 8px 6px}@media (hover:hover){.mac-ai-feature-copy{grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,.61,.36,1)}.mac-ai-feature-copy-fold{opacity:0;transition:opacity .26s}.mac-ai-feature:hover .mac-ai-feature-copy{grid-template-rows:1fr}.mac-ai-feature:hover .mac-ai-feature-copy-fold{opacity:1;transition-delay:80ms}}.mac-ai-side .mac-ai-feature:nth-child(2) .mac-ai-feature-title{order:-1;margin-top:0}.mac-ai-side .mac-ai-feature:nth-child(2) .mac-ai-feature-tagline{margin-top:4px}.mac-ai-feature-tagline{color:color-mix(in srgb, var(--ai-color) 60%, var(--color-text-2));font-size:12px;font-weight:500}.mac-ai-feature-title{letter-spacing:-.005em;color:var(--color-text-1);margin-top:4px;font-size:15px;font-weight:600}.mac-ai-feature-description{color:var(--color-text-2);text-wrap:pretty;margin-top:6px;font-size:13px;line-height:1.5}.mac-ai-side .mac-ai-feature:first-child .mac-ai-feature-description{order:-1;margin:0 0 6px}@property --embed-color{syntax:"<color>";inherits:true;initial-value:#8f61fa}.mac-ai-stage{transition:--embed-color .7s}.mac-ai-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mac-ai-wire path{fill:none;stroke-width:1px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.mac-ai-wire .mac-ai-wire-off{stop-color:color-mix(in srgb, var(--color-text-3) 0%, transparent)}.mac-ai-wire .mac-ai-wire-from{stop-color:color-mix(in srgb, var(--color-text-3) 14%, transparent)}.mac-ai-wire .mac-ai-wire-to{stop-color:color-mix(in srgb, var(--embed-color) 45%, transparent)}.mac-ai-wire .mac-ai-comet-tail{stroke-linecap:butt}.mac-ai-wire .mac-ai-comet-from{stop-color:color-mix(in srgb, var(--embed-color) 0%, transparent)}.mac-ai-wire .mac-ai-comet-to{stop-color:color-mix(in srgb, var(--embed-color) 75%, #fff)}.mac-ai-wire .mac-ai-comet-head{fill:color-mix(in srgb, var(--embed-color) 45%, #fff);filter:blur(1.4px) drop-shadow(0 0 4px var(--embed-color))}.mac-ai-wire .mac-ai-wire-flow{opacity:.75}.mac-ai-wire .mac-ai-wire-burst{opacity:0;transition:opacity .4s}[data-phase=thinking] .mac-ai-wire .mac-ai-wire-burst{opacity:1}.mac-ai-stage .mac-ai-card>.mac-ai-port{--hit:0;z-index:2;width:2px;height:calc(16px + var(--hit) * 6px);background:color-mix(in srgb, var(--embed-color) 70%, #fff);box-shadow:0 0 calc(6px + var(--hit) * 6px) var(--embed-color);filter:brightness(calc(1 + var(--hit) * .5));opacity:.5;pointer-events:none;border-radius:2px;transition:opacity .4s;position:absolute;top:50%;translate:0 -50%}.mac-ai-stage .mac-ai-card>.mac-ai-port[data-side=left]{left:0;translate:-50% -50%}.mac-ai-stage .mac-ai-card>.mac-ai-port[data-side=right]{right:0;translate:50% -50%}[data-phase=thinking] :is(.mac-ai-stage .mac-ai-card>.mac-ai-port){opacity:1}.mac-ai-card{--inset:12px;--radius:calc(24px + var(--inset));min-width:0;padding:var(--inset);border-radius:var(--radius);background:linear-gradient(to top, color-mix(in srgb, var(--color-bg-raised) 20%, transparent), color-mix(in srgb, var(--color-bg-raised) 10%, transparent) 85%);flex-direction:column;grid-area:chat;display:flex;position:relative}.mac-ai-card>:not(.glow){z-index:1;position:relative}.mac-ai-card:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-text-3) 10%, transparent), color-mix(in srgb, var(--color-text-3) 8%, transparent) 90%, transparent);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mac-ai-card:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--ai-color) 55%, transparent), transparent);filter:blur(40px);opacity:.35;height:90px;position:absolute;bottom:-40px;left:15%;right:15%}.mac-ai-card .glow{z-index:1;border-radius:var(--radius);opacity:.6;inset:0;scale:1 -1}.mac-ai-card .glow:after{border-radius:var(--radius);offset-path:rect(0 100% 100% 0 round var(--radius));offset-distance:2%;background:linear-gradient(90deg, var(--ai-color) 20%, #0000);opacity:.3;width:160%;height:115%}.mac-ai-embeds{flex-direction:column;grid-area:embeds;align-items:center;gap:12px;min-width:0;display:flex}.mac-ai-tabs{background:color-mix(in srgb, var(--color-text-1) 3%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text-3) 14%, transparent);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex}.mac-ai-tabs-label{color:var(--color-text-3);padding:0 8px 0 10px;font-size:12px;font-weight:500}.mac-ai-tab{height:32px;font:inherit;color:var(--color-text-2);cursor:pointer;background:0 0;border:0;border-radius:12px;outline:none;align-items:center;gap:7px;padding:0 12px 0 5px;font-size:13px;font-weight:500;transition:color .25s,background-color .25s,scale .25s cubic-bezier(.22,.61,.36,1);display:flex}.mac-ai-tab .system-tile{transition:filter .25s,opacity .25s}.mac-ai-tab:not([data-selected]) .system-tile{filter:saturate(.2);opacity:.7}.mac-ai-tab:hover{color:var(--color-text-1)}.mac-ai-tab:active{scale:.96}.mac-ai-tab:focus-visible{outline:1px solid color-mix(in srgb, var(--tile-color) 60%, transparent);outline-offset:1px}.mac-ai-tab[data-selected]{color:color-mix(in srgb, var(--tile-color) 55%, var(--color-text-1));background:color-mix(in srgb, var(--tile-color) 12%, transparent)}.mac-ai-caption{text-align:center;max-width:52ch;min-height:3em;color:var(--color-text-2);text-wrap:balance;font-size:13.5px;line-height:1.5;animation:.5s cubic-bezier(.22,.61,.36,1) both mac-ai-rise}@keyframes mac-ai-rise{0%{opacity:0;translate:0 4px}}.mac-ai-stage[data-paused] :is(*){animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.mac-ai-feature-copy,.mac-ai-feature-copy-fold,.mac-ai-stage{transition:none}.mac-ai-caption{animation:none}}@media (max-width:1180px){.mac-ai-stage:after{display:none}.mac-ai-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"chat chat""embeds embeds""left right";column-gap:18px;width:min(100%,720px)}.mac-ai-side[data-side]{contain:none;justify-content:flex-start;align-items:stretch;gap:18px;padding-block:0}.mac-ai-side .mac-ai-feature-copy{grid-template-rows:1fr}.mac-ai-side .mac-ai-feature-copy-fold{opacity:1}.mac-ai-side .mac-ai-feature:nth-child(n){--width:100%;margin:0;translate:none}[data-side=left] .mac-ai-feature{text-align:left}[data-side=left] .mac-ai-feature .ai-feature-mentions{justify-content:flex-start}.mac-ai-wires,.mac-ai-stage .mac-ai-card>.mac-ai-port{display:none}}@media (max-width:640px){.mac-ai-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"chat""embeds""left""right";margin-top:32px}.mac-ai-card{--inset:6px}.mac-ai-tabs-label{display:none}}
.mac-ai{--ai-color:#8f61fa;width:100vw;margin:var(--section-gap) calc(50% - 50vw) 0;flex-direction:column;align-items:center;padding:0 32px;display:flex}.mac-ai-header{text-align:center;flex-direction:column;align-items:center;max-width:46ch;margin:0 auto;display:flex}.mac-ai-header h2{letter-spacing:-.015em;color:var(--color-text-1);text-wrap:pretty;font-size:22px;font-weight:600;line-height:1.2}.mac-ai-header p{color:var(--color-text-2);text-wrap:pretty;font-size:15px;line-height:1.5}@media (max-width:720px){.mac-ai{padding:0 16px}}