@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Caveat:wght@600;700&display=swap");.hpa{--hpa-violet:#7c5cff;--hpa-pink:#ff5d8f;--hpa-ink:#1c1840;--hpa-ink-muted:#6b6796;--hpa-paper:#fff;--hpa-paper-soft:#f4f2ff;--hpa-ease:cubic-bezier(.22,.61,.36,1);--hpa-ease-back:cubic-bezier(.34,1.56,.64,1);--hpa-ease-in:cubic-bezier(.55,.06,.68,.19);display:flex;justify-content:center;width:100%}.hpa .stage,.hpa-fit{height:560px;position:relative;width:360px}.hpa .stage{display:grid;place-items:center;transform-origin:top left}.hpa .phone{background:linear-gradient(160deg,#171331,#0b0820);border-radius:44px;box-shadow:0 40px 80px -24px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.12),0 0 0 1px hsla(0,0%,100%,.06);height:540px;padding:11px;position:relative;width:268px;z-index:2}.hpa .notch{background:#0b0820;border-radius:14px;height:22px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:96px;z-index:12}.hpa .notch:after{background:#2a2550;border-radius:50%;box-shadow:0 0 0 2px rgba(124,92,255,.4);content:"";height:7px;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:7px}.hpa .screen{background:var(--hpa-paper-soft);border-radius:34px;height:100%;overflow:hidden;position:relative;width:100%}.hpa .phone.pulse .screen{animation:hpa-recv .55s var(--hpa-ease)}@keyframes hpa-recv{0%{box-shadow:inset 0 0 0 0 rgba(124,92,255,0)}35%{box-shadow:inset 0 0 28px 3px rgba(124,92,255,.4)}to{box-shadow:inset 0 0 0 0 rgba(124,92,255,0)}}.hpa .track{display:flex;height:100%;transition:transform .85s var(--hpa-ease);width:200%}.hpa .track.to-note{transform:translateX(-50%)}.hpa .app{display:flex;flex:0 0 50%;flex-direction:column;height:100%;overflow:hidden}.hpa .appbar{color:#fff;padding:42px 16px 12px;position:relative}.hpa .statusbar{align-items:center;color:#fff;display:flex;justify-content:space-between;left:18px;position:absolute;right:18px;top:14px;z-index:9}.hpa .statusbar .time{font-size:11.5px;font-weight:800;letter-spacing:.3px}.hpa .statusbar .sys{align-items:center;color:#fff;display:flex;gap:5px}.hpa .statusbar .sys svg{display:block}.hpa .app.exp .appbar{background:linear-gradient(135deg,var(--hpa-violet),#5b3fd6)}.hpa .app.note .appbar{background:linear-gradient(135deg,#e8528a,#b23c8e)}.hpa .appbar .small{font-size:11px;font-weight:600;letter-spacing:.3px;opacity:.85}.hpa .appbar .title{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:20px;font-weight:800;margin-top:2px}.hpa .appbar .pill{background:hsla(0,0%,100%,.18);border-radius:999px;display:inline-block;font-size:11px;font-weight:700;margin-top:8px;padding:4px 10px}.hpa .pbody{background:var(--hpa-paper);display:flex;flex:1;flex-direction:column;padding:4px 14px 26px;position:relative}.hpa .empty{color:#cfcbe2;font-size:12.5px;font-weight:600;inset:24px 14px auto;position:absolute;text-align:center;transition:opacity .4s var(--hpa-ease)}.hpa .empty .plus{border:2px dashed #d6d2ea;border-radius:50%;display:block;height:34px;margin:0 auto 8px;position:relative;width:34px}.hpa .empty .plus:after,.hpa .empty .plus:before{background:#d6d2ea;border-radius:2px;content:"";left:50%;position:absolute;top:50%}.hpa .empty .plus:before{height:2px;transform:translate(-50%,-50%);width:12px}.hpa .empty .plus:after{height:12px;transform:translate(-50%,-50%);width:2px}.hpa .app.filled .empty{opacity:0}.hpa .rows{flex:1}.hpa .row{align-items:center;border-bottom:1px solid #f1f0f7;border-radius:6px;color:var(--hpa-ink);display:grid;font-size:12px;gap:8px;grid-template-columns:42px 1fr auto;opacity:0;padding:9.5px 4px;transform:translateY(12px);transition:opacity .45s var(--hpa-ease),transform .6s var(--hpa-ease-back)}.hpa .row.show{animation:hpa-land 1s var(--hpa-ease);opacity:1;transform:none}.hpa .row .d{color:var(--hpa-ink-muted);font-size:10.5px;font-weight:700}.hpa .row .n{font-weight:600}.hpa .row .v{font-weight:700}.hpa .sumbar{margin-top:auto;padding-top:10px}.hpa .sumbar-row{align-items:baseline;background:#f6f4ff;border:1px solid #ece8ff;border-radius:12px;display:flex;justify-content:space-between;padding:10px 12px}.hpa .sumbar-label{color:var(--hpa-ink-muted);font-size:10.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.hpa .sumbar-val{color:var(--hpa-ink);display:inline-block;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:16px;font-weight:800;transition:transform .2s var(--hpa-ease-back)}.hpa .sumbar-val.bump{transform:scale(1.14)}.hpa .pdfbtn{align-items:center;background:linear-gradient(135deg,var(--hpa-violet),var(--hpa-pink));border:none;border-radius:12px;box-shadow:0 8px 20px -6px rgba(124,92,255,.6);color:#fff;display:flex;font-family:inherit;font-size:13px;font-weight:700;gap:8px;justify-content:center;margin-top:10px;opacity:0;padding:12px;transform:translateY(10px);transition:opacity .5s var(--hpa-ease),transform .55s var(--hpa-ease-back);width:100%}.hpa .pdfbtn.show{opacity:1;transform:none}.hpa .pdfbtn.ghost{background:#fff;border:1.5px solid #e3ddff;box-shadow:0 6px 16px -8px rgba(124,92,255,.4);color:var(--hpa-violet)}.hpa .note-meta .chip-count{color:#b23c8e;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:14px;font-weight:800}.hpa .nrow{align-items:start;border-bottom:1px solid #f1f0f7;border-radius:6px;color:var(--hpa-ink);display:grid;font-size:12px;gap:8px;grid-template-columns:42px 1fr;opacity:0;padding:10.5px 4px;transform:translateY(12px);transition:opacity .45s var(--hpa-ease),transform .6s var(--hpa-ease-back)}.hpa .nrow.show{animation:hpa-land 1s var(--hpa-ease);opacity:1;transform:none}.hpa .nrow .d{color:var(--hpa-ink-muted);font-size:10.5px;font-weight:700;padding-top:1px}.hpa .nrow .n{font-weight:600;line-height:1.35}@keyframes hpa-land{0%{background:rgba(124,92,255,.2)}to{background:transparent}}.hpa .dots{bottom:15px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:11}.hpa .dots i{background:rgba(28,24,64,.18);border-radius:50%;height:6px;transition:.3s var(--hpa-ease);width:6px}.hpa .dots i.on{background:var(--hpa-violet);border-radius:3px;width:16px}.hpa .finger{background:hsla(0,0%,100%,.5);border-radius:50%;bottom:70px;box-shadow:0 0 0 9px hsla(0,0%,100%,.16);height:36px;left:58%;opacity:0;pointer-events:none;position:absolute;width:36px;z-index:11}.hpa .phone.swiping .finger{animation:hpa-swipe .9s var(--hpa-ease)}@keyframes hpa-swipe{0%{opacity:0;transform:translateX(34px)}25%{opacity:1}to{opacity:0;transform:translateX(-74px)}}.hpa .scrap{opacity:0;position:absolute;transform:scale(.62);transition:opacity .45s var(--hpa-ease),transform .6s var(--hpa-ease-back);z-index:6}.hpa .scrap.in{opacity:1;transform:scale(1)}.hpa .scrap.far.in:not(.fly){opacity:.9}.hpa .scrap.fly{opacity:0;transform:translate(var(--fx),var(--fy)) scale(.3) rotate(var(--spin,20deg));transition:opacity .7s var(--hpa-ease-in),transform .85s var(--hpa-ease-in)}.hpa .scrap .float{animation:hpa-bobf var(--bd,6s) ease-in-out infinite alternate;animation-delay:var(--bdly,0s)}.hpa .scrap.fly .float{animation-play-state:paused}@keyframes hpa-bobf{0%{transform:translateY(0) rotate(-.7deg)}to{transform:translateY(-7px) rotate(.7deg)}}.hpa .scrap .tilt{filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));transform:rotate(var(--rot,0deg)) scale(var(--sc,1))}.hpa .scrap.far .tilt{filter:drop-shadow(0 14px 24px rgba(0,0,0,.5)) blur(1.3px)}.hpa .receipt{background:#fffdf6;color:#25221c;font-family:ui-monospace,Courier New,monospace;font-size:9px;line-height:1.55;padding:12px 11px 19px;width:122px;--m:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/10px 52% repeat-x,linear-gradient(#000 0 0) top/100% calc(100% - 5px) no-repeat;-webkit-mask:var(--m);mask:var(--m)}.hpa .receipt .r-h{font-size:10px;font-weight:700;letter-spacing:.5px;text-align:center}.hpa .receipt .r-sub{color:#8a8478;font-size:8px;text-align:center}.hpa .receipt .r-sep{border-top:1px dashed #c4bfb2;margin:5px 0}.hpa .receipt .r-li{display:flex;gap:6px;justify-content:space-between}.hpa .receipt .r-total{display:flex;font-size:10.5px;font-weight:700;justify-content:space-between;margin-top:1px}.hpa .receipt .r-bar{background:repeating-linear-gradient(90deg,#25221c 0 1px,#fffdf6 1px 3px);height:14px;margin-top:7px}.hpa .sticky{border-radius:3px;color:#4a3d12;font-family:Caveat,cursive;font-size:20px;font-weight:700;line-height:1.12;min-height:108px;padding:18px 15px 15px;position:relative;width:134px}.hpa .sticky.y{background:linear-gradient(170deg,#fff6a0,#ffe976)}.hpa .sticky.p{background:linear-gradient(170deg,#ffd0e2,#ffb3d1);color:#6a1f44}.hpa .sticky.b{background:linear-gradient(170deg,#cfe6ff,#a9d2ff);color:#1f3f6a}.hpa .sticky:before{background:hsla(0,0%,100%,.5);box-shadow:0 1px 2px rgba(0,0,0,.12);content:"";height:18px;left:50%;position:absolute;top:-8px;transform:translateX(-50%) rotate(-3deg);width:56px}.hpa .shot{background:#ece9f2;border-radius:14px;height:188px;overflow:hidden;width:156px}.hpa .shot .s-bar{align-items:center;display:flex;gap:8px;height:34px;padding:0 11px}.hpa .shot.wa .s-bar{background:#075e54}.hpa .shot.sms .s-bar{background:#3a4a5a}.hpa .shot .s-av{background:hsla(0,0%,100%,.45);border-radius:50%;height:18px;width:18px}.hpa .shot .s-name{background:hsla(0,0%,100%,.5);border-radius:4px;display:block;height:8px;width:64px}.hpa .shot .s-chat{display:flex;filter:blur(3px);flex-direction:column;gap:8px;padding:11px 9px}.hpa .shot.wa .s-chat{background:#e7ded3}.hpa .shot .b{border-radius:10px;display:flex;flex-direction:column;gap:4px;max-width:80%;padding:7px 9px}.hpa .shot .b.inb{align-self:flex-start;background:#fff}.hpa .shot.wa .b.outb{align-self:flex-end;background:#dcf8c6}.hpa .shot.sms .b.outb{align-self:flex-end;background:#2f6fed}.hpa .shot .b i{background:#333;border-radius:3px;display:block;height:4px;opacity:.42;width:60px}.hpa .shot .b i.w2{width:36px}.hpa .shot .b i.w3{width:48px}.hpa .shot.sms .b.outb i{background:#fff;opacity:.8}.hpa .e1{left:20px;top:50px;--rot:-13deg;--sc:1;--spin:22deg;--bd:5.6s;--bdly:-1s;--fx:120px;--fy:200px}.hpa .e2{left:132px;top:18px;--rot:6deg;--sc:.9;--spin:-18deg;--bd:6.4s;--bdly:-3s;--fx:-10px;--fy:235px}.hpa .e3{right:-6px;top:168px;--rot:12deg;--sc:1.05;--spin:-26deg;--bd:7s;--bdly:-2s;--fx:-135px;--fy:70px}.hpa .e4{bottom:132px;left:-8px;--rot:-8deg;--sc:.96;--spin:24deg;--bd:6.8s;--bdly:-4s;--fx:140px;--fy:-120px}.hpa .e5{bottom:64px;right:26px;--rot:9deg;--sc:1;--spin:-20deg;--bd:6s;--bdly:-1.5s;--fx:-110px;--fy:-150px}.hpa .n1{left:8px;top:36px;--rot:-11deg;--sc:1;--spin:20deg;--bd:6.2s;--bdly:-2.5s;--fx:130px;--fy:210px}.hpa .n2{right:-8px;top:58px;--rot:9deg;--sc:.94;--spin:-22deg;--bd:7.1s;--bdly:-1s;--fx:-135px;--fy:180px}.hpa .n3{bottom:120px;left:-12px;--rot:6deg;--sc:1;--spin:26deg;--bd:6.6s;--bdly:-3.5s;--fx:145px;--fy:-120px}.hpa .n4{bottom:44px;right:-12px;--rot:-8deg;--sc:1;--spin:-24deg;--bd:6.9s;--bdly:-2s;--fx:-145px;--fy:-150px}.hpa .n5{left:46px;top:214px;--rot:5deg;--sc:.88;--spin:18deg;--bd:5.8s;--bdly:-4.5s;--fx:70px;--fy:30px}@media (prefers-reduced-motion:reduce){.hpa *,.hpa :after,.hpa :before{animation:none!important;transition:none!important}.hpa .scrap{opacity:0!important}.hpa .app.exp .pdfbtn,.hpa .app.exp .row{opacity:1!important;transform:none!important}.hpa .app.exp .empty{opacity:0!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes borderPulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.4)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.8}}.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards}.animate-fadeInDown{animation:fadeInDown .8s ease-out forwards}.animate-fadeInLeft{animation:fadeInLeft .8s ease-out forwards}.animate-fadeInRight{animation:fadeInRight .8s ease-out forwards}.animate-scaleIn{animation:scaleIn .5s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-blob{animation:blob 7s infinite}.animate-borderPulse{animation:borderPulse 2s infinite}.animate-pulse-subtle{animation:pulse-subtle 2s infinite}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-500{animation-delay:.5s}.animation-delay-700{animation-delay:.7s}.animation-delay-1000{animation-delay:1s}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.pattern-dots{background-image:radial-gradient(currentColor 1px,transparent 0);background-size:10px 10px}.bg-gradient-blue-purple{background:linear-gradient(135deg,#4f46e5,#7e22ce)}.bg-gradient-blue-light{background:linear-gradient(135deg,#3b82f6,#93c5fd)}.faq-transition{transition:all .3s ease-in-out}.max-h-0{max-height:0;overflow:hidden}.max-h-96{max-height:24rem}.hover-card{transform:translateY(0);transition:all .3s ease}.hover-card:hover{box-shadow:0 10px 25px -5px rgba(59,130,246,.1),0 8px 10px -6px rgba(59,130,246,.05);transform:translateY(-5px)}.highlight-list-item{padding-left:1.5rem;position:relative}.highlight-list-item:before{background-color:#3b82f6;border-radius:50%;content:"";height:.5rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:.5rem}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}.shine-gradient{animation:shine 3s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);background-size:200% auto}