.grok-page{--font:-apple-system, "SF Pro Display", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Segoe UI", sans-serif;--mono:"SFMono-Regular", "Cascadia Code", Consolas, Menlo, monospace;--radius:14px;--radius-sm:8px;--maxw:1180px;--transition:.18s ease;--bg:#060606;--bg-soft:#0d0d0e;--bg-card:#101012;--border:#232326;--text:#f4f4f5;--text-2:#a3a3ab;--text-3:#6e6e76;--accent:#e0312e;--kicker:#e0312e;--btn-bg:#fff;--btn-fg:#060606;--shadow:0 14px 44px #0009;--check:"▸";--glow1:#e0312e0f;--glow2:#8282a00d;--glow3:#ffffff08;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.75}.grok-page *{box-sizing:border-box;margin:0;padding:0}.grok-page a{color:inherit;text-decoration:none}.grok-page ul{list-style:none}.grok-page h1,.grok-page h2,.grok-page h3,.grok-page p{margin:0}.grok-page .container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.grok-page .btn{cursor:pointer;transition:var(--transition);white-space:nowrap;font-size:13.5px;font-weight:600;font-family:var(--mono);letter-spacing:.5px;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:13px 30px;display:inline-flex}.grok-page .btn-primary{background:var(--btn-bg);color:var(--btn-fg)}.grok-page .btn-primary:after{content:"→";margin-left:2px;font-weight:400}.grok-page .btn-ghost{border-color:var(--border);color:var(--text);background:var(--bg-card)}.grok-page .btn-block{width:100%}.grok-page .btn-soldout{opacity:.55;cursor:not-allowed}.grok-page .btn-soldout:after{content:none}.grok-page .hero{text-align:left;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-position:50%;background-size:72px 72px;padding:108px 0 96px;position:relative;overflow:hidden}.grok-page .hero>.container{z-index:2;max-width:980px;position:relative}.grok-page .hero:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.6;background-position:top;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 90%);mask-image:linear-gradient(#000 0%,#0000 90%)}.grok-page .hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(560px 420px at 28% 30%, var(--glow1), transparent 70%), radial-gradient(620px 460px at 74% 22%, var(--glow2), transparent 70%), radial-gradient(720px 540px at 50% 80%, var(--glow3), transparent 72%);filter:blur(70px);animation:26s ease-in-out infinite alternate grok-glow-drift;position:absolute;inset:-18%}@keyframes grok-glow-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(2.4%,1.6%)scale(1.045)}to{transform:translate(-2%,-1.4%)scale(1.01)}}.grok-page .product-icon{color:#fff;vertical-align:middle;background:#17171a;border:1px solid #333;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 22px 26px 0;display:inline-flex}.grok-page .product-icon svg{width:33px;height:33px}.grok-page .hero-badge{border:1px solid var(--border);font-family:var(--mono);letter-spacing:.4px;color:var(--text-2);vertical-align:middle;background:#111;border-radius:3px;align-items:center;gap:8px;margin-bottom:34px;padding:7px 18px;font-size:12.5px;display:inline-flex}.grok-page .hero-badge .dot{background:var(--accent);border-radius:1px;width:7px;height:7px;animation:2.8s ease-in-out infinite grok-breathe}.grok-page .hero h1{letter-spacing:-1px;margin-bottom:30px;font-size:clamp(44px,7vw,84px);font-weight:800;line-height:1.14}.grok-page .hero h1 .strike{text-decoration:none;position:relative}.grok-page .hero h1 .strike:after{content:"";background:var(--accent);height:.09em;position:absolute;top:52%;left:-2%;right:-2%;transform:rotate(-2deg)}.grok-page .hero p.sub{color:var(--text-2);max-width:620px;margin:0 0 40px;font-size:18px;line-height:1.9}.grok-page .hero-ctas{flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-bottom:56px;display:flex}.grok-page .hero-stats{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-start;gap:70px;max-width:860px;padding-top:30px;display:flex}.grok-page .hero-stat b{letter-spacing:-.3px;font-size:22px;font-weight:800;display:block}.grok-page .hero-stat span{font-family:var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3);font-size:11px}.grok-page .section{padding:96px 0}.grok-page .section-alt{background:#0a0a0b}.grok-page .section-head{text-align:center;max-width:680px;margin:0 auto 60px}.grok-page .section-head .kicker{font-family:var(--mono);color:var(--kicker);letter-spacing:3px;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:700;display:block}.grok-page .section-head .kicker:before{content:"▸ "}.grok-page .section-head h2{letter-spacing:-.8px;margin-bottom:18px;font-size:clamp(30px,4.4vw,48px);font-weight:800;line-height:1.25}.grok-page .section-head p{color:var(--text-2);font-size:16px}.grok-page .card{background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);border-radius:6px;padding:30px;position:relative}.grok-page .card:hover{border-color:color-mix(in srgb, var(--text-3) 55%, var(--border))}.grok-page .glow-card:before{content:"";border-radius:inherit;z-index:0;background:radial-gradient(360px circle at var(--px,50%) var(--py,-20%), color-mix(in srgb, var(--kicker) 13%, transparent), transparent 60%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.grok-page .glow-card:hover:before{opacity:1}.grok-page .glow-card>*{z-index:1;position:relative}.grok-page .glow-card:hover{border-color:color-mix(in srgb, var(--kicker) 38%, var(--border));transform:translateY(-4px);box-shadow:0 18px 50px #e0312e1f,0 4px 16px #00000080}.grok-page .features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grok-page .feature-card{padding:34px 30px}.grok-page .feature-card .fnum{font-family:var(--mono);color:var(--kicker);letter-spacing:1px;margin-bottom:16px;font-size:12px;font-weight:700;display:block}.grok-page .feature-card .fnum:after{content:"  —";color:var(--text-3)}.grok-page .feature-card h3{letter-spacing:-.2px;margin-bottom:10px;font-size:19px;font-weight:800}.grok-page .feature-card p{color:var(--text-2);font-size:14px}.grok-page .pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.grok-page .price-card{flex-direction:column;padding:34px 30px;display:flex;position:relative}.grok-page .price-card.featured{border-color:var(--accent);box-shadow:var(--shadow)}.grok-page .price-badge{background:var(--accent);color:#fff;font-family:var(--mono);white-space:nowrap;letter-spacing:.5px;border-radius:3px;padding:4px 14px;font-size:11px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.grok-page .price-card h3{letter-spacing:-.2px;font-size:22px;font-weight:800}.grok-page .price-card .price-desc{color:var(--text-3);margin:5px 0 20px;font-size:13.5px}.grok-page .price-num{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:baseline;gap:4px;margin-bottom:20px;padding:18px 0;display:flex}.grok-page .price-num .cur{font-size:17px;font-weight:700}.grok-page .price-num b{letter-spacing:-1px;font-size:44px;font-weight:800;line-height:1}.grok-page .price-num .per{color:var(--text-3);font-size:14px}.grok-page .price-card ul{flex:1;margin-bottom:26px}.grok-page .price-card li{color:var(--text-2);padding:5px 0 5px 24px;font-size:14px;position:relative}.grok-page .price-card li:before{content:var(--check);color:var(--kicker);font-weight:700;position:absolute;left:0}.grok-page .pricing-note{text-align:center;font-family:var(--mono);color:var(--text-3);letter-spacing:.3px;margin-top:30px;font-size:12.5px}.grok-page .faq-list{flex-direction:column;gap:10px;max-width:780px;margin:0 auto;display:flex}.grok-page .faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.grok-page .faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:19px 24px;font-size:15.5px;font-weight:600;list-style:none;display:flex}.grok-page .faq-item summary::-webkit-details-marker{display:none}.grok-page .faq-item summary:after{content:"+";font-family:var(--mono);color:var(--text-3);transition:var(--transition);flex-shrink:0;font-size:20px}.grok-page .faq-item[open] summary:after{color:var(--accent);transform:rotate(45deg)}.grok-page .faq-item .faq-body{color:var(--text-2);padding:0 24px 22px;font-size:14.5px}.grok-page .cross-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grok-page .cross-card{padding:24px;display:block}.grok-page .cross-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.grok-page .cross-card .cross-tag{font-family:var(--mono);color:var(--kicker);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}.grok-page .cross-card h3{margin:8px 0 6px;font-size:16px;font-weight:700}.grok-page .cross-card p{color:var(--text-2);font-size:13.5px}.grok-page .rise-badge{animation:.55s both grok-rise-in}.grok-page .rise-1{animation:.6s 80ms both grok-rise-in}.grok-page .rise-2{animation:.6s .17s both grok-rise-in}.grok-page .rise-3{animation:.6s .25s both grok-rise-in}.grok-page .rise-4{animation:.65s .33s both grok-rise-in}@keyframes grok-rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.grok-page .reveal{transition:opacity .6s,transform .6s;transition-delay:var(--rd,0s)}html.grok-js .grok-page .reveal:not(.in){opacity:0;transform:translateY(20px)}@keyframes grok-breathe{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}@media (max-width:980px){.grok-page .features-grid,.grok-page .pricing-grid,.grok-page .cross-grid{grid-template-columns:repeat(2,1fr)}.grok-page .hero h1{font-size:clamp(38px,8vw,60px)}}@media (max-width:680px){.grok-page .hero{padding:68px 0 60px}.grok-page .section{padding:64px 0}.grok-page .features-grid,.grok-page .pricing-grid,.grok-page .cross-grid{grid-template-columns:1fr}.grok-page .hero-stats{gap:30px}}@media (prefers-reduced-motion:reduce){.grok-page .hero:after,.grok-page .hero-badge .dot,.grok-page .rise-badge,.grok-page .rise-1,.grok-page .rise-2,.grok-page .rise-3,.grok-page .rise-4{animation:none}.grok-page .reveal{opacity:1;transition:none;transform:none}}
