@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--agl-bg:var(--bg-primary);--agl-bg-secondary:var(--bg-secondary);--agl-card:var(--bg-card);--agl-teal:#14b8a6;--agl-teal-dark:#0d9488;--agl-teal-glow:rgba(20,184,166,0.15);--agl-purple:#8b5cf6;--agl-text:var(--text-primary);--agl-text-secondary:var(--text-secondary);--agl-text-muted:var(--text-muted);--agl-border:var(--border-color)}*{margin:0;padding:0;box-sizing:border-box}.agl-page{font-family:Inter,sans-serif;background:var(--agl-bg);color:var(--agl-text);min-height:100vh;overflow-x:hidden;opacity:0;transition:opacity .6s ease-out}.agl-page.page-loaded{opacity:1}.agl-container{max-width:1200px;margin:0 auto;padding:0 40px}.agl-hero{padding:140px 0 60px;text-align:center;position:relative}.agl-hero:before{display:none}.agl-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--agl-teal-glow);border:1px solid rgba(20,184,166,.3);border-radius:100px;font-size:13px;font-weight:500;color:var(--agl-teal);margin-bottom:24px}.agl-hero h1{font-size:64px;font-weight:700;margin-bottom:24px;position:relative}.agl-hero h1 span{color:var(--agl-teal)}.agl-hero-desc{font-size:20px;color:var(--agl-text-secondary);max-width:700px;margin:0 auto 40px;line-height:1.8}.agl-hero-stats{display:flex;justify-content:center;gap:60px;margin-top:60px}.agl-stat{text-align:center}.agl-stat-value{font-size:48px;font-weight:700;color:var(--agl-teal);display:block}.agl-stat-label{font-size:14px;color:var(--agl-text-muted)}.agl-process{padding:100px 0}.agl-section-title{font-size:40px;font-weight:700;text-align:center;margin-bottom:16px}.agl-section-desc{font-size:18px;color:var(--agl-text-secondary);text-align:center;max-width:600px;margin:0 auto 60px}.agl-steps{position:relative;max-width:1100px;margin:0 auto}.agl-steps:before{content:"";position:absolute;top:32px;left:8%;right:8%;height:3px;background:var(--agl-teal);z-index:0}.agl-step-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;position:relative;z-index:1}.agl-step-circle{text-align:center}.agl-step-number{width:64px;height:64px;margin:0 auto;background:var(--agl-teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:white;box-shadow:0 4px 20px rgba(20,184,166,.4);position:relative;z-index:2}.agl-step-details{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:20px}.agl-step{text-align:center}.agl-step-title{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--agl-text-primary)}.agl-step-desc{font-size:14px;color:var(--agl-text-secondary);line-height:1.6}.agl-features{padding:100px 0;background:rgba(15,23,42,.3)}.agl-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.agl-feature-card{padding:32px;background:var(--agl-card);border:1px solid var(--agl-border);border-radius:16px;transition:all .3s}.agl-feature-card:hover{border-color:var(--agl-teal);transform:translateY(-4px)}.agl-feature-icon{width:56px;height:56px;background:var(--agl-teal-glow);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px}.agl-feature-title{font-size:18px;font-weight:600;margin-bottom:12px}.agl-feature-desc{font-size:14px;color:var(--agl-text-secondary);line-height:1.7}.agl-demo{padding:100px 0}.agl-demo-browser{max-width:1000px;margin:0 auto;background:var(--agl-bg-secondary);border:1px solid var(--agl-border);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.5)}.agl-browser-header{height:48px;background:rgba(15,23,42,.9);border-bottom:1px solid var(--agl-border);display:flex;align-items:center;padding:0 16px;gap:8px}.agl-browser-dot{width:12px;height:12px;border-radius:50%}.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{padding:32px;min-height:500px}.agl-editor{display:grid;grid-template-columns:240px 1fr;gap:24px}.agl-editor-sidebar{display:flex;flex-direction:column;gap:8px}.agl-editor-section{padding:12px 16px;background:rgba(30,41,59,.4);border-radius:8px;font-size:13px;color:var(--agl-text-muted);display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s}.agl-editor-section:hover{background:rgba(20,184,166,.1);color:var(--agl-teal)}.agl-editor-section.active{background:rgba(20,184,166,.15);color:var(--agl-teal);border-left:3px solid var(--agl-teal)}.agl-editor-section.complete{color:#22c55e}.agl-editor-main{background:rgba(15,23,42,.5);border-radius:12px;padding:24px}.agl-editor-toolbar{display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--agl-border)}.agl-toolbar-btn{padding:10px 18px;background:var(--agl-card);border:1px solid var(--agl-border);border-radius:8px;font-size:13px;color:var(--agl-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.agl-toolbar-btn:hover{border-color:var(--agl-teal);color:var(--agl-teal)}.agl-toolbar-btn.primary{background:var(--agl-teal);border:none;color:white}.agl-toolbar-btn.primary:hover{background:var(--agl-teal-dark)}.agl-editor-title{font-size:20px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:12px}.agl-ai-badge{padding:4px 10px;background:var(--agl-teal-glow);border-radius:20px;font-size:11px;color:var(--agl-teal)}.agl-editor-content{display:flex;flex-direction:column;gap:12px}.agl-text-line{height:14px;background:rgba(255,255,255,.06);border-radius:4px;animation:typeLine 3s ease-in-out infinite}.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{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.agl-template-card{padding:24px;background:var(--agl-card);border:1px solid var(--agl-border);border-radius:12px;text-align:center;transition:all .3s;cursor:pointer}.agl-template-card:hover{border-color:var(--agl-teal);transform:translateY(-4px)}.agl-template-icon{font-size:40px;margin-bottom:16px}.agl-template-name{font-size:16px;font-weight:600;margin-bottom:8px}.agl-template-desc{font-size:13px;color:var(--agl-text-muted)}.agl-cta{padding:100px 0}.agl-cta-card{padding:60px;background:var(--agl-bg-secondary);border:1px solid var(--agl-border);border-radius:24px;text-align:center}.agl-cta-title{font-size:36px;font-weight:700;margin-bottom:16px}.agl-cta-desc{font-size:18px;color:var(--agl-text-secondary);margin-bottom:32px}.agl-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:var(--agl-teal);color:white;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s}.agl-btn:hover{background:var(--agl-teal-dark);transform:translateY(-1px)}.agl-integration{padding:100px 0;background:rgba(15,23,42,.3)}.agl-workflow{max-width:1000px;margin:0 auto}.agl-workflow-center{display:flex;justify-content:center;margin-bottom:40px}.agl-workflow-hub{width:100px;height:100px;background:var(--agl-teal);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:32px}.agl-workflow-hub-label{font-size:12px;font-weight:600;margin-top:4px}.agl-integration-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.agl-integration-card{padding:32px;background:var(--agl-card);border:1px solid var(--agl-border);border-radius:16px;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{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.agl-integration-card.purple .agl-integration-icon{background:rgba(139,92,246,.2)}.agl-integration-card.blue .agl-integration-icon{background:rgba(59,130,246,.2)}.agl-integration-card.orange .agl-integration-icon{background:rgba(249,115,22,.2)}.agl-integration-card h3{font-size:18px;font-weight:600;margin-bottom:12px}.agl-integration-card p{font-size:14px;color:var(--agl-text-secondary);line-height:1.6;margin-bottom:16px}.agl-integration-features{list-style:none;margin-bottom:20px}.agl-integration-features li{font-size:13px;color:var(--agl-text-muted);padding:6px 0 6px 20px;position:relative}.agl-integration-features li:before{content:"✓";position:absolute;left:0;color:var(--agl-teal)}.agl-integration-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;border:1px solid}.agl-integration-btn.purple{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);color:var(--agl-purple)}.agl-integration-btn.purple:hover{background:var(--agl-purple);color:white}.agl-integration-btn.blue{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#3b82f6}.agl-integration-btn.blue:hover{background:#3b82f6;color:white}.agl-integration-btn.orange{background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.3);color:#f97316}.agl-integration-btn.orange:hover{background:#f97316;color:white}@media (max-width:1000px){.agl-step-details,.agl-step-row{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-features-grid,.agl-step-details,.agl-step-row,.agl-templates-grid{grid-template-columns:1fr}}[data-theme=light] .agl-hero:before{display:none}[data-theme=light] .agl-features{background:#f7f7f5}[data-theme=light] .agl-feature-card{background:#ffffff;border-color:rgba(55,53,47,.09)}[data-theme=light] .agl-feature-card:hover{box-shadow:none}[data-theme=light] .agl-demo-browser{background:#ffffff;border-color:rgba(55,53,47,.09);box-shadow:none}[data-theme=light] .agl-browser-header,[data-theme=light] .agl-editor-main{background:#f7f7f5}[data-theme=light] .agl-editor-section{background:rgba(55,53,47,.04)}[data-theme=light] .agl-template-card{background:#ffffff;border-color:rgba(55,53,47,.09)}[data-theme=light] .agl-cta-card{background:#f7f7f5;border-color:rgba(55,53,47,.09)}[data-theme=light] .agl-integration{background:#f7f7f5}[data-theme=light] .agl-integration-card{background:#ffffff;border-color:rgba(55,53,47,.09)}[data-theme=light] .agl-step-number{box-shadow:none}[data-theme=light] .agl-text-line{background:rgba(55,53,47,.15)}[data-theme=light] .agl-editor-content{background:#ffffff;padding:24px;border-radius:8px}[data-theme=light] .agl-editor-main{padding:32px}[data-theme=light] .agl-btn,[data-theme=light] .agl-toolbar-btn.primary{background:var(--agl-teal)}