*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background:#f8fafc;font-family:system-ui,-apple-system,Inter,Segoe UI,Roboto,Helvetica,sans-serif;line-height:1.5}.agency-container{max-width:1280px;margin:0 auto;padding:0 24px}.agency-breadcrumb{background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 24px;font-size:13px}.agency-breadcrumb ol{flex-wrap:wrap;gap:6px;max-width:1280px;margin:0 auto;list-style:none;display:flex}.agency-breadcrumb li{align-items:center;display:inline-flex}.agency-breadcrumb li:not(:last-child):after{content:"/";color:#94a3b8;margin-left:6px}.agency-breadcrumb a{color:#475569;text-decoration:none;transition:color .2s}.agency-breadcrumb a:hover{color:#6355dc;text-decoration:underline}.agency-breadcrumb li:last-child span{color:#0f172a;font-weight:500}.agency-hero{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);padding:60px 0 80px;position:relative;overflow:hidden}.agency-hero-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#cbd5e1;background:#ffffff1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.agency-badge-icon{font-size:16px}.agency-badge-year{color:#fff;background:#6355dc;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.agency-hero-title{color:#fff;max-width:800px;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.2}.agency-gradient-text{color:#0000;background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;background-clip:text}.agency-hero-subtitle{color:#cbd5e1;max-width:600px;margin-bottom:32px;font-size:18px}.agency-cta-wrapper{margin:32px 0 28px}.agency-main-cta{background:linear-gradient(135deg,#6355dc,#8b5cf6);border-radius:60px;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:680px;padding:20px 32px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 20px 35px -12px #6355dc66}.agency-main-cta:hover{transform:translateY(-3px);box-shadow:0 28px 40px -16px #6355dc80}.agency-cta-left{align-items:center;gap:16px;display:flex}.agency-cta-emoji{font-size:36px}.agency-cta-text{flex-direction:column;display:flex}.agency-cta-text strong{color:#fff;letter-spacing:-.3px;font-size:20px;font-weight:700}.agency-cta-text small{color:#fffc;font-size:13px}.agency-cta-arrow{color:#fff;font-size:28px;font-weight:600}.agency-trust-row{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.agency-trust-pill{color:#e2e8f0;background:#ffffff14;border-radius:40px;padding:6px 14px;font-size:12px;font-weight:500}.agency-hero-figure{margin-top:48px}.agency-hero-img-placeholder{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:16px}.agency-interface-mock{background:#0f172a;border-radius:18px;overflow:hidden;box-shadow:0 20px 35px -12px #0006}.agency-mock-header{background:#1e293b;border-bottom:1px solid #334155;align-items:center;gap:8px;padding:12px 16px;display:flex}.agency-mock-dot{background:#475569;border-radius:50%;width:10px;height:10px}.agency-mock-title{color:#94a3b8;margin-left:auto;font-size:11px;font-weight:500}.agency-mock-body{min-height:280px;display:flex}.agency-mock-sidebar{background:#111827;border-right:1px solid #1f2937;width:160px}.agency-mock-main{flex:1;padding:16px}.agency-mock-toolbar{background:#1e293b;border-radius:8px;height:32px;margin-bottom:16px}.agency-mock-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.agency-mock-card{aspect-ratio:1;background:#1e293b;border-radius:8px}.agency-pain-section{background:#fff;padding:80px 0}.agency-section-title{text-align:center;letter-spacing:-.02em;margin-bottom:16px;font-size:36px;font-weight:800}.agency-section-subtitle{text-align:center;color:#475569;max-width:640px;margin:0 auto 48px;font-size:18px}.agency-highlight{color:#0000;background:linear-gradient(135deg,#6355dc,#ec4899);-webkit-background-clip:text;background-clip:text}.agency-pain-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;display:grid}.agency-pain-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;padding:28px;transition:all .25s}.agency-pain-card:hover{border-color:#cbd5e1;transform:translateY(-4px)}.agency-pain-icon{margin-bottom:16px;font-size:36px;display:inline-block}.agency-pain-card h3{margin-bottom:12px;font-size:20px;font-weight:700}.agency-pain-card p{color:#334155;line-height:1.55}.agency-features-section{background:#f1f5f9;padding:80px 0}.agency-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:20px;display:grid}.agency-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:28px;transition:all .25s;box-shadow:0 4px 12px #00000008}.agency-feature-card:hover{border-color:#cbd5e1;transform:translateY(-5px)}.agency-feature-icon{margin-bottom:16px;font-size:40px;display:inline-block}.agency-feature-card h3{margin-bottom:12px;font-size:22px;font-weight:700}.agency-feature-card p{color:#334155;margin-bottom:20px;line-height:1.5}.agency-feature-list{padding-left:0;list-style:none}.agency-feature-list li{color:#1e293b;align-items:center;gap:8px;padding:6px 0;font-size:14px;display:flex}.agency-stats-section{color:#fff;background:linear-gradient(135deg,#0f172a,#1e1b4b);padding:80px 0}.agency-stats-section .agency-section-title{color:#fff}.agency-stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-top:48px;display:grid}.agency-stat-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border-radius:32px;padding:32px 16px}.agency-stat-number{color:#0000;background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:44px;font-weight:800;display:block}.agency-stat-label{margin-bottom:8px;font-size:18px;font-weight:600;display:block}.agency-stat-detail{color:#cbd5e1;font-size:13px}.agency-workflow-section{background:#fff;padding:80px 0}.agency-workflow-steps{max-width:800px;margin:0 auto}.agency-workflow-step{align-items:flex-start;gap:24px;margin-bottom:40px;display:flex}.agency-step-number{color:#fff;background:linear-gradient(135deg,#6355dc,#8b5cf6);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;font-weight:800;display:flex}.agency-step-content h3{margin-bottom:8px;font-size:22px;font-weight:700}.agency-step-content p{color:#334155}.agency-models-section{background:#f8fafc;padding:80px 0}.agency-models-grid{flex-direction:column;gap:32px;margin-top:32px;display:flex}.agency-models-category{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:24px}.agency-category-tag{color:#4338ca;background:#eef2ff;border-radius:30px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.agency-model-pills{flex-wrap:wrap;gap:10px;display:flex}.agency-model-pills span{color:#1e293b;background:#f1f5f9;border-radius:40px;padding:6px 16px;font-size:13px;font-weight:500}.agency-compare-section{background:#fff;padding:80px 0}.agency-compare-scroll{margin-top:32px;overflow-x:auto}.agency-compare-table{border-collapse:collapse;width:100%;min-width:600px;font-size:14px}.agency-compare-table th,.agency-compare-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:16px 20px}.agency-compare-table th{background:#f1f5f9;font-size:15px;font-weight:700}.agency-col-ai{background:#faf5ff}.agency-usecases-section{background:#f1f5f9;padding:80px 0}.agency-usecases-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px;display:grid}.agency-usecase{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px;transition:all .2s}.agency-usecase:hover{border-color:#cbd5e1;transform:translateY(-3px)}.agency-uc-icon{margin-bottom:12px;font-size:32px;display:inline-block}.agency-usecase h3{margin-bottom:10px;font-size:18px;font-weight:700}.agency-usecase p{color:#334155;font-size:14px;line-height:1.5}.agency-faq-section{background:#fff;padding:80px 0}.agency-faq-grid{flex-direction:column;gap:16px;max-width:900px;margin:40px auto 0;display:flex}.agency-faq-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:8px 0}.agency-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 24px;font-size:17px;font-weight:700;list-style:none;display:flex}.agency-faq-item summary::-webkit-details-marker{display:none}.agency-faq-item summary:after{content:"➕";font-size:16px;font-weight:400}.agency-faq-item[open] summary:after{content:"➖"}.agency-faq-item p{color:#334155;padding:0 24px 24px;line-height:1.6}.agency-final-cta-section{background:linear-gradient(135deg,#f1f5f9,#eef2ff);padding:80px 0}.agency-final-cta-inner{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:48px;padding:56px 48px;box-shadow:0 20px 35px -12px #0000001a}.agency-final-icon{margin-bottom:16px;font-size:48px;display:inline-block}.agency-final-cta-inner h2{margin-bottom:16px;font-size:32px;font-weight:800}.agency-final-desc{color:#334155;max-width:560px;margin:0 auto 32px;font-size:17px}.agency-final-cta-btn{background:linear-gradient(135deg,#6355dc,#8b5cf6);border-radius:60px;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;padding:18px 32px;text-decoration:none;transition:transform .2s;display:inline-flex}.agency-final-cta-btn:hover{transform:translateY(-3px)}.agency-final-cta-content{text-align:left;flex-direction:column;display:flex}.agency-final-cta-content strong{color:#fff;font-size:18px;font-weight:700}.agency-final-cta-content small{color:#fffc;font-size:12px}.agency-final-arrow{color:#fff;font-size:28px;font-weight:600}.agency-final-trust{color:#475569;flex-wrap:wrap;justify-content:center;gap:20px;font-size:12px;display:flex}.agency-related-section{background:#fff;border-top:1px solid #e2e8f0;padding:48px 0 80px}.agency-related-title{text-align:center;margin-bottom:24px;font-size:20px;font-weight:600}.agency-related-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.agency-related-links a{color:#475569;border-bottom:1px dashed #cbd5e1;font-size:14px;text-decoration:none}.agency-related-links a:hover{color:#6355dc;border-bottom-color:#6355dc}@media (max-width:768px){.agency-container{padding:0 20px}.agency-hero{padding:40px 0 60px}.agency-hero-title{font-size:32px}.agency-hero-subtitle{font-size:16px}.agency-main-cta{text-align:center;flex-direction:column;padding:20px}.agency-cta-left{flex-direction:column}.agency-cta-arrow{display:none}.agency-section-title{font-size:28px}.agency-stat-number{font-size:36px}.agency-workflow-step{flex-direction:column;align-items:flex-start;gap:12px}.agency-final-cta-inner{padding:32px 20px}.agency-final-cta-btn{text-align:center;flex-direction:column;padding:20px}.agency-final-cta-content{text-align:center}.agency-final-arrow{display:none}.agency-trust-row{justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.agency-hero,.agency-pain-section,.agency-features-section{animation:.5s ease-out fadeInUp}