.checkout-celebration{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}.checkout-celebration>span{opacity:0;width:8px;height:12px;animation:ease-out both checkout-confetti-fall;position:absolute;top:60%}@keyframes checkout-confetti-fall{0%{opacity:0;transform:translate(0,0)rotate(0)}5%{opacity:1}25%{opacity:1;transform:translate3d(calc(var(--confetti-x) * .55), var(--confetti-peak), 0) rotate(calc(var(--confetti-rotation) * .3));animation-timing-function:ease-in}65%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-x), 50vh, 0) rotate(var(--confetti-rotation))}}@media (width<=640px){.checkout-celebration>span:nth-child(n+49){display:none}}@media (prefers-reduced-motion:reduce){.checkout-celebration{display:none}.checkout-celebration>span{animation:none}}.grok-home #capabilities{isolation:isolate;padding-block:6rem;position:relative}.grok-home #capabilities:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 65% at 3% 50%, color-mix(in oklch, var(--primary) 5%, transparent), transparent 80%);position:absolute;inset:0}.grok-home #capabilities .home-container{width:min(100% - 3rem,69rem)}.grok-home #capabilities .home-heading{margin-bottom:3rem}.grok-home #capabilities .home-heading h2{font-size:3rem}.grok-home #capabilities .home-heading-eyebrow{color:var(--muted-foreground);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem;font-size:.7rem;font-weight:500;line-height:1.5}.grok-home #capabilities .home-heading>p:not(.home-heading-eyebrow){font-size:1rem}.grok-home .home-capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.grok-home .home-icon{width:1.6rem;height:1.6rem;color:var(--primary);stroke-width:1.5px}.grok-home #capabilities .home-capability{border-color:color-mix(in oklch, var(--foreground) 7%, transparent);background:color-mix(in oklch, var(--foreground) 2%, var(--background));border-radius:1.125rem;flex-direction:column;align-items:start;min-height:15.625rem;padding:1.5rem;display:flex}.grok-home .home-capability-icon{border:1px solid var(--home-line);background:color-mix(in oklch, var(--primary) 5%, transparent);border-radius:.8rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.grok-home .home-capability-icon svg{width:1.25rem;height:1.25rem;color:var(--primary);stroke-width:1.5px}.grok-home .home-capability h3{margin-top:.9rem;font-size:1.05rem;line-height:1.3}.grok-home .home-capability p{color:var(--muted-foreground);flex:1;margin-top:.5rem;font-size:.875rem;line-height:1.5}.grok-home #capabilities .home-text-link{color:var(--muted-foreground);margin-top:.75rem;font-size:.8rem;transition:color .2s}.grok-home #capabilities .home-text-link:hover{color:var(--primary)}.grok-home .home-step>p:last-child{color:var(--muted-foreground);margin-top:.7rem;font-size:.875rem;line-height:1.65}.grok-home .home-text-link{color:var(--primary);cursor:pointer;text-align:left;align-items:center;gap:.5rem;margin-top:1.1rem;font-size:.85rem;font-weight:500;display:inline-flex}.grok-home .home-text-link svg{flex-shrink:0;width:.9rem;height:.9rem;transition:transform .2s}.grok-home .home-text-link:hover svg{transform:translate(3px)}.grok-home .home-text-link:focus-visible{outline:2px solid var(--primary);outline-offset:5px;border-radius:2px}.grok-home .home-eyebrow{color:var(--primary);letter-spacing:.06em;font-size:.7rem;font-weight:500}.grok-home .home-example-tabs{gap:1.75rem}.grok-home .home-tabs-list{background:var(--home-surface);border:1px solid var(--home-line);gap:.2rem;max-width:100%;height:auto;margin-inline:auto;padding:.3rem}.grok-home .home-tab{min-height:2.4rem;padding:.55rem 1.35rem}.grok-home .home-tab[data-active]{color:var(--primary);background:color-mix(in oklch, var(--primary) 12%, transparent);box-shadow:none;border-color:#0000}.grok-home .home-example-panel{grid-template-columns:.85fr 1.15fr;align-items:center;gap:3rem;display:grid}.grok-home .home-example-copy h3{margin-top:.7rem;font-size:1.65rem;line-height:1.2}.grok-home .home-example-copy>p:not(.home-eyebrow){color:var(--muted-foreground);margin-top:.9rem;font-size:.9rem;line-height:1.65}.grok-home .home-example-input strong{color:var(--foreground);font-weight:500}.grok-home .home-example-video{object-fit:contain;background:#101014;border-radius:.85rem;width:100%;height:auto;max-height:510px;display:block}.grok-home .home-media-source{color:var(--muted-foreground);align-items:center;gap:6px;margin-top:15px;font-size:11px;display:inline-flex}.grok-home .home-media-source svg{width:12px;height:12px}.grok-home .home-media-source:hover{color:var(--primary)}.grok-home .home-prompt-details{border-block:1px solid var(--home-line);margin-block:1.1rem}.grok-home .home-prompt-details summary{cursor:pointer;color:var(--muted-foreground);justify-content:space-between;align-items:center;padding-block:.8rem;font-size:.8rem;list-style:none;display:flex}.grok-home .home-prompt-details summary::-webkit-details-marker{display:none}.grok-home .home-prompt-details summary svg{width:1rem;height:1rem;transition:transform .2s}.grok-home .home-prompt-details[open] summary svg{transform:rotate(180deg)}.grok-home .home-prompt-details p{color:var(--muted-foreground);padding-bottom:1rem;font-size:.8rem;line-height:1.7}.grok-home .home-three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;display:grid}.grok-home .home-step .home-eyebrow{margin-top:1.25rem}.grok-home .home-step h3{margin-top:.45rem;font-size:1.05rem}.grok-home .home-section-action{text-align:center;margin-top:1rem}.grok-home #advantages{isolation:isolate;padding-block:6rem;position:relative}.grok-home #advantages:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 27% at 100% 27%, color-mix(in oklch, var(--primary) 5%, transparent), transparent 80%), radial-gradient(ellipse 42% 27% at 0% 76%, color-mix(in oklch, var(--primary) 4%, transparent), transparent 80%);position:absolute;inset:0}.grok-home #advantages .home-heading{margin-bottom:4rem}.grok-home #advantages .home-heading h2{font-size:3rem}.grok-home #advantages .home-heading-eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem;font-size:.7rem;font-weight:500}.grok-home #advantages .home-heading>p:not(.home-heading-eyebrow){font-size:1rem}.grok-home .home-advantages{gap:5.75rem;display:grid}.grok-home .home-advantage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3.25rem;display:grid}.grok-home .home-advantage:nth-child(2n) .home-advantage-copy{order:2}.grok-home .home-advantage-icon{border:1px solid var(--home-line);background:color-mix(in oklch, var(--primary) 5%, transparent);width:3rem;height:3rem;color:var(--primary);border-radius:.8rem;justify-content:center;align-items:center;display:flex}.grok-home .home-advantage-icon svg{stroke-width:1.5px;width:1.25rem;height:1.25rem}.grok-home .home-advantage h3{text-wrap:balance;margin-top:1.1rem;font-size:clamp(1.6rem,2.4vw,2rem);line-height:1.18}.grok-home .home-advantage-copy>p{color:var(--muted-foreground);margin-top:1rem;font-size:.94rem;line-height:1.75}.grok-home .home-advantage-media{min-width:0}.grok-home .home-advantage-media img{object-fit:contain;border-radius:18px;width:100%;max-height:510px;display:block}.grok-home .home-advantage-media video{object-fit:contain;background:#101014;border-radius:18px;width:100%;height:auto;max-height:480px;display:block}.grok-home .home-advantage-media figcaption{color:var(--muted-foreground);justify-content:space-between;gap:12px;margin-top:11px;font-size:11px;line-height:1.6;display:flex}.grok-home .home-advantage-media figcaption a{align-items:center;gap:5px;display:inline-flex}.grok-home .home-advantage-media figcaption svg{width:12px;height:12px}@media (width<=1023px){.grok-home .home-advantage{gap:2rem}}@media (width<=767px){.grok-home #advantages{padding-block:4rem}.grok-home #advantages .home-heading{margin-bottom:3rem}.grok-home #advantages .home-heading h2{font-size:2rem}.grok-home .home-advantages{gap:4rem}.grok-home .home-advantage{grid-template-columns:minmax(0,1fr);gap:1.75rem}.grok-home .home-advantage:nth-child(2n) .home-advantage-copy{order:0}}.grok-home .home-billing-toggle{border:1px solid var(--home-line);background:var(--home-surface);border-radius:.65rem;margin:-1rem auto 2.2rem;padding:.3rem}.grok-home .home-billing-option{border:0;border-radius:.4rem;height:2.3rem;padding-inline:1.8rem}.grok-home .home-billing-option[data-pressed]{color:var(--primary-foreground);background:var(--primary)}.grok-home .home-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.grok-home .home-plan{flex-direction:column;padding:1.8rem;display:flex;position:relative}.grok-home .home-plan-popular{border-color:color-mix(in oklch, var(--primary) 70%, transparent);box-shadow:0 0 40px -16px color-mix(in oklch, var(--primary) 35%, transparent);background:linear-gradient(160deg, color-mix(in oklch, var(--primary) 7%, var(--home-surface)), var(--home-surface))}.grok-home .home-popular-badge{color:var(--primary-foreground);background:var(--primary);border-radius:.4rem;padding:.2rem .65rem;font-size:.65rem;font-weight:500;position:absolute;top:-.65rem;right:1.3rem}.grok-home .home-plan h3{font-size:1.15rem}.grok-home .home-plan-purpose{color:var(--muted-foreground);min-height:2.5rem;margin-top:.45rem;font-size:.8rem}.grok-home .home-plan-price{font-variant-numeric:tabular-nums;align-items:baseline;gap:.3rem;margin-top:1rem;display:flex}.grok-home .home-plan-price strong{letter-spacing:-.04em;font-size:2.65rem;font-weight:600;line-height:1.1}.grok-home .home-plan-price span{color:var(--muted-foreground);font-size:.8rem}.grok-home .home-plan-billing{color:var(--muted-foreground);margin-top:.45rem;font-size:.7rem}.grok-home .home-plan-discount{color:var(--primary);min-height:1.5rem;margin-top:.4rem;font-size:.7rem}.grok-home .home-plan-credits{border-top:1px solid var(--home-line);margin-top:.6rem;padding-top:1.1rem;font-size:.9rem;font-weight:500}.grok-home .home-plan-features{color:var(--muted-foreground);gap:.65rem;margin-block:1rem 1.5rem;font-size:.8rem;display:grid}.grok-home .home-plan-features li{gap:.5rem;display:flex}.grok-home .home-plan-features svg{width:1rem;height:1rem;color:var(--primary);flex-shrink:0}.grok-home .home-plan-button{width:100%;margin-top:auto}.grok-home .home-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.grok-home .home-faq-grid h3{font-size:.95rem}.grok-home .home-faq-grid p{color:var(--muted-foreground);margin-top:.65rem;font-size:.85rem;line-height:1.7}.grok-home .home-tip-carousel{outline-offset:.4rem;border-radius:1rem}.grok-home .home-tip-carousel:focus-visible{outline:2px solid var(--primary)}.grok-home .home-tip-viewport{touch-action:pan-y;padding-block:1rem;overflow:hidden}.grok-home .home-tip-track{width:calc(33.3333% - 1rem);margin-inline:auto;display:grid}.grok-home .home-tip-card{border:1px solid var(--home-line);background:var(--home-surface);min-width:0;transform:translateX(calc(var(--tip-offset) * (100% + 1.5rem)));border-radius:1.125rem;flex-direction:column;grid-area:1/1;padding:1.6rem;transition:transform .35s,border-color .25s,background-color .25s;display:flex}.grok-home .home-tip-card[data-visible=false]{visibility:hidden}.grok-home .home-tip-card[data-active=true]{border-color:color-mix(in oklch, var(--primary) 55%, transparent);background:linear-gradient(145deg, color-mix(in oklch, var(--primary) 13%, transparent), transparent 80%), var(--home-surface);box-shadow:inset 0 0 28px -18px var(--primary)}.grok-home .home-tip-card-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.grok-home .home-tip-icon{background:color-mix(in oklch, var(--primary) 9%, transparent);width:2.75rem;height:2.75rem;color:var(--primary);border-radius:.75rem;place-items:center;display:grid}.grok-home .home-tip-icon svg{stroke-width:1.5px;width:1.25rem;height:1.25rem}.grok-home .home-tip-number{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.75rem}.grok-home .home-tip-card h3{margin-top:1.3rem;font-size:1.08rem;line-height:1.35}.grok-home .home-tip-card>p:not(.home-tip-example){color:var(--muted-foreground);margin-block:.8rem 1.35rem;font-size:.875rem;line-height:1.7}.grok-home .home-tip-card .home-tip-example{border-top:1px solid var(--home-line);margin-top:auto;padding-top:1rem;font-size:.8rem;line-height:1.6}.grok-home .home-tip-example>span{color:var(--primary);margin-bottom:.35rem;font-size:.68rem;font-weight:500;display:block}.grok-home .home-tip-controls{justify-content:center;align-items:center;gap:1.35rem;margin-top:1.75rem;display:flex}.grok-home .home-carousel-arrow{background:var(--home-surface);border-radius:50%}.grok-home .home-tip-dots{align-items:center;gap:.1rem;display:flex}.grok-home .home-tip-dots button{cursor:pointer;border-radius:.35rem;place-items:center;width:1.65rem;height:2.5rem;display:grid}.grok-home .home-tip-dots button span{background:color-mix(in oklch, var(--foreground) 25%, transparent);border-radius:1rem;width:.4rem;height:.4rem;transition:width .2s,background-color .2s}.grok-home .home-tip-dots button[aria-pressed=true] span{background:var(--primary);width:1.2rem}.grok-home .home-tip-dots button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (width<=1023px){.grok-home .home-tip-card{padding:1.2rem}}@media (width<=767px){.grok-home .home-tip-track{width:calc(100% - 2.5rem);margin-inline:0}.grok-home .home-tip-card{transform:translateX(calc(var(--tip-offset) * (100% + 1rem)))}.grok-home .home-tip-controls{gap:.75rem}}@media (prefers-reduced-motion:reduce){.grok-home .home-tip-card,.grok-home .home-tip-dots button span{transition:none}}.grok-home .home-review-wall{gap:1rem;display:grid}.grok-home .home-review-row{border-radius:.5rem;padding-block:.25rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.grok-home .home-review-row:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.grok-home .home-review-track{gap:1rem;width:max-content;animation:72s linear infinite home-review-scroll;display:flex}.grok-home .home-review-track[data-reverse=true]{animation-duration:78s;animation-direction:reverse}.grok-home .home-review-group{flex-shrink:0;gap:1rem;display:flex}.grok-home .home-review-card{border:1px solid var(--border);background:var(--card);width:21.25rem;min-height:15.0625rem;color:var(--card-foreground);scroll-snap-align:start;border-radius:1.125rem;flex-direction:column;padding:1.5rem;transition:background-color .16s,border-color .16s;display:flex}.grok-home .home-review-card:hover{background:color-mix(in oklch, var(--primary) 4%, var(--card));border-color:color-mix(in oklch, var(--primary) 35%, var(--border))}.grok-home .home-review-card-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.grok-home .home-review-card-top>svg{width:1.5rem;height:1.5rem;color:var(--muted-foreground);stroke-width:1.5px}.grok-home .home-review-rating{color:var(--primary);align-items:center;gap:.17rem;display:flex}.grok-home .home-review-rating svg{fill:currentColor;stroke-width:1px;width:.875rem;height:.875rem}.grok-home .home-review-card blockquote{color:var(--card-foreground);flex:1;margin-block:1rem 0;font-size:.875rem;font-weight:400;line-height:1.625}.grok-home .home-review-person{align-items:center;gap:.75rem;margin-top:auto;padding-top:.5rem;display:flex}.grok-home .home-review-avatar{width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 1px var(--border);background-image:url(/images/grok-video/editorial-creator-portraits.webp);background-repeat:no-repeat;background-size:400% 200%;border-radius:50%;flex-shrink:0}.grok-home .home-review-person h3{color:var(--card-foreground);letter-spacing:0;font-size:.875rem;font-weight:600;line-height:1.25rem}.grok-home .home-review-person p{color:var(--muted-foreground);font-size:.75rem;font-weight:400;line-height:1rem}.grok-home .home-review-wall:hover .home-review-track,.grok-home .home-review-wall:focus-within .home-review-track{animation-play-state:paused}@keyframes home-review-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - .5rem))}}@media (width<=767px){.grok-home .home-review-card{width:min(21.25rem,100vw - 4rem)}.grok-home .home-review-row{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000);mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000)}}@media (prefers-reduced-motion:reduce){.grok-home .home-review-card{transition:none}.grok-home .home-review-row{scroll-snap-type:x proximity;scrollbar-width:thin;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.grok-home .home-review-track{animation:none}.grok-home .home-review-group[data-marquee-copy=true]{display:none}}.grok-home{--home-line:color-mix(in oklch, var(--foreground) 9%, transparent);--home-surface:color-mix(in oklch, var(--foreground) 2.5%, var(--background));background:radial-gradient(ellipse 50% 18% at 50% 0%, color-mix(in oklch, var(--primary) 9%, transparent), transparent 80%), radial-gradient(ellipse 65% 18% at 95% 40%, color-mix(in oklch, var(--primary) 7%, transparent), transparent 80%), radial-gradient(ellipse 60% 17% at 5% 70%, color-mix(in oklch, var(--primary) 6%, transparent), transparent 80%), var(--background);overflow:clip}.grok-home .home-container{width:min(100% - 3rem,70rem);margin-inline:auto}.grok-home .home-section{padding-block:4.5rem;scroll-margin-top:5rem}.grok-home .home-heading{text-align:center;max-width:43rem;margin:0 auto 2.75rem}.grok-home .home-heading h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.85rem,3.2vw,2.5rem);font-weight:600;line-height:1.15}.grok-home .home-heading p{color:var(--muted-foreground);text-wrap:pretty;margin-top:.9rem;font-size:1rem;line-height:1.65}.grok-home h3{letter-spacing:-.02em;font-weight:600}.grok-home p{text-wrap:pretty}.grok-home .home-hero{z-index:1;isolation:isolate;padding-block:7rem 3.25rem;scroll-margin-top:5rem;position:relative}.grok-home .home-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 46% 54% at 4% 42%, color-mix(in oklch, var(--primary) 5%, transparent), transparent 80%), radial-gradient(ellipse 58% 58% at 93% 85%, color-mix(in oklch, var(--primary) 7%, transparent), transparent 80%);position:absolute;inset:0}.grok-home .home-hero-inner{text-align:center;width:min(100% - 3rem,69rem);margin-inline:auto}.grok-home .home-hero-kicker{color:var(--primary);letter-spacing:.08em;margin-bottom:1rem;font-size:.75rem;font-weight:500}.grok-home .home-hero h1{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(2.5rem,4.5vw,3.5rem);font-weight:600;line-height:1.05}.grok-home .home-hero-description{max-width:42rem;color:var(--muted-foreground);margin:1.15rem auto 1.75rem;font-size:1rem;line-height:1.65}.grok-home .home-composer{max-width:56rem;margin-inline:auto}.grok-home .home-card{border:1px solid var(--home-line);background:var(--home-surface);border-radius:.9rem;padding:1.5rem}.grok-home .home-final-cta{text-align:center;background:radial-gradient(ellipse 45% 75% at 50% 65%, color-mix(in oklch, var(--primary) 13%, transparent), transparent 80%);padding-block:6rem 7rem;position:relative}.grok-home .home-final-cta:before{content:"";pointer-events:none;opacity:.16;background-image:radial-gradient(var(--primary) .6px, transparent .6px);background-size:15px 15px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(50% 85%,#000,#0000);mask-image:radial-gradient(50% 85%,#000,#0000)}.grok-home .home-final-cta .home-container{position:relative}.grok-home .home-final-cta h2{letter-spacing:-.045em;text-wrap:balance;max-width:46rem;margin-inline:auto;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:600;line-height:1.12}.grok-home .home-final-cta p{max-width:35rem;color:var(--muted-foreground);margin:1.1rem auto 1.8rem;line-height:1.7}.grok-home .home-main-action{height:3rem;box-shadow:0 8px 35px -14px var(--primary);padding-inline:1.5rem}@media (width<=1023px){.grok-home .home-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.grok-home .home-example-panel{gap:2rem}}@media (width<=767px){.grok-home #capabilities{padding-block:4rem}.grok-home #capabilities .home-container{width:min(100% - 2rem,69rem)}.grok-home #capabilities .home-heading{margin-bottom:2rem}.grok-home #capabilities .home-heading h2{font-size:2rem}.grok-home .home-capabilities{grid-template-columns:1fr}.grok-home .home-container,.grok-home .home-hero-inner{width:min(100% - 2rem,70rem)}.grok-home .home-section{padding-block:3rem}.grok-home .home-heading{margin-bottom:2rem}.grok-home .home-heading p{font-size:.9rem}.grok-home .home-hero{padding-block:6rem 2rem}.grok-home .home-hero h1{font-size:clamp(2.4rem,9vw,3.4rem)}.grok-home .home-hero-description{margin-bottom:2rem;font-size:.95rem}.grok-home .home-card{padding:1rem}.grok-home .home-example-panel{grid-template-columns:1fr;gap:1.5rem}.grok-home .home-three-columns,.grok-home .home-pricing-grid,.grok-home .home-faq-grid{grid-template-columns:1fr}.grok-home .home-tabs-list{width:100%}.grok-home .home-tab{padding:.5rem .65rem;font-size:.8rem}.grok-home .home-pricing-grid{gap:1.5rem}.grok-home .home-plan-purpose{min-height:0}.grok-home .home-final-cta{padding-block:4rem 5rem}}@media (prefers-reduced-motion:reduce){.grok-home .home-text-link svg,.grok-home .home-prompt-details summary svg{transition:none}}
