/* Product pages extend Telegram's Home-derived editorial system. */
.pf-landing{--pf-accent:#68cfff;--pf-demo-accent:#68cfff}.pf-landing .pf-hero{padding-bottom:80px}.pf-landing .tg-hero-grid{gap:45px}.pf-landing h1{font-size:clamp(42px,4.5vw,66px);max-width:15ch}.pf-landing .tg-eyebrow{color:var(--pf-accent);text-transform:uppercase}.pf-landing .tg-eyebrow>i{font-size:16px}.pf-hero-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#839bb0;margin-top:30px}.pf-hero-note img{opacity:.65}.pf-hero-visual{position:relative;min-width:0;margin:30px 0 0;align-self:center}.pf-hero-visual:before{content:'';position:absolute;inset:0 -12%;background:radial-gradient(ellipse,#00baff12,transparent 65%);pointer-events:none}.pf-hero-visual figcaption{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:27px;color:#8ca2b6;font-size:10px}.pf-hero-visual figcaption button{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #ffffff26;background:#121f2d;font-size:9px;color:#b2c5d6}.pf-visual{position:relative;min-width:0;padding:35px 0 50px;--pf-demo-accent:var(--pf-accent)}.pf-window{position:relative;overflow:hidden;min-width:0;border:1px solid #4e668270;border-radius:15px;background:#131d29;box-shadow:0 30px 70px #0004}.pf-window-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #ffffff0c;background:#1c2734;font-size:10px;color:#9db1c3;min-width:0}.pf-window-bar>span:not(.pf-window-dots){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pf-window-bar>i{margin-left:auto;font-size:9px;color:#7794ac}.pf-window-dots{display:flex;gap:4px;margin-right:auto;flex:none}.pf-window-dots i{width:5px;height:5px;border-radius:50%;background:#647386}.pf-floating-note{position:absolute;z-index:3;bottom:20px;right:-12px;display:flex;align-items:center;gap:12px;padding:13px 17px;border-radius:12px;border:1px solid #6dcfff30;background:#152635f5;box-shadow:0 12px 30px #0004;transform:rotate(2deg)}.pf-floating-note>i{color:var(--pf-accent);font-size:19px}.pf-floating-note b{display:block;font-size:12px;font-weight:500}.pf-floating-note small{display:block;font-size:9px;color:#8ba5ba;margin-top:4px}.pf-illustration-status{border:1px solid #ffffff20;border-radius:20px;padding:4px 7px;font-size:8px;color:#8fa5b8;white-space:nowrap}.pf-dashboard-shell{display:grid;grid-template-columns:48px minmax(0,1fr)}.pf-dashboard-sidebar{padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:28px;border-right:1px solid #ffffff0b;color:#7f95a9;font-size:13px;background:#101a26}.pf-dashboard-sidebar>i:nth-child(3){color:#68cfff}.pf-dashboard-main{padding:24px 22px}.pf-dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.pf-dashboard-heading small{font-size:8px;letter-spacing:.12em;color:#7491a9}.pf-landing .pf-dashboard-heading h3{font-size:19px;margin-top:7px}.pf-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.pf-stat-grid>div{border:1px solid #ffffff0b;border-radius:8px;background:#1a293a;padding:12px}.pf-stat-grid span{font-size:9px;color:#98aec2;display:block}.pf-stat-grid b{display:block;font:500 28px/1.3 Outfit,sans-serif;color:#dfeff7;margin-top:8px}.pf-stat-grid small{display:block;font-size:8px;color:#65839a;margin-top:5px}.pf-chart{margin-top:24px}.pf-chart header{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#98afc3;margin-bottom:10px}.pf-chart header small{font-size:8px;color:#5f7e96}.pf-chart svg{width:100%;height:auto;background:repeating-linear-gradient(transparent 0,transparent 40px,#ffffff08 41px);overflow:visible}.pf-chart-area{fill:color-mix(in srgb,var(--pf-accent) 12%,transparent)}.pf-chart-line{fill:none;stroke:var(--pf-accent);stroke-width:3;stroke-dasharray:700;stroke-dashoffset:0;vector-effect:non-scaling-stroke}.pf-studio-list{display:grid;gap:0;margin-top:16px}.pf-studio-list>div{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff0a;padding:12px 0}.pf-studio-list .tg-avatar{width:26px;height:26px;font-size:9px}.pf-studio-list p b{font-size:10px;font-weight:500;display:block}.pf-studio-list p small{display:block;font-size:8px;color:#7896af;margin-top:4px}.pf-studio-list>div>span:last-child{font-size:8px;margin-left:auto;color:#a4dfc7}.pf-green{color:#8fe0bf}
/* Original vector artwork used by the product previews. */
.pf-content-art{position:relative;isolation:isolate;overflow:hidden;min-height:120px;background:linear-gradient(145deg,#112639,#1c3354 55%,#2a1d4c);color:var(--pf-demo-accent);aspect-ratio:2/1}.pf-content-art>svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.pf-art-sun{position:absolute;width:80px;height:80px;top:-10px;right:15%;border-radius:50%;background:radial-gradient(circle,var(--pf-demo-accent),transparent 70%);opacity:.25}.pf-content-art>span{display:grid;place-items:center;position:absolute;left:50%;top:50%;translate:-50% -50%;width:35px;height:35px;border:1px solid #ffffff50;border-radius:50%;background:#0b132450;color:#f3f8fa;font-size:11px;backdrop-filter:blur(3px)}
.pf-hub{--pf-demo-accent:#68cfff}.pf-hub-cover{position:relative;isolation:isolate;padding:35px 28px 26px;background:linear-gradient(140deg,#123b52,#181c3a 75%);overflow:hidden}.pf-hub-cover-lines{position:absolute;inset:0;z-index:-1;opacity:.3;background:repeating-linear-gradient(145deg,transparent 0,transparent 38px,var(--pf-demo-accent) 39px,transparent 40px);mask-image:linear-gradient(to left,#000,transparent 70%)}.pf-hub-avatar{display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--pf-demo-accent) 60%,transparent);border-radius:50%;background:#213e55;color:var(--pf-demo-accent);font-size:18px;margin-bottom:15px}.pf-hub-cover>small{font-size:7px;letter-spacing:.14em;color:#9cbdcf}.pf-landing .pf-hub-cover h3{font-size:31px;font-weight:600;line-height:1.1;margin-top:8px}.pf-hub-socials{display:flex;gap:12px;margin-top:18px}.pf-hub-blocks{padding:18px;display:flex;flex-direction:column;gap:12px;background:#101925}.pf-hub-block{border:1px solid #ffffff10;border-radius:9px;padding:15px;background:#192634}.pf-hub-program{display:flex;align-items:center;gap:10px;justify-content:space-between;order:2}.pf-hub-program>div{min-width:0}.pf-tag{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.08em;color:var(--pf-demo-accent)}.pf-tag>span{width:4px;height:4px;border-radius:50%;background:var(--pf-demo-accent)}.pf-hub-program b{display:block;font-size:14px;font-weight:500;margin-top:8px}.pf-hub-program small{display:block;color:#7f9ab2;font-size:8px;margin-top:5px}.pf-hub-program>i{color:var(--pf-demo-accent);font-size:22px}.pf-hub-videos{display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px;align-items:center;order:1}.pf-hub-videos .pf-content-art{min-height:75px;border-radius:6px}.pf-hub-videos small{font-size:7px;color:#7b9bb5;letter-spacing:.12em}.pf-hub-videos b{display:block;font-size:13px;line-height:1.3;font-weight:500;margin-top:7px}.pf-hub-videos>div:last-child>span{display:block;font-size:8px;color:#7792a8;margin-top:6px}.pf-hub-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;order:3}.pf-hub-mini-grid>div{display:grid;grid-template-columns:22px 1fr;gap:5px 7px;align-items:center;padding:12px;border:1px solid #ffffff0c;background:#162332;border-radius:8px}.pf-hub-mini-grid>div>i{grid-row:1/3;font-size:17px;color:var(--pf-demo-accent)}.pf-hub-mini-grid b{font-size:10px;font-weight:500}.pf-hub-mini-grid small{font-size:7px;color:#7c98ae}
.pf-visual-pagelinks{display:grid;place-items:center;min-height:600px}.pf-bio-phone{position:relative;z-index:2;--pf-demo-accent:#68cfff;width:280px;padding:28px 15px 22px;border:1px solid #6b7c8f;border-radius:35px;background:linear-gradient(160deg,color-mix(in srgb,var(--pf-demo-accent) 16%,#111825),#101622 75%);box-shadow:0 0 0 4px #151c27,0 25px 60px #0005;transform:rotate(-3deg)}.pf-phone-island{width:67px;height:6px;background:#050b13;border:1px solid #ffffff08;border-radius:20px;margin:0 auto 25px}.pf-bio-profile{text-align:center}.pf-bio-avatar{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--pf-demo-accent);border-radius:50%;color:var(--pf-demo-accent);background:color-mix(in srgb,var(--pf-demo-accent) 12%,#132132);margin:0 auto 18px;font-size:24px}.pf-bio-profile>small{font-size:7px;color:#8ba8bd;letter-spacing:.12em}.pf-landing .pf-bio-profile h3{font-size:25px;margin-top:7px}.pf-bio-profile>p{font-size:9px;color:#9bb4c8;margin-top:8px}.pf-bio-socials{display:flex;justify-content:center;gap:15px;margin-top:18px}.pf-bio-links{display:flex;flex-direction:column;gap:10px;margin-top:24px}.pf-bio-links>div{display:flex;align-items:center;gap:9px;min-width:0;padding:13px 10px;border:1px solid color-mix(in srgb,var(--pf-demo-accent) 24%,transparent);border-radius:9px;background:color-mix(in srgb,var(--pf-demo-accent) 6%,#162333)}.pf-bio-links>div>span{min-width:0}.pf-bio-links b{display:block;font-size:11px;font-weight:500}.pf-bio-links small{display:block;color:#8ba7be;font-size:8px;margin-top:5px}.pf-bio-links>div>i:first-child{font-size:18px;color:var(--pf-demo-accent)}.pf-bio-links>div>i:last-child{margin-left:auto;font-size:10px;color:var(--pf-demo-accent)}.pf-bio-links .pf-content-art{width:43px;min-height:43px;aspect-ratio:1;border-radius:5px;flex:none}.pf-bio-links .pf-content-art>span{width:18px;height:18px;font-size:6px}.pf-bio-new{margin-left:auto;font-size:6px;color:var(--pf-demo-accent);border:1px solid currentColor;border-radius:3px;padding:3px}.pf-bio-signature{font-size:10px;text-align:center;color:var(--pf-demo-accent);margin-top:23px}.pf-bio-orbit{position:absolute;inset:0;z-index:0}.pf-bio-orbit>span{position:absolute;display:grid;place-items:center;width:57px;height:57px;background:#152334;border:1px solid #52749044;border-radius:16px;box-shadow:0 12px 30px #0003;transform:rotate(-10deg)}.pf-bio-orbit>span:first-child{left:10px;top:20%}.pf-bio-orbit>span:nth-child(2){right:12px;top:28%;transform:rotate(12deg)}.pf-bio-orbit>span:nth-child(3){left:26px;bottom:20%;transform:rotate(-6deg)}.pf-bio-orbit>span:nth-child(4){right:22px;bottom:16%;transform:rotate(10deg)}
.pf-visual-viewinapp{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:20px;align-items:center;min-height:540px}.pf-via-source{grid-column:1;align-self:end}.pf-via-source .pf-window-bar{padding:12px}.pf-via-source .pf-window-dots{display:none}.pf-via-link{display:flex;align-items:center;gap:10px;padding:22px 15px}.pf-via-link>i:first-child{font-size:24px;color:#ff3152}.pf-via-link div{min-width:0}.pf-via-link small{font-size:6px;letter-spacing:.12em;color:#829db4;display:block}.pf-via-link b{font-size:12px;font-weight:500;display:block;margin-top:7px;overflow-wrap:anywhere}.pf-via-link>i:last-child{font-size:10px;color:#68cfff;margin-left:auto}.pf-via-track{position:relative;grid-column:1;display:flex;align-items:center;justify-content:center;gap:10px;align-self:start;margin-top:10px}.pf-via-track>b{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #00baff55;border-radius:25px;background:#102b3c;font-size:9px;white-space:nowrap;font-weight:500}.pf-via-track>span{flex:1;height:1px;background:#68cfff55}.pf-via-track>i{position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:#8bdcff;box-shadow:0 0 12px #00baff}.pf-via-phone{grid-column:2;grid-row:1/3;border:1px solid #52687f;border-radius:28px;padding:15px 10px;background:#111b27;box-shadow:0 20px 45px #0005;transform:rotate(3deg)}.pf-via-phone .pf-phone-island{margin-bottom:18px;width:50px;height:5px}.pf-via-app-header{display:flex;align-items:center;gap:5px;padding:0 4px 14px}.pf-via-app-header>i{color:#ff3152;font-size:17px}.pf-via-app-header b{font-size:11px}.pf-via-app-header>span{margin-left:auto;font-size:7px;color:#7997b0}.pf-via-phone .pf-content-art{min-height:100px;border-radius:5px}.pf-via-meta{padding:15px 4px}.pf-via-meta>small{font-size:6px;color:#839fb5;letter-spacing:.09em}.pf-landing .pf-via-meta>h3{font-size:16px;margin-top:10px}.pf-via-meta>p{font-size:8px;color:#89a5bb;margin-top:8px;line-height:1.8}.pf-via-meta>div{display:flex;align-items:center;gap:6px;margin-top:18px}.pf-via-meta>div>span:first-child{width:22px;height:22px;font-size:8px}.pf-via-meta b{font-size:8px;font-weight:500}.pf-via-meta>div>span:last-child{margin-left:auto;color:#64849d;font-size:6px}.pf-via-success{display:flex;gap:5px;align-items:center;justify-content:center;border:1px solid #72dcaf22;background:#163c3366;color:#9adfc2;padding:8px 5px;margin:5px 0 12px;border-radius:5px;font-size:6px;line-height:1.5}
.pf-visual-fileshare{padding-top:85px}.pf-vault-back{position:absolute;display:flex;align-items:center;gap:10px;width:220px;padding:20px;border:1px solid #68cfff25;background:#172b3e;border-radius:12px;box-shadow:0 15px 30px #0004;font-size:11px;color:#b3c8d9;top:0}.pf-vault-back>i{font-size:22px;color:var(--pf-accent)}.pf-vault-back-one{left:30px;transform:rotate(-9deg)}.pf-vault-back-two{right:20px;top:25px;transform:rotate(7deg);background:#19332c}.pf-vault-heading{padding:25px 22px 18px}.pf-landing .pf-vault-heading h3{font-size:25px;margin-top:12px}.pf-vault-heading>p{font-size:10px;color:#8eabc0;margin-top:10px;line-height:1.6}.pf-vault-video{margin:0 20px;border-radius:8px;overflow:hidden;position:relative;background:#0b131e}.pf-vault-video .pf-content-art{aspect-ratio:2.3;min-height:120px;--pf-demo-accent:#4ade80;background:linear-gradient(145deg,#13352d,#17293e 65%,#142c28)}.pf-vault-video>span{position:absolute;left:12px;top:10px;font-size:7px;color:#d5e8dd}.pf-vault-video-bar{display:flex;gap:12px;align-items:center;padding:12px;color:#9cb7c7;font-size:8px}.pf-vault-video-bar>span{height:2px;background:#40566b;flex:1}.pf-vault-video-bar small{font-size:7px}.pf-vault-file{display:flex;align-items:center;gap:11px;padding:19px 22px;border-block:1px solid #ffffff0a;margin-top:20px}.pf-vault-file>i:first-child{color:var(--pf-accent);font-size:23px}.pf-vault-file>div b{font-size:12px;display:block;font-weight:500}.pf-vault-file>div small{display:block;font-size:8px;color:#7f9aaf;margin-top:5px}.pf-vault-file>i:last-child{margin-left:auto;font-size:12px;color:#7d99af}.pf-vault-access{display:flex;gap:11px;align-items:center;margin:15px 20px 20px;padding:12px;background:#223b4d66;border-radius:7px;border:1px solid #6dcfff16;transition:background .3s}.pf-vault-access>i{color:#68cfff;font-size:17px}.pf-vault-access b{font-size:10px;display:block;font-weight:500}.pf-vault-access small{font-size:8px;color:#81a0b9;display:block;margin-top:4px;line-height:1.7}.pf-vault-access.is-unlocked{background:#15433277;border-color:#79dcad33}.pf-vault-access.is-unlocked>i{color:#8adbbb}
.pf-broadcast-screen{position:relative;isolation:isolate;min-height:360px;padding:20px;background:#152133;overflow:hidden}.pf-broadcast-screen>.pf-content-art{position:absolute;inset:0;z-index:-1;height:100%;aspect-ratio:auto;--pf-demo-accent:#688bf8;opacity:.5}.pf-broadcast-screen>.pf-content-art>span{display:none}.pf-live-badge{display:inline-flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.12em;padding:6px 8px;border:1px solid #ff628b44;background:#2c1828;border-radius:4px;color:#ff9db4}.pf-live-badge>span{height:4px;width:4px;border-radius:50%;background:#f87191}.pf-stream-title{position:absolute;left:25px;top:95px;max-width:60%;z-index:1}.pf-stream-title>small{font-size:6px;letter-spacing:.16em;color:#a0b7d3}.pf-stream-title>b{display:block;font-size:24px;line-height:1.15;letter-spacing:-.03em;margin-top:10px;max-width:15ch}.pf-webcam{position:absolute;bottom:22px;left:22px;width:100px;height:85px;border:1px solid #f472b688;border-radius:8px;background:linear-gradient(140deg,#21395c,#30203d);overflow:hidden}.pf-webcam-person{position:absolute;width:35px;height:35px;border-radius:50%;top:13px;left:32px;background:linear-gradient(160deg,#69869c,#b0b1c4)}.pf-webcam-person:after{content:'';position:absolute;top:32px;left:-20px;width:75px;height:65px;border-radius:50%;background:linear-gradient(160deg,#4a5273,#1d2941)}.pf-webcam>small{position:absolute;left:5px;bottom:5px;font-size:5px;letter-spacing:.2em;z-index:1}.pf-stream-overlay{position:absolute;right:17px;bottom:24px;width:190px;max-width:52%;padding:15px;background:#101a28ed;border:1px solid #f472b64d;border-radius:9px;box-shadow:0 10px 25px #0003}.pf-stream-overlay small{display:flex;gap:6px;align-items:center;font-size:7px;letter-spacing:.1em;color:var(--pf-accent);margin-bottom:13px}.pf-rank{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff0b;padding:10px 0;font-size:10px}.pf-rank>span{color:#7791ac;font-size:8px}.pf-rank>b{font-weight:500}.pf-rank>strong{margin-left:auto;font-size:13px;color:#f4d7ee}.pf-stream-overlay p{font-size:9px;line-height:1.8;color:#a4bad0;margin-top:10px}.pf-stream-overlay p>b{font-size:8px;color:#d4b0ff;display:block}.pf-goal-count{font-size:28px;display:block;margin:20px 0;color:#f5e2f1;font-weight:500}.pf-goal-track{height:6px;background:#ffffff10;border-radius:8px;overflow:hidden}.pf-goal-track>span{display:block;height:100%;width:50%;background:linear-gradient(90deg,#cb6ff3,#f472b6);transition:width .4s}.pf-timer-count{display:block;font-size:30px;font-weight:500;font-variant-numeric:tabular-nums;padding-block:16px}.pf-broadcast-bottom{display:flex;justify-content:space-between;gap:10px;padding:13px 18px;font-size:8px;color:#7f9bb2}.pf-broadcast-bottom>span>i{margin-right:5px}
/* Shared editorial rhythm and interactive demonstrations. */
.pf-value-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:70px}.pf-value-path article{position:relative;padding-top:24px;border-top:1px solid #ffffff18}.pf-value-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--pf-accent) 30%,transparent);border-radius:50%;background:color-mix(in srgb,var(--pf-accent) 6%,#101b28);font-size:10px;color:var(--pf-accent);margin-bottom:22px}.pf-value-path h3{font-size:23px}.pf-value-path p{font-size:15px;line-height:1.8;color:#8ea8be;margin-top:15px}.pf-demo-section{border-top:1px solid #ffffff14}.pf-playground{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.4fr);gap:55px;align-items:center;padding:50px 50px 35px;border:1px solid #ffffff12;border-radius:20px;background:radial-gradient(ellipse at 25% 20%,#007fff0b,transparent 70%),#10151d;min-width:0}.pf-playground>.pf-visual{max-width:700px;width:100%;margin-inline:auto;padding-bottom:35px}.pf-playground .pf-floating-note{display:none}.pf-playground .pf-visual-pagelinks{min-height:530px}.pf-playground .pf-visual-viewinapp{min-height:410px}.pf-playground .pf-visual-fileshare{padding-top:75px}.pf-demo-controls{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0}.pf-demo-controls>span{font-size:12px;color:#879fb6;margin-bottom:3px;line-height:1.6}.pf-demo-controls>div[role=group]:not(.pf-swatches){display:flex;flex-direction:column;gap:7px}.pf-demo-controls button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #3e5c7366;background:#162638;border-radius:8px;padding:13px 15px;color:#a5bed2;font-size:12px;line-height:1.6;min-height:44px;transition:background .2s,border-color .2s}.pf-demo-controls button[aria-pressed=true]{background:#0d3e56;border-color:#00baff77;color:#c4efff}.pf-demo-controls button:hover{border-color:#68cfff88}.pf-demo-controls .pf-demo-reset{border-color:transparent;background:none;min-height:32px;padding:4px;font-size:11px;color:#7291a8}.pf-swatches{display:flex;gap:12px;margin:8px 0 18px}.pf-demo-controls .pf-swatches button{width:38px;height:38px;min-height:38px;flex:none;padding:0;border-radius:50%;position:relative;border:3px solid #10151d;outline:1px solid #ffffff26}.pf-demo-controls .pf-swatches button[aria-pressed=true]{outline:2px solid #f3f8fa;outline-offset:3px}.pf-demo-controls .pf-swatch-cyan{background:#68cfff}.pf-demo-controls .pf-swatch-purple{background:#bc8aff}.pf-demo-controls .pf-swatch-green{background:#68dcae}.pf-demo-controls .pf-demo-feedback{font-size:11px;line-height:1.8;color:#8ab6c8;min-height:58px;margin-top:4px}.pf-visual [data-pf-theme=purple]{--pf-demo-accent:#bc8aff}.pf-visual [data-pf-theme=green]{--pf-demo-accent:#68dcae}.pf-visual [data-pf-theme=cyan]{--pf-demo-accent:#68cfff}.pf-walkthrough{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;border-top:1px solid #ffffff14}.pf-walkthrough ol{list-style:none;margin:0;padding:0}.pf-walkthrough li{display:flex;gap:25px;padding:27px 0;border-top:1px solid #ffffff14}.pf-walkthrough li>span{font-size:11px;color:var(--pf-accent);padding-top:7px}.pf-walkthrough li h3{font-size:25px}.pf-walkthrough li p{font-size:16px;line-height:1.85;color:#92a9bd;margin-top:16px}.pf-walkthrough li small{display:flex;align-items:center;gap:9px;font-size:11px;color:#8db7cd;margin-top:18px;line-height:1.6}.pf-capabilities article>i{color:var(--pf-accent);background:color-mix(in srgb,var(--pf-accent) 9%,transparent)}.pf-related{padding-block:35px 70px;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;gap:28px;align-items:center}.pf-related>p{font-size:15px;color:#8ca6bd}.pf-related>div{display:flex;gap:28px}.pf-related a{display:flex;align-items:center;gap:12px;font-size:14px;color:#b2d9ec}.pf-related a>i:first-child{color:var(--pf-accent)}.pf-related a>i:last-child{font-size:10px}
/* Meaningful ambient movement, paused outside each scene and on hidden tabs. */
@keyframes pf-draw{0%{stroke-dashoffset:700;opacity:.3}40%,100%{stroke-dashoffset:0;opacity:1}}@keyframes pf-note-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes pf-path-dot{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}@keyframes pf-orbit-float{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes pf-highlight{0%,100%{border-color:#f472b64d;box-shadow:0 0 0 #f472b600}50%{border-color:#f472b699;box-shadow:0 0 25px #f472b618}}@keyframes pf-frame-enter{from{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.pf-active .pf-chart-line{animation:pf-draw 1800ms ease-out both}.pf-active .pf-floating-note{animation:pf-note-float 7s ease-in-out infinite}.pf-active .pf-bio-orbit>span{animation:pf-orbit-float 6s ease-in-out infinite;animation-delay:calc(var(--orbit-index)*-.9s)}.pf-active .pf-via-track>i{animation:pf-path-dot 3s linear infinite}.pf-active .pf-stream-overlay{animation:pf-highlight 5s ease-in-out infinite}.pf-just-updated{animation:pf-frame-enter .4s ease both}.pf-revealed{animation:tg-reveal .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--pf-delay,0ms)}}
.pf-landing.pf-paused *,.cm-document-hidden .pf-landing *{animation-play-state:paused!important}.pf-landing [data-pf-scene]:not(.pf-active) :is(.pf-chart-line,.pf-floating-note,.pf-bio-orbit>span,.pf-via-track>i,.pf-stream-overlay){animation-play-state:paused}
@media(max-width:1100px){.pf-landing .tg-hero-grid{gap:30px}.pf-landing h1{font-size:clamp(40px,4.7vw,60px)}.pf-dashboard-main{padding:20px 15px}.pf-stat-grid{gap:7px}.pf-stat-grid>div{padding:10px}.pf-stat-grid b{font-size:24px}.pf-stat-grid small{font-size:7px}.pf-floating-note{right:-5px;font-size:11px}.pf-landing .pf-dashboard-heading h3{font-size:16px}.pf-visual-viewinapp{grid-template-columns:minmax(0,1fr) 175px;gap:12px}.pf-via-link{padding:18px 10px;gap:7px}.pf-via-link>i:first-child{font-size:18px}.pf-via-link b{font-size:10px}.pf-visual-viewinapp .pf-window-bar{font-size:8px}.pf-via-phone{padding:14px 8px}.pf-via-meta>div>span:last-child{display:none}.pf-bio-orbit>span{width:45px;height:45px}.pf-bio-orbit>span:first-child{left:0}.pf-bio-orbit>span:nth-child(2){right:0}.pf-playground{padding:35px;gap:35px}.pf-walkthrough{gap:55px}.pf-stream-title>b{font-size:22px}.pf-stream-overlay{width:160px;padding:12px}.pf-stream-title{max-width:50%}.pf-hub-videos{grid-template-columns:85px 1fr;gap:10px}}
@media(max-width:800px){.pf-landing .tg-hero-grid{grid-template-columns:1fr}.pf-landing h1{font-size:clamp(42px,7.5vw,65px);max-width:15ch}.pf-hero-visual{width:100%;max-width:620px;margin:35px auto 0}.pf-visual-pagelinks{min-height:580px}.pf-hero-visual .pf-visual-viewinapp{min-height:470px;grid-template-columns:1fr 210px}.pf-hero-visual .pf-via-link{padding:25px 20px}.pf-hero-visual .pf-via-link b{font-size:14px}.pf-hero-visual .pf-via-source .pf-window-bar{font-size:10px}.pf-playground{grid-template-columns:1fr;gap:25px;padding:30px;max-width:700px;margin:auto}.pf-demo-controls>div[role=group]:not(.pf-swatches){flex-direction:row;flex-wrap:wrap}.pf-demo-controls>div[role=group]:not(.pf-swatches)>button{flex:1}.pf-demo-controls>.pf-swatches{justify-content:center}.pf-demo-controls>span{text-align:center}.pf-demo-controls .pf-demo-feedback{min-height:34px;margin-top:0;text-align:center}.pf-playground>.pf-visual{padding-bottom:15px}.pf-walkthrough{grid-template-columns:1fr;gap:20px}.pf-value-path{gap:25px}.pf-value-path h3{font-size:21px}.pf-related{flex-wrap:wrap}.pf-visual-viewinapp{grid-template-columns:1fr 200px}.pf-hero-note{margin-top:24px}.pf-landing .pf-hero{padding-bottom:45px}.pf-bio-orbit>span:first-child{left:8%}.pf-bio-orbit>span:nth-child(2){right:8%}.pf-bio-orbit>span:nth-child(3){left:10%}.pf-bio-orbit>span:nth-child(4){right:10%}}
@media(max-width:480px){.pf-landing h1{font-size:clamp(38px,10.7vw,51px)}.pf-hero-visual{margin-top:25px}.pf-visual{padding-top:25px}.pf-window-bar{padding:12px;font-size:8px;gap:7px}.pf-window-bar>img{width:15px;height:15px}.pf-dashboard-shell{grid-template-columns:32px minmax(0,1fr)}.pf-dashboard-sidebar{padding:16px 6px;gap:25px;font-size:10px}.pf-dashboard-sidebar>img{width:19px;height:19px}.pf-dashboard-main{padding:17px 12px}.pf-dashboard-heading{gap:7px}.pf-dashboard-heading small{font-size:6px}.pf-landing .pf-dashboard-heading h3{font-size:15px}.pf-stat-grid{gap:6px;margin-top:18px}.pf-stat-grid>div{padding:8px}.pf-stat-grid span{font-size:7px}.pf-stat-grid b{font-size:23px;margin-top:5px}.pf-stat-grid small{font-size:6px;line-height:1.6}.pf-chart{margin-top:20px}.pf-chart header{font-size:7px}.pf-chart header small{font-size:6px}.pf-studio-list>div{gap:7px}.pf-studio-list p b{font-size:9px}.pf-studio-list p small{font-size:6px}.pf-studio-list>div>span:last-child{font-size:6px}.pf-studio-list .tg-avatar{width:22px;height:22px;font-size:8px}.pf-floating-note{padding:11px 13px;right:-2px;bottom:14px;gap:10px}.pf-floating-note b{font-size:10px}.pf-floating-note small{font-size:8px}.pf-floating-note>i{font-size:16px}.pf-hub-cover{padding:25px 20px}.pf-landing .pf-hub-cover h3{font-size:28px}.pf-hub-cover>small{font-size:6px}.pf-hub-blocks{padding:12px;gap:10px}.pf-hub-videos{grid-template-columns:75px minmax(0,1fr);padding:12px;gap:10px}.pf-hub-videos b{font-size:11px}.pf-hub-videos small{font-size:6px}.pf-hub-mini-grid>div{padding:10px;gap:5px;grid-template-columns:17px 1fr}.pf-hub-mini-grid b{font-size:9px}.pf-hub-mini-grid small{font-size:6px;line-height:1.6}.pf-hub-mini-grid>div>i{font-size:14px}.pf-hub-program{padding:13px}.pf-hub-program b{font-size:13px}.pf-hub-program small{font-size:7px}.pf-visual-pagelinks{min-height:570px}.pf-bio-phone{width:262px}.pf-bio-orbit>span{width:36px;height:36px;border-radius:11px}.pf-bio-orbit>span>img{width:20px;height:20px}.pf-bio-orbit>span:first-child{left:0;top:17%}.pf-bio-orbit>span:nth-child(2){right:0;top:30%}.pf-bio-orbit>span:nth-child(3){left:0;bottom:22%}.pf-bio-orbit>span:nth-child(4){right:0;bottom:16%}.pf-hero-visual .pf-visual-viewinapp,.pf-visual-viewinapp{grid-template-columns:minmax(0,1fr) 160px;gap:12px;min-height:420px}.pf-hero-visual .pf-via-link,.pf-via-link{padding:16px 10px;flex-wrap:wrap;gap:8px}.pf-hero-visual .pf-via-link b,.pf-via-link b{font-size:10px}.pf-via-source .pf-window-bar>img{display:none}.pf-hero-visual .pf-via-source .pf-window-bar{font-size:8px}.pf-via-source .pf-window-bar{padding:10px}.pf-via-source .pf-window-bar>i{display:none}.pf-via-link>i:last-child{display:none}.pf-via-link small{font-size:5px}.pf-via-track{gap:5px;margin-top:5px}.pf-via-track>b{padding:8px 6px;font-size:7px;gap:4px}.pf-via-track>b>img{width:17px;height:17px}.pf-via-app-header b{font-size:10px}.pf-via-app-header>i{font-size:14px}.pf-landing .pf-via-meta>h3{font-size:14px}.pf-via-meta>small{font-size:5px}.pf-via-phone .pf-content-art{min-height:88px}.pf-via-meta>p{font-size:7px}.pf-via-success{font-size:5px;padding:7px 4px}.pf-via-phone{border-radius:23px}.pf-vault-back{width:170px;font-size:9px;padding:16px}.pf-vault-back-one{left:10px}.pf-vault-back-two{right:0}.pf-vault-heading{padding:23px 17px 17px}.pf-landing .pf-vault-heading h3{font-size:22px}.pf-vault-heading>p{font-size:9px}.pf-vault-video{margin-inline:15px}.pf-vault-file{padding:17px}.pf-vault-file>div b{font-size:10px}.pf-vault-file>div small{font-size:7px}.pf-vault-access{margin:15px;padding:10px}.pf-vault-access b{font-size:9px}.pf-vault-access small{font-size:7px}.pf-visual-fileshare{padding-top:75px}.pf-broadcast-screen{min-height:310px;padding:15px}.pf-stream-title{left:18px;top:77px;max-width:52%}.pf-stream-title>b{font-size:20px}.pf-stream-title>small{font-size:5px}.pf-stream-overlay{right:12px;bottom:22px;width:150px;padding:11px;max-width:50%}.pf-stream-overlay small{font-size:6px;margin-bottom:10px;gap:5px}.pf-rank{font-size:8px;gap:7px;padding:8px 0}.pf-rank>strong{font-size:11px}.pf-rank>span{font-size:7px}.pf-webcam{left:15px;bottom:22px;width:83px;height:73px}.pf-webcam-person{left:24px}.pf-broadcast-bottom{font-size:6px;padding:12px}.pf-live-badge{font-size:6px}.pf-stream-overlay p{font-size:8px}.pf-goal-count{font-size:23px}.pf-timer-count{font-size:24px}.pf-value-path{grid-template-columns:1fr;gap:28px;margin-top:40px}.pf-value-path article{display:grid;grid-template-columns:34px 1fr;gap:0 18px}.pf-value-number{grid-row:1/3;margin-bottom:0}.pf-value-path h3{font-size:23px;padding-top:2px}.pf-value-path p{grid-column:2;margin-top:12px}.pf-playground{padding:20px 14px 12px;border-radius:13px;gap:20px}.pf-playground .pf-visual-viewinapp{grid-template-columns:1fr 150px;gap:10px;min-height:390px}.pf-playground .pf-visual-pagelinks{min-height:540px}.pf-playground .pf-bio-phone{width:245px}.pf-playground .pf-bio-orbit>span{display:none}.pf-demo-controls{gap:12px}.pf-demo-controls button{font-size:11px;padding:11px 12px}.pf-demo-controls>div[role=group]:not(.pf-swatches){gap:6px}.pf-demo-controls .pf-demo-feedback{font-size:10px}.pf-walkthrough li{gap:18px;padding:25px 0}.pf-walkthrough li h3{font-size:23px}.pf-walkthrough li p{font-size:15px}.pf-walkthrough li small{font-size:10px}.pf-related>div{gap:20px;flex-wrap:wrap}.pf-related a{font-size:13px}.pf-related{padding-bottom:50px}.pf-hero-note{font-size:10px}.pf-hero-visual figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.pf-landing *{animation:none!important;transition:none!important}.pf-hero-visual figcaption button{display:none}.pf-bio-phone,.pf-via-phone{transform:none}}

/* Constrain illustration tracks so thumbnails cannot cover neighboring copy. */
.pf-content-art{width:100%;min-width:0}
.pf-hub-videos>div{min-width:0}
.pf-via-phone{overflow:hidden}
.pf-stream-overlay{min-height:154px}
@media(max-width:480px){.pf-stream-overlay{min-height:140px}}

/* Product identity with neutral surfaces. */
.cm-public-unified .pf-landing .cm-azure-field{filter:grayscale(1);opacity:.18}
.cm-public-unified .pf-landing .tg-hero{background:radial-gradient(ellipse at 85% 20%,color-mix(in srgb,var(--pf-accent) 13%,transparent),transparent 60%),#0d0e12}
.pf-landing :is(.pf-window,.pf-playground,.tg-case-section){background:#15161c}.pf-landing :is(.pf-window-bar,.pf-dashboard-sidebar){background:#1d1d26}.pf-landing .pf-stat-grid>div{background:#24232e}
.cm-public-unified .pf-landing .cm-button-primary{background:var(--pf-accent);border-color:var(--pf-accent);color:#101116}.cm-public-unified .pf-landing .cm-button-primary:hover{background:color-mix(in srgb,var(--pf-accent) 80%,white)}
.pf-landing :is(.tg-watch>span,.tg-case-icon){color:var(--pf-accent);border-color:color-mix(in srgb,var(--pf-accent) 35%,transparent);background:color-mix(in srgb,var(--pf-accent) 10%,#15161c)}
.pf-landing :is(.tg-case-timeline small,.tg-faq summary>i,.tg-setup li>span,.pf-dashboard-sidebar>i:nth-child(3)){color:var(--pf-accent)}
.pf-landing .tg-case-section:before{background:none}.pf-landing .pf-hero-visual:before{background:radial-gradient(ellipse,color-mix(in srgb,var(--pf-accent) 12%,transparent),transparent 65%)}
.pf-landing .pf-demo-controls button[aria-pressed=true]{color:var(--pf-accent);border-color:var(--pf-accent);background:color-mix(in srgb,var(--pf-accent) 12%,#15161c)}
.pf-landing .pf-related a>i:first-child,.pf-landing .pf-related a:hover{color:var(--pf-related-accent)}

.pf-visual-fileshare{padding:20px 0}.pf-playground .pf-visual-fileshare{padding-top:0}.pf-vault-file-primary{margin:0 20px;border:1px solid color-mix(in srgb,var(--pf-accent) 30%,transparent);border-radius:10px;background:color-mix(in srgb,var(--pf-accent) 6%,#16181d)}
.pf-vault-actions{padding:16px 20px}.pf-vault-actions button,.pf-vault-video button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:1px solid var(--pf-accent);background:var(--pf-accent);color:#101512;padding:10px 16px;border-radius:8px;font-size:12px;width:100%}
.pf-vault-actions button:disabled,.pf-vault-video button:disabled{background:#25272c;border-color:#ffffff20;color:#8b8f99;cursor:not-allowed}
.pf-vault-video{padding:14px;border:1px solid #ffffff15;border-radius:10px}.pf-vault-video .pf-content-art{min-height:65px;aspect-ratio:4/1}.pf-vault-video.is-locked .pf-content-art{filter:grayscale(1);opacity:.4}.pf-vault-video>span{display:block;font-size:11px;margin:10px 0}.pf-vault-video button{background:transparent;color:var(--pf-accent)}
.pf-demo-controls>small{font-size:11px;line-height:1.7;color:#92a0ac}.pf-demo-progress{height:5px;background:#ffffff20;margin-top:12px;overflow:hidden;border-radius:4px}.pf-demo-progress>span{display:block;height:100%;width:65%;background:var(--pf-accent)}
.pf-demo-progress[hidden]{display:none}

.pf-landing .pf-demo-controls button{background:#202128}.pf-landing .pf-vault-access{background:#20252a}.pf-landing .pf-vault-access>i{color:var(--pf-accent)}
.pf-landing .pf-vault-video{background:#191b20}.pf-landing .pf-floating-note{background:#202128;border-color:color-mix(in srgb,var(--pf-accent) 25%,transparent)}
.pf-landing .tg-lead,.pf-landing .tg-heading>p:not(.tg-eyebrow){color:#afb0be}
.pf-landing .pf-content-art{background:linear-gradient(145deg,#191b20,color-mix(in srgb,var(--pf-accent) 18%,#191b20));color:var(--pf-demo-accent)}

.pf-vault-video video{display:block;width:100%;height:auto;margin-top:12px;border-radius:6px}.pf-vault-video video[hidden]{display:none}

/* Service colors also live inside the example UI, rather than a shared blue skin. */
.pf-landing .pf-visual{--demo:var(--pf-accent);--demo-surface:color-mix(in srgb,var(--demo) 8%,#15171e);--demo-raised:color-mix(in srgb,var(--demo) 14%,#15171e);--demo-line:color-mix(in srgb,var(--demo) 30%,#ffffff10);--pf-demo-accent:var(--pf-accent)}
.pf-landing .pf-visual :is(.pf-hub,.pf-bio-phone,.pf-content-art){--pf-demo-accent:var(--demo)}
.pf-landing .pf-visual .pf-window{background:#15171e;border-color:var(--demo-line)}
.pf-landing .pf-visual .pf-window-bar{background:var(--demo-surface);border-color:var(--demo-line);color:#b9b9c5}
.pf-landing .pf-visual :is(.pf-window-bar>i,.pf-floating-note>i){color:var(--demo)}
.pf-landing .pf-visual .pf-window-dots i{background:color-mix(in srgb,var(--demo) 45%,#777887)}
.pf-landing .pf-visual :is(small,.pf-chart header,.pf-broadcast-bottom,.pf-stat-grid span){color:#aaaab9}
.pf-landing .pf-visual .pf-floating-note{background:var(--demo-surface);border-color:var(--demo-line)}
/* Studio: indigo statistics and chart with neutral reading surfaces. */
.pf-landing .pf-dashboard-sidebar{background:var(--demo-surface);color:#9e9eae}
.pf-landing .pf-dashboard-sidebar>i:nth-child(3){color:var(--demo)}
.pf-landing .pf-stat-grid>div{background:var(--demo-raised);border-color:var(--demo-line)}
.pf-landing .pf-stat-grid b{color:var(--demo)}
.pf-landing .pf-visual .pf-chart-line{stroke:var(--demo)}
.pf-landing .pf-visual .pf-chart-area{fill:color-mix(in srgb,var(--demo) 14%,transparent)}
.pf-landing .pf-visual .tg-avatar{background:var(--demo-raised);color:var(--demo)}
/* CreatorHub: purple cover, blocks and resources; provider logos retain their identity. */
.pf-landing .pf-hub-cover{background:linear-gradient(140deg,color-mix(in srgb,var(--demo) 26%,#15171e),#19171f 80%)}
.pf-landing .pf-hub-avatar{background:var(--demo-raised);color:var(--demo)}
.pf-landing .pf-hub-blocks{background:#15151b}
.pf-landing :is(.pf-hub-block,.pf-hub-mini-grid>div){background:var(--demo-surface);border-color:var(--demo-line)}
.pf-landing .pf-hub-mini-grid>div>.fa-file-arrow-down{color:var(--demo)}
/* Crw.Bio: amber links, profile and phone, with no generic blue panels. */
.pf-landing .pf-bio-phone{background:linear-gradient(160deg,var(--demo-raised),#17171c 75%);border-color:var(--demo-line);box-shadow:0 0 0 4px #1b1b21,0 25px 60px #0005}
.pf-landing .pf-bio-avatar{background:var(--demo-raised);color:var(--demo);border-color:var(--demo)}
.pf-landing .pf-bio-links>div{background:var(--demo-surface);border-color:var(--demo-line)}
.pf-landing .pf-bio-links>div>.fa-bag-shopping{color:var(--demo)}
.pf-landing .pf-bio-orbit>span{background:#1b1b21;border-color:var(--demo-line)}
.pf-landing .pf-visual .pf-content-art{color:var(--demo);background:linear-gradient(145deg,#19191f,color-mix(in srgb,var(--demo) 24%,#19191f))}
/* ViewInApp: red connection path and YouTube framing. */
.pf-landing .pf-via-link>i:last-child{color:var(--demo)}
.pf-landing .pf-via-track>b{background:var(--demo-raised);border-color:var(--demo-line)}
.pf-landing .pf-via-track>span{background:var(--demo-line)}
.pf-landing .pf-via-track>i{background:var(--demo);box-shadow:0 0 10px color-mix(in srgb,var(--demo) 45%,transparent)}
.pf-landing .pf-via-phone{background:var(--demo-surface);border-color:var(--demo-line)}
/* CreatorVault: green file panels, access state, preview and controls. */
.pf-landing .pf-vault-file-primary{background:var(--demo-surface);border-color:var(--demo-line)}
.pf-landing .pf-vault-video{background:#191c1b;border-color:var(--demo-line)}
.pf-landing .pf-vault-video .pf-content-art{color:var(--demo);background:linear-gradient(145deg,#191c1b,color-mix(in srgb,var(--demo) 22%,#191c1b))}
.pf-landing .pf-vault-access{background:var(--demo-surface);border-color:var(--demo-line)}
.pf-landing .pf-vault-access>i{color:var(--demo)}
.pf-landing .pf-vault-access.is-unlocked{background:var(--demo-raised);border-color:var(--demo)}
/* Widgets: pink scene artwork, webcam, overlay and progress. */
.pf-landing .pf-broadcast-screen{background:#1d1820}
.pf-landing .pf-broadcast-screen>.pf-content-art{color:var(--demo);--pf-demo-accent:var(--demo);background:linear-gradient(145deg,#1d1820,color-mix(in srgb,var(--demo) 25%,#1d1820))}
.pf-landing .pf-webcam{background:linear-gradient(140deg,var(--demo-raised),#2d2230);border-color:var(--demo)}
.pf-landing .pf-webcam-person{background:linear-gradient(160deg,#d2b6bf,#99858f)}
.pf-landing .pf-webcam-person:after{background:linear-gradient(160deg,#66505f,#29222d)}
.pf-landing .pf-stream-overlay{background:color-mix(in srgb,var(--demo) 7%,#15171ef5);border-color:var(--demo-line)}
.pf-landing .pf-stream-overlay p{color:#b9b1bc}
.pf-landing .pf-stream-overlay p>b,.pf-landing .pf-rank>strong{color:var(--demo)}
.pf-landing .pf-goal-track>span{background:var(--demo)}
.pf-landing .pf-active .pf-stream-overlay{animation:none}
/* Use small compositor-only movement for the connection marker. */
@keyframes pf-connection-flow{0%{translate:-32px -50%;opacity:0}15%{opacity:1}85%{opacity:1}100%{translate:32px -50%;opacity:0}}
@media(prefers-reduced-motion:no-preference){.pf-landing .pf-active .pf-via-track>i{left:50%;animation:pf-connection-flow 2800ms linear infinite}}

.cm-public-unified .pf-landing .tg-hero-copy h1>span{color:var(--pf-accent)}