*{box-sizing:border-box;margin:0;padding:0}.grok-page{--primary:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#a78bfa;--secondary:#ec4899;--secondary-dark:#db2777;--dark:#0c0a2a;--darker:#06051a;--gray-50:#faf5ff;--gray-100:#f3e8ff;--gray-200:#e9d5ff;--gray-300:#d8b4fe;--gray-600:#6b21a5;--gray-700:#4c1d95;--gray-800:#3b0764;--gray-900:#2e1065;--success:#10b981;--warning:#f59e0b;--error:#ef4444;background:linear-gradient(135deg,var(--gray-50)0%,#fff 100%);color:var(--gray-900);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}.container,.grok-container{max-width:1280px;margin:0 auto;padding:0 24px}.grok-gradient{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#0000;-webkit-background-clip:text;background-clip:text}.grok-hero{background:linear-gradient(135deg,var(--darker)0%,var(--dark)100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}.grok-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#8b5cf633 0%,#0000 70%);position:absolute;inset:0}.grok-hero .grok-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.grok-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:100px;margin-bottom:24px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-block}.grok-hero-title{margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.2}.grok-hero-desc{color:var(--gray-300);max-width:90%;margin-bottom:32px;font-size:1.2rem}.grok-hero-ctas{flex-wrap:wrap;gap:16px;margin-bottom:40px;display:flex}.grok-btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.grok-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #8b5cf666}.grok-btn-secondary{color:#fff;border:1px solid var(--gray-600);background:0 0;border-radius:40px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.grok-btn-secondary:hover{border-color:var(--primary);background:#ffffff1a}.grok-stats{gap:32px;display:flex}.grok-stat{flex-direction:column;display:flex}.grok-stat-value{color:var(--primary-light);font-size:1.8rem;font-weight:700}.grok-stat-label{color:var(--gray-400);font-size:.8rem}.grok-demo-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:20px}.grok-demo-badge{color:var(--secondary);margin-bottom:12px;font-size:.75rem}.grok-demo-prompt{color:var(--gray-200);background:#0006;border-radius:12px;margin-bottom:16px;padding:12px;font-family:monospace;font-size:.85rem}.grok-demo-placeholder{height:180px;color:var(--gray-400);background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:1px dashed #8b5cf64d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;font-size:.9rem;display:flex}.grok-demo-meta{color:var(--gray-500);text-align:center;font-size:.7rem}.grok-section{padding:80px 0}.grok-section-alt{background:#fff}.grok-section-header{text-align:center;margin-bottom:48px}.grok-section-title{color:var(--gray-900);margin-bottom:16px;font-size:2.5rem;font-weight:700}.grok-section-subtitle{color:var(--gray-600);max-width:600px;margin:0 auto;font-size:1.1rem}.grok-diff-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.grok-diff-card{text-align:center;border:1px solid var(--gray-200);background:#fff;border-radius:20px;padding:28px;transition:all .3s;box-shadow:0 4px 6px -1px #0000000d}.grok-diff-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.grok-diff-icon{margin-bottom:16px;font-size:2.5rem}.grok-diff-card h3{color:var(--gray-900);margin-bottom:12px;font-size:1.2rem}.grok-diff-card p{color:var(--gray-600);line-height:1.6}.grok-usecases-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.grok-usecase-card{border:1px solid var(--gray-100);background:#fff;border-radius:20px;padding:28px;transition:all .3s;box-shadow:0 4px 6px -1px #0000000d}.grok-usecase-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.grok-usecase-icon{margin-bottom:16px;font-size:2.5rem}.grok-usecase-card h3{color:var(--gray-900);margin-bottom:12px;font-size:1.3rem}.grok-usecase-card p{color:var(--gray-600);margin-bottom:20px;line-height:1.6}.grok-card-link{color:var(--primary);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.grok-card-link:hover{gap:8px}.grok-examples-grid{flex-direction:column;gap:32px;max-width:800px;margin:0 auto 48px;display:flex}.grok-example{border:1px solid var(--gray-200);background:#fff;border-radius:20px;gap:24px;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.grok-example-video-placeholder{background:linear-gradient(135deg,var(--gray-200),var(--gray-300));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.grok-example-play{opacity:.7;font-size:2rem}.grok-example-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:20px;padding:2px 8px;font-size:.7rem;position:absolute;top:8px;left:8px}.grok-example-content{flex:1}.grok-example-content h4{color:var(--gray-900);margin-bottom:8px;font-size:1.1rem}.grok-example-prompt{color:var(--gray-600);margin-bottom:12px;font-family:monospace;font-size:.85rem;line-height:1.5}.grok-example-meta{color:var(--gray-500);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.grok-example-meta a{color:var(--primary);font-weight:500;text-decoration:none}.grok-center-cta{text-align:center}.grok-btn-lg{padding:16px 40px;font-size:1.1rem}.grok-steps{max-width:800px;margin:0 auto}.grok-step{gap:24px;margin-bottom:48px;display:flex}.grok-step:last-child{margin-bottom:0}.grok-step-num{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;font-weight:700;display:flex}.grok-step-content h3{color:var(--gray-900);margin-bottom:8px;font-size:1.3rem}.grok-step-content p{color:var(--gray-600);margin-bottom:12px;line-height:1.6}.grok-step-tip{color:var(--warning);background:#fef3c7;border-radius:8px;padding:8px 12px;font-size:.85rem;display:inline-block}.grok-step-tip a{color:var(--warning)}.grok-best-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.grok-best-card{border-left:4px solid var(--primary);background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.grok-best-card h3{color:var(--gray-900);margin-bottom:12px;font-size:1.1rem}.grok-best-card p{color:var(--gray-600);line-height:1.6}.grok-best-card a{color:var(--primary);text-decoration:none}.grok-mistakes-list{max-width:700px;margin:0 auto}.grok-mistake{border-bottom:1px solid var(--gray-200);gap:16px;padding:16px 0;display:flex}.grok-mistake-icon{flex-shrink:0;font-size:1.2rem}.grok-mistake-text{color:var(--gray-700);line-height:1.6}.grok-mistake-text strong{color:var(--gray-900)}.grok-mistake-text a{color:var(--primary);text-decoration:none}.grok-advanced-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.grok-advanced-card{border:1px solid var(--gray-200);background:#fff;border-radius:16px;padding:24px;transition:all .3s}.grok-advanced-card:hover{border-color:var(--primary-light);transform:translateY(-4px)}.grok-advanced-icon{margin-bottom:16px;font-size:2rem}.grok-advanced-card h3{color:var(--gray-900);margin-bottom:12px;font-size:1.1rem}.grok-advanced-card p{color:var(--gray-600);font-size:.9rem;line-height:1.6}.grok-advanced-card a{color:var(--primary);text-decoration:none}.grok-compare-table{border:1px solid var(--gray-200);background:#fff;border-radius:20px;margin-bottom:20px;overflow:hidden}.grok-compare-row{border-bottom:1px solid var(--gray-100);grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;padding:14px 20px;display:grid}.grok-compare-header{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark));color:#fff;font-weight:700}.grok-compare-row:last-child{border-bottom:none}.grok-feature-yes{color:var(--success);font-weight:600}.grok-feature-no{color:var(--error);opacity:.6}.grok-compare-note{text-align:center;color:var(--gray-600);background:var(--gray-100);border-radius:12px;padding:12px;font-size:.85rem}.grok-faq{background:#fff}.grok-faq-grid{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.grok-faq-item{background:var(--gray-50);border-radius:12px;padding:4px 0}.grok-faq-item summary{color:var(--gray-900);cursor:pointer;border-radius:12px;padding:16px 20px;font-weight:600;list-style:none;transition:background .2s;position:relative}.grok-faq-item summary::-webkit-details-marker{display:none}.grok-faq-item summary:after{content:"▼";font-size:.8rem;transition:transform .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.grok-faq-item[open] summary:after{transform:translateY(-50%)rotate(180deg)}.grok-faq-item summary:hover{background:var(--gray-100)}.grok-faq-answer{color:var(--gray-600);border-top:1px solid var(--gray-200);margin-top:4px;padding:0 20px 20px;line-height:1.7}.grok-faq-answer a{color:var(--primary);text-decoration:none}.grok-cta-section{background:linear-gradient(135deg,var(--darker)0%,var(--dark)100%);padding:60px 0 80px}.grok-cta-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:32px;padding:48px}.grok-cta-title{color:#fff;margin-bottom:16px;font-size:2rem;font-weight:700}.grok-cta-desc{color:var(--gray-300);margin-bottom:32px;font-size:1.1rem}.grok-prompt-box{text-align:left;max-width:600px;margin:0 auto 32px}.grok-prompt-label{color:#fff;margin-bottom:8px;font-weight:500;display:block}.grok-prompt-textarea{border:1px solid var(--gray-600);color:#fff;resize:vertical;background:#0000004d;border-radius:12px;width:100%;margin-bottom:16px;padding:14px 16px;font-family:inherit;font-size:.9rem}.grok-prompt-textarea:focus{border-color:var(--primary);outline:none}.grok-prompt-textarea::placeholder{color:var(--gray-500)}.grok-btn-block{text-align:center;justify-content:center;width:100%;display:block}.grok-prompt-hint{color:var(--gray-500);text-align:center;margin-top:12px;font-size:.75rem}.grok-cta-features{color:var(--gray-400);flex-wrap:wrap;justify-content:center;gap:24px;font-size:.85rem;display:flex}.grok-cta-features span{align-items:center;gap:6px;display:inline-flex}.grok-internal-links{border-top:1px solid var(--gray-200);background:#fff;padding:48px 0}.grok-internal-links-content h3{text-align:center;color:var(--gray-900);margin-bottom:24px;font-size:1.3rem}.grok-links-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.grok-internal-link{color:var(--gray-700);background:var(--gray-100);border-radius:40px;padding:6px 14px;font-size:.85rem;text-decoration:none;transition:all .2s}.grok-internal-link:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}@media (max-width:1024px){.grok-hero .grok-container{text-align:center;grid-template-columns:1fr}.grok-hero-desc{max-width:100%}.grok-hero-ctas,.grok-stats{justify-content:center}.grok-section-title{font-size:2rem}.grok-hero-title{font-size:2.5rem}.grok-compare-row{text-align:center;grid-template-columns:1fr;gap:8px}.grok-compare-header{display:none}.grok-compare-row div{padding:4px 0}}@media (max-width:768px){.grok-container{padding:0 16px}.grok-section{padding:48px 0}.grok-usecases-grid{grid-template-columns:1fr}.grok-example{text-align:center;flex-direction:column;align-items:center}.grok-example-video-placeholder{width:100%;max-width:280px}.grok-step{text-align:center;flex-direction:column}.grok-step-num{margin:0 auto}.grok-best-grid,.grok-advanced-grid{grid-template-columns:1fr}.grok-cta-card{padding:32px 20px}.grok-cta-title{font-size:1.5rem}.grok-links-grid{gap:8px}.grok-internal-link{padding:4px 10px;font-size:.75rem}}@media (max-width:480px){.grok-hero-ctas{flex-direction:column}.grok-btn-primary,.grok-btn-secondary{justify-content:center}.grok-stats{flex-wrap:wrap;justify-content:center;gap:16px}.grok-section-title{font-size:1.6rem}.grok-cta-features{gap:12px}}