.grok-page{overflow:clip}.grok-page section{padding:84px 0}.grok-page p{color:var(--text-2)}.grok-page h2{margin:18px 0;font-size:clamp(38px,4.5vw,54px);line-height:1.04}.grok-copy-row code:focus-visible,.grok-page a:focus-visible,.grok-page button:focus-visible,.grok-page summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.grok-page .btn-primary:hover{color:var(--bg)}.grok-page .grok-hero{padding:78px 0 82px;border-bottom:1px solid var(--line)}.grok-hero-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:center;grid-gap:64px;gap:64px}.grok-hero-copy{min-width:0}.grok-page .grok-hero h1{margin:26px 0 0;font-size:clamp(58px,6.6vw,88px);line-height:1.01;letter-spacing:-.065em}.grok-hero h1>span{color:var(--lime);font-family:var(--font-serif),"Iowan Old Style",Georgia,serif;font-weight:500;letter-spacing:-.045em}.grok-hero-lead{max-width:49ch;margin:27px 0 0;font-size:18px;line-height:1.75}.grok-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.grok-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:14px;font-weight:600}.grok-text-link:hover{color:var(--lime)}.grok-text-link>span[aria-hidden]{font-size:18px}.grok-page .grok-hero-note{margin:19px 0 0;font-size:12px;color:var(--text-dim)}.grok-hero-stage{display:grid;justify-items:center;grid-gap:26px;gap:26px;min-width:0}.grok-page .grok-hero-stage .hero-signal{position:relative;inset:auto;width:132px;margin:0}.grok-example{width:100%;max-width:390px;margin:0;border:1px solid var(--line);border-radius:3px;background:var(--bg-1)}.grok-example figcaption{padding:14px 20px;border-bottom:1px solid var(--line);color:var(--text-dim);font:500 10px var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.grok-example .grok-example-prompt{margin:22px 20px 24px 48px;padding:13px 16px;background:var(--bg-3);border-radius:3px;color:var(--text);font-size:13px;line-height:1.6}.grok-example-reply{padding:0 22px 22px}.grok-example-mark{display:flex;align-items:center;gap:10px;color:var(--lime)}.grok-example-mark strong{color:var(--text);font-size:12px;font-weight:500}.grok-example-reply>p{margin:14px 0 20px;color:var(--text);font-family:var(--font-serif),Georgia,serif;font-size:28px;line-height:1.15}.grok-example-handoff{display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--text-2)}.grok-example-handoff svg:last-child{margin-left:auto}.grok-example .grok-example-foot{margin:0;padding:14px 22px;border-top:1px solid var(--line);font-size:11px;color:var(--text-dim)}.grok-page .grok-quick-start{padding-bottom:0}.grok-quick-heading{margin-bottom:38px}.grok-quick-heading>p{margin:0;max-width:55ch}.grok-quick-steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.grok-quick-steps>li{display:grid;grid-template-columns:36px minmax(0,.82fr) minmax(0,1.5fr);grid-gap:24px;gap:24px;padding:38px 0;border-bottom:1px solid var(--line)}.grok-step-number{padding-top:5px;color:var(--lime);font-size:13px;font-weight:600}.grok-step-title h3{margin:0;font-size:32px;line-height:1.15}.grok-step-title>p{margin:10px 0 0;font-size:13px}.grok-step-body{min-width:0}.grok-step-body>p{margin:0 0 18px;font-size:15px;line-height:1.75}.grok-step-body strong{font-weight:500;color:var(--text)}.grok-connection-fields{margin:22px 0 16px}.grok-copy-field+.grok-copy-field{margin-top:8px}.grok-field-label{display:block;margin-bottom:8px;color:var(--text-dim);font-size:11px}.grok-copy-row{display:flex;align-items:center;gap:18px;padding:13px 15px;border:1px solid var(--line);border-radius:3px;background:var(--bg-1)}.grok-copy-row code{flex:1 1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font:12px/1.7 var(--font-mono);-webkit-user-select:text;-moz-user-select:text;user-select:text}.grok-copy-row .btn{flex-shrink:0;font-size:11px;min-height:34px;padding:8px 11px;color:var(--text)}.grok-copy-status{display:block;min-height:18px;margin-top:4px;color:var(--lime);font-size:11px;line-height:1.5}.grok-step-body>.grok-quick-note{margin:13px 0 0;color:var(--text-dim);font-size:12px;line-height:1.7}.grok-page .grok-use-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:100px;gap:100px}.grok-section-intro>p{max-width:38ch;margin:20px 0 0;font-size:15px}.grok-use-list{border-top:1px solid var(--line);align-self:center}.grok-use-list>div{display:grid;grid-template-columns:24px minmax(0,1fr);grid-gap:8px 18px;gap:8px 18px;padding:24px 0;border-bottom:1px solid var(--line)}.grok-use-list svg{grid-row:span 2;margin-top:3px;color:var(--lime)}.grok-use-list h3{margin:0;font-size:25px;line-height:1.1}.grok-use-list p{margin:0;font-size:14px}.grok-page .grok-control{padding:38px 0 44px;border-block:1px solid var(--line)}.grok-control-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:100px;gap:100px;align-items:start}.grok-page .grok-control h2{margin:26px 0 0;font-size:clamp(34px,3.5vw,44px);line-height:1.13}.grok-control h2 span{color:var(--lime)}.grok-control-layout>div{padding-top:14px}.grok-control p{font-size:14px;line-height:1.8}.grok-bot-links>a:last-child,.grok-control a,.grok-faq a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px}.grok-bot-links>a:last-child:hover,.grok-control a:hover,.grok-faq a:hover{-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime)}.grok-page .grok-help{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:100px;gap:100px}.grok-faq{border-top:1px solid var(--line)}.grok-faq details{padding:0;border-bottom:1px solid var(--line)}.grok-faq summary{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:20px 0;list-style:none;cursor:pointer;font-size:15px;font-weight:500;line-height:1.5}.grok-faq summary::-webkit-details-marker{display:none}.grok-faq summary>span{color:var(--lime);font-size:20px;line-height:1;font-weight:400;transition:transform .2s}.grok-faq details[open] summary>span{transform:rotate(45deg)}.grok-faq details>p{margin:0;padding:0 20px 22px 0;font-size:14px;line-height:1.8}.grok-support{margin:22px 0 0;font-size:13px}.grok-support a{display:inline-flex;align-items:center;gap:5px}.grok-page .grok-bot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:100px;gap:100px;padding:36px 0 64px;border-top:1px solid var(--line)}.grok-bot-heading{display:flex;align-items:baseline;gap:15px}.grok-bot-heading>svg{color:var(--lime);flex-shrink:0;align-self:flex-start;margin-top:5px}.grok-page .grok-bot-heading h2{margin:0;font-size:32px;line-height:1.15}.grok-bot-copy>p{margin:0 0 14px;font-size:13px;line-height:1.8}.grok-bot-links{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:20px}.grok-bot-links>a:last-child{font-size:12px}.grok-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width:1050px){.grok-hero-layout{gap:38px}.grok-hero-actions{gap:18px}.grok-control-layout,.grok-page .grok-bot,.grok-page .grok-help,.grok-page .grok-use-section{gap:55px}.grok-quick-steps>li{grid-template-columns:24px minmax(0,.75fr) minmax(0,1.5fr);gap:18px}.grok-step-title h3{font-size:28px}.grok-copy-row{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:760px){.grok-page section{padding:58px 0}.grok-page .grok-hero{padding:56px 0}.grok-hero-layout{grid-template-columns:1fr;gap:44px}.grok-page .grok-hero h1{font-size:clamp(39px,10.2vw,68px)}.grok-hero-lead{font-size:16px}.grok-hero-stage{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;grid-gap:24px;gap:24px}.grok-page .grok-hero-stage .hero-signal{width:64px}.grok-example{max-width:none}.grok-example figcaption{padding:12px 16px;font-size:9px}.grok-example .grok-example-prompt{margin:16px 16px 20px 26px;padding:10px 12px;font-size:12px}.grok-example-reply{padding:0 16px 18px}.grok-example-reply>p{font-size:25px}.grok-example-handoff{gap:8px;font-size:10px}.grok-example .grok-example-foot{padding:12px 16px;font-size:10px}.grok-page h2{font-size:40px}.grok-quick-heading{margin-bottom:28px}.grok-quick-heading>p{font-size:14px}.grok-quick-steps>li{grid-template-columns:22px minmax(0,1fr);gap:20px 12px;padding:30px 0}.grok-step-title h3{font-size:30px}.grok-step-body{grid-column:2}.grok-step-body>p{font-size:14px}.grok-copy-row{padding:12px}.grok-copy-row code{font-size:11px}.grok-control-layout,.grok-page .grok-bot,.grok-page .grok-help,.grok-page .grok-use-section{grid-template-columns:1fr;gap:28px}.grok-control-layout{gap:8px}.grok-page .grok-control{padding:30px 0}.grok-control-layout>div{padding:0}.grok-page .grok-control h2{font-size:36px}.grok-bot-heading{gap:12px}.grok-page .grok-bot-heading h2{font-size:30px}}@media (max-width:380px){body:has(.grok-page) .nav .brand>span{display:none}.grok-hero-stage{grid-template-columns:1fr}.grok-page .grok-hero-stage .hero-signal{width:90px}}@media (prefers-reduced-motion:reduce){.grok-faq summary>span{transition:none}}