@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--agl-bg:#0a0f1a;--agl-bg-secondary:#0f172a;--agl-card:#1e293b80;--agl-teal:#14b8a6;--agl-teal-dark:#0d9488;--agl-teal-glow:#14b8a626;--agl-purple:#8b5cf6;--agl-text:#f8fafc;--agl-text-secondary:#94a3b8;--agl-text-muted:#64748b;--agl-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}.agl-page{background:var(--agl-bg);color:var(--agl-text);opacity:0;min-height:100vh;font-family:Inter,sans-serif;transition:opacity .6s ease-out;overflow-x:hidden}.agl-page.page-loaded{opacity:1}.agl-container{max-width:1200px;margin:0 auto;padding:0 40px}.agl-hero{text-align:center;padding:140px 0 60px;position:relative}.agl-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a626,#0000 70%);width:600px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.agl-badge{background:var(--agl-teal-glow);color:var(--agl-teal);border:1px solid #14b8a64d;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 20px;font-size:13px;font-weight:500;display:inline-flex}.agl-hero h1{margin-bottom:24px;font-size:64px;font-weight:700;position:relative}.agl-hero h1 span{background:linear-gradient(135deg,var(--agl-teal),var(--agl-purple));-webkit-background-clip:text}.agl-hero-desc{color:var(--agl-text-secondary);max-width:700px;margin:0 auto 40px;font-size:20px;line-height:1.8}.agl-hero-stats{justify-content:center;gap:60px;margin-top:60px;display:flex}.agl-stat{text-align:center}.agl-stat-value{color:var(--agl-teal);font-size:48px;font-weight:700;display:block}.agl-stat-label{color:var(--agl-text-muted);font-size:14px}.agl-process{padding:100px 0}.agl-section-title{text-align:center;margin-bottom:16px;font-size:40px;font-weight:700}.agl-section-desc{color:var(--agl-text-secondary);text-align:center;max-width:600px;margin:0 auto 60px;font-size:18px}.agl-steps{max-width:1100px;margin:0 auto;position:relative}.agl-steps:before{content:"";background:linear-gradient(90deg,var(--agl-teal)0%,#3b82f6 100%);z-index:0;height:3px;position:absolute;top:32px;left:8%;right:8%}.agl-step-row{z-index:1;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;display:grid;position:relative}.agl-step-circle{text-align:center}.agl-step-number{background:var(--agl-teal);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;font-size:24px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 20px #14b8a666}.agl-step-details{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:20px;display:grid}.agl-step{text-align:center}.agl-step-title{color:var(--agl-text-primary);margin-bottom:12px;font-size:20px;font-weight:600}.agl-step-desc{color:var(--agl-text-secondary);font-size:14px;line-height:1.6}.agl-features{background:#0f172a4d;padding:100px 0}.agl-features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.agl-feature-card{background:var(--agl-card);border:1px solid var(--agl-border);border-radius:16px;padding:32px;transition:all .3s}.agl-feature-card:hover{border-color:var(--agl-teal);transform:translateY(-4px)}.agl-feature-icon{background:var(--agl-teal-glow);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:28px;display:flex}.agl-feature-title{margin-bottom:12px;font-size:18px;font-weight:600}.agl-feature-desc{color:var(--agl-text-secondary);font-size:14px;line-height:1.7}.agl-demo{padding:100px 0}.agl-demo-browser{background:var(--agl-bg-secondary);border:1px solid var(--agl-border);border-radius:16px;max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:0 40px 80px #00000080}.agl-browser-header{border-bottom:1px solid var(--agl-border);background:#0f172ae6;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.agl-browser-dot{border-radius:50%;width:12px;height:12px}.agl-browser-dot:first-child{background:#ef4444}.agl-browser-dot:nth-child(2){background:#eab308}.agl-browser-dot:nth-child(3){background:#22c55e}.agl-browser-content{min-height:500px;padding:32px}.agl-editor{grid-template-columns:240px 1fr;gap:24px;display:grid}.agl-editor-sidebar{flex-direction:column;gap:8px;display:flex}.agl-editor-section{color:var(--agl-text-muted);cursor:pointer;background:#1e293b66;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;transition:all .2s;display:flex}.agl-editor-section:hover{color:var(--agl-teal);background:#14b8a61a}.agl-editor-section.active{color:var(--agl-teal);border-left:3px solid var(--agl-teal);background:#14b8a626}.agl-editor-section.complete{color:#22c55e}.agl-editor-main{background:#0f172a80;border-radius:12px;padding:24px}.agl-editor-toolbar{border-bottom:1px solid var(--agl-border);gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.agl-toolbar-btn{background:var(--agl-card);border:1px solid var(--agl-border);color:var(--agl-text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;transition:all .2s;display:flex}.agl-toolbar-btn:hover{border-color:var(--agl-teal);color:var(--agl-teal)}.agl-toolbar-btn.primary{background:linear-gradient(135deg,var(--agl-teal),var(--agl-teal-dark));color:#fff;border:none}.agl-editor-title{align-items:center;gap:12px;margin-bottom:16px;font-size:20px;font-weight:600;display:flex}.agl-ai-badge{background:var(--agl-teal-glow);color:var(--agl-teal);border-radius:20px;padding:4px 10px;font-size:11px}.agl-editor-content{flex-direction:column;gap:12px;display:flex}.agl-text-line{background:#ffffff0f;border-radius:4px;height:14px;animation:3s ease-in-out infinite typeLine}.agl-text-line:first-child{width:100%;animation-delay:0s}.agl-text-line:nth-child(2){width:95%;animation-delay:.15s}.agl-text-line:nth-child(3){width:88%;animation-delay:.3s}.agl-text-line:nth-child(4){width:92%;animation-delay:.45s}.agl-text-line:nth-child(5){width:78%;animation-delay:.6s}.agl-text-line:nth-child(6){width:85%;animation-delay:.75s}.agl-text-line:nth-child(7){width:70%;animation-delay:.9s}@keyframes typeLine{0%,to{opacity:.3}50%{opacity:1}}.agl-templates{padding:100px 0}.agl-templates-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.agl-template-card{background:var(--agl-card);border:1px solid var(--agl-border);text-align:center;cursor:pointer;border-radius:12px;padding:24px;transition:all .3s}.agl-template-card:hover{border-color:var(--agl-teal);transform:translateY(-4px)}.agl-template-icon{margin-bottom:16px;font-size:40px}.agl-template-name{margin-bottom:8px;font-size:16px;font-weight:600}.agl-template-desc{color:var(--agl-text-muted);font-size:13px}.agl-cta{padding:100px 0}.agl-cta-card{text-align:center;background:linear-gradient(135deg,#14b8a633,#8b5cf633);border:1px solid #14b8a64d;border-radius:24px;padding:60px}.agl-cta-title{margin-bottom:16px;font-size:36px;font-weight:700}.agl-cta-desc{color:var(--agl-text-secondary);margin-bottom:32px;font-size:18px}.agl-btn{background:linear-gradient(135deg,var(--agl-teal),var(--agl-teal-dark));color:#fff;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.agl-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #14b8a666}.agl-integration{background:#0f172a4d;padding:100px 0}.agl-workflow{max-width:1000px;margin:0 auto}.agl-workflow-center{justify-content:center;margin-bottom:40px;display:flex}.agl-workflow-hub{background:linear-gradient(135deg,var(--agl-teal),var(--agl-teal-dark));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;font-size:32px;display:flex;box-shadow:0 0 40px #14b8a666}.agl-workflow-hub-label{margin-top:4px;font-size:12px;font-weight:600}.agl-integration-cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.agl-integration-card{background:var(--agl-card);border:1px solid var(--agl-border);border-radius:16px;padding:32px;transition:all .3s}.agl-integration-card:hover{transform:translateY(-4px)}.agl-integration-card.purple:hover{border-color:var(--agl-purple)}.agl-integration-card.blue:hover{border-color:#3b82f6}.agl-integration-card.orange:hover{border-color:#f97316}.agl-integration-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;display:flex}.agl-integration-card.purple .agl-integration-icon{background:#8b5cf633}.agl-integration-card.blue .agl-integration-icon{background:#3b82f633}.agl-integration-card.orange .agl-integration-icon{background:#f9731633}.agl-integration-card h3{margin-bottom:12px;font-size:18px;font-weight:600}.agl-integration-card p{color:var(--agl-text-secondary);margin-bottom:16px;font-size:14px;line-height:1.6}.agl-integration-features{margin-bottom:20px;list-style:none}.agl-integration-features li{color:var(--agl-text-muted);padding:6px 0 6px 20px;font-size:13px;position:relative}.agl-integration-features li:before{content:"✓";color:var(--agl-teal);position:absolute;left:0}.agl-integration-btn{border:1px solid;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.agl-integration-btn.purple{color:var(--agl-purple);background:#8b5cf61a;border-color:#8b5cf64d}.agl-integration-btn.purple:hover{background:var(--agl-purple);color:#fff}.agl-integration-btn.blue{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.agl-integration-btn.blue:hover{color:#fff;background:#3b82f6}.agl-integration-btn.orange{color:#f97316;background:#f973161a;border-color:#f973164d}.agl-integration-btn.orange:hover{color:#fff;background:#f97316}@media (max-width:1000px){.agl-step-row,.agl-step-details{grid-template-columns:repeat(2,1fr)}.agl-steps:before{display:none}.agl-features-grid,.agl-templates-grid{grid-template-columns:repeat(2,1fr)}.agl-editor,.agl-integration-cards{grid-template-columns:1fr}}@media (max-width:640px){.agl-container{padding:0 24px}.agl-hero h1{font-size:40px}.agl-hero-stats{flex-direction:column;gap:32px}.agl-step-row,.agl-step-details,.agl-features-grid,.agl-templates-grid{grid-template-columns:1fr}}