@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,600;6..72,750&display=swap');
.pf-page{--ink:#16203a;--muted:#69748b;--line:#e3e7ef;--violet:#6756db;background:#f5f6fa;color:var(--ink);font:15px/1.6 "DM Sans",sans-serif}.pf-page *{box-sizing:border-box}.pf-hero{position:relative;overflow:hidden;padding:28px max(24px,calc((100% - 1280px)/2)) 72px;background:radial-gradient(circle at 82% 32%,rgba(123,93,226,.35),transparent 28rem),linear-gradient(125deg,#10172e,#222d63 62%,#503a91);color:#fff}.pf-language{display:flex;justify-content:flex-end;gap:5px}.pf-language a{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#bec6df;font-size:8px;font-weight:800;text-decoration:none}.pf-language a[aria-current=page]{border-color:#b5aaff;background:rgba(181,170,255,.15);color:#fff}.pf-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:75px;padding-top:45px}.pf-hero section>span,.pf-section>header span,.pf-matrix span,.pf-cta>span{color:#aaa0ff;font-size:10px;font-weight:800;letter-spacing:.15em}.pf-hero h1{max-width:760px;margin:13px 0 20px;font:750 clamp(48px,6vw,78px)/.98 "Newsreader",serif;letter-spacing:-.045em}.pf-hero p{max-width:680px;color:#d8dced;font-size:17px}.pf-hero section>div{display:flex;align-items:center;gap:18px;margin-top:28px}.pf-hero section>div>a:not(.pf-primary){color:#d9dcef;font-size:12px;font-weight:700}.pf-primary{display:inline-flex;align-items:center;gap:18px;padding:13px 18px;border-radius:11px;background:#fff;color:#222d63;font-size:12px;font-weight:800;text-decoration:none}.pf-primary b{font-size:18px}.pf-browser{padding:11px;border:7px solid #fff;border-radius:17px;background:#fff;box-shadow:0 28px 70px rgba(3,8,29,.3);transform:rotate(1.5deg)}.pf-browser>header{display:flex;gap:4px;height:19px;padding:5px 7px;background:#202a4e}.pf-browser>header i{width:5px;height:5px;border-radius:50%;background:#ff7b88}.pf-browser>header i:nth-child(2){background:#ffc460}.pf-browser>header i:nth-child(3){background:#5bd49e}.pf-browser>nav{height:18px;border-bottom:1px solid #e7e9ef}.pf-browser>main{display:grid;grid-template-columns:1fr 74px;gap:13px;padding:20px}.pf-browser article{display:grid;gap:8px}.pf-browser article h2{width:68%;height:15px;margin:0;border-radius:4px;background:#273257}.pf-browser article p{height:6px;margin:0;border-radius:4px;background:#e1e4ec}.pf-browser article b{height:32px;border-radius:5px;background:#7461e6}.pf-browser main>aside{border-radius:6px;background:#eef0f5}.pf-hero aside>small{display:block;margin-top:12px;color:#cbd1e5;text-align:center}.pf-section{max-width:1280px;margin:auto;padding:82px 24px 0}.pf-section>header{max-width:740px;margin-bottom:27px}.pf-section>header span{color:var(--violet)}.pf-section h2,.pf-matrix h2,.pf-cta h2{margin:6px 0 8px;font:750 clamp(31px,4vw,48px)/1.05 "Newsreader",serif}.pf-section>header p{margin:0;color:var(--muted);font-size:16px}.pf-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pf-family{display:flex;min-height:335px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 9px 26px rgba(29,39,76,.06)}.pf-family>div:first-child{display:flex;align-items:center;justify-content:space-between}.pf-family>div:first-child i{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#f0edff;color:var(--violet);font-size:20px}.pf-family>div:first-child span{color:#8274db;font-size:8px;font-weight:800;text-transform:uppercase}.pf-family h3{margin:22px 0 7px;font:750 27px "Newsreader",serif}.pf-family p{min-height:72px;margin:0;color:var(--muted);font-size:12px}.pf-family dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}.pf-family dl div{padding:9px;border-radius:10px;background:#f5f6f9}.pf-family dt{color:#9098aa;font-size:7px;font-weight:800;text-transform:uppercase}.pf-family dd{margin:2px 0 0;font-weight:800}.pf-family>small{margin-top:auto;color:#5d6780;font-size:9px}.pf-placement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pf-placement{display:flex;min-height:405px;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 9px 26px rgba(29,39,76,.06);transition:.2s}.pf-placement-map{position:relative;height:150px;background:linear-gradient(145deg,#eceffd,#f8f8fc)}.pf-placement-map:before{position:absolute;inset:25px 17%;border:6px solid #fff;border-radius:8px;background:linear-gradient(#222d55 0 12px,#fff 12px);box-shadow:0 11px 25px rgba(35,44,82,.14);content:""}.pf-placement-map b{position:absolute;z-index:1;height:8px;border-radius:3px;background:#6b59de}.pf-placement-map[data-placement=header] b{top:43px;left:30%;width:40%}.pf-placement-map[data-placement=in_article] b{top:76px;left:28%;width:32%}.pf-placement-map[data-placement=under_article] b{bottom:34px;left:29%;width:35%}.pf-placement-map[data-placement=sidebar] b{top:57px;right:25%;width:7%;height:55px}.pf-placement-map[data-placement=onsite_push] b{right:23%;bottom:31px;width:18%;height:24px}.pf-placement>span,.pf-placement h3,.pf-placement>p,.pf-placement ul,.pf-placement>strong{margin-right:20px;margin-left:20px}.pf-placement>span{margin-top:18px;color:#6b59d5;font-size:8px;font-weight:800;text-transform:uppercase}.pf-placement h3{margin-top:4px;margin-bottom:5px;font:750 25px "Newsreader",serif}.pf-placement>p{min-height:45px;margin-top:0;color:var(--muted);font-size:12px}.pf-placement ul{display:grid;gap:5px;padding:0;list-style:none;color:#606a80;font-size:9px}.pf-placement>strong{display:flex;justify-content:space-between;margin-top:auto;margin-bottom:20px;padding-top:13px;border-top:1px solid #eceef3;font-size:11px}.pf-matrix{display:grid;grid-template-columns:1fr minmax(360px,550px);align-items:center;gap:50px;max-width:1232px;margin:84px auto 0;padding:42px;border-radius:24px;background:#18213f;color:#fff}.pf-matrix span{color:#aaa0ff}.pf-matrix p{color:#bdc5db}.pf-matrix code{padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.06);color:#d9dcff;text-align:center}.pf-cta{margin-top:85px;padding:85px 24px;background:linear-gradient(130deg,#f0edff,#fff);text-align:center}.pf-cta>span{color:var(--violet)}.pf-cta p{max-width:680px;margin:0 auto 25px;color:var(--muted)}.pf-cta .pf-primary{background:#202a55;color:#fff}.pf-cta>div{display:flex;justify-content:center;gap:20px;margin-top:22px}.pf-cta>div a{color:#4e5870;font-size:11px;font-weight:700}
@media(max-width:1000px){.pf-hero-grid{grid-template-columns:1fr 330px;gap:35px}.pf-family-grid{grid-template-columns:repeat(2,1fr)}.pf-placement-grid{grid-template-columns:repeat(2,1fr)}.pf-matrix{margin-right:24px;margin-left:24px}}
@media(max-width:700px){.pf-hero{padding-right:18px;padding-left:18px}.pf-hero-grid{display:block;padding-top:35px}.pf-hero-grid>aside{display:none}.pf-hero h1{font-size:48px}.pf-hero section>div{align-items:flex-start;flex-direction:column}.pf-section{padding:60px 14px 0}.pf-family-grid,.pf-placement-grid{grid-template-columns:1fr}.pf-family{min-height:0}.pf-matrix{grid-template-columns:1fr;margin-top:60px;padding:27px 22px}.pf-matrix code{overflow-wrap:anywhere}.pf-cta{margin-top:60px;padding:60px 18px}}
.pf-language a:before{content:attr(data-code)}