/* Vector-sharp illustrative product UI, isolated from marketing typography. */
.pp-preview{--pp-blue:#2464cf;--pp-ink:#20252c;--pp-muted:#68717e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--pp-ink);text-align:left;container-type:inline-size;width:100%}
.pp-preview *{box-sizing:border-box}
.pp-preview svg{width:18px;height:18px;flex:none}
.pp-preview strong{font-weight:650}
.pp-preview .pp-art{position:relative;font-size:13px;line-height:1.4;letter-spacing:0}
.pp-hero .pp-art{height:650px}
.pp-desktop{position:absolute;left:0;top:78px;width:84%;height:526px;background:#fff;border:1px solid #dce0e6;border-radius:13px;box-shadow:0 18px 48px #1c2c4512;overflow:hidden}
.pp-browser-bar{height:36px;display:flex;align-items:center;justify-content:space-between;background:#f8f9fb;border-bottom:1px solid #e9ebef;padding:0 14px;font-size:10px;color:#78808b}
.pp-browser-bar>span:not(.pp-browser-plus){width:52%;text-align:center;background:#eff1f4;border-radius:5px;padding:3px 8px}
.pp-window-dots{display:flex;gap:5px}.pp-window-dots i{width:7px;height:7px;border-radius:50%;background:#ff665b}.pp-window-dots i:nth-child(2){background:#f3c04d}.pp-window-dots i:nth-child(3){background:#5bc166}.pp-browser-plus{font-size:20px;font-weight:300}
.pp-desktop-app{display:flex;height:calc(100% - 36px)}
.pp-sidebar{width:76px;flex:none;border-right:1px solid #eceef1;display:flex;align-items:stretch;flex-direction:column;padding:16px 0;gap:4px;font-size:9px;text-align:center;color:#6e7783}
.pp-event-logo{display:grid;place-items:center;align-self:center;width:29px;height:29px;border-radius:50%;background:#113a50;color:#fff;font-weight:700;font-size:11px;margin-bottom:12px}
.pp-sidebar>div:not(.pp-event-logo){display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 2px}
.pp-sidebar .pp-current{background:#f0f4fa;color:var(--pp-blue)}
.pp-event-content{width:calc(100% - 76px);padding:22px 17% 20px 28px}
.pp-live-label{display:inline-block;background:#e8f5ec;color:#23843e;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:600;margin-bottom:6px}
.pp-now{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid #e2e6ec;border-radius:5px;padding:10px}
.pp-now>div>span{font-size:9px;color:var(--pp-muted)}
.pp-now strong{display:block;font-size:11px;margin:2px 0 7px}
.pp-small-action{color:var(--pp-blue);font-size:9px;border:1px solid #cad9ee;border-radius:4px;padding:5px;white-space:nowrap}
.pp-speaker{display:flex;align-items:center;gap:7px;font-size:10px}
.pp-speaker small{display:block;font-size:9px;color:var(--pp-muted)}
.pp-avatar{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;flex:none;border-radius:50%;font-size:10px;font-weight:600;background:#eaf0fc;color:#395b96}
.pp-avatar-green{background:#e5f1ea;color:#43765e}.pp-avatar-purple{background:#eeeafa;color:#715397}
.pp-event-banner{background:#084eaf;color:white;border-radius:5px;padding:25px 25px 20px;margin:18px 0 16px;min-height:175px;display:flex;flex-direction:column;justify-content:center;line-height:1.25}
.pp-event-banner>span{font-size:19px;font-weight:450;letter-spacing:.015em}.pp-event-banner>strong{font-size:27px;letter-spacing:-.025em;margin:3px 0}
.pp-event-banner>div{font-size:10px;margin-top:13px;color:#d9e7ff}
.pp-event-title{display:block;font-size:15px;line-height:1.3;margin-bottom:7px}.pp-event-meta{font-size:10px;color:var(--pp-muted)}
.rf-page .pp-preview p{font-size:10px;line-height:1.6;margin:10px 0 0;color:var(--pp-muted)}
.pp-phone{position:absolute;right:0;top:0;width:300px;height:640px;padding:7px;border:2px solid #53565a;border-radius:43px;background:#161719;box-shadow:0 20px 40px #17203420,0 0 0 1px #191b1e}
.pp-phone-screen{height:100%;overflow:hidden;border-radius:34px;background:#fff;display:flex;flex-direction:column}
.pp-phone-status{height:40px;flex:none;padding:11px 18px 0;display:flex;align-items:flex-start;justify-content:space-between;font-size:11px;font-weight:600}
.pp-phone-status i{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:82px;height:22px;border-radius:30px;background:#101114}
.pp-app-title{margin:10px 13px 0;padding:12px;background:var(--pp-blue);color:#fff;border-radius:4px;font-size:23px;font-weight:650}
.pp-schedule-content{padding:18px 13px 0;flex:1;min-height:0;overflow:hidden}
.pp-segment{display:flex;gap:5px;font-size:11px;text-align:center}.pp-segment>span{flex:1;background:#f0f1f3;padding:7px 4px;border-radius:18px;white-space:nowrap}.pp-segment>.pp-selected{color:#fff;background:var(--pp-blue)}
.pp-search{border:1px solid #dce0e6;border-radius:4px;padding:9px 10px;margin:14px 0 18px;color:#87909b;font-size:11px;display:flex;justify-content:space-between}
.pp-date{font-size:15px;display:block;margin-bottom:10px}
.pp-session{border:1px solid #dce0e6;border-radius:4px;padding:11px;margin-bottom:9px;background:#fff}
.pp-time{font-size:10px;color:#555e69}.pp-session-title{display:block;font-size:12px;line-height:1.4;margin:5px 0 10px}
.pp-tags{display:flex;align-items:center;gap:5px;margin:10px 0;font-size:8px;color:#737b86}.pp-tags>span:not(.pp-heart){background:#f2f3f5;border-radius:3px;padding:3px 5px}.pp-heart{display:flex}.pp-heart svg{width:15px;height:15px}.pp-heart.pp-selected{color:var(--pp-blue)}.pp-heart.pp-selected svg{fill:currentColor}
.pp-session-actions{display:flex;gap:6px;font-size:10px}.pp-session-actions>span{flex:1;text-align:center;padding:6px;border:1px solid #d8dce3;border-radius:3px;color:#6e7783}.pp-session-actions>span:first-child{background:var(--pp-blue);color:#fff;border-color:var(--pp-blue)}
.pp-bottom-tabs{display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e8eaf0;padding:9px 3px 5px;flex:none}.pp-bottom-tabs>span{display:flex;align-items:center;gap:4px;flex-direction:column;font-size:8px;color:#7b8491}.pp-bottom-tabs .pp-current{color:var(--pp-blue)}
.pp-phone-bottom{background:#fafbfc;font-size:8px;color:#7b8491;text-align:center;padding:5px 0 8px;flex:none}.pp-phone-bottom i{display:block;width:90px;height:4px;background:#191b1e;border-radius:4px;margin:8px auto 0}
.pp-detail-window{border:1px solid #dce0e6;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 12px 36px #1d2e4910}
.pp-detail-body{padding:25px}
.pp-detail-heading{display:flex;justify-content:space-between;align-items:center;font-size:21px;font-weight:650;letter-spacing:-.025em;gap:12px;margin-bottom:22px}.pp-detail-heading>span{font-size:10px;font-weight:400;letter-spacing:0;color:#78808a}
.pp-agenda-row{display:flex;align-items:center;gap:18px;padding:24px 0;border-top:1px solid #e9ecf1}.pp-agenda-row>div:first-child{font-size:17px;min-width:47px;font-weight:600}.pp-agenda-row small{display:block;font-size:9px;color:#87909b;font-weight:400}.pp-agenda-row>div:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1;font-size:11px;color:#7b8491}.pp-agenda-row strong{font-size:13px;color:var(--pp-ink)}.pp-agenda-row .pp-room{font-size:9px;color:var(--pp-blue)}.pp-save{color:var(--pp-blue)}.pp-save svg{width:16px;height:16px;fill:currentColor}
.pp-person-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #e9ecf1}.pp-person-row .pp-avatar{width:42px;height:42px;font-size:12px}.pp-person-row>div{display:flex;flex-direction:column;gap:4px;flex:1;font-size:13px}.pp-person-row>div>span{font-size:11px;color:#7b8491}.pp-message{color:var(--pp-blue);background:#eef4ff;padding:8px;border-radius:50%;display:flex}.pp-message svg{width:16px;height:16px}.pp-network-note{font-size:10px;color:#7b8491;line-height:1.5;margin-top:23px}
.pp-admin-layout{display:flex}.pp-admin-sidebar{width:28%;flex:none;background:#fafbfc;border-right:1px solid #e9ecf1;padding:20px 12px;display:flex;flex-direction:column;gap:7px;font-size:10px;color:#78818e}.pp-admin-sidebar strong{font-size:13px;color:var(--pp-ink);margin-bottom:18px}.pp-admin-sidebar>span{padding:9px 7px}.pp-admin-sidebar .pp-current{background:#eaf1ff;color:var(--pp-blue);border-radius:5px}.pp-admin-main{padding:23px;flex:1;min-width:0}.pp-admin-main .pp-detail-heading{font-size:20px}.pp-detail-heading .pp-published{background:#e8f5ec;color:#258342;border-radius:20px;padding:4px 8px;font-size:8px}.pp-field-label{font-size:10px;color:#717b88;margin:15px 0 6px}.pp-field{border:1px solid #dce0e6;border-radius:5px;padding:9px;font-size:11px}.pp-admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pp-admin-save{display:inline-block;margin-top:25px;background:var(--pp-blue);color:#fff;border-radius:5px;padding:9px 14px;font-size:10px}
.rf-home .rf-product-chapter figure.pp-support{aspect-ratio:auto;overflow:visible;padding:22px 0}.pp-support .pp-art{min-height:414px}.rf-home .rf-feature-image.pp-support{overflow:visible;background:transparent}.rf-home .rf-device-stage.pp-hero-stage{max-width:1000px}
.pp-preview-caption{font:400 .75rem/1.4 var(--rf-font);color:var(--rf-muted);text-align:center;margin-top:14px}
@container(max-width:800px){.pp-hero .pp-art{height:560px}.pp-desktop{top:65px;height:450px;width:88%}.pp-phone{width:260px;height:550px;border-radius:37px}.pp-phone-screen{border-radius:28px}.pp-event-content{padding-left:18px;padding-right:30%}.pp-event-banner{padding:22px 16px;min-height:150px}.pp-event-banner>strong{font-size:21px}.pp-event-banner>span{font-size:15px}.pp-now .pp-small-action{display:none}.pp-event-content>p{display:none}.pp-app-title{font-size:20px}.pp-schedule-content{padding-top:12px}.pp-session-title{font-size:11px}.pp-detail-body{padding:20px}.pp-admin-main{padding:18px}.pp-admin-sidebar{padding:18px 8px}.pp-admin-sidebar strong{font-size:11px}}
@container(max-width:580px){.pp-hero .pp-art{height:620px}.pp-hero .pp-desktop{display:none}.pp-hero .pp-phone{width:290px;max-width:96%;height:610px;right:50%;transform:translateX(50%)}.pp-hero .pp-app-title{font-size:23px}.pp-hero .pp-session-title{font-size:12px}.pp-support .pp-art{min-height:0}.pp-detail-heading{font-size:20px}.pp-detail-heading>span{font-size:9px}.pp-admin-main{padding:24px}.pp-admin-main .pp-detail-heading{font-size:21px}.pp-agenda-row{gap:12px}}
@media(max-width:700px){.rf-home .rf-product-chapter figure.pp-support{padding:0}.pp-support .pp-art{min-height:0}}

.pp-search svg{width:13px;height:13px}
@container(max-width:400px){.pp-admin-sidebar{display:none}}