.ipm-pro-main{background:var(--background);min-height:100vh}.hero-section{padding:6rem 2rem 4rem;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.1) 0%,transparent 50%);text-align:center}.hero-container{max-width:900px;margin:0 auto}.hero-label{display:inline-block;padding:.5rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:2rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:1.5rem}.hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:var(--card);border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-2px)}.workflow-section{padding:4rem 2rem;background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.workflow-container{max-width:1200px;margin:0 auto}.workflow-visual{background:var(--background);border:1px solid var(--border);border-radius:1rem;padding:3rem;overflow-x:auto}.workflow-canvas{display:flex;align-items:center;gap:1rem;min-width:max-content;justify-content:center}.workflow-node{background:var(--card);border:2px solid var(--border);border-radius:.75rem;padding:1.5rem 2rem;min-width:140px;text-align:center;transition:all .3s ease}.workflow-node:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf633}.workflow-node.trigger{border-color:#8b5cf6;background:#8b5cf60d}.workflow-node.ai{border-color:#ec4899;background:#ec48990d}.node-icon{font-size:2rem;margin-bottom:.5rem}.node-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.workflow-connection{width:60px;height:2px;background:linear-gradient(90deg,var(--border) 0%,#8b5cf6 100%);position:relative}.workflow-connection:after{content:"→";position:absolute;right:-10px;top:-9px;color:#8b5cf6;font-size:1.25rem}.workflow-split{display:flex;flex-direction:column;gap:1rem}.workflow-branch{display:flex;align-items:center;gap:1rem}.integrations-section{padding:4rem 2rem}.integrations-container{max-width:1200px;margin:0 auto;text-align:center}.section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:3rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;max-width:1000px;margin:0 auto}.integration-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:2rem 1rem;text-align:center;font-weight:600;color:var(--text-primary);transition:all .3s ease}.integration-card:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf61a}.features-section{padding:4rem 2rem;background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.features-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:var(--background);border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:all .3s ease}.feature-card:hover{border-color:#8b5cf6;transform:translateY(-4px);box-shadow:0 12px 24px #8b5cf626}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.feature-description{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.automation-section{padding:4rem 2rem}.automation-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.automation-content h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-description{font-size:1.125rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem}.automation-list{list-style:none;padding:0;margin-bottom:2rem}.automation-list li{padding:.75rem 0 .75rem 2rem;position:relative;color:var(--text-primary);font-size:1rem}.automation-list li:before{content:"✓";position:absolute;left:0;color:#8b5cf6;font-weight:700;font-size:1.25rem}.automation-visual{position:relative}.automation-preview{background:var(--card);border:1px solid var(--border);border-radius:1rem;overflow:hidden;box-shadow:0 8px 24px #0000001a}.preview-header{background:var(--background);border-bottom:1px solid var(--border);padding:1rem}.preview-tabs{display:flex;gap:.5rem}.preview-tab{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.preview-tab.active{background:var(--card);color:var(--text-primary)}.preview-content{padding:1.5rem}.execution-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background);border-radius:.5rem;margin-bottom:.75rem}.execution-status{width:12px;height:12px;border-radius:50%;flex-shrink:0}.execution-item.success .execution-status{background:#10b981}.execution-item.running .execution-status{background:#f59e0b;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.execution-info{flex:1}.execution-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.execution-time{font-size:.875rem;color:var(--text-secondary)}.security-section{padding:4rem 2rem;background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.security-container{max-width:1200px;margin:0 auto}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.security-card{background:var(--background);border:1px solid var(--border);border-radius:1rem;padding:2.5rem;text-align:center;transition:all .3s ease}.security-card:hover{border-color:#8b5cf6;transform:translateY(-4px)}.security-icon{font-size:3rem;margin-bottom:1rem}.security-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.security-description{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.cta-section{padding:6rem 2rem;background:radial-gradient(circle at 50% 100%,rgba(139,92,246,.15) 0%,transparent 50%);text-align:center}.cta-container{max-width:800px;margin:0 auto}.cta-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:1.5rem}.cta-description{font-size:1.25rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2.5rem}.btn-large{padding:1rem 2.5rem;font-size:1.125rem}@media (max-width: 768px){.hero-section{padding:4rem 1.5rem 3rem}.workflow-visual{padding:2rem 1rem}.workflow-canvas{flex-direction:column;align-items:stretch}.workflow-connection{width:2px;height:40px;transform:rotate(90deg)}.workflow-split{margin-left:2rem}.automation-container{grid-template-columns:1fr;gap:2rem}.integrations-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.features-grid,.security-grid{grid-template-columns:1fr}}