.category-header .link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.category-hero-with-visual{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:52px;padding-top:48px;padding-bottom:60px;display:grid}.category-hero-copy{min-width:0}.category-hero-visual{background:#fff;border:1px solid #58c3f28c;border-radius:22px;width:100%;margin:0;padding:10px;box-shadow:12px 14px #58c3f229}.category-hero-visual img{aspect-ratio:3/2;object-fit:cover;border-radius:14px;width:100%;height:auto;display:block}.category-hero{color:#fff;background:radial-gradient(circle at 80% 5%,#58c3f22e,#0000 32rem),#0f273a;padding:clamp(72px,9vw,128px) 4.5vw 56px}.category-hero>*{max-width:1000px}.category-hero>span{color:#58c3f2;font-family:var(--font-mono);letter-spacing:.08em;font-size:12px}.category-hero h1{letter-spacing:-.055em;margin:18px 0;font-size:clamp(48px,7vw,92px);line-height:.96}.category-hero p{color:#c9dae4;max-width:700px;margin:0;font-size:18px;line-height:1.65}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:64px 4.5vw 96px;display:grid}.category-card{color:#0f273a;background:#fff;border:1px solid #d8e3e9;border-radius:20px;flex-direction:column;min-width:0;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 16px 40px #0f273a0f}.category-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px #0f273a1f}.category-card:focus-visible{outline-offset:3px;outline:3px solid #58c3f2}.category-card img{aspect-ratio:16/10;object-fit:cover;background:#0f273a;width:100%;display:block}.category-card-body{flex-direction:column;flex:1;padding:25px;display:flex}.category-card-body>span{color:#176b94;font-family:var(--font-mono);letter-spacing:.07em;font-size:10px}.category-card h2{letter-spacing:-.035em;margin:13px 0 10px;font-size:28px;line-height:1.05}.category-card p{color:#557083;margin:0 0 20px;line-height:1.55}.category-meta{color:#557083;flex-wrap:wrap;gap:8px;margin-top:auto;font-size:11px;display:flex}.grok-card-visual{aspect-ratio:16/10;color:#fff;background:radial-gradient(circle at 18% 12%,#58c3f247,#0000 34%),#0f273a;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.category-card .grok-card-brands{align-items:center;gap:14px;display:flex}.category-card .grok-card-brands img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:14px;width:58px;height:58px;padding:10px}.category-card .grok-card-brands img:last-child{border:1px solid #ffffff59;padding:0}.grok-card-brands>span{color:#58c3f2;font-size:22px}.grok-card-flow{color:#58c3f2;font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:7px;font-size:9px;display:flex}.grok-card-flow span{background:#ffffff0f;border:1px solid #58c3f273;border-radius:99px;padding:7px 8px}.grok-card-flow i{font-style:normal}.grok-card-visual>small{color:#c9dae4;letter-spacing:.05em;text-transform:uppercase;font-size:10px}.guide-system-visual{aspect-ratio:16/10;color:#fff;background:radial-gradient(circle at 84% 12%,#58c3f242,#0000 36%),#0f273a;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.guide-system-visual:before{content:"";aspect-ratio:1;border:1px solid #58c3f247;border-radius:50%;width:70%;position:absolute;bottom:-40%;right:-12%;box-shadow:0 0 0 20px #58c3f20d,0 0 0 42px #58c3f20a}.guide-visual-index{color:#58c3f2;font-family:var(--font-mono);letter-spacing:.08em;font-size:10px;position:relative}.guide-system-visual>div{justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.guide-system-visual b{min-height:52px;font-family:var(--font-mono);letter-spacing:.04em;text-align:center;background:#ffffff0f;border:1px solid #58c3f285;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:10px 7px;font-size:9px;display:flex}.guide-system-visual i{color:#58c3f2;font-size:20px;font-style:normal}.guide-system-visual small{color:#c9dae4;letter-spacing:.06em;font-size:9px;position:relative}.guide-system-professional-prompts-for-claude b:nth-of-type(2),.guide-system-ai-codex b:nth-of-type(2),.guide-system-safe-flight-search-prompts b:nth-of-type(2){color:#0f273a;background:#58c3f2}.guide-system-social-media-reply-system b:last-of-type{border-color:#fff}.guide-system-three-step-ai-workflow:after{content:"01  02  03";color:#ffffff2e;font-family:var(--font-mono);letter-spacing:.14em;font-size:22px;position:absolute;top:22px;right:22px}.empty-state{background:#fff;border:1px solid #d8e3e9;border-radius:20px;grid-column:1/-1;padding:56px}.empty-state h2{margin:0 0 12px;font-size:34px}.empty-state p{color:#557083;max-width:620px;margin:0;line-height:1.6}.empty-state a{color:#fff;background:#0f273a;border-radius:99px;margin-top:24px;padding:13px 20px;font-weight:700;display:inline-flex}.empty-state a:hover{background:#176b94}.empty-state a:focus-visible{outline-offset:3px;outline:3px solid #58c3f2}@media (max-width:900px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-header nav{display:none}}@media (max-width:850px) and (min-width:621px){.category-hero-with-visual{grid-template-columns:minmax(0,1fr) 210px;gap:28px;padding:40px 38px 52px}}@media (max-width:620px){.category-grid{grid-template-columns:minmax(0,1fr);padding:38px 18px 64px}.category-hero{padding:72px 18px 44px;overflow:hidden}.category-hero-with-visual{padding:48px 22px;display:block}.category-hero h1{text-wrap:balance;overflow-wrap:normal;max-width:100%;font-size:36px}.category-hero-visual,.category-header .brand strong{display:none}.category-header .join-button{display:inline-flex!important}.grok-card-flow{gap:4px;font-size:8px}.grok-card-flow span{padding:6px}.guide-system-visual{padding:20px}.guide-system-visual b{font-size:8px}.category-hero-with-visual{grid-template-columns:minmax(0,1fr);gap:26px;display:grid}.category-hero-visual{border-radius:16px;width:100%;max-width:420px;margin:0 auto;padding:7px;display:block;box-shadow:8px 9px #58c3f229}.category-hero-visual img{border-radius:10px}}