.pf-hero{padding-top:72px;padding-bottom:40px;position:relative}.pf-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.pf-hero-grid>*{min-width:0}.pf-hero h1{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(36px,5vw,60px);font-weight:750;line-height:1.05}.pf-hero h1 span{color:var(--em-accent)}.pf-lead{color:var(--l2);max-width:620px;font-size:18.5px;line-height:1.6}.pf-btns{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.pf-facts{color:var(--l2);flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.pf-facts li{align-items:center;gap:7px;display:flex}.pf-facts svg{color:var(--em-accent)}.pf-hero-art{background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--label) 9%,transparent) 1px,transparent 0) 0 0/18px 18px,var(--card);border:1px solid var(--line2);border-radius:28px;place-items:center;min-height:300px;display:grid;position:relative}.pf-hero-art .s-art{transform:rotate(-5deg);box-shadow:0 26px 50px -22px #14100a73}.pf-hero-chip{background:var(--card);border:1px solid var(--line);box-shadow:var(--pop);border-radius:14px;align-items:center;gap:10px;max-width:70%;padding:10px 14px 10px 10px;font-size:13px;display:flex;position:absolute}.pf-hero-chip>span{color:var(--em-accent);background:0 0;flex-shrink:0;place-items:center;width:fit-content;height:auto;display:grid}.pf-hero-chip b{font-size:13.5px;display:block}.pf-hero-chip em{color:var(--l2);font-size:12px;font-style:normal}.pf-hero-chip.pf-c1{top:22px;left:18px}.pf-hero-chip.pf-c2{bottom:22px;right:18px}.pf-jump{scrollbar-width:none;gap:8px;padding:4px 0 8px;display:flex;overflow-x:auto}.pf-jump::-webkit-scrollbar{display:none}.pf-jump a{background:var(--card);border:1px solid var(--line);height:36px;color:var(--l2);border-radius:18px;flex-shrink:0;align-items:center;padding:0 14px;font-size:13.5px;font-weight:500;display:inline-flex}.pf-jump a:hover{color:var(--label);border-color:var(--l3)}.pf-anchor{scroll-margin-top:90px}.pf-stack{gap:0;max-width:980px;margin:0 auto;display:grid}.pf-layer{background:var(--card);border:1px solid var(--line);border-radius:22px;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:28px;padding:26px 28px;display:grid;position:relative}.pf-layer>*{min-width:0}.pf-layer+.pf-link{border-left:2px dashed var(--line);height:34px;margin-left:124px}.pf-layer-tag{align-items:center;gap:12px;display:flex}.pf-layer-tag>span{color:var(--em-accent);background:0 0;flex-shrink:0;place-items:center;width:fit-content;height:auto;display:grid}.pf-layer-tag b{font-size:17px;font-weight:650;display:block}.pf-layer-tag em{color:var(--l3);font-size:12.5px;font-style:normal}.pf-layer p{color:var(--l2);font-size:15px;line-height:1.6}.pf-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pf-chips>*{background:var(--bg);border:1px solid var(--line2);height:30px;color:var(--label);border-radius:15px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:500;display:inline-flex}.pf-chips a:hover{border-color:var(--l3)}.pf-chips .s-art{border-radius:50%!important}.pf-layer.pf-l1{margin-inline:0}.pf-layer.pf-l2{margin-inline:28px}.pf-layer.pf-l3{margin-inline:56px}.pf-layer.pf-l4{background:var(--bg);border-style:dashed;margin-inline:84px}.pf-layer.pf-l2+.pf-link{margin-left:152px}.pf-layer.pf-l3+.pf-link{margin-left:180px}.pf-side{margin-top:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:980px;margin-inline:auto;display:grid}.pf-side>div{background:var(--card);border:1px solid var(--line2);color:var(--l2);border-radius:16px;align-items:flex-start;gap:12px;padding:16px;font-size:14px;line-height:1.5;display:flex}.pf-side>div>span{color:var(--label);background:0 0;flex-shrink:0;place-items:center;width:fit-content;height:auto;display:grid}.pf-side b{color:var(--label);margin-bottom:2px;font-size:14.5px;display:block}.pf-dir-group+.pf-dir-group{margin-top:44px}.pf-dir-group>h3{align-items:baseline;gap:10px;margin-bottom:16px;font-size:20px;font-weight:650;display:flex}.pf-dir-group>h3 span{color:var(--l3);letter-spacing:0;font-size:13.5px;font-weight:500}.pf-dir{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.pf-cap{background:var(--card);border:1px solid var(--line);transition:border-color .2s,transform .2s var(--em-ease);border-radius:18px;align-items:flex-start;gap:14px;padding:20px;display:flex}.pf-cap:hover{border-color:color-mix(in srgb,var(--em-accent) 35%,var(--line));transform:translateY(-2px)}.pf-cap>span{color:var(--em-accent);background:0 0;flex-shrink:0;place-items:center;width:fit-content;height:auto;display:grid}.pf-cap>div{flex-direction:column;gap:4px;min-width:0;display:flex}.pf-cap b{font-size:16px;font-weight:650}.pf-cap p{color:var(--l2);font-size:14px;line-height:1.55}.pf-cap i{color:var(--em-accent);align-items:center;gap:5px;margin-top:6px;font-size:13.5px;font-style:normal;font-weight:600;display:inline-flex}.pf-edit{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:56px;display:grid}.pf-edit>*{min-width:0}.pf-edit .s-head{margin-bottom:22px}.pf-prose p{color:var(--l2);font-size:16.5px;line-height:1.72}.pf-prose p+p{margin-top:16px}.pf-prose b{color:var(--label)}.pf-quote{border-left:3px solid var(--em-accent);background:var(--card);color:var(--label);border-radius:0 14px 14px 0;margin-top:26px;padding:20px 22px;font-size:15.5px;line-height:1.6}.pf-mock{background:var(--card);border:1px solid var(--line);border-radius:18px;font-size:13px;overflow:hidden;box-shadow:0 30px 70px -34px #14100a59}.pf-mock-bar{border-bottom:1px solid var(--line2);background:var(--card2);align-items:center;gap:6px;height:36px;padding:0 14px;display:flex}.pf-mock-bar i{background:var(--fill);border-radius:50%;width:10px;height:10px}.pf-mock-bar span{color:var(--l3);white-space:nowrap;text-overflow:ellipsis;margin-left:12px;font-size:11.5px;overflow:hidden}.pf-mock-body{grid-template-columns:150px minmax(0,1fr);min-height:300px;display:grid}.pf-mock-nav{border-right:1px solid var(--line2);flex-direction:column;gap:2px;padding:14px 10px;display:flex}.pf-mock-nav span{color:var(--l2);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:7px 10px;font-size:12.5px;overflow:hidden}.pf-mock-nav span.pf-on{background:var(--em-accent-t);color:var(--em-accent);font-weight:600}.pf-mock-main{background:var(--bg);flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.pf-mock-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.pf-mock-title b{font-size:15px}.pf-mock-btn{background:var(--label);color:var(--bg);white-space:nowrap;border-radius:8px;padding:6px 11px;font-size:11.5px;font-weight:600}.pf-mock-list{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:4px 10px}.pf-mock-row{align-items:center;gap:10px;min-width:0;padding:9px 0;display:flex}.pf-mock-row+.pf-mock-row{border-top:1px solid var(--line2)}.pf-mock-row>span:first-child{background:var(--fill);width:26px;height:26px;color:var(--l2);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.pf-mock-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.pf-mock-row b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.pf-mock-row em{color:var(--l3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:normal;overflow:hidden}.pf-mock-row i{background:var(--fill);color:var(--l2);white-space:nowrap;border-radius:9px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-style:normal}.pf-mock-row i.pf-ok{background:var(--em-accent-t);color:var(--em-accent)}.pf-mock-note{color:var(--l3);text-align:center;font-size:11.5px}.pf-flow{counter-reset:pf;gap:0;max-width:860px;margin:0;padding:0;list-style:none;display:grid}.pf-flow li{grid-template-columns:56px minmax(0,1fr);gap:20px;padding-bottom:30px;display:grid;position:relative}.pf-flow li:last-child{padding-bottom:0}.pf-flow li:before{counter-increment:pf;content:counter(pf);background:var(--card);border:1px solid var(--line);width:44px;height:44px;color:var(--em-accent);z-index:1;border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid;position:relative}.pf-flow li:not(:last-child):after{content:"";border-left:2px dashed var(--line);position:absolute;top:48px;bottom:4px;left:21px}.pf-flow li>div{min-width:0;padding-top:8px}.pf-flow h3{margin-bottom:6px;font-size:18px;font-weight:650}.pf-flow p{color:var(--l2);font-size:15.5px;line-height:1.62}.pf-flow-wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:56px;display:grid}.pf-flow-wrap>*{min-width:0}.pf-flow-wrap .s-head{position:sticky;top:100px}.pf-screen{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;height:100%;display:flex;overflow:hidden}.pf-screen-top{background:var(--bg);border-bottom:1px solid var(--line2);padding:16px}.pf-screen-top .pf-mock-list{padding:2px 10px}.pf-screen-body{flex-direction:column;flex:1;gap:6px;padding:18px 20px 22px;display:flex}.pf-screen-body b{font-size:16.5px;font-weight:650}.pf-screen-body p{color:var(--l2);font-size:14px;line-height:1.55}.pf-screen-body code{background:var(--fill);color:var(--l2);border-radius:7px;align-self:flex-start;margin-top:8px;padding:3px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.pf-table{border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:18px;width:100%;font-size:15px;overflow:hidden}.pf-table th,.pf-table td{text-align:left;border-top:1px solid var(--line2);vertical-align:top;padding:15px 20px;line-height:1.55}.pf-table thead th{color:var(--l3);background:var(--card2);border-top:0;font-size:12.5px;font-weight:600}.pf-table tbody th{width:32%;color:var(--label);font-weight:600}.pf-table td{color:var(--l2)}.pf-table-wrap{border-radius:18px;overflow-x:auto}.pf-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.pf-compare>div{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px}.pf-compare>div.pf-us{border-color:color-mix(in srgb,var(--em-accent) 40%,var(--line))}.pf-compare h3{margin-bottom:14px;font-size:17px;font-weight:650}.pf-compare ul{color:var(--l2);gap:10px;margin:0;padding:0;font-size:15px;line-height:1.5;list-style:none;display:grid}.pf-compare li{align-items:flex-start;gap:10px;display:flex}.pf-compare li svg{color:var(--l3);flex-shrink:0;margin-top:3px}.pf-compare .pf-us li svg{color:var(--em-accent)}.pf-rel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.pf-rel>*{min-width:0}.pf-rel-list{gap:10px;display:grid}.pf-rel-list a{background:var(--bg);border:1px solid var(--line2);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .16s;display:flex}.pf-rel-list a:hover{border-color:var(--l3)}.pf-rel-list a>span{color:var(--em-accent);background:0 0;flex-shrink:0;place-items:center;width:fit-content;height:auto;display:grid}.pf-rel-list a>div{flex-direction:column;flex:1;min-width:0;display:flex}.pf-rel-list b{font-size:15px}.pf-rel-list em{color:var(--l2);font-size:13.5px;font-style:normal}.pf-rel-list a>svg{color:var(--l3);flex-shrink:0}.pf-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pf-apps a{background:var(--bg);border:1px solid var(--line2);border-radius:12px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.pf-apps a:hover{border-color:var(--l3)}.pf-apps a>span:not(.s-appic){flex-direction:column;min-width:0;display:flex}.pf-apps b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.pf-apps em{color:var(--l2);font-size:12.5px;font-style:normal}.pf-princ{background:var(--bg);border:1px solid var(--line2);border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.pf-princ>div{padding:28px 24px}.pf-princ>div+div{border-left:1px solid var(--line2)}.pf-princ b{letter-spacing:-.04em;color:var(--em-accent);margin-bottom:6px;font-size:34px;font-weight:750;display:block}.pf-princ h3{margin-bottom:6px;font-size:16px;font-weight:650}.pf-princ p{color:var(--l2);font-size:14px;line-height:1.55}.pf-slide{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:10px;height:100%;padding:24px;transition:border-color .2s;display:flex}.pf-slide:hover{border-color:var(--l3)}.pf-slide>span{color:var(--em-accent);background:0 0;flex-shrink:0;place-items:center;width:fit-content;height:auto;display:grid}.pf-slide b{font-size:17px;font-weight:650}.pf-slide p{color:var(--l2);flex:1;font-size:14.5px;line-height:1.55}.pf-slide i{color:var(--em-accent);align-items:center;gap:6px;font-size:14px;font-style:normal;font-weight:600;display:inline-flex}.pf-prev-slide{flex-direction:column;gap:14px;display:flex}.pf-prev-slide>p{color:var(--l2);font-size:14.5px;line-height:1.55}.pf-prev-slide>p b{color:var(--label)}@media (max-width:1080px){.pf-hero-grid,.pf-edit,.pf-flow-wrap,.pf-rel{grid-template-columns:1fr;gap:36px}.pf-flow-wrap .s-head{position:static}.pf-princ{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-princ>div:nth-child(3){border-left:0}.pf-princ>div:nth-child(n+3){border-top:1px solid var(--line2)}.pf-side{grid-template-columns:1fr}}@media (max-width:900px){.pf-layer{grid-template-columns:1fr;gap:14px}.pf-layer.pf-l2,.pf-layer.pf-l3,.pf-layer.pf-l4{margin-inline:0}.pf-layer+.pf-link,.pf-layer.pf-l2+.pf-link,.pf-layer.pf-l3+.pf-link{margin-left:50px}.pf-compare{grid-template-columns:1fr}}@media (max-width:680px){.pf-hero{padding-top:40px}.pf-hero h1{font-size:clamp(32px,9vw,42px)}.pf-lead{font-size:16.5px}.pf-hero-art{min-height:240px}.pf-hero-chip{display:none}.pf-btns .st-btn{flex:auto}.pf-mock-body{grid-template-columns:1fr}.pf-mock-nav{display:none}.pf-layer{padding:20px}.pf-princ{grid-template-columns:1fr}.pf-princ>div+div{border-left:0;border-top:1px solid var(--line2)}.pf-apps{grid-template-columns:1fr}.pf-table{font-size:14px}.pf-table th,.pf-table td{padding:12px 14px}.pf-table tbody th{width:40%}.pf-flow li{grid-template-columns:44px minmax(0,1fr);gap:14px}}@media (prefers-reduced-motion:reduce){.pf-cap:hover{transform:none}}.pf-ph-facts{color:#ffffffdb;flex-wrap:wrap;gap:10px 22px;margin:26px 0 0;padding:0;font-size:14.5px;list-style:none;display:flex}.pf-ph-facts li{align-items:center;gap:7px;display:flex}.pf-ph-facts svg{color:#8cc8ff}.pf-hero .ph-vis{max-height:500px}@media (max-width:1080px){.pf-hero .ph-chip0{left:2%}}