:root{--px-purple:#7c3aed;--px-purple-dark:#6d28d9;--px-purple-light:#ede9fe;--px-black:#111;--px-white:#fff;--px-grey:#f9fafb;--px-border:#e5e7eb;--px-text:#111827;--px-text-muted:#6b7280}*{box-sizing:border-box;margin:0;padding:0}html{color:var(--px-text);background:var(--px-white);scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif}body{min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}.nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--px-border);background:#fffffff2;padding:0 2rem;position:sticky;top:0}.nav-inner{align-items:center;gap:2rem;max-width:1200px;height:64px;margin:0 auto;display:flex}.nav-logo{color:var(--px-text);white-space:nowrap;align-items:center;gap:.4rem;font-size:1.2rem;font-weight:800;display:flex}.nav-logo .logo-p{color:var(--px-purple)}.nav-links{flex:1;align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--px-text-muted);font-size:.9rem;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--px-purple)}.nav-cta{background:var(--px-purple);border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--px-white)!important;transition:background .15s!important}.nav-cta:hover{background:var(--px-purple-dark)!important;color:var(--px-white)!important}.footer{background:var(--px-black);color:#9ca3af;padding:3rem 2rem 2rem}.footer-inner{max-width:1200px;margin:0 auto}.footer-top{border-bottom:1px solid #374151;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;padding-bottom:2rem;display:flex}.footer-logo{color:var(--px-white);align-items:center;gap:.4rem;font-size:1.1rem;font-weight:800;display:flex}.footer-logo .logo-p{color:#a78bfa}.footer-tagline{color:#6b7280;margin-top:.4rem;font-size:.85rem}.footer-links{flex-wrap:wrap;gap:2rem;display:flex}.footer-links a{color:#9ca3af;font-size:.875rem;transition:color .15s}.footer-links a:hover{color:var(--px-white)}.footer-bottom{color:#6b7280;font-size:.8rem}.btn-primary{background:var(--px-purple);color:var(--px-white);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:hover{background:var(--px-purple-dark);transform:translateY(-1px)}.btn-outline{color:var(--px-purple);cursor:pointer;border:2px solid var(--px-purple);background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:background .15s,color .15s,transform .1s;display:inline-flex}.btn-outline:hover{background:var(--px-purple-light);transform:translateY(-1px)}.btn-outline-white{color:var(--px-white);cursor:pointer;background:0 0;border:2px solid #fff9;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-outline-white:hover{background:#ffffff1a;transform:translateY(-1px)}.hero{color:var(--px-white);background:linear-gradient(135deg,#1e0047 0%,#3b0764 40%,#4c1d95 100%);padding:6rem 2rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed4d 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.hero-badge{color:#c4b5fd;background:#a78bfa33;border:1px solid #a78bfa66;border-radius:99px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:900;line-height:1.15}.hero h1 span{color:#a78bfa}.hero-sub{color:#c4b5fd;max-width:480px;margin-bottom:2rem;font-size:1.15rem;line-height:1.7}.hero-ctas{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.hero-note{color:#8b5cf6;font-size:.8rem}.dashboard-mockup{background:#1a1a2e;border:1px solid #2d2d4e;border-radius:12px;overflow:hidden;box-shadow:0 24px 80px #00000080}.mockup-titlebar{background:#16213e;border-bottom:1px solid #2d2d4e;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.mockup-dot.red{background:#ff5f56}.mockup-dot.yellow{background:#ffbd2e}.mockup-dot.green{background:#27c93f}.mockup-title{color:#6b7280;margin-left:.5rem;font-size:.75rem}.mockup-body{padding:1.25rem}.mockup-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.7rem}.mockup-project-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.mockup-project-name{color:#e5e7eb;font-size:.95rem;font-weight:700}.mockup-badge{border-radius:99px;padding:.2rem .6rem;font-size:.65rem;font-weight:600}.mockup-badge.active{color:#a78bfa;background:#7c3aed4d}.mockup-task{border-radius:6px;align-items:center;gap:.6rem;margin-bottom:.35rem;padding:.5rem .6rem;transition:background .1s;display:flex}.mockup-task:hover{background:#ffffff0a}.mockup-checkbox{border:1.5px solid #4b5563;border-radius:3px;flex-shrink:0;width:14px;height:14px}.mockup-checkbox.done{background:var(--px-purple);border-color:var(--px-purple);color:#fff;justify-content:center;align-items:center;font-size:9px;display:flex}.mockup-task-text{color:#d1d5db;flex:1;font-size:.78rem}.mockup-task-text.done{color:#4b5563;text-decoration:line-through}.mockup-priority{border-radius:3px;padding:.15rem .4rem;font-size:.6rem;font-weight:600}.mockup-priority.high{color:#f87171;background:#ef444433}.mockup-priority.medium{color:#fbbf24;background:#f59e0b33}.mockup-priority.low{color:#4ade80;background:#22c55e33}.mockup-progress{border-top:1px solid #2d2d4e;margin-top:1rem;padding-top:1rem}.mockup-progress-bar-bg{background:#2d2d4e;border-radius:99px;height:6px;margin-top:.4rem}.mockup-progress-bar{background:linear-gradient(90deg,var(--px-purple),#a78bfa);border-radius:99px;width:68%;height:6px}.mockup-progress-label{color:#6b7280;justify-content:space-between;margin-top:.4rem;font-size:.7rem;display:flex}.social-proof{background:var(--px-grey);border-bottom:1px solid var(--px-border);padding:3rem 2rem}.social-proof-inner{text-align:center;max-width:1200px;margin:0 auto}.social-proof-label{text-transform:uppercase;letter-spacing:.1em;color:var(--px-text-muted);margin-bottom:1.5rem;font-size:.8rem;font-weight:600}.stat-pills{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.stat-pill{background:var(--px-white);border:1px solid var(--px-border);color:var(--px-text);border-radius:99px;align-items:center;gap:.6rem;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 1px 4px #0000000d}.stat-pill-num{color:var(--px-purple);font-size:1.1rem;font-weight:800}.section{padding:5rem 2rem}.section-inner{max-width:1200px;margin:0 auto}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--px-purple);margin-bottom:.75rem;font-size:.8rem;font-weight:700}.section-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.2}.section-sub{color:var(--px-text-muted);max-width:560px;font-size:1.1rem;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.feature-card{background:var(--px-white);border:1px solid var(--px-border);border-radius:12px;padding:1.75rem;transition:box-shadow .2s,border-color .2s,transform .2s}.feature-card:hover{border-color:#ddd6fe;transform:translateY(-2px);box-shadow:0 8px 32px #7c3aed1a}.feature-icon{margin-bottom:.75rem;font-size:2rem}.feature-card h3{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.feature-card p{color:var(--px-text-muted);font-size:.9rem;line-height:1.6}.steps-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid;position:relative}.step-card{text-align:center;padding:2rem 1.5rem}.step-num{background:var(--px-purple-light);width:52px;height:52px;color:var(--px-purple);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.25rem;font-weight:800;display:flex}.step-card h3{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.step-card p{color:var(--px-text-muted);font-size:.9rem;line-height:1.6}.pricing-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:720px;margin-top:3rem;display:grid}.pricing-card{background:var(--px-white);border:2px solid var(--px-border);border-radius:16px;padding:2rem;transition:box-shadow .2s}.pricing-card:hover{box-shadow:0 8px 32px #7c3aed1a}.pricing-card.featured{border-color:var(--px-purple);position:relative}.pricing-badge{background:var(--px-purple);color:#fff;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:99px;padding:.25rem .9rem;font-size:.7rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-tier{text-transform:uppercase;letter-spacing:.1em;color:var(--px-text-muted);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.pricing-price{color:var(--px-text);letter-spacing:-.03em;margin-bottom:.25rem;font-size:2.5rem;font-weight:900;line-height:1}.pricing-price sup{vertical-align:top;margin-top:.5rem;font-size:1rem;font-weight:700;display:inline-block}.pricing-price sub{color:var(--px-text-muted);font-size:.85rem;font-weight:500}.pricing-desc{color:var(--px-text-muted);margin-bottom:1.5rem;font-size:.85rem;line-height:1.5}.pricing-features{margin-bottom:1.5rem;list-style:none}.pricing-features li{color:var(--px-text);align-items:center;gap:.6rem;padding:.4rem 0;font-size:.875rem;display:flex}.pricing-features li:before{content:"✓";color:var(--px-purple);flex-shrink:0;font-weight:700}.pricing-note{text-align:center;color:var(--px-text-muted);margin-top:2rem;font-size:.85rem}.cta-banner{background:linear-gradient(135deg,var(--px-purple-dark)0%,var(--px-purple)100%);color:var(--px-white);text-align:center;padding:5rem 2rem}.cta-banner h2{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800}.cta-banner p{color:#fffc;max-width:480px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.btn-white{background:var(--px-white);color:var(--px-purple);border-radius:8px;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .15s;display:inline-flex}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.page-header{color:#fff;text-align:center;background:linear-gradient(135deg,#1e0047 0%,#3b0764 40%,#4c1d95 100%);padding:5rem 2rem 4rem}.page-header h1{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:900}.page-header p{color:#c4b5fd;max-width:560px;margin:0 auto;font-size:1.1rem;line-height:1.7}.feature-detail{border-bottom:1px solid var(--px-border);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:4rem 0;display:grid}.feature-detail:last-child{border-bottom:none}.feature-detail.reverse{direction:rtl}.feature-detail.reverse>*{direction:ltr}.feature-detail-icon{margin-bottom:1rem;font-size:3rem}.feature-detail h2{letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.75rem;font-weight:800}.feature-detail p{color:var(--px-text-muted);margin-bottom:1rem;line-height:1.7}.feature-bullets{margin-top:1rem;list-style:none}.feature-bullets li{color:var(--px-text);align-items:flex-start;gap:.6rem;padding:.35rem 0;font-size:.9rem;display:flex}.feature-bullets li:before{content:"→";color:var(--px-purple);flex-shrink:0;margin-top:.05rem;font-weight:700}.feature-visual{background:var(--px-grey);border:1px solid var(--px-border);border-radius:12px;justify-content:center;align-items:center;min-height:260px;padding:2rem;font-size:4rem;display:flex}.comparison-table{border-collapse:collapse;border-radius:12px;width:100%;margin-top:3rem;overflow:hidden;box-shadow:0 1px 8px #0000000f}.comparison-table th{text-align:left;background:var(--px-grey);border-bottom:2px solid var(--px-border);padding:1.25rem 1.5rem;font-size:.875rem;font-weight:700}.comparison-table th.highlight{background:var(--px-purple-light);color:var(--px-purple-dark)}.comparison-table td{border-bottom:1px solid var(--px-border);vertical-align:middle;padding:1rem 1.5rem;font-size:.9rem}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td.highlight{background:#ede9fe4d}.comparison-table td.check{color:var(--px-purple);font-size:1.1rem;font-weight:700}.comparison-table td.cross{color:#d1d5db;font-size:1.1rem}.faq-list{flex-direction:column;gap:1rem;margin-top:3rem;display:flex}.faq-item{background:var(--px-white);border:1px solid var(--px-border);border-radius:10px;padding:1.5rem}.faq-q{margin-bottom:.5rem;font-size:1rem;font-weight:700}.faq-a{color:var(--px-text-muted);font-size:.9rem;line-height:1.7}.form-section{background:var(--px-white);border:1px solid var(--px-border);border-radius:12px;padding:2rem}.form-section h2{margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--px-text);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--px-border);width:100%;color:var(--px-text);background:var(--px-white);border-radius:6px;outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--px-purple)}.form-group textarea{resize:vertical;min-height:100px}.form-grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.register-wrap{max-width:520px;margin:0 auto;padding:3rem 2rem}.register-steps{justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.reg-step{border:2px solid var(--px-border);width:32px;height:32px;color:var(--px-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.reg-step.active{background:var(--px-purple);border-color:var(--px-purple);color:#fff}.reg-step.done{background:var(--px-purple-light);border-color:var(--px-purple);color:var(--px-purple)}.reg-step-connector{background:var(--px-border);flex:1;align-self:center;max-width:40px;height:2px}.kb-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:2rem;display:grid}.kb-card{background:var(--px-white);border:1px solid var(--px-border);border-radius:10px;padding:1.5rem;transition:box-shadow .15s,border-color .15s}.kb-card:hover{border-color:#ddd6fe;box-shadow:0 4px 16px #7c3aed14}.kb-card h3{margin-bottom:.4rem;font-size:1rem;font-weight:700}.kb-card p{color:var(--px-text-muted);font-size:.85rem;line-height:1.6}.demo-launch{text-align:center;background:var(--px-grey);border:1px solid var(--px-border);border-radius:16px;padding:3rem 2rem}.demo-launch h2{margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.demo-launch p{color:var(--px-text-muted);margin-bottom:1.5rem}@media (max-width:768px){.hero-inner,.feature-detail{grid-template-columns:1fr;gap:2rem}.feature-detail.reverse{direction:ltr}.form-grid{grid-template-columns:1fr}.nav-links{display:none}.pricing-grid{grid-template-columns:1fr}}