:root{--cag-primary:#7c3aed;--cag-primary-dark:#6d28d9;--cag-primary-light:#8b5cf6;--cag-secondary:#db2777;--cag-dark:#0f172a;--cag-dark-surface:#1e293b;--cag-gray:#64748b;--cag-gray-light:#94a3b8;--cag-light-bg:#f8fafc;--cag-border:#e2e8f0;--cag-success:#10b981;--cag-warning:#f59e0b;--cag-text:#1e293b;--cag-text-light:#475569;--cag-radius:16px;--cag-radius-sm:12px;--cag-shadow-sm:0 1px 2px 0 #0000000d;--cag-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--cag-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--cag-gradient:linear-gradient(135deg,#7c3aed,#db2777);--cag-gradient-subtle:linear-gradient(135deg,#7c3aed14,#db27770a);--cag-transition:all .2s ease}.cag-page{background:var(--cag-light-bg);color:var(--cag-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;overflow-x:hidden}.cag-container{max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width:768px){.cag-container{padding:0 20px}}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700}h1{font-size:3.5rem;line-height:1.2}h2{text-align:center;margin-bottom:1rem;font-size:2.25rem}h3{margin-bottom:.5rem;font-size:1.25rem}@media (max-width:768px){h1{font-size:2.25rem}h2{font-size:1.75rem}}.cag-section-intro{text-align:center;color:var(--cag-text-light);max-width:700px;margin:0 auto 3rem;font-size:1.125rem}.cag-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);padding:80px 0 64px;position:relative;overflow:hidden}.cag-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.cag-hero-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.875rem;display:inline-flex}.cag-badge-icon{font-size:1rem}.cag-badge-new{background:var(--cag-secondary);border-radius:100px;padding:2px 8px;font-size:.7rem;font-weight:600}.cag-hero-title{margin-bottom:1rem;font-size:3.5rem;font-weight:800}.cag-hero-highlight{background:var(--cag-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3rem;display:block}.cag-hero-desc{color:#ffffffd9;max-width:700px;margin:0 auto 2rem;font-size:1.125rem}.cag-hero-cta-group{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.cag-primary-cta{background:var(--cag-gradient);color:#fff;transition:var(--cag-transition);border-radius:100px;align-items:center;gap:10px;padding:14px 32px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #7c3aed66}.cag-primary-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed80}.cag-secondary-link{color:#fff;transition:var(--cag-transition);background:0 0;border:1px solid #ffffff4d;border-radius:100px;padding:14px 28px;font-weight:500;text-decoration:none}.cag-secondary-link:hover{background:#ffffff1a;border-color:#ffffff80}.cag-trust-badges{color:#ffffffb3;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.8rem;display:flex}.cag-prompt-section{background:#fff;padding:60px 0}.cag-prompt-card{background:var(--cag-light-bg);border-radius:var(--cag-radius);box-shadow:var(--cag-shadow-lg);border:1px solid var(--cag-border);max-width:800px;margin:0 auto;padding:32px}.cag-prompt-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.cag-prompt-icon{font-size:28px}.cag-prompt-header h2{text-align:left;margin:0;font-size:1.5rem}.cag-prompt-textarea{border-radius:var(--cag-radius-sm);border:1px solid var(--cag-border);resize:vertical;width:100%;transition:var(--cag-transition);padding:16px;font-family:inherit;font-size:1rem}.cag-prompt-textarea:focus{border-color:var(--cag-primary);outline:none;box-shadow:0 0 0 3px #7c3aed1a}.cag-prompt-examples{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.cag-example-label{color:var(--cag-gray);margin-right:4px;font-size:.875rem}.cag-example-chip{border:1px solid var(--cag-border);cursor:pointer;transition:var(--cag-transition);background:#fff;border-radius:100px;padding:6px 14px;font-size:.75rem}.cag-example-chip:hover{border-color:var(--cag-primary);background:#7c3aed0d}.cag-generate-btn{background:var(--cag-gradient);color:#fff;cursor:pointer;width:100%;transition:var(--cag-transition);text-align:center;border:none;border-radius:100px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.cag-generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #7c3aed4d}.cag-prompt-note{color:var(--cag-gray);text-align:center;margin-top:16px;font-size:.75rem}.cag-definition-section{background:var(--cag-light-bg);padding:48px 0}.cag-definition-box{border-left:4px solid var(--cag-primary);border-radius:var(--cag-radius);box-shadow:var(--cag-shadow);background:#fff;padding:24px 32px}.cag-definition-label{text-transform:uppercase;letter-spacing:1px;color:var(--cag-primary);font-size:.75rem;font-weight:600}.cag-definition-text{color:var(--cag-text-light);margin:12px 0 0;font-size:1.125rem;line-height:1.6}.cag-models-section{background:#fff;padding:60px 0}.cag-models-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:16px;display:grid}.cag-model-card{background:var(--cag-light-bg);border-radius:var(--cag-radius);border:1px solid var(--cag-border);transition:var(--cag-transition);padding:24px}.cag-model-card:hover{box-shadow:var(--cag-shadow-lg);transform:translateY(-4px)}.cag-model-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cag-model-icon{font-size:28px}.cag-model-header h3{flex:1;margin:0}.cag-model-badge{color:var(--cag-primary);background:#7c3aed1a;border-radius:100px;padding:2px 8px;font-size:.7rem;font-weight:600}.cag-model-desc{color:var(--cag-text-light);margin-bottom:16px;line-height:1.5}.cag-model-features{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.cag-model-features span{border:1px solid var(--cag-border);background:#fff;border-radius:100px;padding:4px 10px;font-size:.7rem}.cag-model-example{color:var(--cag-primary);border-radius:var(--cag-radius-sm);background:#7c3aed0d;padding:8px 12px;font-size:.8rem}.cag-usecases-section{background:var(--cag-light-bg);padding:60px 0}.cag-usecases-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.cag-usecase-card{border-radius:var(--cag-radius);border:1px solid var(--cag-border);background:#fff;padding:24px}.cag-uc-icon{margin-bottom:16px;font-size:32px;display:block}.cag-usecase-card h3{margin-bottom:12px}.cag-usecase-card p{color:var(--cag-text-light);margin-bottom:16px}.cag-uc-stats{flex-wrap:wrap;gap:12px;font-size:.75rem;display:flex}.cag-uc-stats span{background:var(--cag-light-bg);border:1px solid var(--cag-border);border-radius:100px;padding:4px 10px}.cag-platform-section{background:#fff;padding:60px 0}.cag-platform-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.cag-platform-card{background:var(--cag-light-bg);border-radius:var(--cag-radius);border:1px solid var(--cag-border);padding:24px}.cag-platform-header{border-bottom:2px solid var(--cag-primary);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.cag-platform-icon{font-size:28px}.cag-platform-header h3{margin:0}.cag-platform-specs{margin-bottom:20px}.cag-spec-row{color:var(--cag-text-light);border-bottom:1px dashed var(--cag-border);padding:6px 0;font-size:.8rem}.cag-spec-row strong{color:var(--cag-text);width:100px;display:inline-block}.cag-platform-prompt{margin-top:16px}.cag-prompt-label{text-transform:uppercase;color:var(--cag-gray);margin-bottom:6px;font-size:.7rem;font-weight:600;display:block}.cag-platform-prompt p{color:var(--cag-text-light);border-radius:var(--cag-radius-sm);border-left:3px solid var(--cag-primary);background:#fff;margin:0;padding:10px 12px;font-size:.875rem;line-height:1.5}.cag-prompt-guide{background:var(--cag-light-bg);padding:60px 0}.cag-prompt-structure{max-width:800px;margin:0 auto}.cag-prompt-card-struct{border-radius:var(--cag-radius);background:#fff;padding:24px}.cag-prompt-step{border-bottom:1px solid var(--cag-border);gap:20px;margin-bottom:28px;padding-bottom:20px;display:flex}.cag-prompt-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cag-step-num{background:var(--cag-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.cag-step-content h3{margin:0 0 8px}.cag-step-content p{color:var(--cag-text-light);margin-bottom:12px}.cag-step-example{background:var(--cag-light-bg);border-radius:var(--cag-radius-sm);border-left:3px solid var(--cag-primary);padding:12px;font-size:.875rem}.cag-perfect-prompt-box{border-radius:var(--cag-radius);text-align:center;background:linear-gradient(135deg,#7c3aed0d,#db27770d);margin-top:40px;padding:28px}.cag-formula{background:var(--cag-dark);color:#fff;border-radius:var(--cag-radius-sm);margin:16px 0;padding:12px 20px;font-family:monospace;font-size:.8rem;overflow-x:auto}.cag-formula-example{color:var(--cag-text-light);margin-bottom:16px;font-size:.875rem}.cag-generate-small{background:var(--cag-primary);color:#fff;border-radius:100px;margin-top:8px;padding:10px 24px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block}.cag-best-practices{background:#fff;padding:60px 0}.cag-two-col{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:768px){.cag-two-col{grid-template-columns:1fr}}.cag-practices-card{background:var(--cag-light-bg);border-radius:var(--cag-radius);height:100%;padding:28px}.cag-practices-card h3{margin-bottom:20px}.cag-practices-card ul{margin:0;padding-left:20px}.cag-practices-card li{color:var(--cag-text-light);margin-bottom:12px}.cag-practices-card li strong{color:var(--cag-text)}.cag-examples-section{background:var(--cag-light-bg);padding:60px 0}.cag-examples-grid{gap:20px;display:grid}.cag-example-item{border-radius:var(--cag-radius);border:1px solid var(--cag-border);background:#fff;padding:24px}.cag-example-genre{color:var(--cag-primary);background:#7c3aed1a;border-radius:100px;margin-bottom:12px;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-block}.cag-example-prompt{color:var(--cag-text);margin-bottom:16px;font-size:1rem;font-style:italic;line-height:1.6}.cag-example-quote{color:var(--cag-primary);opacity:.5;font-size:1.5rem;font-weight:400}.cag-example-meta{color:var(--cag-gray);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.75rem;display:flex}.cag-steps-section{background:#fff;padding:60px 0}.cag-steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:40px;display:grid}.cag-step-card{background:var(--cag-light-bg);border-radius:var(--cag-radius);text-align:center;border:1px solid var(--cag-border);padding:24px}.cag-step-number{background:var(--cag-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:1.25rem;font-weight:700;display:flex}.cag-steps-cta{text-align:center}.cag-steps-cta-btn{display:inline-flex}.cag-advanced-section{background:var(--cag-light-bg);padding:60px 0}.cag-advanced-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.cag-advanced-card{border-radius:var(--cag-radius);border:1px solid var(--cag-border);background:#fff;padding:24px}.cag-advanced-card h3{color:var(--cag-primary);margin-bottom:12px}.cag-advanced-card p{color:var(--cag-text-light);line-height:1.5}.cag-compare-section{background:#fff;padding:60px 0}.cag-compare-table-wrapper{overflow-x:auto}.cag-compare-table{border-collapse:collapse;background:var(--cag-light-bg);border-radius:var(--cag-radius);width:100%;overflow:hidden}.cag-compare-table th,.cag-compare-table td{text-align:left;border-bottom:1px solid var(--cag-border);padding:16px 20px}.cag-compare-table th{background:var(--cag-dark);color:#fff;font-weight:600}.cag-compare-table td{color:var(--cag-text-light)}.cag-col-ai{background:#7c3aed0d;font-weight:500}.cag-faq-section{background:var(--cag-light-bg);padding:60px 0}.cag-faq-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}@media (max-width:768px){.cag-faq-grid{grid-template-columns:1fr}}.cag-faq-item{border-radius:var(--cag-radius);border:1px solid var(--cag-border);background:#fff;padding:20px}.cag-faq-item h3{color:var(--cag-primary);margin-bottom:12px;font-size:1rem}.cag-faq-item p{color:var(--cag-text-light);font-size:.875rem;line-height:1.5}.cag-final-section{background:#fff;padding:60px 0 80px}.cag-final-card{background:var(--cag-gradient);border-radius:var(--cag-radius);text-align:center;color:#fff;padding:48px}.cag-final-icon{margin-bottom:16px;font-size:48px;display:block}.cag-final-card h2{color:#fff;margin-bottom:16px}.cag-final-card p{opacity:.9;margin-bottom:32px;font-size:1.125rem}.cag-final-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:40px;display:flex}.cag-final-cta{color:var(--cag-primary);transition:var(--cag-transition);background:#fff;border-radius:100px;padding:14px 32px;font-weight:700;text-decoration:none}.cag-final-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.cag-final-secondary{color:#fff;transition:var(--cag-transition);background:0 0;border:1px solid #ffffff4d;border-radius:100px;padding:14px 28px;font-weight:500;text-decoration:none}.cag-final-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.cag-final-links{border-top:1px solid #fff3;padding-top:24px}.cag-final-links p{margin-bottom:12px;font-size:.875rem}.cag-internal-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cag-internal-links a{color:#ffffffd9;transition:var(--cag-transition);font-size:.875rem;text-decoration:none}.cag-internal-links a:hover{color:#fff;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cag-model-card,.cag-usecase-card,.cag-step-card,.cag-faq-item,.cag-platform-card,.cag-example-item{animation:.4s ease-out forwards fadeIn}