:root{--pf-navy:#0a0a11;--pf-navy-2:#121b36;--pf-card:#141c38;--pf-card-2:#10162c;--pf-brand:linear-gradient(90deg, #cb93ff 0%, #56beff 100%);--pf-brand-pink:#cb93ff;--pf-brand-blue:#56beff;--pf-cream:#f9f9f5;--pf-ink:#fff;--pf-muted:#ffffffb8;--pf-faint:#ffffff73;--pf-line:#ffffff1a;--pf-font:"Rubik", system-ui, -apple-system, sans-serif}.pf-page{background:var(--pf-navy);font-family:var(--pf-font)}.pf-hero{border-bottom:1px solid var(--pf-line);background:radial-gradient(900px 480px at 82% -10%,#56beff29,#0000 62%),radial-gradient(700px 420px at 8% 8%,#cb93ff24,#0000 60%),linear-gradient(#0a0a11 0%,#14101f 100%);padding:188px clamp(22px,5vw,72px) clamp(44px,6vw,72px);position:relative;overflow:hidden}.pf-hero-inner{max-width:1180px;margin:0 auto}.pf-eyebrow{font-family:var(--pf-font);letter-spacing:3px;text-transform:uppercase;color:#0000;background:var(--pf-brand);-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin:0 0 18px;font-size:.74rem;font-weight:700;display:inline-flex}.pf-eyebrow:before{content:"";background:var(--pf-brand);border-radius:2px;width:26px;height:2px}.pf-hero h1{font-family:var(--pf-font);color:#fff;max-width:820px;margin:0 0 20px;font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:700;line-height:1.1}.pf-intro{font-family:var(--pf-font);color:var(--pf-muted);max-width:640px;margin:0 0 28px;font-size:clamp(1.05rem,1.9vw,1.28rem);font-weight:300;line-height:1.65}.pf-hero-ctas{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pf-cta-btn{font-family:var(--pf-font);border-radius:12px;align-items:center;gap:10px;padding:13px 22px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.pf-cta-btn:hover{transform:translateY(-2px)}.pf-cta-primary{color:#0a0a11;background:var(--pf-brand);box-shadow:0 10px 30px -8px #96a0ff8c}.pf-cta-ghost{color:#fff;border:1px solid var(--pf-line);background:#ffffff0a}.pf-cta-ghost:hover{background:#ffffff17}.pf-demo{grid-template-columns:minmax(220px,300px) 1fr;align-items:stretch;gap:18px;max-width:1180px;margin:44px auto 0;display:grid}.pf-demo-statuses{background:linear-gradient(180deg, var(--pf-card) 0%, var(--pf-card-2) 100%);border:1px solid var(--pf-line);border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.pf-demo-status{text-align:left;cursor:pointer;width:100%;font-family:var(--pf-font);color:var(--pf-muted);background:#ffffff08;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:.95rem;font-weight:500;transition:all .25s;display:flex}.pf-demo-status:hover{background:#ffffff12}.pf-demo-status.active{color:#fff;background:#56beff1a;border-color:#56beff59}.pf-demo-status img{object-fit:contain;width:30px;height:30px}.pf-demo-label{font-family:var(--pf-font);letter-spacing:2px;text-transform:uppercase;color:var(--pf-faint);margin:0 0 10px;font-size:.72rem}.pf-demo-phone{background:linear-gradient(180deg, var(--pf-card) 0%, var(--pf-card-2) 100%);border:1px solid var(--pf-line);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden}.pf-demo-phone:before{content:"";pointer-events:none;background:radial-gradient(circle,#cb93ff2e,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.pf-demo-meta{align-items:center;gap:10px;margin-bottom:14px;display:flex}.pf-demo-avatar{background:var(--pf-brand);width:40px;height:40px;font-family:var(--pf-font);color:#0a0a11;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.pf-demo-who{font-family:var(--pf-font);color:var(--pf-faint);font-size:.86rem}.pf-demo-who b{color:#fff;font-weight:600}.pf-demo-msg{font-family:var(--pf-font);color:var(--pf-ink);max-width:560px;min-height:3.2em;margin:0 0 20px;font-size:clamp(1rem,2vw,1.18rem);font-weight:300;line-height:1.55}.pf-audio-bar{border:1px solid var(--pf-line);background:#ffffff0a;border-radius:999px;align-items:center;gap:12px;max-width:560px;padding:10px 14px;display:flex}.pf-audio-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--pf-brand-pink) 0%, var(--pf-brand-blue) 100%);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #56beff59}.pf-audio-btn:hover{transform:scale(1.06);box-shadow:0 6px 18px #56beff80}.pf-audio-btn:active{transform:scale(.96)}.pf-audio-btn svg{width:15px;height:15px}.pf-audio-track{cursor:pointer;background:#ffffff1f;border-radius:999px;flex:1;height:6px;position:relative;overflow:hidden}.pf-audio-progress{background:linear-gradient(90deg, var(--pf-brand-pink) 0%, var(--pf-brand-blue) 100%);transform-origin:0;will-change:transform;border-radius:999px;position:absolute;inset:0;transform:scaleX(0)}.pf-audio-time{text-align:right;min-width:38px;font-family:var(--pf-font);color:var(--pf-faint);font-variant-numeric:tabular-nums;flex:none;font-size:.72rem}.pf-demo-caption{font-family:var(--pf-font);color:var(--pf-faint);align-items:center;gap:8px;margin-top:14px;font-size:.8rem;display:flex}.pf-demo-caption i{color:var(--pf-brand-blue)}.pf-explorer{grid-template-columns:240px 1fr;align-items:start;gap:48px;max-width:1180px;margin:0 auto;padding:64px clamp(22px,5vw,72px) 90px;scroll-margin-top:150px;display:grid}.pf-sidebar{flex-direction:column;gap:16px;display:flex;position:sticky;top:150px}.pf-sidebar-label{font-family:var(--pf-font);letter-spacing:2.5px;text-transform:uppercase;color:var(--pf-faint);margin:0;font-size:.72rem}.pf-cat-nav{flex-direction:column;gap:4px;display:flex}.pf-cat-nav a{font-family:var(--pf-font);color:var(--pf-faint);border-left:2px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.pf-cat-nav a .pf-cat-nav-num{color:var(--pf-faint);font-size:.72rem;font-weight:700;transition:color .2s}.pf-cat-nav a:hover{color:#fff;background:#ffffff0d}.pf-cat-nav a.active{color:#fff;border-left-color:var(--pf-brand-blue);background:#56beff1a}.pf-cat-nav a.active .pf-cat-nav-num{color:#0000;background:var(--pf-brand);-webkit-background-clip:text;background-clip:text}.pf-sidebar-cta{background:linear-gradient(180deg, var(--pf-card) 0%, var(--pf-card-2) 100%);border:1px solid var(--pf-line);border-radius:14px;margin-top:12px;padding:16px 16px 18px}.pf-sidebar-cta p{font-family:var(--pf-font);color:var(--pf-muted);margin:0 0 12px;font-size:.88rem;line-height:1.5}.pf-sidebar-cta a{font-family:var(--pf-font);color:var(--pf-brand-blue);font-size:.88rem;font-weight:600;text-decoration:none}.pf-sidebar-cta a:hover{text-decoration:underline}.pf-cat{margin-bottom:64px;scroll-margin-top:150px}.pf-cat-head{border-bottom:1px solid var(--pf-line);align-items:flex-start;gap:18px;margin-bottom:26px;padding-bottom:18px;display:flex}.pf-cat-num{font-family:var(--pf-font);color:#0000;background:var(--pf-brand);-webkit-background-clip:text;background-clip:text;flex:none;padding-top:6px;font-size:1rem;font-weight:700}.pf-cat-head h2{font-family:var(--pf-font);color:#fff;margin:0 0 6px;font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:700}.pf-cat-head p{font-family:var(--pf-font);color:var(--pf-muted);margin:0;font-size:.98rem;font-weight:300}.pf-feature-list{flex-direction:column;gap:20px;display:flex}.pf-feature{background:linear-gradient(180deg, var(--pf-card) 0%, var(--pf-card-2) 100%);border:1px solid var(--pf-line);opacity:0;border-radius:18px;grid-template-columns:1.15fr 1fr;gap:0;transition:opacity .6s,transform .6s,border-color .3s;display:grid;overflow:hidden;transform:translateY(24px)}.pf-feature.pf-in{opacity:1;transform:none}.pf-feature:hover{border-color:#56beff59}.pf-feature-text{padding:30px 32px}.pf-feature-index{width:30px;height:30px;font-family:var(--pf-font);color:var(--pf-brand-blue);background:#56beff1f;border:1px solid #56beff4d;border-radius:9px;justify-content:center;align-items:center;margin-bottom:16px;font-size:.8rem;font-weight:700;display:inline-flex}.pf-feature-text h3{font-family:var(--pf-font);color:#fff;margin:0 0 10px;font-size:1.32rem;font-weight:600}.pf-feature-text>p{font-family:var(--pf-font);color:var(--pf-muted);margin:0 0 16px;font-size:.97rem;font-weight:300;line-height:1.6}.pf-feature-text ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.pf-feature-text li{font-family:var(--pf-font);color:var(--pf-muted);padding-left:22px;font-size:.9rem;font-weight:300;line-height:1.5;position:relative}.pf-feature-text li:before{content:"✓";color:#0000;background:var(--pf-brand);-webkit-background-clip:text;background-clip:text;font-size:.78rem;font-weight:700;position:absolute;top:0;left:0}.pf-visual{border-left:1px solid var(--pf-line);background:radial-gradient(340px 240px at 70% 20%,#56beff1f,#0000 65%),radial-gradient(300px 220px at 20% 85%,#cb93ff1f,#0000 65%),#ffffff05;justify-content:center;align-items:center;padding:34px 28px;display:flex;position:relative}.pf-frame{background:linear-gradient(#1b2547 0%,#131a38 100%);border:1px solid #ffffff24;border-radius:24px;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;box-shadow:0 24px 50px -18px #000000a6,inset 0 1px #ffffff14}.pf-frame:before{content:"";background:#ffffff24;border-radius:3px;width:46px;height:5px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pf-frame img{object-fit:contain;filter:drop-shadow(0 10px 22px #00000073);width:64px;height:64px}.pf-hotspot{width:26px;height:26px;font-family:var(--pf-font);color:#0a0a11;background:var(--pf-brand);z-index:2;cursor:default;border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;animation:2.4s ease-out infinite pf-pin;display:flex;position:absolute;box-shadow:0 0 #96a0ff8c}@keyframes pf-pin{0%{box-shadow:0 0 #96a0ff80}70%{box-shadow:0 0 0 14px #96a0ff00}to{box-shadow:0 0 #96a0ff00}}.pf-tip{z-index:3;width:max-content;max-width:210px;font-family:var(--pf-font);color:#eaf2ff;opacity:0;pointer-events:none;background:#0d1428;border:1px solid #56beff66;border-radius:10px;padding:8px 12px;font-size:.78rem;font-weight:400;line-height:1.45;transition:opacity .25s,transform .25s;position:absolute;transform:translateY(6px);box-shadow:0 12px 30px -8px #000000b3}.pf-frame:hover .pf-tip,.pf-frame:focus-within .pf-tip{opacity:1;transform:none}.pf-anim-ring .pf-frame:after{content:"";border:2px solid #56beff80;border-radius:50%;width:110px;height:110px;animation:2s ease-out infinite pf-ring;position:absolute}@keyframes pf-ring{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.25)}}.pf-anim-wave .pf-frame:after{content:"";opacity:.55;background:linear-gradient(#0000 0 8%,#56beffe6 8% 16%,#0000 16% 34%,#cb93ffe6 34% 42%,#0000 42% 60%,#56beffe6 60% 68%,#0000 68%);width:54px;height:22px;animation:1.6s ease-in-out infinite alternate pf-bars;position:absolute;bottom:22px}@keyframes pf-bars{0%{opacity:.35;transform:scaleX(.6)}to{opacity:.8;transform:scaleX(1.05)}}.pf-anim-float .pf-frame{animation:4s ease-in-out infinite pf-float}@keyframes pf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pf-anim-pulse .pf-frame img{animation:2.2s ease-in-out infinite pf-pulse}@keyframes pf-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.pf-final-cta{text-align:center;background:radial-gradient(500px 260px at 85% 0,#56beff38,#0000 60%),radial-gradient(420px 260px at 8% 100%,#cb93ff33,#0000 60%),linear-gradient(#171f42 0%,#10162c 100%);border:1px solid #cb93ff59;border-radius:22px;max-width:1180px;margin:0 auto 90px;padding:clamp(34px,5vw,56px);position:relative;overflow:hidden}.pf-final-cta h2{font-family:var(--pf-font);color:#fff;margin:0 0 12px;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:700}.pf-final-cta p{font-family:var(--pf-font);color:var(--pf-muted);max-width:520px;margin:0 auto 26px;font-size:1.02rem;font-weight:300}.pf-final-cta .pf-hero-ctas{justify-content:center}@media (max-width:960px){.pf-explorer{grid-template-columns:1fr;padding-top:40px}.pf-sidebar{flex-flow:wrap;align-items:center;gap:10px;position:static}.pf-sidebar-label{width:100%}.pf-cat-nav{flex-flow:wrap;gap:6px}.pf-cat-nav a{border-bottom:2px solid #0000;border-left:none;border-radius:8px;padding:8px 12px}.pf-cat-nav a.active{border-bottom-color:var(--pf-brand-blue)}.pf-sidebar-cta{display:none}}@media (max-width:820px){.pf-hero{padding-top:160px}.pf-demo,.pf-feature{grid-template-columns:1fr}.pf-visual{border-left:none;border-top:1px solid var(--pf-line)}}