:root{--bg-white:#fff;--bg-gray-50:#f9fafb;--bg-gray-100:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--border-light:#e5e7eb;--card-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000005;--card-shadow-hover:0 20px 25px -5px #0000001a,0 10px 10px -5px #00000005}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--bg-white);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}.container{max-width:1280px;margin:0 auto;padding:0 24px}h1,h2,h3{letter-spacing:-.02em;font-weight:700}h1{font-size:3.5rem;line-height:1.2}h2{margin-bottom:1rem;font-size:2.25rem}h3{margin-bottom:.5rem;font-size:1.25rem}.gradient{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.section-header{text-align:center;margin-bottom:3rem}.section-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);background:#6366f11a;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.hero{border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);padding:80px 0 64px}.hero-badge{color:var(--accent-primary);background:#6366f11a;border-radius:9999px;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.hero-title{max-width:800px;margin-bottom:1.25rem}.hero-sub{color:var(--text-secondary);max-width:600px;margin-bottom:2rem;font-size:1.25rem}.hero-cta-group{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.cta-primary{background:var(--accent-gradient);color:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 6px -1px #6366f133}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f14d}.cta-secondary{color:var(--text-primary);border:1px solid var(--border-light);background:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.cta-secondary:hover{background:var(--bg-gray-50)}.trust-badge{color:var(--text-muted);gap:1.5rem;font-size:.75rem;display:flex}.use-cases{background:var(--bg-white);padding:80px 0}.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.use-case-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:1.5rem;padding:1.5rem;transition:box-shadow .2s}.use-case-card:hover{box-shadow:var(--card-shadow-hover)}.card-icon{margin-bottom:1rem;font-size:2rem}.card-link{color:var(--accent-primary);margin-top:1rem;font-weight:600;text-decoration:none;display:inline-block}.examples{background:var(--bg-gray-50);padding:80px 0}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.example-card{box-shadow:var(--card-shadow);background:#fff;border-radius:1.5rem;padding:1.5rem}.example-badge{background:var(--bg-gray-100);border-radius:9999px;margin-bottom:1rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.example-script{background:var(--bg-gray-50);border-left:3px solid var(--accent-primary);border-radius:.75rem;margin:1rem 0;padding:1rem;font-size:.9rem}.example-script p{margin-bottom:.5rem}.example-metrics{color:var(--text-muted);gap:1rem;font-size:.8rem;display:flex}.how-it-works{background:var(--bg-white);padding:80px 0}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.step{text-align:center}.step-number{background:var(--accent-gradient);color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;font-size:1.25rem;font-weight:700;display:flex}.step-link{color:var(--accent-primary);margin-top:.75rem;font-size:.875rem;text-decoration:none;display:inline-block}.center-cta{text-align:center}.best-practices{background:var(--bg-gray-50);padding:80px 0}.practices-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.practice{box-shadow:var(--card-shadow);background:#fff;border-radius:1rem;padding:1.5rem}.mistakes{background:var(--bg-white);padding:80px 0}.mistakes-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.mistake-item{background:var(--bg-gray-50);border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.mistake-icon{font-size:1.25rem}.advanced-tips{background:linear-gradient(135deg,#f5f3ff 0%,#fff 100%);padding:80px 0}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.tip{background:#fff;border:1px solid #6366f11a;border-radius:1rem;padding:1.5rem}.tip-link{color:var(--accent-primary);margin-top:1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block}.prompt-box{background:var(--bg-white);padding:80px 0}.prompt-card{background:var(--accent-gradient);color:#fff;text-align:center;border-radius:2rem;padding:3rem}.prompt-card h2{color:#fff;margin-bottom:.5rem}.prompt-form{max-width:600px;margin:2rem auto 0}.prompt-input-group{margin-bottom:1rem}.prompt-textarea{resize:vertical;border:none;border-radius:1rem;outline:none;width:100%;padding:1rem;font-family:inherit;font-size:1rem}.prompt-textarea:focus{ring:2px solid #ffffff4d}.prompt-examples{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.prompt-examples span{opacity:.8}.example-chip{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;transition:background .2s}.example-chip:hover{background:#ffffff40}.submit-btn{color:var(--accent-primary);box-shadow:none;cursor:pointer;background:#fff;border:none;font-size:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.prompt-note{opacity:.7;margin-top:1rem;font-size:.75rem}.internal-links{background:var(--bg-gray-50);padding:80px 0}.links-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.internal-link{color:var(--text-primary);border:1px solid var(--border-light);background:#fff;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.internal-link:hover{border-color:var(--accent-primary);transform:translate(4px)}.internal-link.highlight{background:var(--accent-gradient);color:#fff;border:none;grid-column:span 2;justify-content:center}.internal-link.highlight:hover{transform:translateY(-2px)}.faq{background:var(--bg-white);padding:80px 0}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.faq-item h3{margin-bottom:.5rem;font-size:1.125rem}.faq-item p{color:var(--text-secondary);margin-bottom:.5rem}.faq-link{color:var(--accent-primary);font-size:.875rem;font-weight:600;text-decoration:none}.final-cta{background:var(--bg-gray-50);padding:80px 0}.final-cta-card{text-align:center;box-shadow:var(--card-shadow);background:#fff;border-radius:2rem;padding:3rem}.final-cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;display:flex}.cta-primary.large{padding:1rem 2rem;font-size:1.125rem}.cta-outline{color:var(--text-primary);border:1px solid var(--border-light);background:0 0;border-radius:9999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.cta-outline:hover{background:var(--bg-gray-50)}.final-trust{color:var(--text-muted);justify-content:center;gap:2rem;font-size:.875rem;display:flex}@media (max-width:768px){.container{padding:0 16px}h1{font-size:2.25rem}h2{font-size:1.75rem}.hero{padding:48px 0}.hero-sub{font-size:1rem}.use-cases,.examples,.how-it-works,.best-practices,.mistakes,.advanced-tips,.prompt-box,.internal-links,.faq,.final-cta{padding:48px 0}.prompt-card{padding:1.5rem}.faq-grid,.links-grid{grid-template-columns:1fr}.internal-link.highlight{grid-column:span 1}.final-cta-card{padding:1.5rem}}@media (max-width:480px){.trust-badge{flex-direction:column;gap:.5rem}.hero-cta-group{flex-direction:column}.cta-primary,.cta-secondary{justify-content:center}}.example-chip{border:1px solid var(--ms-gray-200,#e5e7eb);color:var(--ms-gray-700,#374151);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-size:.75rem;text-decoration:none;transition:all .2s;display:inline-block}.example-chip:hover{color:#fff;background:linear-gradient(135deg,#6355dc,#8b5cf6);border-color:#0000;text-decoration:none}