.grok-page{background:#0d0820;color:#f9f4ff;overflow:hidden}.grok-wrap{width:min(1160px,calc(100% - 48px));margin:auto}.grok-hero{position:relative;overflow:hidden;padding:130px 0 100px;background:radial-gradient(ellipse at 72% 45%,#492076 0,transparent 48%),linear-gradient(#100b24,#20113d)}.grok-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.grok-kicker{font:700 11px/1.4 var(--font-tech);letter-spacing:.16em;color:#6cf5f4;text-transform:uppercase;margin:0 0 20px}.grok-page h1,.grok-page h2{font-family:var(--font-display);font-style:italic;font-weight:800;text-transform:uppercase;line-height:1.02;letter-spacing:-.025em;margin:0 0 25px}.grok-page h1{font-size:clamp(46px,6vw,80px)}.grok-page h2{font-size:clamp(35px,4.5vw,58px)}.grok-page h1 span,.grok-page h2 span{color:#ff70d5;text-shadow:0 0 22px rgba(255,43,181,.3)}.grok-lede,.grok-intro{font-size:clamp(17px,1.6vw,21px);line-height:1.6;color:#d5cbe4;max-width:620px}.grok-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:30px 0 18px}.grok-note{color:#c5b6d9;font-size:13px;line-height:1.6}.grok-mountains{position:absolute;bottom:0;opacity:.22}.grok-console{border:1px solid rgba(112,238,255,.35);border-radius:15px;background:rgba(10,8,31,.85);box-shadow:0 25px 80px rgba(0,0,0,.4),0 0 40px rgba(172,54,255,.18);overflow:hidden}.grok-console-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#21163e;border-bottom:1px solid #4a3569}.grok-console-bar span{width:7px;height:7px;border-radius:50%;background:#ff4fae}.grok-console-bar span:nth-child(2){background:#ffd571}.grok-console-bar span:nth-child(3){background:#6ef3c9}.grok-console-bar b{margin-left:10px;color:#b7a9d6;font:700 9px var(--font-tech);letter-spacing:.08em}.grok-orbit{height:310px;position:relative;background:radial-gradient(circle,#2d1856,transparent 65%)}.grok-orbit:before{content:'';position:absolute;inset:48px 75px;border:1px dashed rgba(114,235,255,.4);border-radius:50%}.grok-orbit-center,.grok-bot{position:absolute;display:grid;place-items:center;text-align:center;background:#16132f;border:1px solid #7863a4;box-shadow:0 0 20px rgba(122,88,246,.35)}.grok-orbit-center{width:112px;height:112px;top:99px;left:calc(50% - 56px);border-radius:50%;color:#8affeb}.grok-orbit-center span{font-size:38px;line-height:1}.grok-orbit-center small{font:700 9px/1.2 var(--font-tech)}.grok-bot{width:94px;height:64px;border-radius:12px;color:#9df7ff;animation:grokFloat 4s ease-in-out infinite}.grok-bot span{font-size:17px;letter-spacing:4px}.grok-bot b{font:700 8px var(--font-tech);letter-spacing:.1em}.bot-one{top:18px;left:calc(50% - 47px)}.bot-two{bottom:40px;left:8%;color:#ff91d7;animation-delay:-1s}.bot-three{bottom:40px;right:8%;color:#9cffc8;animation-delay:-2s}.grok-packet{position:absolute;color:#ffdc81;filter:drop-shadow(0 0 6px #ffaf42);animation:grokTravel 3s ease-in-out infinite}.packet-one{top:80px;left:50%}.packet-two{bottom:96px;left:25%;animation-delay:-1.5s}.grok-console-caption{padding:12px 18px;margin:0;color:#a7b9c8;font:700 9px/1.5 var(--font-tech);letter-spacing:.08em}.grok-dot{display:inline-block;background:#63ffa9;width:7px;height:7px;border-radius:50%;margin-right:7px}.grok-proof{background:#29184c;border-top:1px solid #72509c;border-bottom:1px solid #72509c}.grok-proof .grok-wrap{display:flex;align-items:center;gap:25px;padding:25px 0}.grok-proof strong{font:800 italic 55px/1 var(--font-display);color:#ff89d7}.grok-proof b{font:700 10px var(--font-tech);letter-spacing:.12em;color:#8af5e2}.grok-proof p{margin:6px 0 0;color:#e5ddf0}.grok-section{padding:100px 0;border-bottom:1px solid rgba(174,140,221,.14)}.grok-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px;position:relative}.grok-timeline:before{content:'';position:absolute;top:61px;left:4%;right:4%;height:2px;background:linear-gradient(90deg,#ff59b7,#8af9ee,#ffce79)}.grok-timeline article{position:relative;padding:0 12px}.grok-timeline time{display:block;font:700 11px var(--font-tech);letter-spacing:.1em;color:#9bfce6}.grok-timeline i{display:grid;place-items:center;position:relative;margin:20px 0;width:42px;height:42px;border:1px solid #91e6ef;border-radius:50%;background:#20133d;color:#a3fff3;font:24px sans-serif;box-shadow:0 0 18px #348aab}.grok-page h3{font-family:var(--font-display);font-size:20px;color:#fff;margin:0 0 10px}.grok-page article p{font-size:15px;line-height:1.6;color:#cec4df;margin:0}.grok-team-section{background:linear-gradient(130deg,#1e113c,#110b27)}.grok-team{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.grok-team-card{border:1px solid #594274;border-radius:12px;padding:22px;background:rgba(20,14,42,.8)}.grok-avatar{display:flex;align-items:center;justify-content:space-between;width:80px;height:55px;padding:0 12px;margin-bottom:20px;background:#251940;border:1px solid #9c72ba;border-radius:15px;box-shadow:0 0 20px rgba(255,75,192,.15);color:#ff8cd9}.grok-avatar span{font:24px sans-serif}.grok-avatar i{font:8px sans-serif;color:#99fff0}.grok-team-card:nth-child(even) .grok-avatar{color:#8cf5ff;box-shadow:0 0 20px rgba(69,218,255,.15)}.grok-principles,.grok-join-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.grok-rules article{padding:22px 0;border-bottom:1px solid #4b3a61}.grok-rules b{font:700 11px var(--font-tech);letter-spacing:.1em;color:#8cf5ec}.grok-rules p{margin-top:10px!important}.grok-plan{background:#1a1033}.grok-weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.grok-weeks p{border-top:2px solid #ef60bd;padding:20px 10px 0 0;color:#e2d9ef;line-height:1.5}.grok-weeks b{display:block;font:700 13px var(--font-tech);color:#7cf5ed;margin-bottom:12px}.grok-join{background:radial-gradient(ellipse at 25% 50%,#4c1f6c,transparent 60%),#120b29}.grok-form-card{padding:32px;border:1px solid #bb63af;border-radius:14px;background:#201437}.grok-form-card p{color:#d6c8e4}.grok-form-card form{display:grid;gap:10px;margin-top:20px}.grok-form-card label{font-size:13px}.grok-form-card input{width:100%;padding:15px;border:1px solid #8d78a3;border-radius:6px;background:#0e0a1c;color:white;font:inherit}.grok-form-card button{margin-top:6px}.grok-form-card [data-waitlist-status]{color:#a1f8d4;font-size:14px}.season-holiday .grok-console{border-color:#ff7dbb}.season-holiday .grok-console-bar{background:linear-gradient(90deg,#39244b,#172f32)}.season-holiday .grok-avatar:before{content:'✦';position:absolute;margin:-52px 0 0 56px;color:#ffe2a0;filter:drop-shadow(0 0 5px #ffcf6b)}@keyframes grokFloat{50%{transform:translateY(-7px)}}@keyframes grokTravel{50%{transform:translate(20px,25px);opacity:.3}}@media(max-width:800px){.grok-hero{padding:100px 0 70px}.grok-hero-grid,.grok-principles,.grok-join-grid{grid-template-columns:1fr;gap:32px}.grok-team{grid-template-columns:repeat(2,1fr)}.grok-timeline,.grok-weeks{grid-template-columns:repeat(2,1fr)}.grok-timeline:before{display:none}.grok-section{padding:70px 0}.grok-orbit{height:270px}.grok-orbit-center{top:79px}}@media(max-width:480px){.grok-wrap{width:calc(100% - 36px)}.grok-actions{align-items:flex-start;flex-direction:column}.grok-timeline{grid-template-columns:1fr;gap:28px}.grok-timeline article{padding-left:0}.grok-team{grid-template-columns:1fr 1fr;gap:10px}.grok-team-card{padding:16px}.grok-team-card h3{font-size:17px}.grok-weeks{grid-template-columns:1fr 1fr}.grok-proof strong{font-size:42px}}@media(prefers-reduced-motion:reduce){.grok-page *{animation:none!important;scroll-behavior:auto!important}}
/* Motion follows the site's control and respects reduced-motion preferences. */
html:not(.motion-enabled) .grok-bot,html:not(.motion-enabled) .grok-packet{animation:none}
@media (prefers-reduced-motion:no-preference){html.motion-enabled .grok-timeline i{animation:grokPulse 3s ease-in-out infinite}html.motion-enabled .grok-timeline article:nth-child(2) i{animation-delay:.6s}html.motion-enabled .grok-timeline article:nth-child(3) i{animation-delay:1.2s}html.motion-enabled .grok-timeline article:nth-child(4) i{animation-delay:1.8s}html.motion-enabled .grok-avatar{animation:grokFloat 5s ease-in-out infinite}html.motion-enabled .grok-team-card:nth-child(even) .grok-avatar{animation-delay:-2s}}
@keyframes grokPulse{50%{box-shadow:0 0 24px #6bffe4;transform:scale(1.07)}}
/* Grok-inspired bot faces: bold color, organic silhouettes and capsule eyes. */
.grok-page .grok-bot{width:102px;height:94px;border:0;background:none;box-shadow:none;display:flex;flex-direction:column;gap:6px;overflow:visible}
.grok-page .bot-one{top:7px}.grok-page .bot-two,.grok-page .bot-three{bottom:22px}
.grok-page .grok-bot b{font:700 9px/1 var(--font-tech);letter-spacing:.09em;color:#e9e3f5}
.grok-page .grok-face{--face:#ff912c;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:60px;height:60px;border-radius:45% 45% 48% 48%;background:var(--face);box-shadow:0 7px 25px color-mix(in srgb,var(--face) 36%,transparent);transform:rotate(-7deg)}
.grok-page .grok-face i{display:block;width:8px;height:17px;border-radius:7px;background:#17101f;transform:none;font:inherit;color:inherit}
.grok-page .bot-two .grok-face{--face:#f33b88;border-radius:50% 42% 45% 50%;transform:rotate(9deg)}
.grok-page .bot-three .grok-face{--face:#57cfb5;border-radius:45% 55% 48% 48%;transform:rotate(-10deg)}
.grok-page .grok-avatar{width:82px;height:72px;padding:0;margin-bottom:20px;display:flex;align-items:center;justify-content:flex-start;border:0;background:none;box-shadow:none;overflow:visible}
.grok-page .grok-avatar .grok-face{width:68px;height:68px;--face:#ff993c;border-radius:48% 48% 52% 52%}
.grok-page .grok-team-card:nth-child(2) .grok-face{--face:#4ecbb5;border-radius:51% 44% 49% 47%;transform:rotate(8deg)}
.grok-page .grok-team-card:nth-child(3) .grok-face{--face:#9e73f4;border-radius:37% 38% 45% 40%;transform:rotate(-8deg)}
.grok-page .grok-team-card:nth-child(4) .grok-face{--face:#ee4c99;border-radius:49% 44% 50% 48%;transform:rotate(9deg)}
.grok-page .grok-team-card:nth-child(5) .grok-face{--face:#ffbd4f;border-radius:42% 49% 46% 50%;transform:rotate(-7deg)}
.grok-page .grok-team-card:nth-child(6) .grok-face{--face:#66aafa;border-radius:45% 51% 44% 49%;transform:rotate(8deg)}
.grok-page .grok-team-card:nth-child(7) .grok-face{--face:#e577cb;border-radius:48% 42% 50% 44%;transform:rotate(-9deg)}
.grok-page .grok-team-card:nth-child(even) .grok-avatar{box-shadow:none}
.season-holiday .grok-avatar:before{content:none}
