.hp-page{--hp-purple: #5B4FE8;--hp-purple-dark: #4A3FC7;--hp-purple-light: #F0EFFE;--hp-purple-border: #DDD9FB;--hp-purple-mid: #C5BFFA;--hp-text-primary: #0F0E1A;--hp-text-secondary:#6B7280;--hp-text-tertiary: #9CA3AF;--hp-border: #F0EFF8;--hp-border-med: #EEEDFB;--hp-bg-subtle: #FAFAFE;--hp-bg-screen: #F8F7FE;--hp-green: #10B981;--hp-green-dark: #059669;--hp-green-light: #F0FDF9;--hp-green-border: #BBF7D0;--hp-star: #FBBF24;--hp-shadow-purple: rgba(91, 79, 232, .3);--hp-shadow-sm: 0 2px 8px rgba(91,79,232,.2);--hp-shadow-md: 0 8px 24px rgba(91,79,232,.12);--hp-shadow-lg: 0 20px 60px rgba(91,79,232,.14);--hp-radius-sm: 6px;--hp-radius-md: 10px;--hp-radius-lg: 16px;--hp-radius-xl: 20px;--hp-radius-full: 100px;--hp-transition: all .15s ease;--hp-max-w: 1280px}.hp-page{min-height:100vh;background:#fff;color:var(--hp-text-primary);display:flex;flex-direction:column;font-family:var(--font-sans, system-ui, sans-serif)}.hp-divider{height:1px;background:var(--hp-border);width:100%}.hp-nav-mark{background:linear-gradient(135deg,#6c5fe8,#4a3fc7);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--hp-shadow-purple);flex-shrink:0}.hp-nav-mark svg{width:60%;height:60%}.hp-hero-section{padding:72px 64px 0;overflow:visible}.hp-hero-inner{max-width:var(--hp-max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:560px}.hp-hero-left{display:flex;flex-direction:column;gap:22px}.hp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--hp-purple-light);color:var(--hp-purple);border:1px solid var(--hp-purple-border);border-radius:var(--hp-radius-full);padding:6px 14px;font-size:12px;font-weight:600;width:fit-content}.hp-badge-dot{width:7px;height:7px;background:var(--hp-purple);border-radius:50%;flex-shrink:0;animation:hp-pulse 2s ease-in-out infinite}@keyframes hp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.hp-hero-title{font-size:52px;font-weight:700;line-height:1.06;letter-spacing:-2px;color:var(--hp-text-primary);margin:0}.hp-hero-accent{font-style:normal;color:var(--hp-purple)}.hp-hero-sub{font-size:17px;color:var(--hp-text-secondary);line-height:1.65;max-width:460px;margin:0}.hp-hero-btns{display:flex;gap:12px;align-items:center;margin-top:6px}.hp-hero-btns a{text-decoration:none}.hp-btn-primary{font-size:15px;padding:13px 28px;border-radius:var(--hp-radius-md);background:var(--hp-purple);color:#fff;border:none;cursor:pointer;font-weight:600;box-shadow:0 4px 14px var(--hp-shadow-purple);transition:var(--hp-transition);white-space:nowrap}.hp-btn-primary:hover{background:var(--hp-purple-dark);transform:translateY(-1px);box-shadow:0 6px 20px #5b4fe86b}.hp-btn-secondary{font-size:15px;padding:13px 22px;border-radius:var(--hp-radius-md);border:1px solid var(--hp-border-med);background:#fff;cursor:pointer;color:#374151;font-weight:500;display:flex;align-items:center;gap:10px;transition:var(--hp-transition);white-space:nowrap}.hp-btn-secondary:hover{border-color:var(--hp-purple-mid);color:var(--hp-purple);background:var(--hp-bg-subtle)}.hp-play-btn{width:26px;height:26px;background:var(--hp-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-play-btn svg{width:9px;height:9px;margin-left:2px}.hp-hero-note{font-size:12px;color:var(--hp-text-tertiary);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hp-note-sep{color:var(--hp-border-med)}.hp-hero-right{position:relative;padding-bottom:48px}.hp-screen{background:var(--hp-bg-screen);border:1px solid var(--hp-border-med);border-radius:var(--hp-radius-xl);overflow:hidden;box-shadow:var(--hp-shadow-lg),0 4px 16px #0000000d}.hp-screen-chrome{background:#fff;border-bottom:1px solid var(--hp-border);padding:10px 16px;display:flex;align-items:center;gap:6px}.hp-chrome-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.hp-chrome-dot--red{background:#ff5f57}.hp-chrome-dot--yellow{background:#ffbc2e}.hp-chrome-dot--green{background:#28c840}.hp-chrome-url{margin-left:10px;font-size:11px;color:var(--hp-text-tertiary);background:var(--hp-bg-screen);border:1px solid var(--hp-border);border-radius:4px;padding:3px 10px}.hp-screen-body{display:grid;grid-template-columns:160px 1fr}.hp-app-sidebar{padding:14px;border-right:1px solid var(--hp-border);background:#fdfcff}.hp-app-sidebar-label{font-size:9px;font-weight:700;color:var(--hp-text-tertiary);letter-spacing:.8px;margin-bottom:8px}.hp-app-sidebar-label--spaced{margin-top:14px}.hp-app-sidebar-item{padding:7px 9px;border-radius:var(--hp-radius-sm);font-size:11px;color:var(--hp-text-secondary);margin-bottom:3px;cursor:pointer;transition:var(--hp-transition)}.hp-app-sidebar-item--active{background:var(--hp-purple-light);color:var(--hp-purple);font-weight:600}.hp-app-stat-box{background:var(--hp-purple-light);border-radius:8px;padding:10px 11px;margin-top:6px}.hp-app-stat-label{font-size:9px;color:#7c6fd8;margin-bottom:2px}.hp-app-stat-val{font-size:20px;font-weight:700;color:var(--hp-purple)}.hp-app-main{padding:16px}.hp-app-tag{font-size:9px;font-weight:700;color:var(--hp-text-tertiary);letter-spacing:.8px;margin-bottom:6px}.hp-app-title{font-size:14px;font-weight:700;color:var(--hp-text-primary);margin-bottom:3px;line-height:1.3}.hp-app-meta{font-size:10px;color:var(--hp-text-tertiary);margin-bottom:12px}.hp-app-chips{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px}.hp-app-chip{border-radius:5px;padding:6px 8px;font-size:10px;border:1px solid var(--hp-border-med);color:var(--hp-text-tertiary);background:#f9f9fc}.hp-app-chip--done{border-color:var(--hp-green);color:var(--hp-green-dark);background:var(--hp-green-light);font-weight:600}.hp-app-chip--active{border-color:var(--hp-purple-mid);color:var(--hp-purple);background:var(--hp-purple-light);font-weight:600}.hp-app-gen-btn{width:100%;background:var(--hp-purple);color:#fff;border:none;border-radius:7px;padding:9px;font-size:11px;font-weight:700;cursor:pointer;letter-spacing:.2px;transition:var(--hp-transition);pointer-events:all}.hp-app-gen-btn:hover{background:var(--hp-purple-dark);transform:translateY(-1px);box-shadow:0 4px 12px var(--hp-shadow-purple)}.hp-float{position:absolute;background:#fff;border:1px solid var(--hp-border-med);border-radius:12px;padding:10px 14px;box-shadow:0 8px 24px #0000001a;display:flex;align-items:center;gap:10px;pointer-events:none}.hp-float--sent{bottom:20px;left:-20px}.hp-float--opened{top:48px;right:-28px}.hp-float-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.hp-float-title{font-size:12px;font-weight:600;color:var(--hp-text-primary);white-space:nowrap}.hp-float-sub{font-size:10px;color:var(--hp-text-tertiary);white-space:nowrap}.hp-social-proof{display:flex;align-items:center;justify-content:center;gap:18px;padding:36px 64px 0;max-width:var(--hp-max-w);margin:0 auto;flex-wrap:wrap}.hp-avatars{display:flex}.hp-avatar{width:30px;height:30px;border-radius:50%;background:#e0ddfb;border:2px solid #fff;margin-left:-9px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--hp-purple);flex-shrink:0}.hp-avatar:first-child{margin-left:0}.hp-stars{color:var(--hp-star);font-size:14px;letter-spacing:2px}.hp-sp-text{font-size:13px;color:var(--hp-text-secondary)}.hp-sp-text strong{color:var(--hp-text-primary)}.hp-stats-bar{border-top:1px solid var(--hp-border);border-bottom:1px solid var(--hp-border);margin-top:36px}.hp-stats-bar--purple{background:linear-gradient(135deg,#6c5fe8,#4a3fc7);border-color:transparent}.hp-stats-inner{max-width:var(--hp-max-w);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.hp-stat-item{padding:28px 40px;text-align:center;border-right:1px solid var(--hp-border)}.hp-stats-bar--purple .hp-stat-item{border-right-color:#ffffff26}.hp-stat-item:first-child{border-left:1px solid var(--hp-border)}.hp-stats-bar--purple .hp-stat-item:first-child{border-left-color:#ffffff26}.hp-stat-item:last-child{border-right:1px solid var(--hp-border)}.hp-stats-bar--purple .hp-stat-item:last-child{border-right-color:#ffffff26}.hp-stat-value{font-size:36px;font-weight:800;color:var(--hp-purple);letter-spacing:-1px;margin-bottom:4px;line-height:1}.hp-stats-bar--purple .hp-stat-value{color:#fff}.hp-stat-label{font-size:13px;color:var(--hp-text-secondary);font-weight:500}.hp-stats-bar--purple .hp-stat-label{color:#ffffffb3}.hp-used-by{padding:40px 64px;max-width:var(--hp-max-w);margin:0 auto;text-align:center}.hp-used-by--purple{background:linear-gradient(135deg,#6c5fe8,#4a3fc7);max-width:100%;width:100%;padding:40px 64px}.hp-used-by-label{font-size:11px;font-weight:700;color:#c4c0da;letter-spacing:1.5px;margin-bottom:20px}.hp-used-by--purple .hp-used-by-label{color:#ffffff80}.hp-used-by-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.hp-used-by-pill{background:var(--hp-bg-subtle);border:1px solid var(--hp-border-med);border-radius:var(--hp-radius-full);padding:8px 20px;font-size:13px;font-weight:500;color:var(--hp-text-secondary);transition:var(--hp-transition);cursor:default}.hp-used-by-pill:hover{border-color:var(--hp-purple-mid);color:var(--hp-purple);background:var(--hp-purple-light)}.hp-used-by-pill--purple{background:#ffffff1f;border-color:#fff3;color:#ffffffe6}.hp-used-by-pill--purple:hover{background:#ffffff38;border-color:#ffffff73;color:#fff}.hp-section{padding:80px 64px;max-width:var(--hp-max-w);margin:0 auto;width:100%}.hp-eyebrow{font-size:11px;font-weight:700;color:var(--hp-purple);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.hp-section-title{font-size:40px;font-weight:700;letter-spacing:-1.5px;line-height:1.1;color:var(--hp-text-primary);margin:0 0 16px}.hp-section-sub{font-size:16px;color:var(--hp-text-secondary);max-width:580px;line-height:1.65;margin:0;white-space:normal}.hp-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hp-border);border:1px solid var(--hp-border);border-radius:var(--hp-radius-xl);overflow:hidden;margin-top:48px}.hp-feat{background:#fff;padding:32px;transition:background .2s ease}.hp-feat:hover{background:var(--hp-bg-subtle)}.hp-feat-ico{width:44px;height:44px;border-radius:12px;background:var(--hp-purple-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--hp-purple)}.hp-feat-ico svg{width:20px;height:20px}.hp-feat-title{font-size:15px;font-weight:700;color:var(--hp-text-primary);margin-bottom:8px}.hp-feat-desc{font-size:13px;color:var(--hp-text-secondary);line-height:1.65}.hp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.hp-step-card{background:var(--hp-bg-subtle);border:1px solid var(--hp-border-med);border-radius:var(--hp-radius-xl);padding:32px;position:relative;overflow:hidden;transition:var(--hp-transition)}.hp-step-card:hover{border-color:var(--hp-purple-mid);background:#f5f4fe}.hp-step-ghost{font-size:80px;font-weight:900;color:var(--hp-purple-light);position:absolute;top:-10px;right:14px;line-height:1;pointer-events:none;letter-spacing:-3px;-webkit-user-select:none;user-select:none}.hp-step-num{width:44px;height:44px;background:var(--hp-purple);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin-bottom:20px;box-shadow:0 4px 12px var(--hp-shadow-purple);position:relative}.hp-step-title{font-size:16px;font-weight:700;color:var(--hp-text-primary);margin-bottom:10px;position:relative}.hp-step-desc{font-size:13px;color:var(--hp-text-secondary);line-height:1.65;position:relative}.hp-int-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:16px;margin-top:48px;max-width:960px;margin-left:auto;margin-right:auto}.hp-int-col{display:flex;flex-direction:column;gap:10px}.hp-int-col-hd{font-size:10px;font-weight:700;color:var(--hp-text-tertiary);letter-spacing:1px;text-align:center;margin-bottom:4px}.hp-int-col-note{font-size:11px;color:var(--hp-text-tertiary);text-align:center;margin-top:4px;line-height:1.5;font-style:italic}.hp-int-card{background:#fff;border:1px solid var(--hp-border-med);border-radius:12px;padding:11px 14px;display:flex;align-items:center;gap:11px;transition:var(--hp-transition)}.hp-int-card:hover{border-color:var(--hp-purple-mid);box-shadow:0 4px 12px #5b4fe814}.hp-int-card-ico{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.hp-int-card-name{font-size:12px;font-weight:600;color:var(--hp-text-primary)}.hp-int-card-sub{font-size:10px;color:var(--hp-text-tertiary)}.hp-int-arrow{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--hp-purple-mid);font-size:20px;line-height:1}.hp-int-arrow-line{width:1px;height:20px;background:var(--hp-border-med)}.hp-int-center{background:linear-gradient(150deg,#6c5fe8,#4a3fc7);border-radius:18px;padding:24px 20px;text-align:center;color:#fff;box-shadow:0 12px 32px #5b4fe84d}.hp-int-center-spark{font-size:28px;margin-bottom:8px}.hp-int-center-name{font-size:15px;font-weight:700;margin-bottom:12px}.hp-int-pills{display:flex;flex-direction:column;gap:5px}.hp-int-pill{font-size:10px;background:#ffffff26;border-radius:5px;padding:4px 10px;color:#ffffffd9}.hp-int-disclaimer{font-size:11px;color:var(--hp-text-tertiary);text-align:center;margin-top:28px;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.6}.hp-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.hp-result-card{background:var(--hp-bg-subtle);border:1px solid var(--hp-border-med);border-radius:var(--hp-radius-xl);padding:32px 24px;text-align:center;transition:var(--hp-transition)}.hp-result-card:hover{border-color:var(--hp-purple-mid);transform:translateY(-4px);box-shadow:var(--hp-shadow-md)}.hp-result-val{font-size:36px;font-weight:800;color:var(--hp-purple);letter-spacing:-1.5px;margin-bottom:6px;line-height:1}.hp-result-card:nth-child(3) .hp-result-val{font-size:28px}.hp-result-label{font-size:13px;color:var(--hp-text-secondary);line-height:1.5}.hp-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.hp-testi{background:#fff;border:1px solid var(--hp-border-med);border-radius:var(--hp-radius-xl);padding:28px;transition:var(--hp-transition)}.hp-testi:hover{border-color:var(--hp-purple-mid);box-shadow:0 8px 24px #5b4fe81a;transform:translateY(-3px)}.hp-testi--featured{border-color:var(--hp-purple-mid);background:var(--hp-purple-light);box-shadow:0 4px 18px #5b4fe81f}.hp-testi--featured .hp-testi-quote{color:var(--hp-text-primary)}.hp-testi-stars{color:var(--hp-star);font-size:14px;letter-spacing:2px;margin-bottom:14px}.hp-testi-quote{font-size:14px;color:#374151;line-height:1.7;margin:0 0 20px;font-style:italic}.hp-testi-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--hp-border)}.hp-testi--featured .hp-testi-author{border-top-color:var(--hp-purple-border)}.hp-testi-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#e0ddfb,#c5bffa);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--hp-purple);flex-shrink:0}.hp-testi-name{font-size:13px;font-weight:700;color:var(--hp-text-primary)}.hp-testi-role{font-size:11px;color:var(--hp-text-tertiary);margin-top:1px}.hp-cta-section{padding:0 64px 80px;max-width:var(--hp-max-w);margin:0 auto;width:100%}.hp-cta-inner{background:linear-gradient(135deg,#6c5fe8,#4a3fc7);border-radius:28px;padding:72px 64px;text-align:center;position:relative;overflow:hidden}.hp-cta-inner:before{content:"";position:absolute;top:-60px;right:-60px;width:240px;height:240px;background:#ffffff0f;border-radius:50%;pointer-events:none}.hp-cta-inner:after{content:"";position:absolute;bottom:-80px;left:-40px;width:300px;height:300px;background:#ffffff0a;border-radius:50%;pointer-events:none}.hp-cta-title{font-size:44px;font-weight:800;color:#fff;letter-spacing:-1.5px;line-height:1.1;margin:0 0 16px;position:relative;z-index:1}.hp-cta-sub{font-size:17px;color:#ffffffb8;max-width:440px;margin:0 auto 36px;line-height:1.6;position:relative;z-index:1}.hp-cta-btns{display:flex;gap:14px;justify-content:center;position:relative;z-index:1}.hp-cta-btns a{text-decoration:none}.hp-btn-cta-white{background:#fff;color:var(--hp-purple);border:none;padding:14px 32px;border-radius:var(--hp-radius-md);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #00000026;transition:var(--hp-transition)}.hp-btn-cta-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.hp-btn-cta-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);padding:14px 32px;border-radius:var(--hp-radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:var(--hp-transition)}.hp-btn-cta-ghost:hover{background:#ffffff1a;border-color:#fff9}.hp-cta-note{font-size:12px;color:#ffffff73;margin:16px 0 0;position:relative;z-index:1}@media(max-width:1024px){.hp-hero-section{padding:56px 40px 0}.hp-hero-inner{grid-template-columns:1fr;gap:48px}.hp-hero-right{display:none}.hp-hero-title{font-size:44px}.hp-section{padding:60px 40px}.hp-cta-section{padding:0 40px 60px}.hp-used-by,.hp-used-by--purple{padding:36px 40px}.hp-social-proof{padding:32px 40px 0}.hp-feat-grid,.hp-results-grid{grid-template-columns:repeat(2,1fr)}.hp-int-flow{grid-template-columns:1fr;gap:20px}.hp-int-arrow{flex-direction:row}.hp-int-arrow-line{width:20px;height:1px}.hp-int-center,.hp-int-col{max-width:340px;margin:0 auto;width:100%}}@media(max-width:768px){.hp-hero-section{padding:40px 24px 0}.hp-hero-title{font-size:36px;letter-spacing:-1px}.hp-hero-sub{font-size:15px}.hp-hero-btns{flex-direction:column;width:100%}.hp-hero-btns a{width:100%}.hp-btn-primary,.hp-btn-secondary{width:100%;justify-content:center}.hp-stats-inner{grid-template-columns:repeat(2,1fr)}.hp-stat-item:nth-child(2){border-right:none}.hp-stat-item:nth-child(3){border-top:1px solid rgba(255,255,255,.15)}.hp-stat-item:nth-child(4){border-top:1px solid rgba(255,255,255,.15);border-right:none}.hp-section{padding:48px 24px}.hp-section-title{font-size:32px;letter-spacing:-1px}.hp-cta-section{padding:0 24px 48px}.hp-used-by,.hp-used-by--purple{padding:32px 24px}.hp-social-proof{padding:28px 24px 0;flex-direction:column;gap:10px;text-align:center}.hp-feat-grid,.hp-steps,.hp-testi-grid{grid-template-columns:1fr}.hp-results-grid{grid-template-columns:repeat(2,1fr)}.hp-cta-inner{padding:48px 28px;border-radius:20px}.hp-cta-title{font-size:32px}.hp-cta-sub{font-size:15px}.hp-cta-btns{flex-direction:column;align-items:stretch}.hp-cta-btns a,.hp-btn-cta-white,.hp-btn-cta-ghost{width:100%}}@media(max-width:480px){.hp-hero-title{font-size:30px}.hp-section-title{font-size:26px}.hp-stat-value,.hp-result-val{font-size:28px}.hp-result-card:nth-child(3) .hp-result-val{font-size:22px}.hp-cta-title{font-size:26px}.hp-stats-inner{grid-template-columns:repeat(2,1fr)}.hp-results-grid{grid-template-columns:1fr}}@media print{.hp-hero-btns,.hp-cta-btns,.hp-float{display:none}.hp-feat,.hp-step-card,.hp-testi,.hp-result-card{box-shadow:none;border:1px solid #ddd}.hp-cta-inner{background:#5b4fe8}}