.landing-page{width:100%}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 20px}.hero h1{font-size:5rem;font-weight:900;line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero .tagline{font-size:1.5rem;color:var(--text-dim);margin-bottom:48px;max-width:800px}.hero-actions{display:flex;gap:24px;justify-content:center}.use-cases{padding:100px 40px;max-width:1400px;margin:0 auto;text-align:center}.use-cases h2{font-size:2.5rem;margin-bottom:60px;color:var(--accent-blue)}.use-cases-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.use-case{flex:1;min-width:200px}.use-case-icon{margin-bottom:24px;display:flex;justify-content:center;align-items:center;height:120px}.use-case-icon img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,212,255,.5));transition:transform .3s ease}.use-case:hover .use-case-icon img{transform:scale(1.1) translateY(-5px)}.use-case h3{font-size:1.2rem;margin-bottom:8px}.use-case p{color:var(--text-dim);font-size:14px}.features{padding:100px 40px;max-width:1400px;margin:0 auto}.features h2{text-align:center;font-size:3.5rem;font-weight:900;margin-bottom:80px;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:20px;padding:40px;transition:all .4s ease}.feature-card:hover{transform:translateY(-10px);border-color:#00d4ff80;background:#ffffff0d}.feature-icon{margin-bottom:32px;display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#00d4ff0d;border:1px solid rgba(0,212,255,.1);border-radius:24px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden}.feature-icon:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,212,255,.2) 0%,transparent 70%);opacity:.5;z-index:0}.feature-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(0,212,255,.4));position:relative;z-index:1}.feature-card:hover .feature-icon{transform:scale(1.05);background:#00d4ff1a;border-color:#00d4ff4d;box-shadow:0 0 30px #00d4ff26}.feature-card h3{font-size:1.8rem;font-weight:700;margin-bottom:16px;color:var(--accent-blue)}.feature-card p{font-size:1.1rem;line-height:1.6;color:var(--text-dim)}.feature-link{color:var(--accent-blue);font-weight:600;margin-top:20px}@media(max-width:768px){.hero h1{font-size:3rem}.hero .tagline{font-size:1.2rem}.features h2{font-size:2.5rem}.features-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}}.glowing-aura{position:fixed;bottom:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,#00d4ff33,#00d4ff00 70%);border-radius:50%;pointer-events:none;z-index:0;filter:blur(50px);opacity:.6}.hero{position:relative;overflow:visible;isolation:isolate;padding-bottom:500px}.hero h1,.hero .tagline,.hero .hero-actions{position:relative;z-index:2}.workflow-carousel{position:absolute;top:820px;left:50%;transform:translate(-50%);width:1200px;height:300px;perspective:1500px;transform-style:preserve-3d;transform-origin:center center;z-index:1;pointer-events:none;will-change:transform;backface-visibility:hidden}.workflow-panel{position:absolute;top:0;left:50%;transform:translate(-50%) translateZ(0);width:400px;height:100%;background:#0a0a1eb3;border:2px solid rgba(0,212,255,.3);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00d4ff26;overflow:hidden;will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:hidden}.workflow-panel:nth-child(1){border-color:#00d4ff66;box-shadow:0 0 20px #00d4ff33;z-index:3}.workflow-panel:nth-child(2){border-color:#0f86;box-shadow:0 0 20px #0f83;z-index:2}.workflow-panel:nth-child(3){border-color:#ff64ff66;box-shadow:0 0 20px #ff64ff33;z-index:1}.workflow-panel:after{content:"";position:absolute;inset:15px;border:1px dashed rgba(255,255,255,.1);border-radius:16px;pointer-events:none}.panel-label{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:.9rem;font-weight:700;color:#00d4ffe6;text-transform:uppercase;letter-spacing:2px;z-index:10;text-shadow:0 0 10px rgba(0,212,255,.5)}.workflow-panel:nth-child(1) .panel-label{color:#00d4ffe6}.workflow-panel:nth-child(2) .panel-label{color:#00ff88e6}.workflow-panel:nth-child(3) .panel-label{color:#ff64ffe6}.panel-content{padding:60px 30px 30px;height:100%;display:flex;flex-direction:column;gap:16px}.chat-panel{position:relative;justify-content:flex-start}.chat-line{height:18px;width:75%;background:#00d4ff26;border:1px solid rgba(0,212,255,.3);border-radius:10px;margin-bottom:12px;opacity:0;position:relative}.chat-line:nth-child(1){width:80%;align-self:flex-end}.chat-line:nth-child(2){width:65%;align-self:flex-start;background:#ffffff1a;border-color:#fff3}.chat-line:nth-child(3){width:70%;align-self:flex-start;background:#ffffff1a;border-color:#fff3}.chat-line:nth-child(4){width:60%;align-self:flex-end}.typing-cursor{position:absolute;top:22px;left:8px;width:2px;height:14px;background:#00d4ffe6;opacity:0;animation:blink .8s infinite;box-shadow:0 0 4px #00d4ff99}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.code-panel{position:relative;justify-content:flex-start;align-items:flex-start;padding-top:70px}.code-line{font-family:Courier New,monospace;font-size:.85rem;color:#0f8;text-align:left;width:90%;padding:8px 12px;background:#00ff8814;border-left:3px solid rgba(0,255,136,.5);margin-bottom:6px;opacity:1!important;text-shadow:0 0 10px rgba(0,255,136,.5);position:relative;z-index:10}.diagram-element{position:absolute;opacity:0}.node-box{padding:10px 18px;background:#00d4ff26;border:2px solid rgba(0,212,255,.6);border-radius:8px;color:#00d4fff2;font-size:.8rem;font-weight:600;box-shadow:0 0 12px #00d4ff4d}.diagram-element.node-box:nth-child(4){top:30%;left:50%;transform:translate(-50%)}.diagram-element.node-box:nth-child(5){bottom:35%;left:50%;transform:translate(-50%)}.connection-line{top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-panel{position:relative;display:flex;align-items:center;justify-content:center}.canvas-node-box{position:absolute;padding:12px 20px;background:#00d4ff26;border:2px solid rgba(0,212,255,.6);border-radius:8px;color:#00d4fff2;font-size:.85rem;font-weight:600;box-shadow:0 0 15px #00d4ff4d}.canvas-connection-line{pointer-events:none}@media(max-width:1400px){.workflow-carousel{width:1000px}.workflow-panel{width:350px}}@media(max-width:1200px){.workflow-carousel{width:900px;height:280px}.workflow-panel{width:320px}.panel-content{padding:50px 20px 20px}}@media(max-width:900px){.hero{padding-bottom:450px}.workflow-carousel{width:700px;height:250px;top:770px}.workflow-panel{width:280px}}@media(max-width:600px){.hero{padding-bottom:400px}.workflow-carousel{width:500px;height:220px;top:750px}.workflow-panel{width:240px}}