body.grok-project-page{font-family:Inter,sans-serif;background:#f9f9f6;color:#263a37;-webkit-font-smoothing:antialiased}.font-serif,.font-headline{font-family:Newsreader,serif}.gb-wrap{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}.gb-hero{background:radial-gradient(ellipse at 85% 30%,#d9ede5,transparent 55%),#f3f3e9;padding:40px 0 0;color:#183d36}.gb-back{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:60px;color:#48605a}.gb-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.gb-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#327564;margin-bottom:25px}.gb-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#258167;margin-right:8px}.gb-hero h1{font-family:Newsreader,serif;font-size:clamp(66px,7.3vw,100px);line-height:.93;letter-spacing:-.045em;font-weight:400}.gb-hero h1 em{color:#327564}.gb-lead{font-size:25px;line-height:1.35;margin:26px 0 18px;letter-spacing:-.03em}.gb-intro{font-size:16px;line-height:1.85;max-width:480px;color:#53645e}.gb-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.gb-button{display:inline-flex;gap:24px;align-items:center;justify-content:center;background:#214e43;color:#fff8e9!important;padding:16px 22px;border-radius:4px;font-size:13px;font-weight:600;text-decoration:none}.gb-button:hover{background:#163b31}.gb-text-link{font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.gb-note{font-size:11px;color:#637068;margin-top:16px;line-height:1.7}.gb-conversation{background:#fffef8;border:1px solid #d7e1d7;border-radius:12px;box-shadow:0 26px 60px #214e4318;padding:26px;transform:rotate(1deg);color:#263a37}.gb-chat-header{display:flex;gap:12px;align-items:center}.gb-avatar{width:42px;height:42px;display:grid;place-content:center;background:#214e43;border-radius:10px;font:italic 26px Newsreader,serif;color:#fff}.gb-avatar span{font:12px Inter,sans-serif;position:absolute;transform:translate(21px,4px)}.gb-chat-header strong{font-size:14px;display:block}.gb-chat-header div>span{font-size:10px;color:#69796e;display:block;margin-top:3px}.gb-chat-tag{margin-left:auto;font-size:9px;border:1px solid #d3ddd3;border-radius:30px;padding:5px 9px;white-space:nowrap}.gb-chat-time{font-size:8px;letter-spacing:.13em;color:#707c74;margin:35px 0 22px;text-align:center}.gb-bubble{padding:16px 18px;background:#eeeee6;border-radius:10px 10px 10px 0;font-size:14px;line-height:1.6;max-width:86%;width:fit-content;margin:15px 0}.gb-you{background:#214e43;color:#fffef6;border-radius:10px 10px 0 10px;margin-left:auto}.gb-record{display:flex;gap:12px;align-items:center;border:1px solid #d9e3d8;border-radius:8px;padding:15px;margin-top:24px}.gb-tick{color:#327564;background:#edf4e9;border-radius:50%;padding:5px 9px}.gb-record strong{font-size:12px;display:block}.gb-record div>span{font-size:10px;color:#68766a;display:block;margin-top:5px}.gb-chat-divider{height:1px;background:#e3e7da;margin:25px 0}.gb-chat-prompt{font:italic 19px Newsreader,serif;color:#657265}.gb-chat-footer{display:flex;gap:7px;flex-wrap:wrap;margin-top:26px}.gb-chat-footer span{font-size:9px;border:1px solid #dfe3d7;border-radius:20px;padding:5px 9px}.gb-conversation figcaption{font-size:9px;color:#768074;margin-top:18px;line-height:1.6}.gb-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #d5ddd0;margin-top:70px;padding:25px 0 30px}.gb-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#657668;display:block;margin-bottom:9px}.gb-facts strong{font-weight:500;font-size:13px}.gb-section{padding-top:90px;padding-bottom:90px}.gb-section h2{font:400 clamp(36px,4.2vw,54px)/1.07 Newsreader,serif;letter-spacing:-.025em}.gb-section h2 em{color:#5f7a66}.gb-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid #dce1d7}.gb-prose p{font-size:16px;line-height:1.9;color:#53645e;margin-bottom:20px}.gb-prose p:last-child{margin-bottom:0}.gb-section-heading{margin-bottom:38px}.gb-section-heading .gb-intro{margin-top:20px;max-width:620px}.gb-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gb-feature{border:1px solid #dce1d7;border-radius:5px;padding:30px 25px;display:flex;flex-direction:column}.gb-number{font-size:10px;letter-spacing:.15em;color:#327564;font-weight:600}.gb-feature h3,.gb-comparison h3{font:30px/1.1 Newsreader,serif;margin:30px 0 18px}.gb-feature p,.gb-comparison p{font-size:14px;line-height:1.85;color:#53645e}.gb-feature .gb-feature-foot{font-size:11px;color:#327564;margin-top:auto;padding-top:28px}.gb-band{background:#edf0e8}.gb-integrations{display:grid;grid-template-columns:1fr 1fr;gap:80px}.gb-integrations .gb-intro{margin-top:25px}.gb-connection-list>div{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #d2dbce}.gb-connection-list>div:first-child{padding-top:0}.gb-service{font:italic 22px Newsreader,serif;color:#63856e}.gb-connection-list h3{font-size:16px;font-weight:600}.gb-connection-list small{font-size:9px;margin-left:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:400;display:inline-block}.gb-connection-list p{font-size:13px;line-height:1.8;color:#53645e;margin-top:10px}.gb-prose .gb-small,.gb-small{font-size:12px!important;line-height:1.8}.gb-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce1d7;border-radius:6px;overflow:hidden}.gb-comparison article{padding:35px}.gb-comparison h3{margin:0 0 20px}.gb-comparison .gb-text-link{display:inline-block;margin-top:25px}.gb-comparison .gb-selected{background:#e9efe5}.gb-comparison .gb-small{margin-top:14px}.gb-boundary{font-size:11px;color:#6d776b;line-height:1.8;margin-top:22px;max-width:760px}.gb-start{text-align:center;background:#f0f0e6;border-radius:8px}.gb-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0}.gb-steps li>span{font:italic 28px Newsreader,serif;color:#68846b;display:block;margin-bottom:14px}.gb-steps strong{font-size:13px;font-weight:600}.gb-steps p{font-size:12px;line-height:1.7;color:#61705f;max-width:230px;margin:12px auto 0}.gb-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.gb-reading-card{border-top:1px solid #a5b6a4;padding-top:20px}.gb-reading-card>span:first-child{font-size:9px;letter-spacing:.12em;color:#61705f}.gb-reading-card strong{display:block;font:25px/1.2 Newsreader,serif;margin:15px 0}.gb-reading-card p{font-size:12px;line-height:1.7;color:#61705f}.gb-reading-card>span:last-child{display:block;margin-top:18px}.gb-reading-card:hover strong{color:#327564}main a:focus-visible{outline:3px solid #d2541e;outline-offset:5px}html.dark .grok-project-page{background:#18221e;color:#e8ece2}html.dark .gb-prose p,html.dark .gb-feature p,html.dark .gb-reading-card p,html.dark .gb-boundary{color:#b9c6b8}html.dark .gb-section>.gb-eyebrow,html.dark .gb-section-heading>.gb-eyebrow,html.dark .gb-story .gb-eyebrow{color:#93b29d}html.dark .gb-section h2 em{color:#8fa894}html.dark .gb-band,html.dark .gb-comparison,html.dark .gb-start{background:#e9eee3;color:#263a37}html.dark .gb-band h2 em,html.dark .gb-start h2 em{color:#5f7a66}html.dark .gb-section-heading .gb-intro{color:#b9c6b8}html.dark .gb-number,html.dark .gb-feature .gb-feature-foot,html.dark .gb-reading-card>span:first-child{color:#9bb59d}@media(max-width:850px){.gb-hero-grid{grid-template-columns:1fr;gap:45px}.gb-conversation{max-width:530px;transform:none}.gb-story,.gb-integrations{grid-template-columns:1fr;gap:35px}.gb-feature-grid{grid-template-columns:1fr}.gb-reading-grid{grid-template-columns:1fr}.gb-section{padding-top:60px;padding-bottom:60px}.gb-back{margin-bottom:40px}}@media(max-width:540px){.gb-wrap{padding-left:22px;padding-right:22px}.gb-hero h1{font-size:65px}.gb-facts{grid-template-columns:1fr;gap:20px;margin-top:40px}.gb-comparison,.gb-steps{grid-template-columns:1fr}.gb-conversation{padding:20px}.gb-chat-tag{display:none}.gb-steps{gap:28px}.gb-start{border-radius:0}.gb-comparison article{padding:28px}.gb-hero{padding-top:25px}.gb-lead{font-size:23px}}

/* Original Grok Bot artwork from the public template listing. */
.gb-platform{display:inline-flex;align-items:center;gap:14px;background:#090b0a;color:#fff;border-radius:7px;padding:13px 17px;margin-bottom:27px}.gb-platform-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#bdc8c4}.gb-platform img,.gb-chat-tag img{display:block;width:auto;object-fit:contain}.gb-platform img{height:25px}.gb-avatar{background:#093e37;overflow:hidden}.gb-avatar img{display:block;width:42px;height:42px}.gb-chat-tag{background:#090b0a;border:0;padding:9px 11px}.gb-chat-tag img{height:17px}.gb-start-mascot{display:block;margin:0 auto 20px;width:88px;height:88px}html.dark .gb-start>.gb-eyebrow{color:#327564}@media(max-width:540px){.gb-platform{margin-bottom:24px}.gb-platform img{height:22px}.gb-chat-tag{display:inline-flex;padding:7px 9px}.gb-chat-tag img{height:14px}.gb-chat-header{gap:9px}.gb-chat-header div>span{font-size:9px}}