.pp-landing{--bg:#fafafa;--surface:#fff;--fg:#1b2a4a;--muted:#6b7a8d;--border:#e8e8ec;--accent:#c96442;--accent-hover:#b55635;--dark:#1b2a4a;--dark-surface:#141e33;--dark-card:#223558;--dark-border:#ffffff1a;--cream:#f5f0e8;--cream-light:#faf8f4;--gradient-accent:linear-gradient(135deg, #c96442 0%, #d4944a 100%);--font-display:var(--font-manrope), -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-body:var(--font-manrope), -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;font-family:var(--font-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body:has(.pp-landing){background:#fafafa}.pp-landing *,.pp-landing :before,.pp-landing :after{box-sizing:border-box;margin:0;padding:0}.pp-landing .container{max-width:1200px;margin:0 auto;padding:0 24px}.pp-landing .header{z-index:100;background:0 0;justify-content:space-between;align-items:center;padding:16px 48px;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0}.pp-landing .header.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#ffffffe0}.pp-landing .header-logo{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;font-size:20px;font-weight:800;text-decoration:none;transition:color .3s}.pp-landing .header-logo span{color:var(--accent)}.pp-landing .header.scrolled .header-logo{color:var(--dark)}.pp-landing .header-nav{align-items:center;gap:32px;list-style:none;display:flex}.pp-landing .header-nav a{color:var(--muted);letter-spacing:.01em;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.pp-landing .header-nav a:hover{color:var(--fg)}.pp-landing .header-cta{color:#fff;background:var(--accent);letter-spacing:.02em;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.pp-landing .header-cta:hover{opacity:.85}.pp-landing .header-signin{color:#ffffffb3;letter-spacing:.02em;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.pp-landing .header-signin:hover{color:#fff;border-color:#ffffff59}.pp-landing .header.scrolled .header-signin{color:var(--accent);border-color:var(--accent)}.pp-landing .header.scrolled .header-signin:hover{background:var(--accent);color:#fff}.pp-landing .header-actions{align-items:center;gap:10px;display:flex}.pp-landing .hero{background:var(--dark);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:140px 48px 80px;display:flex;position:relative;overflow:hidden}.pp-landing .hero:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%);mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%)}.pp-landing .hero-badge{color:#ffffffa6;letter-spacing:.01em;z-index:2;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 18px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.pp-landing .hero-badge-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pp-pulse}@keyframes pp-pulse{0%,to{opacity:1}50%{opacity:.4}}.pp-landing .hero h1{font-family:var(--font-display);color:#fff;letter-spacing:-.035em;z-index:2;max-width:800px;margin-bottom:20px;font-size:clamp(42px,5vw,72px);font-weight:800;line-height:1.05;position:relative}.pp-landing .hero-sub{color:#ffffff73;z-index:2;max-width:500px;margin-bottom:40px;font-size:17px;line-height:1.6;position:relative}.pp-landing .hero-actions{z-index:2;align-items:center;gap:14px;margin-bottom:64px;display:flex;position:relative}.pp-landing .btn-fill{color:var(--dark);font-family:var(--font-body);cursor:pointer;letter-spacing:.01em;background:#fff;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .2s;display:inline-flex}.pp-landing .btn-fill:hover{opacity:.9;transform:translateY(-1px)}.pp-landing .btn-outline{color:#fff;font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.pp-landing .btn-outline:hover{background:#ffffff0d;border-color:#fff6}.pp-landing .btn-accent{background:var(--accent);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .2s;display:inline-flex}.pp-landing .btn-accent:hover{opacity:.9;transform:translateY(-1px)}.pp-landing .hero-phones{perspective:1200px;z-index:2;justify-content:center;align-items:flex-end;gap:20px;display:flex;position:relative}.pp-landing .phone-frame{opacity:0;background:#fff;border:2px solid #e0e0e0;border-radius:28px;flex-shrink:0;width:200px;height:400px;transition:transform .5s cubic-bezier(.2,0,0,1),box-shadow .3s;position:relative;overflow:hidden;transform:translateY(60px);box-shadow:0 20px 60px #00000059,0 4px 16px #00000026}.pp-landing .phone-frame.animate-in{opacity:1}.pp-landing .phone-frame:first-child.animate-in{transform:rotateY(8deg)translateY(20px)}.pp-landing .phone-frame:nth-child(2).animate-in{transform:rotateY(4deg)translateY(8px)}.pp-landing .phone-frame:nth-child(3).animate-in{transform:rotateY(0)translateY(0)}.pp-landing .phone-frame:nth-child(4).animate-in{transform:rotateY(-4deg)translateY(8px)}.pp-landing .phone-frame:nth-child(5).animate-in{transform:rotateY(-8deg)translateY(20px)}.pp-landing .phone-frame:hover{box-shadow:0 30px 80px #00000073;transform:translateY(-12px)rotateY(-2deg)scale(1.02)!important}.pp-landing .phone-frame.active-phone{border-color:#d0d0d0;width:240px;height:480px}.pp-landing .phone-frame:before{content:"";z-index:10;background:#1a1a1a;border-radius:8px;width:48px;height:12px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.pp-landing .phone-frame.active-phone:before{width:56px;height:14px}.pp-landing .phone-frame:after{content:"";z-index:10;background:#0003;border-radius:2px;width:60px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.pp-landing .phone-screen{background:#fff;flex-direction:column;width:100%;height:100%;padding:28px 16px 16px;display:flex;overflow:hidden}.pp-landing .phone-card{background:#f4f6fa;border-radius:14px;margin-bottom:8px;padding:12px}.pp-landing .phone-card-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:9px;font-weight:600}.pp-landing .phone-card-value{color:var(--fg);letter-spacing:-.02em;font-size:20px;font-weight:800}.pp-landing .phone-progress{background:#e5e7eb;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.pp-landing .phone-progress-fill{border-radius:2px;height:100%}.pp-landing .phone-tag{color:#1a8a4a;background:#34d3991f;border-radius:6px;padding:3px 8px;font-size:8px;font-weight:600;display:inline-block}.pp-landing .phone-tag.warn{color:#c07a10;background:#eaa0301f}.pp-landing .phone-tag.danger{color:#d93025;background:#ea43351f}.pp-landing .trust-section{border-bottom:1px solid var(--border);padding:40px 0;overflow:hidden}.pp-landing .trust-title{text-align:center;color:var(--muted);letter-spacing:.01em;margin-bottom:24px;font-size:13px;font-weight:500}.pp-landing .trust-scroll-wrap{position:relative;overflow:hidden}.pp-landing .trust-fade-left,.pp-landing .trust-fade-right{z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.pp-landing .trust-fade-left{background:linear-gradient(to right, var(--bg), transparent);left:0}.pp-landing .trust-fade-right{background:linear-gradient(to left, var(--bg), transparent);right:0}.pp-landing .trust-wrap{gap:48px;width:max-content;animation:20s linear infinite pp-trust-scroll;display:flex}@keyframes pp-trust-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.pp-landing .trust-logo{color:var(--muted);opacity:.5;white-space:nowrap;letter-spacing:-.01em;font-size:16px;font-weight:700}.pp-landing .features{background:var(--bg);padding:120px 48px}.pp-landing .section-header{text-align:center;max-width:640px;margin:0 auto 64px}.pp-landing .section-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:16px;font-size:12px;font-weight:600;display:inline-block}.pp-landing .section-header h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);margin-bottom:16px;font-size:clamp(32px,3.5vw,48px);font-weight:800;line-height:1.1}.pp-landing .section-header p{color:var(--muted);font-size:17px;line-height:1.6}.pp-landing .features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pp-landing .feature-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:32px 28px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.pp-landing .feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.pp-landing .feature-icon{background:var(--dark);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;transition:opacity .3s,transform .3s;display:flex}.pp-landing .feature-icon svg{width:22px;height:22px;color:var(--accent)}.pp-landing .feature-card h3{color:var(--fg);letter-spacing:-.01em;margin-bottom:10px;font-size:18px;font-weight:700;transition:opacity .3s,transform .3s}.pp-landing .feature-card p{color:var(--muted);font-size:14px;line-height:1.6;transition:opacity .3s,transform .3s}.pp-landing .feature-card:hover .feature-icon,.pp-landing .feature-card:hover h3,.pp-landing .feature-card:hover p{opacity:0;transform:translateY(-8px)}.pp-landing .feature-preview{opacity:0;pointer-events:none;flex-direction:column;gap:10px;padding:24px;transition:opacity .35s cubic-bezier(.2,0,0,1),transform .35s cubic-bezier(.2,0,0,1);display:flex;position:absolute;inset:0;transform:translateY(12px)}.pp-landing .feature-card:hover .feature-preview{opacity:1;transform:translateY(0)}.pp-landing .preview-mini-header{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:4px;font-size:11px;font-weight:700}.pp-landing .preview-row{background:var(--dark);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.pp-landing .preview-avatar{background:var(--dark-card);border-radius:50%;flex-shrink:0;width:28px;height:28px}.pp-landing .preview-avatar.amber{background:var(--accent)}.pp-landing .preview-lines{flex-direction:column;flex:1;gap:4px;display:flex}.pp-landing .preview-line{background:var(--dark-card);border-radius:3px;height:6px}.pp-landing .preview-line.w60{width:60%}.pp-landing .preview-line.w80{width:80%}.pp-landing .preview-line.w40{width:40%}.pp-landing .preview-line.accent{background:var(--accent)}.pp-landing .preview-pill{color:#fff;background:#34d399;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:700}.pp-landing .preview-pill.pending{background:var(--accent)}.pp-landing .preview-bar-group{flex-direction:column;gap:8px;display:flex}.pp-landing .preview-bar-label{color:#ffffff80;justify-content:space-between;font-size:10px;font-weight:500;display:flex}.pp-landing .preview-bar{background:var(--dark-card);border-radius:3px;height:5px;overflow:hidden}.pp-landing .preview-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .6s cubic-bezier(.2,0,0,1)}.pp-landing .preview-stat-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pp-landing .preview-stat-card{background:var(--dark);text-align:center;border-radius:10px;padding:10px 12px}.pp-landing .preview-stat-num{color:#fff;letter-spacing:-.02em;font-size:16px;font-weight:800}.pp-landing .preview-stat-num.accent{color:var(--accent)}.pp-landing .preview-stat-lbl{color:#fff6;margin-top:2px;font-size:9px;font-weight:500}.pp-landing .preview-alert{background:var(--dark);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.pp-landing .preview-alert-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pp-landing .preview-alert-dot.green{background:#34d399}.pp-landing .preview-alert-dot.amber{background:var(--accent)}.pp-landing .preview-alert-dot.red{background:#ef4444}.pp-landing .preview-alert-text{color:#ffffffb3;font-size:11px;font-weight:500}.pp-landing .preview-chart{background:var(--dark);border-radius:10px;flex:1;align-items:flex-end;gap:4px;padding:12px;display:flex}.pp-landing .preview-chart-bar{background:var(--accent);opacity:.7;border-radius:3px 3px 0 0;flex:1;transition:height .5s cubic-bezier(.2,0,0,1)}.pp-landing .preview-chart-bar:nth-child(2n){opacity:.4}.pp-landing .preview-mini-phone{background:var(--dark);border-radius:12px;flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.pp-landing .preview-mini-phone-row{background:var(--dark-card);border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:flex}.pp-landing .preview-mini-phone-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.pp-landing .preview-mini-phone-line{background:#ffffff26;border-radius:2px;flex:1;height:4px}.pp-landing .preview-mini-phone-line.accent{background:var(--accent);opacity:.6}.pp-landing .suite{background:var(--cream-light);padding:120px 48px}.pp-landing .suite-wrap{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.pp-landing .suite h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg);margin-bottom:32px;font-size:clamp(32px,3vw,44px);font-weight:800;line-height:1.1}.pp-landing .accordion-list{flex-direction:column;gap:12px;display:flex}.pp-landing .accordion-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:box-shadow .2s;overflow:hidden}.pp-landing .accordion-item.open{box-shadow:0 4px 20px #0000000f}.pp-landing .accordion-header{cursor:pointer;width:100%;font-family:var(--font-body);color:var(--fg);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 20px;font-size:15px;font-weight:600;transition:color .2s;display:flex}.pp-landing .accordion-header:hover{color:var(--accent)}.pp-landing .accordion-icon{width:20px;height:20px;color:var(--muted);flex-shrink:0;transition:transform .3s}.pp-landing .accordion-item.open .accordion-icon{transform:rotate(45deg)}.pp-landing .accordion-body{max-height:0;transition:max-height .3s;overflow:hidden}.pp-landing .accordion-item.open .accordion-body{max-height:200px}.pp-landing .accordion-body p{color:var(--muted);padding:0 20px 18px;font-size:14px;line-height:1.6}.pp-landing .suite-phone{justify-content:center;display:flex}.pp-landing .suite-phone-frame{border:2px solid var(--border);background:#fff;border-radius:36px;width:280px;height:560px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000001f,0 4px 16px #0000000f}.pp-landing .suite-phone-frame:before{content:"";z-index:10;background:#1a1a1a;border-radius:10px;width:56px;height:14px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.pp-landing .suite-phone-frame:after{content:"";z-index:10;background:#00000026;border-radius:2px;width:64px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.pp-landing .suite-phone-screen{background:#fff;flex-direction:column;width:100%;height:100%;padding:32px 20px 20px;display:flex;overflow:hidden}.pp-landing .task-section{background:var(--bg);padding:120px 48px}.pp-landing .task-wrap{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;display:grid}.pp-landing .task-ipad{aspect-ratio:4/3;border:2px solid var(--border);background:#fff;border-radius:20px;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000001a}.pp-landing .task-ipad-screen{background:#fff;flex-direction:column;width:100%;height:100%;padding:20px;display:flex}.pp-landing .task-data h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);margin-bottom:20px;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.1}.pp-landing .task-data p{color:var(--muted);margin-bottom:28px;font-size:16px;line-height:1.6}.pp-landing .task-checklist{margin-bottom:32px;list-style:none}.pp-landing .task-item{color:var(--fg);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;font-size:15px;font-weight:500;display:flex}.pp-landing .task-item:before{content:"";background:var(--dark);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.pp-landing .task-btn{border:1px solid var(--fg);color:var(--fg);border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.pp-landing .task-btn:hover{background:var(--fg);color:#fff}.pp-landing .personalize{background:var(--cream);padding:120px 48px}.pp-landing .personalize-wrap{justify-content:space-between;align-items:center;gap:48px;display:flex}.pp-landing .personalize-data{max-width:440px}.pp-landing .personalize-data h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);margin-bottom:20px;font-size:clamp(32px,3.5vw,48px);font-weight:800;line-height:1.1}.pp-landing .personalize-data p{color:var(--muted);margin-bottom:32px;font-size:16px;line-height:1.6}.pp-landing .personalize-phones{perspective:1200px;align-items:flex-end;gap:16px;display:flex}.pp-landing .p-phone{border:2px solid var(--border);background:#fff;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001a}.pp-landing .p-phone:before{content:"";z-index:10;background:#1a1a1a;border-radius:8px;width:44px;height:11px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.pp-landing .p-phone:after{content:"";z-index:10;background:#00000026;border-radius:2px;width:50px;height:3px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.pp-landing .p-phone-screen{background:#fff;flex-direction:column;width:100%;height:100%;padding:28px 14px 14px;display:flex;overflow:hidden}.pp-landing .p-phone:nth-child(2){transform:translateY(-16px)}.pp-landing .dark-stats{background:var(--dark);padding:120px 48px;position:relative;overflow:hidden}.pp-landing .dark-stats:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%);mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%)}.pp-landing .dark-stats .section-header h2{color:#fff}.pp-landing .dark-stats .section-header p{color:#ffffff80}.pp-landing .stats-row{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:80px;display:grid}.pp-landing .stat-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:32px 24px}.pp-landing .stat-number{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;margin-bottom:8px;font-size:clamp(36px,3.5vw,52px);font-weight:800;line-height:1}.pp-landing .stat-number .accent{color:var(--accent)}.pp-landing .stat-label{color:#ffffff80;letter-spacing:.01em;font-size:14px;font-weight:500}.pp-landing .stats-with-phone{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.pp-landing .stats-big-numbers{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pp-landing .big-stat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:32px 24px}.pp-landing .big-stat-num{font-family:var(--font-display);color:var(--accent);letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(36px,3vw,48px);font-weight:800;line-height:1}.pp-landing .big-stat-label{color:#ffffff80;font-size:14px;font-weight:500}.pp-landing .stats-phone-wrap{justify-content:center;display:flex}.pp-landing .stats-phone{background:#fff;border:2px solid #ffffff1f;border-radius:32px;width:260px;height:520px;position:relative;overflow:hidden;box-shadow:0 40px 100px #0006}.pp-landing .stats-phone:before{content:"";z-index:10;background:#1a1a1a;border-radius:10px;width:52px;height:14px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.pp-landing .stats-phone:after{content:"";z-index:10;background:#00000026;border-radius:2px;width:60px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.pp-landing .stats-phone-screen{background:#fff;flex-direction:column;width:100%;height:100%;padding:32px 18px 18px;display:flex;overflow:hidden}.pp-landing .bento{background:var(--bg);padding:120px 48px}.pp-landing .bento-top{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.pp-landing .bento-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;justify-content:space-between;padding:32px 28px;display:flex}.pp-landing .bento-card h4{color:var(--fg);margin-bottom:8px;font-size:18px;font-weight:700}.pp-landing .bento-card p{color:var(--muted);font-size:14px;line-height:1.6}.pp-landing .bento-stat{font-family:var(--font-display);color:var(--fg);letter-spacing:-.02em;font-size:36px;font-weight:800}.pp-landing .bento-stat-label{color:var(--muted);margin-top:4px;font-size:13px}.pp-landing .bento-bottom{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pp-landing .bento-bottom-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px 24px}.pp-landing .bento-bottom-card h4{color:var(--fg);font-size:16px;font-weight:700}.pp-landing .bento-bottom-card p{color:var(--muted);margin-top:8px;font-size:14px}.pp-landing .testimonials{background:var(--cream-light);padding:120px 48px}.pp-landing .testimonials-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pp-landing .testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px 24px}.pp-landing .testimonial-stars{color:#f59e0b;letter-spacing:2px;margin-bottom:16px;font-size:14px}.pp-landing .testimonial-text{color:var(--fg);margin-bottom:20px;font-size:15px;font-weight:500;line-height:1.6}.pp-landing .testimonial-author{align-items:center;gap:12px;display:flex}.pp-landing .testimonial-avatar{background:var(--dark);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.pp-landing .testimonial-name{color:var(--fg);font-size:14px;font-weight:600}.pp-landing .testimonial-role{color:var(--muted);font-size:12px}.pp-landing .pricing{background:var(--bg);padding:120px 48px}.pp-landing .pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pp-landing .price-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;padding:36px 28px;display:flex}.pp-landing .price-card.popular{border-color:var(--accent);box-shadow:0 8px 32px #c964421f}.pp-landing .price-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:#c964421a;border-radius:999px;width:fit-content;margin-bottom:16px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.pp-landing .price-name{color:var(--fg);margin-bottom:8px;font-size:20px;font-weight:700}.pp-landing .price-desc{color:var(--muted);margin-bottom:20px;font-size:14px}.pp-landing .price-amount{font-family:var(--font-display);color:var(--fg);letter-spacing:-.03em;margin-bottom:4px;font-size:40px;font-weight:800}.pp-landing .price-period{color:var(--muted);font-size:16px;font-weight:500}.pp-landing .price-includes{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:24px 0 16px;font-size:13px;font-weight:600}.pp-landing .price-features{flex:1;margin-bottom:28px;list-style:none}.pp-landing .price-features li{color:var(--fg);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.pp-landing .price-features li:before{content:"";background:var(--dark);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.pp-landing .price-card.popular .price-features li:before{background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px}.pp-landing .price-cta{justify-content:center;width:100%}.pp-landing .btn-outline.price-cta{color:var(--fg);border-color:var(--border)}.pp-landing .faq{background:var(--cream-light);padding:120px 48px}.pp-landing .faq-list{max-width:720px;margin:0 auto}.pp-landing .faq-item{border-bottom:1px solid var(--border)}.pp-landing .faq-question{cursor:pointer;width:100%;font-family:var(--font-body);color:var(--fg);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 0;font-size:16px;font-weight:600;transition:color .2s;display:flex}.pp-landing .faq-question:hover{color:var(--accent)}.pp-landing .faq-icon{width:20px;height:20px;color:var(--muted);flex-shrink:0;transition:transform .3s}.pp-landing .faq-item.open .faq-icon{transform:rotate(45deg)}.pp-landing .faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.pp-landing .faq-item.open .faq-answer{max-height:200px}.pp-landing .faq-answer p{color:var(--muted);padding-bottom:20px;font-size:15px;line-height:1.6}.pp-landing .cta{background:var(--dark);text-align:center;padding:120px 48px;position:relative;overflow:hidden}.pp-landing .cta:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 100%,#000 70%,#0000 100%);mask-image:radial-gradient(60% 50% at 50% 100%,#000 70%,#0000 100%)}.pp-landing .cta h2{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;z-index:2;margin-bottom:20px;font-size:clamp(36px,4vw,56px);font-weight:800;line-height:1.1;position:relative}.pp-landing .cta p{color:#ffffff80;z-index:2;max-width:520px;margin:0 auto 40px;font-size:17px;line-height:1.6;position:relative}.pp-landing .cta-buttons{z-index:2;justify-content:center;align-items:center;gap:14px;margin-bottom:64px;display:flex;position:relative}.pp-landing .app-store-btn{color:var(--fg);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .2s;display:inline-flex}.pp-landing .app-store-btn:hover{opacity:.9;transform:translateY(-1px)}.pp-landing .app-store-btn svg{width:24px;height:24px}.pp-landing .app-store-btn .store-label{color:var(--muted);font-size:10px;font-weight:500;line-height:1;display:block}.pp-landing .app-store-btn .store-name{font-size:15px;font-weight:700;line-height:1.2;display:block}.pp-landing .cta-phones{perspective:1200px;z-index:2;justify-content:center;align-items:flex-end;gap:20px;display:flex;position:relative}.pp-landing .cta-phone{background:#fff;border:2px solid #ffffff1f;border-radius:24px;width:180px;height:360px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.pp-landing .cta-phone:before{content:"";z-index:10;background:#1a1a1a;border-radius:8px;width:44px;height:11px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.pp-landing .cta-phone:after{content:"";z-index:10;background:#00000026;border-radius:2px;width:50px;height:3px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.pp-landing .cta-phone:first-child{transform:rotateY(6deg)translateY(16px)}.pp-landing .cta-phone:nth-child(2){transform:rotateY(0)translateY(0)}.pp-landing .cta-phone:nth-child(3){transform:rotateY(-6deg)translateY(16px)}.pp-landing .cta-phone-inner{padding:12px}.pp-landing .footer{border-top:1px solid var(--border);background:var(--bg);padding:48px}.pp-landing .footer-wrap{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.pp-landing .footer-logo{font-family:var(--font-display);color:var(--fg);letter-spacing:-.02em;font-size:18px;font-weight:800;text-decoration:none}.pp-landing .footer-logo span{color:var(--accent)}.pp-landing .footer-menu{gap:24px;display:flex}.pp-landing .footer-link{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.pp-landing .footer-link:hover{color:var(--fg)}.pp-landing .footer-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:24px;display:flex}.pp-landing .footer-info{color:var(--muted);gap:16px;font-size:12px;display:flex}.pp-landing .footer-policies{gap:16px;display:flex}.pp-landing .footer-policies a{color:var(--muted);font-size:12px;text-decoration:none;transition:color .2s}.pp-landing .footer-policies a:hover{color:var(--fg)}@keyframes pp-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pp-landing .hero-badge,.pp-landing .hero h1,.pp-landing .hero-sub,.pp-landing .hero-actions{opacity:0}.pp-landing .hero.entered .hero-badge{animation:.5s cubic-bezier(.2,0,0,1) forwards pp-fade-up}.pp-landing .hero.entered h1{animation:.6s cubic-bezier(.2,0,0,1) .1s forwards pp-fade-up}.pp-landing .hero.entered .hero-sub{animation:.6s cubic-bezier(.2,0,0,1) .2s forwards pp-fade-up}.pp-landing .hero.entered .hero-actions{animation:.5s cubic-bezier(.2,0,0,1) .3s forwards pp-fade-up}.pp-landing .reveal{opacity:0;transition:opacity .65s cubic-bezier(.2,0,0,1),transform .65s cubic-bezier(.2,0,0,1);transform:translateY(28px)}.pp-landing .reveal.visible{opacity:1;transform:translateY(0)}.pp-landing .features-grid .feature-card{opacity:0;transition:opacity .5s cubic-bezier(.2,0,0,1),transform .5s cubic-bezier(.2,0,0,1);transform:translateY(20px)}.pp-landing .features-grid.revealed .feature-card:first-child{transition-delay:0s}.pp-landing .features-grid.revealed .feature-card:nth-child(2){transition-delay:60ms}.pp-landing .features-grid.revealed .feature-card:nth-child(3){transition-delay:.12s}.pp-landing .features-grid.revealed .feature-card:nth-child(4){transition-delay:.18s}.pp-landing .features-grid.revealed .feature-card:nth-child(5){transition-delay:.24s}.pp-landing .features-grid.revealed .feature-card:nth-child(6){transition-delay:.3s}.pp-landing .features-grid.revealed .feature-card{opacity:1;transform:translateY(0)}.pp-landing .pricing-grid .price-card{opacity:0;transition:opacity .5s cubic-bezier(.2,0,0,1),transform .5s cubic-bezier(.2,0,0,1);transform:translateY(20px)}.pp-landing .pricing-grid.revealed .price-card:first-child{transition-delay:0s}.pp-landing .pricing-grid.revealed .price-card:nth-child(2){transition-delay:80ms}.pp-landing .pricing-grid.revealed .price-card:nth-child(3){transition-delay:.16s}.pp-landing .pricing-grid.revealed .price-card{opacity:1;transform:translateY(0)}.pp-landing .testimonials-grid .testimonial-card{opacity:0;transition:opacity .5s cubic-bezier(.2,0,0,1),transform .5s cubic-bezier(.2,0,0,1);transform:translateY(20px)}.pp-landing .testimonials-grid.revealed .testimonial-card:first-child{transition-delay:0s}.pp-landing .testimonials-grid.revealed .testimonial-card:nth-child(2){transition-delay:80ms}.pp-landing .testimonials-grid.revealed .testimonial-card:nth-child(3){transition-delay:.16s}.pp-landing .testimonials-grid.revealed .testimonial-card{opacity:1;transform:translateY(0)}.pp-landing .stats-row .stat-card{opacity:0;transition:opacity .5s cubic-bezier(.2,0,0,1),transform .5s cubic-bezier(.2,0,0,1);transform:translateY(20px)}.pp-landing .stats-row.revealed .stat-card:first-child{transition-delay:0s}.pp-landing .stats-row.revealed .stat-card:nth-child(2){transition-delay:60ms}.pp-landing .stats-row.revealed .stat-card:nth-child(3){transition-delay:.12s}.pp-landing .stats-row.revealed .stat-card:nth-child(4){transition-delay:.18s}.pp-landing .stats-row.revealed .stat-card{opacity:1;transform:translateY(0)}.pp-landing .element-showcase{padding:100px 0}.pp-landing .element-showcase-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;display:grid}.pp-landing .element-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:36px;transition:border-color .3s,transform .2s,box-shadow .2s;display:flex}.pp-landing .element-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px #0000000f}.pp-landing .element-card-icon{background:#c9644214;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pp-landing .element-card-icon svg{width:20px;height:20px;color:var(--accent)}.pp-landing .element-card h4{color:var(--fg);font-size:18px;font-weight:700}.pp-landing .element-card p{color:var(--muted);flex:1;font-size:14px;line-height:1.6}.pp-landing .element-card-link{color:var(--accent);align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.pp-landing .element-card-link:hover{gap:10px}.pp-landing .element-card-link svg{width:14px;height:14px}.pp-landing .roadmap{border-top:1px solid var(--border);padding:100px 0}.pp-landing .roadmap-list{max-width:740px;margin:48px auto 0}.pp-landing .roadmap-item{border-bottom:1px solid var(--border);gap:40px;padding:32px 0;display:flex}.pp-landing .roadmap-item:last-child{border-bottom:none}.pp-landing .roadmap-phase{width:110px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;padding-top:2px;font-size:12px;font-weight:700}.pp-landing .roadmap-content h4{color:var(--fg);margin-bottom:6px;font-size:18px;font-weight:700}.pp-landing .roadmap-content p{color:var(--muted);font-size:14px;line-height:1.6}.pp-landing .roadmap-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-top:10px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.pp-landing .roadmap-tag.done{color:#10b981;background:#34d3991f}.pp-landing .roadmap-tag.progress{color:var(--accent);background:#c964421f}.pp-landing .roadmap-tag.planned{color:var(--muted);background:#6b7a8d1f}.pp-landing .element-showcase-grid .element-card{opacity:0;transition:opacity .5s cubic-bezier(.2,0,0,1),transform .5s cubic-bezier(.2,0,0,1),border-color .3s,box-shadow .2s;transform:translateY(20px)}.pp-landing .element-showcase-grid.revealed .element-card:first-child{transition-delay:0s}.pp-landing .element-showcase-grid.revealed .element-card:nth-child(2){transition-delay:60ms}.pp-landing .element-showcase-grid.revealed .element-card:nth-child(3){transition-delay:.12s}.pp-landing .element-showcase-grid.revealed .element-card:nth-child(4){transition-delay:.18s}.pp-landing .element-showcase-grid.revealed .element-card{opacity:1;transform:translateY(0)}.pp-landing .roadmap-item{opacity:0;transition:opacity .5s cubic-bezier(.2,0,0,1),transform .5s cubic-bezier(.2,0,0,1);transform:translateY(16px)}.pp-landing .roadmap-list.revealed .roadmap-item:first-child{transition-delay:0s}.pp-landing .roadmap-list.revealed .roadmap-item:nth-child(2){transition-delay:60ms}.pp-landing .roadmap-list.revealed .roadmap-item:nth-child(3){transition-delay:.12s}.pp-landing .roadmap-list.revealed .roadmap-item:nth-child(4){transition-delay:.18s}.pp-landing .roadmap-list.revealed .roadmap-item{opacity:1;transform:translateY(0)}.pp-landing .ai-quote{background:var(--dark);text-align:center;padding:100px 24px;position:relative;overflow:hidden}.pp-landing .ai-quote:before{content:"";pointer-events:none;background:radial-gradient(at 30%,#c9644214 0%,#0000 60%),radial-gradient(at 70%,#c964420d 0%,#0000 50%);position:absolute;inset:0}.pp-landing .ai-quote-inner{z-index:1;max-width:860px;margin:0 auto;position:relative}.pp-landing .ai-quote-badge{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#c964421f;border:1px solid #c9644233;border-radius:999px;align-items:center;gap:8px;margin-bottom:36px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-flex}.pp-landing .ai-quote-badge svg{width:16px;height:16px}.pp-landing .ai-quote blockquote{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.2}.pp-landing .ai-quote blockquote .highlight{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pp-landing .ai-quote-caption{color:#ffffff80;max-width:560px;margin:0 auto 48px;font-size:16px;line-height:1.65}.pp-landing .ai-quote-stats{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.pp-landing .ai-quote-stat{text-align:center}.pp-landing .ai-quote-stat-num{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;font-size:36px;font-weight:800;line-height:1}.pp-landing .ai-quote-stat-num .accent{color:var(--accent)}.pp-landing .ai-quote-stat-label{color:#fff6;letter-spacing:.01em;margin-top:6px;font-size:13px;font-weight:500}.pp-landing .ai-quote .reveal{opacity:0;transition:all .7s cubic-bezier(.2,0,0,1);transform:translateY(20px)}.pp-landing .ai-quote .reveal.revealed,.pp-landing .ai-quote-inner.revealed .reveal{opacity:1;transform:translateY(0)}.pp-landing .ai-quote .reveal:nth-child(2){transition-delay:80ms}.pp-landing .ai-quote .reveal:nth-child(3){transition-delay:.16s}.pp-landing .ai-quote .reveal:nth-child(4){transition-delay:.24s}@media (max-width:1024px){.pp-landing .features-grid,.pp-landing .bento-top,.pp-landing .bento-bottom,.pp-landing .pricing-grid,.pp-landing .testimonials-grid,.pp-landing .stats-row{grid-template-columns:repeat(2,1fr)}.pp-landing .suite-wrap,.pp-landing .task-wrap,.pp-landing .stats-with-phone{grid-template-columns:1fr;gap:48px}.pp-landing .personalize-wrap{text-align:center;flex-direction:column}.pp-landing .personalize-phones{justify-content:center}}@media (max-width:768px){.pp-landing .header{padding:12px 20px}.pp-landing .header-nav{display:none}.pp-landing .hero{padding:120px 20px 60px}.pp-landing .hero h1{font-size:36px}.pp-landing .hero-phones{gap:12px}.pp-landing .phone-frame{width:140px;height:280px}.pp-landing .phone-frame.active-phone{width:160px;height:320px}.pp-landing .features,.pp-landing .suite,.pp-landing .task-section,.pp-landing .personalize,.pp-landing .dark-stats,.pp-landing .bento,.pp-landing .testimonials,.pp-landing .pricing,.pp-landing .faq,.pp-landing .cta,.pp-landing .element-showcase,.pp-landing .roadmap,.pp-landing .ai-quote{padding:80px 20px}.pp-landing .features-grid,.pp-landing .bento-top,.pp-landing .bento-bottom,.pp-landing .pricing-grid,.pp-landing .testimonials-grid,.pp-landing .element-showcase-grid,.pp-landing .stats-row{grid-template-columns:1fr}.pp-landing .footer-wrap{text-align:center;flex-direction:column;gap:16px}.pp-landing .footer-menu{flex-wrap:wrap;justify-content:center}.pp-landing .footer-bottom{text-align:center;flex-direction:column;gap:12px}.pp-landing .footer-info,.pp-landing .footer-policies{justify-content:center}.pp-landing .cta-buttons{flex-direction:column}.pp-landing .roadmap-item{flex-direction:column;gap:8px}.pp-landing .roadmap-phase{width:auto}}@media (max-width:480px){.pp-landing .hero h1{font-size:28px}.pp-landing .hero-phones{gap:8px}.pp-landing .phone-frame{width:110px;height:220px}.pp-landing .phone-frame.active-phone{width:130px;height:260px}.pp-landing .personalize-phones{gap:8px}.pp-landing .p-phone{width:120px!important;height:240px!important}.pp-landing .cta-phones{gap:12px}.pp-landing .cta-phone{width:130px;height:260px}}@media (hover:none){.pp-landing .feature-preview{display:none}.pp-landing .feature-card:hover .feature-icon,.pp-landing .feature-card:hover h3,.pp-landing .feature-card:hover p{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pp-landing *,.pp-landing :before,.pp-landing :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.pp-landing .reveal{opacity:1;transform:none}.pp-landing .hero-badge,.pp-landing .hero h1,.pp-landing .hero-sub,.pp-landing .hero-actions{opacity:1}.pp-landing .phone-frame,.pp-landing .features-grid .feature-card,.pp-landing .pricing-grid .price-card,.pp-landing .testimonials-grid .testimonial-card,.pp-landing .stats-row .stat-card,.pp-landing .feature-card:hover .feature-icon,.pp-landing .feature-card:hover h3,.pp-landing .feature-card:hover p{opacity:1;transform:none}}
