.grokbot-story{margin-top:clamp(24px,4vw,48px);position:relative}.grokbot-story__track{position:relative}.grokbot-story__stage{grid-template-rows:1fr auto auto;height:calc(100svh - 64px);display:grid;position:sticky;top:64px;overflow:hidden}.grokbot-story__view{contain:strict;pointer-events:none;min-height:0;position:relative;overflow:hidden}.grokbot-story__camera{transform-origin:0 0;will-change:transform;transition:transform .9s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.grokbot-story.is-offscreen *,.grokbot-story.is-offscreen :before{animation-play-state:paused!important}.grokbot-story__captions{height:64px;margin:0;padding:0;list-style:none;position:relative}.grokbot-story__captions li{border:1px solid var(--line);background:var(--marketing-page-bg,var(--bg));max-width:calc(100vw - 32px);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;align-items:baseline;gap:10px;padding:12px 22px;font-size:17px;line-height:1.3;transition:opacity .32s,transform .32s;display:inline-flex;position:absolute;top:8px;left:50%;transform:translate(-50%,10px)}.grokbot-story__captions li.is-active{opacity:1;transform:translate(-50%)}.grokbot-story__no{color:var(--muted);font-family:var(--theme-font-code,ui-monospace, monospace);font-size:14px}.grokbot-story__progress{justify-content:center;gap:6px;padding:4px 0 18px;display:flex}.grokbot-story__progress i{background:var(--line);border-radius:999px;width:18px;height:3px;transition:background-color .3s}.grokbot-story__progress i.is-done{background:var(--ink)}.gbm-desk-window{contain:layout paint style;border-radius:22px;height:760px;position:absolute;top:0;box-shadow:0 0 0 1px #00000014,0 24px 56px -22px #00000038}.gbm-app,.rsm-app{--gbm-ink:#141414;--gbm-muted:#7a7873;--gbm-line:#e9e7e3;--gbm-blue:#2f6fe4;--gbm-green:#1f9d55;--gbm-red:#d13b3b;--gbm-purple:#8250df;width:100%;height:100%;color:var(--gbm-ink);text-align:left;-webkit-user-select:none;user-select:none;border-radius:22px;font-size:15px;line-height:1.4;position:relative;overflow:hidden}.gbm-app *,.gbm-app :before,.gbm-app :after,.rsm-app *,.rsm-app :before,.rsm-app :after{box-sizing:border-box}.gbm-app svg,.rsm-app svg{flex-shrink:0}.gbm-app{background:#fff;grid-template-columns:300px 1fr;display:grid}.gbm-side{border-right:1px solid var(--gbm-line);background:#f6f5f3;flex-direction:column;gap:12px;padding:18px 14px;display:flex}.gbm-traffic{align-items:center;gap:8px;padding:2px 6px 6px;display:flex}.gbm-traffic i,.rsm-traffic i{background:#ee6a5f;border-radius:50%;width:12px;height:12px}.gbm-traffic i:nth-child(2),.rsm-traffic i:nth-child(2){background:#f5bf4f}.gbm-traffic i:nth-child(3),.rsm-traffic i:nth-child(3){background:#61c554}.gbm-traffic span{color:var(--gbm-muted);margin-left:auto;font-size:20px}.gbm-search{color:var(--gbm-muted);background:#ecebe8;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;display:flex}.gbm-bots{gap:2px;margin:0;padding:0;list-style:none;display:grid}.gbm-bots li{border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.gbm-bots li.is-active{background:#ebe9e5}.gbm-bots li div{min-width:0}.gbm-bots strong{font-size:15px;font-weight:400;display:block}.gbm-bots span{color:var(--gbm-muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.gbm-bots time{color:var(--gbm-muted);align-self:start;font-size:14px}.gbm-avatar{flex:none;display:block}.gbm-plugins-row{border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;margin-top:auto;padding:10px 12px;transition:border-color .3s,background-color .3s;display:flex}.gbm-plugins-row svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px}.gbm-plugins-row.is-focus{border-color:var(--gbm-blue);background:#2f6fe40f}.gbm-plugins-row__count{color:var(--gbm-muted);background:#e4e2de;border-radius:999px;margin-left:auto;padding:0 8px;font-size:14px}.gbm-user{color:#3c3b39;align-items:center;gap:10px;padding:4px 12px;display:flex}.gbm-user span,.rsm-approved span{background:#dddbd6;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.gbm-main{grid-template-rows:64px 1fr auto;min-width:0;display:grid}.gbm-header{border-bottom:1px solid var(--gbm-line);align-items:center;gap:12px;padding:0 22px;display:flex}.gbm-header strong{font-size:17px;font-weight:400}.gbm-chip{border:1px solid var(--gbm-line);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px 4px 5px;font-size:14px;animation:.4s both gbm-in;display:inline-flex}.gbm-chat{flex-direction:column;justify-content:flex-end;gap:12px;min-height:0;padding:18px 120px;display:flex;overflow:hidden}.gbm-msg{border-radius:18px;max-width:86%;padding:11px 15px;font-size:15px}.gbm-msg--bot{background:#f2f1ee;align-self:flex-start}.gbm-msg--me{background:var(--gbm-ink);color:#fff;align-self:flex-end}.gbm-msg--final strong{margin-bottom:2px;font-size:17px;font-weight:400;display:block}.gbm-mention{color:#8fb5ff}.gbm-composer .gbm-mention{color:var(--gbm-blue)}.gbm-handoff{border:1px solid var(--gbm-line);background:#fff;border-radius:16px;align-self:flex-start;align-items:center;gap:12px;width:86%;padding:12px 14px;display:flex}.gbm-handoff div{flex:1;min-width:0;display:grid}.gbm-handoff span{color:var(--gbm-muted);font-size:14px}.gbm-handoff strong{font-weight:400}.gbm-handoff em{color:var(--gbm-blue);background:#2f6fe41a;border-radius:999px;padding:3px 10px;font-size:14px;font-style:normal}.gbm-handoff em.is-merged{color:var(--gbm-purple);background:#8250df24}.gbm-composer{border:1px solid var(--gbm-line);background:#fff;border-radius:999px;align-items:center;gap:12px;margin:0 120px 18px;padding:12px 14px;display:flex}.gbm-composer__plus{color:var(--gbm-muted);font-size:20px;line-height:1}.gbm-composer__placeholder{color:var(--gbm-muted)}.gbm-composer__text{white-space:nowrap;min-width:0;overflow:hidden}.gbm-composer__send{background:var(--gbm-ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.gbm-caret{vertical-align:text-bottom;background:var(--gbm-blue);width:2px;height:1.05em;margin-left:1px;animation:1s step-end infinite gbm-blink;display:inline-block}.gbm-scrim{opacity:0;pointer-events:none;background:#14141447;transition:opacity .4s;position:absolute;inset:0}.gbm-scrim.is-on{opacity:1}.gbm-modal{opacity:0;background:#fff;border-radius:20px;width:540px;padding:20px;transition:opacity .4s,transform .4s;position:absolute;top:90px;left:380px;transform:translateY(16px)scale(.98);box-shadow:0 24px 50px -24px #0006}.gbm-modal.is-on{opacity:1;transform:none}.gbm-modal__head{justify-content:space-between;font-size:20px;display:flex}.gbm-modal__head strong{font-weight:400}.gbm-modal__head span{color:var(--gbm-muted);font-size:16px}.gbm-modal__search{border:1px solid var(--gbm-line);color:var(--gbm-muted);border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:11px 14px;display:flex}.gbm-modal__search b{color:var(--gbm-ink);font-weight:400}.gbm-modal__cats{gap:6px;margin:14px 0 6px;display:flex}.gbm-modal__cats span{color:var(--gbm-muted);border-radius:999px;padding:4px 12px;font-size:14px}.gbm-modal__cats span.is-on{color:var(--gbm-ink);background:#f0efec}.gbm-modal__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.gbm-modal__list li{border-radius:14px;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:10px 8px;display:grid}.gbm-modal__list li div{display:grid}.gbm-modal__list li strong{font-size:16px;font-weight:400}.gbm-modal__list li span{color:var(--gbm-muted);font-size:14px}.gbm-modal__icon{border:1px solid var(--gbm-line);border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.gbm-modal__list li em{border:1px solid var(--gbm-line);border-radius:999px;padding:6px 16px;font-size:14px;font-style:normal}.gbm-modal__list li em.is-added{color:var(--gbm-green);border-color:#0000}.gbm-modal__empty{border-top:1px solid var(--gbm-line);align-items:center;gap:14px;padding:18px 8px;display:flex}.gbm-modal__empty div{flex:1;gap:2px;display:grid}.gbm-modal__empty strong{font-size:15px;font-weight:400}.gbm-modal__empty span{color:var(--gbm-muted);font-size:14px}.gbm-modal__empty em{border:1px solid var(--gbm-line);color:var(--gbm-blue);border-radius:999px;padding:6px 16px;font-size:14px;font-style:normal}.gbm-cursor{z-index:10;opacity:0;pointer-events:none;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;top:0;left:0}.gbm-cursor path{fill:#111;stroke:#fff;stroke-width:1.4px;stroke-linejoin:round}.gbm-cursor.is-on{opacity:1}.gbm-add{color:var(--gbm-green);font-weight:400}.gbm-del{color:var(--gbm-red);font-weight:400}.rsm-app{--rsm-surface:#fcfcfc;--rsm-ink:#0d0d0d;--rsm-secondary:#5d5d5d;--rsm-tertiary:#8f8f8f;--rsm-line:#0000001a;--rsm-soft:#0000000d;--rsm-green:#00a240;background:var(--rsm-surface);color:var(--rsm-ink);font:400 14px/1.5 var(--text-font,inherit);display:flex}.rsm-side{border-right:1px solid var(--rsm-line);color:var(--rsm-secondary);flex-direction:column;flex:0 0 220px;padding:16px 10px;display:flex}.rsm-traffic{color:var(--rsm-tertiary);align-items:center;gap:7px;padding:0 6px 18px;display:flex}.rsm-traffic i{width:11px;height:11px}.rsm-traffic svg:first-of-type{margin-left:8px}.rsm-traffic svg:last-child{margin-left:auto}.rsm-side nav{flex-direction:column;gap:1px;display:flex}.rsm-side nav>span{color:var(--rsm-ink);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:9px;padding:6px 8px;display:flex;overflow:hidden}.rsm-side nav>.is-selected{background:var(--rsm-soft)}.rsm-side small{color:var(--rsm-tertiary);padding:20px 8px 6px;font-size:14px}.rsm-new>span:nth-child(2){text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.rsm-status{background:var(--gbm-blue);border-radius:50%;flex:none;width:8px;height:8px;animation:1.4s ease-in-out infinite gbm-pulse}.rsm-status.is-merged{background:var(--gbm-purple);animation:none}.rsm-account{color:var(--rsm-tertiary);align-items:center;gap:9px;margin-top:auto;padding:6px 8px;display:flex}.rsm-account>i{color:#fff;background:#2bac76;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-style:normal;display:grid}.rsm-account>span{min-width:0;color:var(--rsm-ink);flex:1;line-height:1.3}.rsm-account small{color:var(--rsm-tertiary);font-size:14px;display:block}.rsm-main{flex-direction:column;flex:0 0 460px;min-width:0;display:flex}.rsm-titlebar{height:46px;color:var(--rsm-secondary);flex-shrink:0;align-items:center;gap:8px;padding:0 16px;display:flex}.rsm-titlebar>span{color:var(--rsm-ink);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rsm-via{background:var(--rsm-soft);color:var(--rsm-secondary);border-radius:999px;align-items:center;gap:5px;padding:1px 8px;font-size:14px;font-style:normal;display:inline-flex}.rsm-transcript{flex-direction:column;flex:1;gap:11px;min-height:0;padding:8px 22px 0;display:flex;overflow:hidden}.rsm-from{color:var(--rsm-tertiary);align-self:flex-end;margin-bottom:-6px;font-size:14px}.rsm-bubble{background:var(--rsm-soft);border-radius:18px;align-self:flex-end;max-width:90%;padding:8px 14px}.rsm-activity{color:var(--rsm-tertiary);align-items:center;gap:7px;display:flex}.rsm-activity.is-run{color:var(--rsm-secondary)}.rsm-activity.is-bad span{color:#c4342f}.rsm-spin,.rsm-checks li.is-run:before{border:2px solid #d8d6d1;border-top-color:var(--gbm-blue);border-radius:50%;flex:none;width:13px;height:13px;animation:.8s linear infinite gbm-spin}.rsm-passed{color:var(--rsm-green);align-items:center;gap:6px;display:flex}.rsm-author{align-items:center;gap:8px;display:flex}.rsm-reply p{color:var(--rsm-ink);margin:6px 0 0;line-height:1.55}.rsm-pr-card{background:color-mix(in srgb, var(--rsm-ink) 4%, transparent);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.rsm-pr-card>svg{color:var(--rsm-green)}.rsm-pr-card>span:first-of-type{flex:1;min-width:0}.rsm-pr-card small{color:var(--rsm-tertiary);white-space:nowrap;font-size:14px;display:block}.rsm-pill{background:var(--rsm-ink);color:#fff;white-space:nowrap;border-radius:18px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;display:inline-flex}.rsm-pill.is-merged{background:var(--gbm-purple);animation:.4s both gbm-fade}.rsm-composer{color:var(--rsm-tertiary);background:#fff;border-radius:28px;flex-shrink:0;margin:12px 18px 16px;padding:13px 16px;box-shadow:0 0 0 1px #0000000a,0 2px 8px #0000000a}.rsm-composer>div{align-items:center;gap:12px;margin-top:16px;display:flex}.rsm-composer>div>span{color:var(--rsm-ink);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.rsm-composer i{background:var(--rsm-ink);color:#fff;border-radius:50%;flex:0 0 30px;place-items:center;height:30px;display:grid}.rsm-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.rsm-empty p{letter-spacing:-.01em;margin:0 0 8px;font-size:22px}.rsm-composer--empty{width:560px}.rsm-panel{border-left:1px solid var(--rsm-line);flex-direction:column;flex:1;min-width:0;padding:0 20px 18px;display:flex}.rsm-tabs{height:46px;color:var(--rsm-secondary);flex-shrink:0;align-items:center;gap:2px;display:flex}.rsm-tabs>span{border-radius:18px;padding:3px 10px}.rsm-tabs>.is-selected{background:var(--rsm-soft);color:var(--rsm-ink)}.rsm-tabs>svg{margin-left:auto}.rsm-term{color:#c9c9c9;min-height:0;font-family:var(--theme-font-code,ui-monospace, monospace);background:#121212;border-radius:12px;flex-direction:column;flex:1;gap:6px;padding:14px;font-size:14px;line-height:1.5;display:flex;overflow:hidden}.rsm-term__cmd{color:#fff}.rsm-term__bad{color:#ff7b72}.rsm-term__good{color:#56d364}.rsm-diff{color:var(--gbm-ink);background:#fff;border:1px solid #2c2c2c;border-radius:10px;margin-top:6px;font-size:14px;display:grid;overflow:hidden}.rsm-diff__file{border-bottom:1px solid var(--gbm-line);color:var(--gbm-muted);background:#f6f5f3;padding:7px 10px}.rsm-diff code{font:inherit;white-space:pre;padding:3px 10px;display:block}.rsm-diff__del{color:#82071e;background:#ffebe9}.rsm-diff__add{color:#116329;background:#e6ffec}.rsm-desktop{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.rsm-browser{border:1px solid var(--rsm-line);background:#fff;border-radius:12px;overflow:hidden}.rsm-browser__bar{border-bottom:1px solid var(--rsm-line);background:#f6f6f6;align-items:center;gap:12px;padding:8px 12px;display:flex}.rsm-browser__bar span{gap:5px;display:flex}.rsm-browser__bar i{background:#d9d9d9;border-radius:50%;width:9px;height:9px}.rsm-browser__bar div{color:var(--rsm-secondary);background:#fff;border-radius:8px;flex:1;padding:2px 10px;font-size:14px}.rsm-shop{gap:8px;padding:18px 22px 22px;display:grid}.rsm-shop b{margin-bottom:4px;font-size:18px;font-weight:400}.rsm-shop__row{color:var(--rsm-secondary);justify-content:space-between;display:flex}.rsm-shop__total{border-top:1px solid var(--rsm-line);color:var(--rsm-ink);padding-top:8px}.rsm-shop__pay{color:#fff;text-align:center;background:#c9c9c9;border-radius:10px;margin-top:8px;padding:10px;transition:background-color .4s}.rsm-shop__pay.is-ready{background:#1a1a1a}.rsm-shop.is-compact{gap:4px;padding:10px 10px 12px;font-size:14px}.rsm-shop.is-compact b{margin-bottom:2px;font-size:14px}.rsm-shop.is-compact .rsm-shop__pay{border-radius:6px;margin-top:4px;padding:5px}.rsm-shop.is-compact .rsm-shop__total{padding-top:4px}.rsm-shots{grid-template-columns:1fr 120px;align-items:start;gap:12px;display:grid}.rsm-shots figure,.rsm-evidence figure{border:1px solid var(--rsm-line);background:#fff;border-radius:10px;margin:0;font-size:14px;overflow:hidden}.rsm-shots figure .rsm-shop:not(.is-compact){gap:4px;padding:10px 12px 12px;font-size:14px}.rsm-shots figure .rsm-shop:not(.is-compact) b{font-size:14px}.rsm-shots figure .rsm-shop:not(.is-compact) .rsm-shop__pay{padding:5px}.rsm-shots figcaption{border-top:1px solid var(--rsm-line);color:var(--rsm-tertiary);padding:4px 10px}.rsm-shots p{color:var(--rsm-green);grid-column:1/-1;align-items:center;gap:6px;margin:0;display:flex}.rsm-review{flex-direction:column;gap:0;display:flex}.rsm-review__head{align-items:center;gap:12px;padding-top:6px;display:flex}.rsm-review__head h3{color:var(--rsm-ink);font:400 20px/1.4 var(--text-font,inherit);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.rsm-review__meta{color:var(--rsm-tertiary);align-items:center;gap:8px;padding:10px 0 14px;display:flex}.rsm-review__meta code{background:var(--rsm-soft);color:var(--rsm-secondary);font:inherit;border-radius:5px;padding:1px 6px}.rsm-review__meta>svg{margin-left:auto}.rsm-state{background:color-mix(in srgb, var(--rsm-green) 14%, transparent);color:var(--rsm-green);border-radius:18px;align-items:center;gap:4px;padding:1px 9px;display:inline-flex}.rsm-state.is-merged{background:var(--gbm-purple);color:#fff}.rsm-review__files{border:1px solid var(--rsm-line);font-family:var(--theme-font-code,ui-monospace, monospace);border-radius:10px;gap:4px;padding:10px 12px;font-size:14px;display:grid}.rsm-checks{grid-template-columns:repeat(4,auto);justify-content:start;gap:6px 16px;margin:14px 0;padding:0;list-style:none;display:grid}.rsm-checks li{align-items:center;gap:6px;display:flex}.rsm-checks li:before{content:""}.rsm-checks li.is-run{color:var(--rsm-tertiary)}.rsm-checks li.is-done:before{background:var(--rsm-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.4' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;border-radius:50%;width:14px;height:14px}.rsm-evidence{grid-template-columns:1fr 110px;align-items:start;gap:12px;display:grid}.rsm-evidence .rsm-shop:not(.is-compact){gap:4px;padding:10px 12px 12px;font-size:14px}.rsm-evidence .rsm-shop:not(.is-compact) b{font-size:14px}.rsm-evidence .rsm-shop:not(.is-compact) .rsm-shop__pay{padding:5px}.rsm-approved{color:var(--rsm-secondary);align-items:center;gap:10px;margin-top:14px;display:flex}.rsm-approved span{width:26px;height:26px;font-size:14px}.gbm-appear:not([data-gbon]),.gbm-swap:not([data-gbon]),.rsm-tab:not([data-gbon]),.rsm-empty:not([data-gbon]){display:none}.gbm-swap{display:contents}.rsm-work{flex:1;min-width:0;display:flex}.rsm-tab{flex-direction:column;flex:1;min-height:0;display:flex}.rsm-activity.is-done .rsm-spin,.rsm-activity.is-run>svg,.gbm-modal__list.is-searched li{display:none}.gbm-appear{animation:.42s cubic-bezier(.22,1,.36,1) both gbm-in}@keyframes gbm-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes gbm-fade{0%{opacity:0}}@keyframes gbm-spin{to{transform:rotate(360deg)}}@keyframes gbm-blink{50%{opacity:0}}@keyframes gbm-pulse{50%{opacity:.35}}@media (width<=760px){.grokbot-story__captions li{white-space:normal;width:max-content;max-width:calc(100vw - 28px);padding:10px 16px;font-size:14px}.grokbot-story__captions{height:84px}}@media (prefers-reduced-motion:reduce){.grokbot-story__camera,.grokbot-story__captions li,.gbm-cursor,.gbm-modal,.gbm-scrim,.rsm-shop__pay{transition:none}.grokbot-story *,.grokbot-story :before{animation:none!important}}.grokbot-page{--grokbot-rail:1180px;--grokbot-gutter:var(--marketing-system-gutter,32px);--grokbot-panel:var(--marketing-container,#f3f3f4);color:var(--ink)}.grokbot-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.grokbot-nav{z-index:20;height:64px;padding:0 var(--grokbot-gutter);background:var(--marketing-page-bg,var(--bg));border-bottom:1px solid #0000;align-items:center;gap:24px;transition:border-color .2s;display:flex;position:sticky;top:0}.grokbot-nav.is-scrolled{border-bottom-color:var(--line)}.grokbot-nav__brand{color:var(--ink);white-space:nowrap;align-items:center;gap:8px;font-size:16px;text-decoration:none;display:inline-flex}.grokbot-nav__x{color:var(--muted);font-size:14px}.grokbot-nav__links{gap:24px;margin-left:auto;display:flex}.grokbot-nav__links a{color:var(--ink);opacity:.8;font-size:15px;text-decoration:none}.grokbot-nav__links a:hover{opacity:1}.grokbot-nav__actions{gap:8px;display:flex}.grokbot-page img[src="/trusted-logos/grok-bot-mark.svg"],.grokbot-page img[src^="/reason-agent-mark/"]{vertical-align:middle;flex:none;display:inline-block}.grokbot-button{box-sizing:border-box;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:10px 24px;font-size:16px;line-height:1.5;text-decoration:none;transition:background-color .16s,border-color .16s;display:inline-flex}.grokbot-button--small{min-height:36px;padding:7px 16px;font-size:14px}.grokbot-button--primary{background:var(--ink);color:var(--marketing-page-bg,var(--bg))}.grokbot-button--primary:hover{background:color-mix(in srgb, var(--ink) 82%, var(--marketing-page-bg,var(--bg)))}.grokbot-button--secondary{border-color:var(--line);color:var(--ink);background:0 0}.grokbot-button--secondary:hover{border-color:var(--ink)}:is(.grokbot-button,.grokbot-nav a,.grokbot-crew__open,.grokbot-faq summary):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.grokbot-hero{padding:clamp(56px, 9vw, 104px) var(--grokbot-gutter) 0;text-align:center;justify-items:center;gap:24px;display:grid}.grokbot-pill{border:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;margin:0;padding:5px 14px;font-size:14px;display:inline-flex}.grokbot-pill i{background:#1f9d55;width:7px;height:7px}html:root body .marketing-shell-frame .grokbot-hero h1{text-wrap:balance;max-width:15ch;margin:0;letter-spacing:-.045em!important;font-size:max(14px,clamp(40px,6.6vw,84px))!important;line-height:1.04!important}.grokbot-hero h1 .grokbot-nowrap{white-space:nowrap}.grokbot-hero h1 .grokbot-hero__mark{vertical-align:-.1em;margin:0 .04em;width:.8em!important;height:.8em!important}html:root body .marketing-shell-frame .grokbot-page .grokbot-hero__lede{max-width:34em;color:var(--muted);text-wrap:pretty;margin:0;font-size:max(14px,clamp(17px,1.6vw,20px));line-height:1.5}.grokbot-hero__lede em{color:var(--ink);font-style:normal}.grokbot-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.grokbot-section{width:min(calc(100% - var(--grokbot-gutter) * 2), var(--grokbot-rail));text-align:center;margin:0 auto;padding:clamp(72px,10vw,128px) 0 0}html:root body .marketing-shell-frame .grokbot-page :is(.grokbot-section,.grokbot-final) h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:max(14px,clamp(32px,4.4vw,56px));line-height:1.06}.grokbot-eyebrow{color:var(--muted);margin:0 0 14px;font-size:14px}.grokbot-section__lede{max-width:32em;color:var(--muted);margin:18px auto 0;font-size:17px;line-height:1.5}.grokbot-crew{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}.grokbot-crew__card{--crew-accent:var(--ink);border:1px solid var(--line);background:var(--marketing-page-bg,var(--bg));grid-template-rows:auto 1fr auto;transition:border-color .2s,transform .3s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}.grokbot-crew__card:hover{border-color:color-mix(in srgb, var(--crew-accent) 55%, transparent);transform:translateY(-3px)}.grokbot-crew__art{border-bottom:1px solid color-mix(in srgb, var(--crew-accent) 18%, transparent);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--crew-accent) 22%, transparent), transparent 62%), color-mix(in srgb, var(--crew-accent) 7%, var(--marketing-page-bg,#fff));place-items:center;height:168px;display:grid}.grokbot-crew__mark{filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--crew-accent) 35%, transparent));transition:transform .4s cubic-bezier(.22,1,.36,1)}.grokbot-crew__card:hover .grokbot-crew__mark{transform:rotate(-6deg)scale(1.05)}.grokbot-crew__copy{align-content:start;justify-items:center;gap:10px;padding:24px 24px 8px;display:grid}.grokbot-crew__copy h3{letter-spacing:-.02em;margin:0;font-size:22px}.grokbot-crew__copy p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.grokbot-crew__by{align-items:center;gap:5px;display:inline-flex;margin-top:-6px!important;font-size:14px!important}.grokbot-crew__tags{flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.grokbot-crew__tags li{border:1px solid color-mix(in srgb, var(--crew-accent) 30%, transparent);background:color-mix(in srgb, var(--crew-accent) 8%, transparent);color:color-mix(in srgb, var(--crew-accent) 55%, var(--ink));font-family:var(--theme-font-code,ui-monospace, monospace);padding:2px 9px;font-size:14px}.grokbot-crew__open{border-top:1px solid var(--line);color:var(--ink);justify-content:center;align-items:center;gap:6px;margin:12px 0 0;padding:16px;font-size:15px;text-decoration:none;transition:background-color .16s;display:inline-flex}.grokbot-crew__open:hover{background:color-mix(in srgb, var(--crew-accent) 8%, transparent)}.grokbot-install{counter-reset:none;text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}.grokbot-install li{background:var(--grokbot-panel);align-content:start;gap:10px;padding:28px;display:grid}.grokbot-install__no{color:var(--muted);font-family:var(--theme-font-code,ui-monospace, monospace);font-size:14px}.grokbot-install h3{letter-spacing:-.02em;margin:12px 0 0;font-size:22px}.grokbot-install p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.grokbot-faq{border-top:1px solid var(--line);text-align:left;max-width:760px;margin:40px auto 0}.grokbot-faq details{border-bottom:1px solid var(--line)}.grokbot-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 2px;font-size:18px;list-style:none;display:flex}.grokbot-faq summary::-webkit-details-marker{display:none}.grokbot-faq summary:after{color:var(--muted);content:"+";font-size:22px;line-height:1;transition:transform .2s}.grokbot-faq details[open] summary:after{transform:rotate(45deg)}.grokbot-faq p{max-width:62ch;color:var(--muted);margin:0;padding:0 2px 22px;font-size:16px;line-height:1.55}.grokbot-final{width:min(calc(100% - var(--grokbot-gutter) * 2), var(--grokbot-rail));box-sizing:border-box;background:var(--grokbot-panel);text-align:center;justify-items:center;gap:28px;margin:clamp(72px,10vw,128px) auto clamp(40px,6vw,72px);padding:clamp(48px,8vw,96px) 24px;display:grid}.grokbot-final__note{color:var(--muted);margin:0;font-size:14px}html:root[data-theme] body .marketing-shell-frame.marketing-shell-frame .grokbot-page :is(.grokbot-button,.grokbot-pill,.grokbot-pill i,.grokbot-crew__tags li){border-radius:999px!important}html:root[data-theme] body .marketing-shell-frame.marketing-shell-frame .grokbot-page :is(img[src="/trusted-logos/grok-bot-mark.svg"],img[src^="/reason-agent-mark/"]){border-radius:0!important}html:root[data-theme] body .marketing-shell-frame.marketing-shell-frame .grokbot-page :is(.grokbot-crew__card,.grokbot-install li,.grokbot-final){border-radius:12px!important}html:root[data-theme] body .marketing-shell-frame.marketing-shell-frame .grokbot-page :is(.grokbot-crew__art,.grokbot-crew__open){border-radius:0!important}@media (width<=1020px){.grokbot-nav__links{display:none}.grokbot-nav__actions{margin-left:auto}.grokbot-crew{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.grokbot-nav{gap:12px;padding:0 16px}.grokbot-nav__brand{gap:6px;font-size:15px}.grokbot-nav__brand>span:not(.grokbot-nav__x){display:none}.grokbot-nav__actions .grokbot-button--small{min-height:32px;padding:6px 12px;font-size:14px}.grokbot-crew,.grokbot-install{grid-template-columns:1fr}.grokbot-hero__lede{font-size:16px}}@media (prefers-reduced-motion:reduce){.grokbot-nav,.grokbot-button,.grokbot-crew__card,.grokbot-crew__mark,.grokbot-crew__open,.grokbot-faq summary:after{transition:none}.grokbot-crew__card:hover,.grokbot-crew__card:hover .grokbot-crew__mark{transform:none}}.grokbot-page :is(#story,#crew,#install,#faq){scroll-margin-top:64px}.grokbot-faq__more{color:var(--muted);margin:20px 0 0}.grokbot-faq__more a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}
