.pp-hero{background:linear-gradient(180deg,#fff,#f8fafc);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;padding:80px 24px 100px}.pp-hero__inner{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1.15fr;margin:0 auto;max-width:1300px}.pp-hero__content{animation:ppFadeInUp .6s ease forwards}.pp-hero__eyebrow{background:#fe9a03;border-radius:50px;color:#fff;display:inline-block;font-size:13px;font-weight:600;margin-bottom:20px;padding:8px 16px}.pp-hero__headline{color:#0f172a;font-size:48px;font-weight:700;line-height:1.1;margin:0 0 20px}.pp-hero__subheadline{color:#475569;font-size:18px;line-height:1.7;margin:0 0 32px}.pp-hero__ctas{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.pp-hero__trust{display:flex;flex-wrap:wrap;gap:24px}.pp-hero__trust span{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.pp-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;text-decoration:none;transition:all .2s ease}.pp-btn--primary{background:#fe9a03;color:#fff}.pp-btn--primary:hover{background:#e8890a;box-shadow:0 8px 20px rgba(254,154,3,.4);transform:translateY(-2px)}.pp-btn--lg{font-size:16px;padding:18px 32px}.pp-btn--ghost{background:transparent;color:#1d0269;padding:14px 24px}.pp-btn--ghost:hover{background:rgba(29,2,105,.05)}.pp-hero__visual{animation:ppFadeInRight .8s ease .3s forwards;opacity:0}.sn-dashboard{background:#0d1b2a;border-radius:20px;box-shadow:0 50px 100px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);display:flex;font-family:Poppins,sans-serif;height:500px;overflow:hidden;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);transition:transform .4s ease}.sn-dashboard:hover{transform:perspective(1200px) rotateY(0deg) rotateX(0deg)}.sn-dashboard__sidebar{background:#091520;border-right:1px solid hsla(0,0%,100%,.08);flex-shrink:0;padding:16px 0;width:170px}.sn-dashboard__logo{border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:12px;padding:4px 14px 16px}.sn-dashboard__logo-img{height:32px;width:auto}.sn-dashboard__nav{display:flex;flex-direction:column;gap:2px;padding:0 8px}.sn-dashboard__nav-item{align-items:center;border-radius:6px;color:#64748b;cursor:default;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 10px}.sn-dashboard__nav-item--active{background:rgba(0,196,204,.15);color:#fff}.sn-dashboard__main{display:flex;flex:1;flex-direction:column;gap:14px;padding:20px}.sn-dashboard__header{align-items:center;display:flex;justify-content:space-between}.sn-dashboard__title{color:#fff;font-size:20px;font-weight:700;margin:0}.sn-dashboard__date{color:#64748b;font-size:12px}.sn-dashboard__sync-cta{align-items:center;background:rgba(0,196,204,.1);border:1px solid rgba(0,196,204,.2);border-radius:10px;display:flex;justify-content:space-between;padding:10px 14px}.sn-dashboard__sync-cta-left{align-items:center;display:flex;gap:12px}.sn-dashboard__live-badge{color:#64748b;font-size:12px;font-weight:600}.sn-dashboard__live-badge--syncing{animation:ppPulse 1s infinite;color:#fe9a03}.sn-dashboard__live-badge--live{animation:ppPulse 2s infinite;color:#22c55e}.sn-dashboard__sync-label{color:#94a3b8;font-size:13px}.sn-dashboard__sync-btn{align-items:center;background:#00c4cc;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.sn-dashboard__sync-btn:hover{background:#00b0b8;transform:translateY(-2px)}.sn-dashboard__sync-btn:disabled{cursor:not-allowed;transform:none}.sn-dashboard__sync-btn--syncing{background:#fe9a03}.sn-dashboard__sync-btn--syncing .sn-sync-icon{animation:ppSpin 1s linear infinite}.sn-dashboard__sync-btn--done{background:#22c55e}.sn-dashboard__sync-btn--pulse{animation:ppButtonPulse 2s ease-in-out infinite;background:#00c4cc}.sn-dashboard__sync-btn--pulse:hover{animation:none}.sn-dashboard__integrations{display:grid;flex:1;gap:10px;grid-template-columns:repeat(2,1fr)}.sn-dashboard__integration{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:12px 14px;transition:all .3s ease}.sn-dashboard__integration--syncing{background:rgba(254,154,3,.1);border-color:rgba(254,154,3,.3)}.sn-dashboard__integration--synced{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.25)}.sn-dashboard__integration-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;gap:10px;margin-bottom:10px;padding-bottom:8px}.sn-dashboard__integration-logo{align-items:center;display:flex;flex:1;height:24px}.sn-dashboard__integration-logo img{height:100%;max-width:100px;width:auto}.sn-dashboard__integration-logo--invert img{filter:invert(1) brightness(2)}.sn-dashboard__integration-status{color:#64748b;font-size:11px;font-weight:500}.sn-dashboard__integration-status--syncing{color:#fe9a03}.sn-dashboard__integration-status--synced{color:#22c55e}.sn-dashboard__integration-stats{display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.sn-dashboard__integration-stat{text-align:center}.sn-dashboard__integration-stat-value{color:#fff;display:block;font-size:18px;font-weight:700;margin-bottom:1px}.sn-dashboard__integration-stat-label{color:#64748b;font-size:9px;text-transform:uppercase}.sn-dashboard__totals{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);opacity:.4;padding:12px 14px;transition:all .4s ease}.sn-dashboard__totals--visible{background:rgba(0,196,204,.1);border-color:rgba(0,196,204,.25);opacity:1}.sn-dashboard__total{text-align:center}.sn-dashboard__total-value{color:#fff;display:block;font-size:18px;font-weight:700;margin-bottom:1px}.sn-dashboard__total-value--highlight{color:#00c4cc}.sn-dashboard__total-label{color:#64748b;font-size:9px;text-transform:uppercase}@keyframes ppFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ppFadeInRight{0%{opacity:0;transform:translateX(40px) perspective(1200px) rotateY(-2deg) rotateX(1deg)}to{opacity:1;transform:translateX(0) perspective(1200px) rotateY(-2deg) rotateX(1deg)}}@keyframes ppPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ppSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ppButtonPulse{0%{box-shadow:0 0 0 0 rgba(0,196,204,.6)}50%{box-shadow:0 0 0 12px rgba(0,196,204,0)}to{box-shadow:0 0 0 0 rgba(0,196,204,0)}}@media (max-width:1200px){.sn-dashboard__sidebar{width:150px}}@media (max-width:1024px){.pp-hero__inner{gap:48px;grid-template-columns:1fr;text-align:center}.pp-hero__ctas,.pp-hero__trust{justify-content:center}.sn-dashboard{height:auto;margin:0 auto;max-width:600px;min-height:480px}.sn-dashboard,.sn-dashboard:hover{transform:none}.sn-dashboard__sidebar{display:none}}@media (max-width:640px){.pp-hero{padding:60px 20px 80px}.pp-hero__headline{font-size:32px}.pp-hero__subheadline{font-size:16px}.pp-hero__ctas{flex-direction:column}.pp-hero__ctas .pp-btn{width:100%}.pp-hero__trust{flex-direction:column;gap:12px}.sn-dashboard__main{gap:12px;padding:16px}.sn-dashboard__sync-cta{flex-direction:column;gap:10px}.sn-dashboard__sync-btn{justify-content:center;width:100%}.sn-dashboard__integrations{grid-template-columns:1fr}.sn-dashboard__totals{grid-template-columns:repeat(2,1fr)}}