.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{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__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;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);box-shadow:0 10px 30px -18px #00000059;border-radius:999px!important}.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);width:18px;height:3px;transition:background-color .3s;border-radius:999px!important}.grokbot-story__progress i.is-done{background:var(--ink)}.gbm-app{--gbm-bg:#fff;--gbm-side:#f6f5f3;--gbm-line:#e9e7e3;--gbm-ink:#141414;--gbm-muted:#7a7873;--gbm-blue:#2f6fe4;--gbm-green:#1f9d55;--gbm-red:#d13b3b;border:1px solid var(--gbm-line);background:var(--gbm-bg);color:var(--gbm-ink);text-align:left;-webkit-user-select:none;user-select:none;grid-template-columns:300px 1fr;font-size:15px;line-height:1.4;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #00000047,0 2px 6px #0000000a;border-radius:22px!important}.gbm-side{border-right:1px solid var(--gbm-line);background:var(--gbm-side);flex-direction:column;gap:12px;padding:18px 14px;display:flex;border-radius:0!important}.gbm-traffic{align-items:center;gap:8px;padding:2px 6px 6px;display:flex;border-radius:0!important}.gbm-traffic i{background:#ee6a5f;width:12px;height:12px;border-radius:999px!important}.gbm-traffic i:nth-child(2){background:#f5bf4f}.gbm-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;padding:10px 14px;border-radius:12px!important}.gbm-bots{gap:2px;margin:0;padding:0;list-style:none;display:grid;border-radius:0!important}.gbm-bots li{grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid;border-radius:14px!important}.gbm-bots li.is-active{background:#ebe9e5}.gbm-bots li div{min-width:0;border-radius:0!important}.gbm-bots strong{font-size:15px;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;align-items:center;gap:10px;margin-top:auto;padding:10px 12px;transition:border-color .3s,background-color .3s;display:flex;border-radius:14px!important}.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-user{color:#3c3b39;align-items:center;gap:10px;padding:4px 12px;display:flex;border-radius:0!important}.gbm-user span{background:#dddbd6;place-items:center;width:32px;height:32px;font-size:14px;display:grid;border-radius:999px!important}.gbm-main{grid-template-rows:64px 1fr auto;min-width:0;display:grid;border-radius:0!important}.gbm-header{border-bottom:1px solid var(--gbm-line);align-items:center;gap:12px;padding:0 22px;display:flex;border-radius:0!important}.gbm-header strong{font-size:17px}.gbm-chip{border:1px solid var(--gbm-line);align-items:center;gap:6px;margin-left:auto;padding:4px 10px 4px 5px;font-size:14px;animation:.4s both gbm-in;display:inline-flex;border-radius:999px!important}.gbm-body{grid-template-columns:1fr 0;min-height:0;transition:grid-template-columns .6s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden;border-radius:0!important}.gbm-app--panel .gbm-body{grid-template-columns:440px 460px}.gbm-chat{flex-direction:column;justify-content:flex-end;gap:12px;min-width:0;padding:18px 22px;display:flex;overflow:hidden;border-radius:0!important}.gbm-msg{max-width:88%;padding:11px 15px;font-size:15px;border-radius:18px!important}.gbm-msg--bot{background:#f2f1ee;align-self:flex-start}.gbm-msg--me{background:var(--gbm-ink);color:#fff;align-self:flex-end}.gbm-mention{color:#8fb5ff}.gbm-composer .gbm-mention{color:var(--gbm-blue)}.gbm-tool,.gbm-pr{border:1px solid var(--gbm-line);background:#fff;flex:none;padding:12px 14px;border-radius:16px!important}.gbm-tool__head,.gbm-pr__head{align-items:center;gap:8px;display:flex;border-radius:0!important}.gbm-tool__head span{color:var(--gbm-muted);margin-left:auto;font-size:14px}.gbm-reason-mark{flex:none;display:block;border-radius:0!important}.gbm-steps,.gbm-pr__checks,.gbm-verify{gap:5px;margin:10px 0 0;padding:0;font-size:14px;list-style:none;display:grid;border-radius:0!important}.gbm-steps li,.gbm-pr__checks li,.gbm-verify li{padding-left:22px;animation:.35s both gbm-in;position:relative;border-radius:0!important}.gbm-steps li:before,.gbm-pr__checks li:before,.gbm-verify li:before{box-sizing:border-box;content:"";width:14px;height:14px;position:absolute;top:3px;left:0;border-radius:999px!important}li.is-run:before{border:2px solid #d8d6d1;border-top-color:var(--gbm-blue);animation:.8s linear infinite gbm-spin}li.is-done:before{background:var(--gbm-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}li.is-run{color:var(--gbm-muted)}.gbm-pr__head svg{fill:none;stroke:var(--gbm-green);stroke-width:1.7px}.gbm-pr__head strong{font-size:15px}.gbm-pr__state{color:var(--gbm-green);background:#1f9d551f;margin-left:auto;padding:2px 9px;font-size:14px;border-radius:999px!important}.gbm-pr__state.is-merged{color:#8250df;background:#8250df24}.gbm-pr__meta{color:var(--gbm-muted);margin-top:4px;font-size:14px;border-radius:0!important}.gbm-add{color:var(--gbm-green);font-weight:400}.gbm-del{color:var(--gbm-red);font-weight:400}.gbm-pr__checks{grid-template-columns:repeat(4,auto);justify-content:start;gap:6px 16px}.gbm-pr__actions{gap:8px;margin-top:12px;display:flex;border-radius:0!important}.gbm-pr__actions span{border:1px solid var(--gbm-line);padding:6px 14px;font-size:14px;border-radius:999px!important}.gbm-pr__actions span:first-child{border-color:var(--gbm-ink);background:var(--gbm-ink);color:#fff}.gbm-pr__actions span.is-merged{background:#8250df;border-color:#8250df}.gbm-panel{border-left:1px solid var(--gbm-line);background:#fbfaf8;min-width:0;overflow:hidden;border-radius:0!important}.gbm-pane{box-sizing:border-box;flex-direction:column;gap:12px;width:460px;height:100%;padding:18px;display:flex;border-radius:0!important}.gbm-pane__title{align-items:center;gap:8px;font-size:15px;display:flex;border-radius:0!important}.gbm-pane__count{color:var(--gbm-muted);margin-left:auto;font-size:14px}.gbm-pane__note{color:var(--gbm-muted);margin:0;font-size:14px}.gbm-dot{background:var(--gbm-blue);width:9px;height:9px;animation:1.4s ease-in-out infinite gbm-pulse;border-radius:999px!important}.gbm-dot--good{background:var(--gbm-green);animation:none}.gbm-term{color:#c9c9c9;min-height:0;font-family:var(--theme-font-code,ui-monospace, monospace);background:#121212;flex-direction:column;flex:1;gap:6px;padding:14px;font-size:14px;line-height:1.5;display:flex;overflow:hidden;border-radius:12px!important}.gbm-term>*{border-radius:0!important}.gbm-term__cmd{color:#fff}.gbm-term__bad{color:#ff7b72}.gbm-term__good{color:#56d364}.gbm-diff{border:1px solid var(--gbm-line);color:var(--gbm-ink);font-family:var(--theme-font-code,ui-monospace, monospace);background:#fff;font-size:14px;display:grid;overflow:hidden;border-radius:10px!important}.gbm-term .gbm-diff{border-color:#2c2c2c;margin-top:6px}.gbm-diff>*{border-radius:0!important}.gbm-diff__file{border-bottom:1px solid var(--gbm-line);color:var(--gbm-muted);background:#f6f5f3;padding:7px 10px}.gbm-diff code{font:inherit;white-space:pre;padding:3px 10px;display:block}.gbm-diff__del{color:#82071e;background:#ffebe9}.gbm-diff__add{color:#116329;background:#e6ffec}.gbm-session{border:1px solid var(--gbm-line);background:#fff;gap:4px;padding:12px 14px;animation:.4s both gbm-in;display:grid;border-radius:12px!important}.gbm-session>*{border-radius:0!important}.gbm-session span{color:var(--gbm-muted);font-size:14px}.gbm-bar{background:#ecebe8;height:4px;margin-top:6px;overflow:hidden;border-radius:999px!important}.gbm-bar i{background:var(--gbm-green);height:100%;transition:width .4s;display:block;border-radius:999px!important}.gbm-settings{border:1px solid var(--gbm-line);background:#fff;grid-template-columns:70px 1fr;height:170px;font-size:14px;animation:.5s both gbm-in;display:grid;overflow:hidden;border-radius:12px!important}.gbm-settings.is-dark{color:#eee;background:#161616;border-color:#2a2a2a}.gbm-settings>*{border-radius:0!important}.gbm-settings__side{background:#7f7f7f14;align-content:start;gap:8px;padding:14px 10px;display:grid}.gbm-settings__side i{background:#7f7f7f4d;height:8px;border-radius:999px!important}.gbm-settings__main{align-content:start;gap:10px;padding:14px;display:grid}.gbm-settings__main b{font-size:15px;font-weight:400}.gbm-settings__row{background:#7f7f7f1a;justify-content:space-between;padding:8px 10px;display:flex;border-radius:8px!important}.gbm-settings__row em{color:#8fb5ff;font-style:normal}.gbm-verified{background:var(--gbm-green);color:#fff;opacity:0;align-self:flex-start;padding:6px 14px;font-size:14px;transition:opacity .3s,transform .3s;transform:scale(.9);border-radius:999px!important}.gbm-verified.is-on{opacity:1;transform:none}.gbm-composer{border:1px solid var(--gbm-line);background:#fff;align-items:center;gap:12px;margin:0 22px 18px;padding:12px 14px;display:flex;border-radius:999px!important}.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;border-radius:0!important}.gbm-composer__send{background:var(--gbm-ink);color:#fff;place-items:center;width:30px;height:30px;margin-left:auto;display:grid;border-radius:999px!important}.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;border-radius:0!important}.gbm-scrim{opacity:0;pointer-events:none;background:#14141447;transition:opacity .4s;position:absolute;inset:0;border-radius:0!important}.gbm-scrim.is-on{opacity:1}.gbm-modal{opacity:0;background:#fff;width:540px;padding:20px;transition:opacity .4s,transform .4s;position:absolute;top:90px;left:330px;transform:translateY(16px)scale(.98);box-shadow:0 30px 70px -30px #0006;border-radius:20px!important}.gbm-modal.is-on{opacity:1;transform:none}.gbm-modal>*{border-radius:0!important}.gbm-modal__head{justify-content:space-between;font-size:20px;display:flex}.gbm-modal__head span{color:var(--gbm-muted);font-size:16px}.gbm-modal__search{border:1px solid var(--gbm-line);color:var(--gbm-muted);margin-top:14px;padding:11px 14px;border-radius:12px!important}.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);padding:4px 12px;font-size:14px;border-radius:999px!important}.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{grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:10px 8px;transition:background-color .3s;display:grid;border-radius:14px!important}.gbm-modal__list li.is-highlight{background:#f4f3f0;animation:.3s both gbm-in}.gbm-modal__list li div{display:grid;border-radius:0!important}.gbm-modal__list li strong{font-size:16px}.gbm-modal__list li span{color:var(--gbm-muted);font-size:14px}.gbm-modal__icon{border:1px solid var(--gbm-line);place-items:center;width:52px;height:52px;display:grid;border-radius:14px!important}.gbm-modal__list li em{border:1px solid var(--gbm-line);padding:6px 16px;font-size:14px;font-style:normal;border-radius:999px!important}.gbm-modal__list li em.is-added{color:var(--gbm-green);border-color:#0000}.gbm-cursor{opacity:0;filter:drop-shadow(0 2px 3px #0000004d);pointer-events:none;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;top:0;left:0;border-radius:0!important}.gbm-cursor path{fill:#111;stroke:#fff;stroke-width:1.4px;stroke-linejoin:round}.gbm-cursor.is-on{opacity:1}.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-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,.gbm-body,.gbm-bar i,.gbm-verified{transition:none}.grokbot-story .gbm-appear,.grokbot-story .gbm-chip,.grokbot-story .gbm-session,.grokbot-story .gbm-settings,.grokbot-story li,.grokbot-story .gbm-caret,.grokbot-story .gbm-dot,.grokbot-story li.is-run:before{animation:none}}.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}