/* Generated legacy compatibility. Edit design-system/pixelixe.css for UI. */
/* styles.css */
@font-face{
  font-family:Poppins;
  src:url("../poppins-regular.woff2") format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap
}
@font-face{
  font-family:Poppins;
  src:url("../poppins-bold.woff2") format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap
}
:root:where(:has(> body[data-pxx-css~="cd4d0053b4604"])){
  --paper:#faf9f6;
  --white:#fff;
  --ink:#202124;
  --muted:#696a70;
  --purple:#6651db;
  --purple-dark:#503bc1;
  --line:#e4e3de;
  --lavender:#edeaf7;
  --green:#d3e6ba;
  --radius:10px;
  --font:Poppins,Arial,sans-serif
}
:where(body[data-pxx-css~="cd4d0053b4604"]) *{
  box-sizing:border-box
}
html:where(:has(> body[data-pxx-css~="cd4d0053b4604"])){
  scroll-behavior:smooth;
  scroll-padding-top:100px
}
body:where([data-pxx-css~="cd4d0053b4604"]){
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font);
  font-size:14px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased
}
:where(body[data-pxx-css~="cd4d0053b4604"]) a{
  color:inherit;
  text-decoration:none
}
:where(body[data-pxx-css~="cd4d0053b4604"]) button,:where(body[data-pxx-css~="cd4d0053b4604"]) input,:where(body[data-pxx-css~="cd4d0053b4604"]) textarea{
  font:inherit
}
:where(body[data-pxx-css~="cd4d0053b4604"]) button,:where(body[data-pxx-css~="cd4d0053b4604"]) a{
  -webkit-tap-highlight-color:transparent
}
:where(body[data-pxx-css~="cd4d0053b4604"]) button{
  cursor:pointer
}
:where(body[data-pxx-css~="cd4d0053b4604"]) img{
  max-width:100%;
  height:auto;
  display:block
}
:where(body[data-pxx-css~="cd4d0053b4604"]) button:focus-visible,:where(body[data-pxx-css~="cd4d0053b4604"]) a:focus-visible,:where(body[data-pxx-css~="cd4d0053b4604"]) summary:focus-visible{
  outline:3px solid var(--purple);
  outline-offset:5px
}
:where(body[data-pxx-css~="cd4d0053b4604"]) textarea:focus-visible{
  outline:2px solid var(--purple);
  outline-offset:2px
}
:where(body[data-pxx-css~="cd4d0053b4604"]) ::selection{
  background:#ddd3ff
}
:where(body[data-pxx-css~="cd4d0053b4604"]) h1,:where(body[data-pxx-css~="cd4d0053b4604"]) h2,:where(body[data-pxx-css~="cd4d0053b4604"]) h3,:where(body[data-pxx-css~="cd4d0053b4604"]) p,:where(body[data-pxx-css~="cd4d0053b4604"]) figure{
  margin:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]) h1,:where(body[data-pxx-css~="cd4d0053b4604"]) h2,:where(body[data-pxx-css~="cd4d0053b4604"]) h3{
  font-weight:700;
  line-height:1.16
}
:where(body[data-pxx-css~="cd4d0053b4604"]) h2{
  font-size:46px;
  letter-spacing:-2.1px
}
:where(body[data-pxx-css~="cd4d0053b4604"]) h3{
  font-size:23px;
  letter-spacing:-.8px
}
:where(body[data-pxx-css~="cd4d0053b4604"]) p{
  color:var(--muted)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-shell), :where(body[data-pxx-css~="cd4d0053b4604"]) .section-shell{
  max-width:1240px;
  margin-inline:auto;
  padding-inline:48px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.eyebrow), :where(body[data-pxx-css~="cd4d0053b4604"]) .eyebrow{
  font-size:10px;
  font-weight:700;
  letter-spacing:1.7px;
  color:var(--ink);
  line-height:1.5
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sr-only), :where(body[data-pxx-css~="cd4d0053b4604"]) .sr-only{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.skip-link), :where(body[data-pxx-css~="cd4d0053b4604"]) .skip-link{
  position:fixed;
  z-index:100;
  top:-80px;
  left:16px;
  background:white;
  padding:10px 20px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.skip-link:focus), :where(body[data-pxx-css~="cd4d0053b4604"]) .skip-link:focus{
  top:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.button), :where(body[data-pxx-css~="cd4d0053b4604"]) .button{
  display:inline-flex;
  gap:24px;
  align-items:center;
  justify-content:center;
  padding:16px 23px;
  background:var(--purple);
  color:white;
  font-size:13px;
  font-weight:700;
  line-height:1.5;
  border:1px solid transparent;
  border-radius:6px;
  transition:background .18s,transform .18s
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.button:hover), :where(body[data-pxx-css~="cd4d0053b4604"]) .button:hover{
  background:var(--purple-dark);
  transform:translateY(-2px)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.button)>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .button>span{
  font-size:20px;
  line-height:1
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.button-small), :where(body[data-pxx-css~="cd4d0053b4604"]) .button-small{
  padding:11px 17px;
  font-size:11px;
  gap:20px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.text-button), :where(body[data-pxx-css~="cd4d0053b4604"]) .text-button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:700
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.text-button:hover), :where(body[data-pxx-css~="cd4d0053b4604"]) .text-button:hover{
  color:var(--purple)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.play-icon), :where(body[data-pxx-css~="cd4d0053b4604"]) .play-icon{
  font-size:9px;
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border:1px solid #b8b7bd;
  border-radius:50%
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.inline-link), :where(body[data-pxx-css~="cd4d0053b4604"]) .inline-link{
  display:inline-flex;
  align-items:center;
  gap:22px;
  font-size:12px;
  font-weight:700;
  line-height:1.6
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.inline-link)>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .inline-link>span{
  font-size:22px;
  transition:transform .18s
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.inline-link:hover), :where(body[data-pxx-css~="cd4d0053b4604"]) .inline-link:hover{
  color:var(--purple)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.inline-link:hover)>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .inline-link:hover>span{
  transform:translate(2px,-2px)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.site-header), :where(body[data-pxx-css~="cd4d0053b4604"]) .site-header{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(250,249,246,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(16px)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-shell), :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-shell{
  max-width:1240px;
  height:88px;
  margin:auto;
  padding-inline:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.brand), :where(body[data-pxx-css~="cd4d0053b4604"]) .brand{
  display:inline-flex;
  gap:9px;
  align-items:center;
  flex-shrink:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.brand)>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .brand>span{
  font-family:Arial,sans-serif;
  font-size:30px;
  font-weight:800;
  letter-spacing:-1.6px;
  line-height:1
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.brand) img, :where(body[data-pxx-css~="cd4d0053b4604"]) .brand img{
  width:34px;
  height:29px;
  object-fit:contain
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.brand-period), :where(body[data-pxx-css~="cd4d0053b4604"]) .brand-period{
  color:var(--purple)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(#main-nav), :where(body[data-pxx-css~="cd4d0053b4604"]) #main-nav{
  display:flex;
  align-items:center;
  gap:28px;
  margin-left:40px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(#main-nav)>a, :where(body[data-pxx-css~="cd4d0053b4604"]) #main-nav>a,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.login), :where(body[data-pxx-css~="cd4d0053b4604"]) .login{
  font-size:11px;
  color:#45464c
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(#main-nav)>a:hover, :where(body[data-pxx-css~="cd4d0053b4604"]) #main-nav>a:hover,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.login:hover), :where(body[data-pxx-css~="cd4d0053b4604"]) .login:hover{
  color:var(--purple)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-actions), :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-actions{
  display:flex;
  align-items:center;
  gap:26px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.menu-toggle), :where(body[data-pxx-css~="cd4d0053b4604"]) .menu-toggle,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.mobile-actions), :where(body[data-pxx-css~="cd4d0053b4604"]) .mobile-actions{
  display:none
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:30px;
  padding-top:76px;
  padding-bottom:62px;
  min-height:620px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero .eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:9px;
  letter-spacing:1.65px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.status-dot), :where(body[data-pxx-css~="cd4d0053b4604"]) .status-dot{
  display:inline-block;
  width:6px;
  height:6px;
  background:var(--purple);
  border-radius:50%;
  flex-shrink:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero) h1, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero h1{
  font-size:65px;
  letter-spacing:-3.6px;
  line-height:1.09;
  margin:26px 0 25px;
  white-space:nowrap
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.highlight-word), :where(body[data-pxx-css~="cd4d0053b4604"]) .highlight-word{
  position:relative;
  color:var(--purple)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.highlight-word) svg, :where(body[data-pxx-css~="cd4d0053b4604"]) .highlight-word svg{
  position:absolute;
  bottom:-10px;
  left:0;
  width:100%;
  height:14px;
  fill:none;
  stroke:#c8bced;
  stroke-width:4;
  stroke-linecap:round
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-description), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-description{
  font-size:15px;
  line-height:1.9;
  max-width:400px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions{
  display:flex;
  align-items:center;
  gap:23px;
  margin-top:29px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions .button{
  font-size:11px;
  padding:15px 18px;
  gap:22px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.trial-note), :where(body[data-pxx-css~="cd4d0053b4604"]) .trial-note{
  font-size:9px;
  margin-top:15px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.trial-note)>span:first-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .trial-note>span:first-child{
  color:#4c7257;
  font-size:12px;
  margin-right:5px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.note-divider), :where(body[data-pxx-css~="cd4d0053b4604"]) .note-divider{
  margin-inline:10px;
  color:#b7b6bd
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-capabilities), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-capabilities{
  display:flex;
  gap:16px;
  margin-top:43px;
  font-size:9px;
  color:#797a80
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-capabilities) span+span, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-capabilities span+span{
  border-left:1px solid #c9c7ce;
  padding-left:16px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-visual), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-visual{
  position:relative;
  min-width:0;
  padding:31px 12px 55px 10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.visual-grid), :where(body[data-pxx-css~="cd4d0053b4604"]) .visual-grid{
  position:absolute;
  inset:0 -18px 16px -10px;
  background-color:var(--lavender);
  background-image:radial-gradient(#c9c3d9 .7px,transparent .7px);
  background-size:15px 15px;
  border-radius:6px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.studio-window), :where(body[data-pxx-css~="cd4d0053b4604"]) .studio-window{
  position:relative;
  width:100%;
  background:#fff;
  border:1px solid #d7d2e1;
  border-radius:9px;
  box-shadow:0 18px 40px #28213913;
  overflow:hidden;
  transform:rotate(-2deg)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.window-bar), :where(body[data-pxx-css~="cd4d0053b4604"]) .window-bar{
  height:31px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 13px;
  border-bottom:1px solid #eeedf0;
  font-size:8px;
  color:#666
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.window-dots), :where(body[data-pxx-css~="cd4d0053b4604"]) .window-dots{
  display:flex;
  gap:4px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.window-dots) i, :where(body[data-pxx-css~="cd4d0053b4604"]) .window-dots i{
  height:5px;
  width:5px;
  border-radius:50%;
  background:#dad8df
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.window-dots) i:first-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .window-dots i:first-child{
  background:#c5bbdf
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.saved), :where(body[data-pxx-css~="cd4d0053b4604"]) .saved{
  color:#518064;
  font-size:7px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-toolbar), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 13px;
  font-size:9px;
  border-bottom:1px solid #eeedf0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.mini-mark), :where(body[data-pxx-css~="cd4d0053b4604"]) .mini-mark{
  font-family:Arial,sans-serif;
  color:var(--purple);
  font-size:15px;
  padding-right:5px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.toolbar-tools), :where(body[data-pxx-css~="cd4d0053b4604"]) .toolbar-tools{
  color:#8f8c98;
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.export-label), :where(body[data-pxx-css~="cd4d0053b4604"]) .export-label{
  color:white;
  background:var(--purple);
  border-radius:3px;
  padding:3px 8px;
  font-size:7px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-workspace), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-workspace{
  display:flex;
  height:292px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-rail), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-rail{
  width:37px;
  border-right:1px solid #eeedf0;
  flex-shrink:0;
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:15px;
  padding:13px 0;
  color:#95919e;
  font-size:13px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.rail-selected), :where(body[data-pxx-css~="cd4d0053b4604"]) .rail-selected{
  background:#eee9fb;
  color:var(--purple);
  width:25px;
  text-align:center;
  border-radius:3px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.rail-bottom), :where(body[data-pxx-css~="cd4d0053b4604"]) .rail-bottom{
  margin-top:auto;
  font-size:10px;
  border:1px solid #ccc;
  border-radius:50%;
  width:15px;
  line-height:15px;
  text-align:center
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-canvas), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-canvas{
  padding:20px 31px;
  background:#f1f1f3;
  flex:1;
  display:flex;
  justify-content:center
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-art{
  position:relative;
  overflow:hidden;
  background:#233c34
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-art)>img, :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-art>img{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  inset:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-art{
  width:100%;
  height:100%;
  max-width:313px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.art-shade), :where(body[data-pxx-css~="cd4d0053b4604"]) .art-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#09291f18,#09291f88)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-brand), :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-brand{
  position:absolute;
  font-weight:700;
  letter-spacing:2.2px;
  color:white;
  font-size:10px;
  left:20px;
  top:15px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-brand)>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-brand>span{
  font-size:17px;
  padding-left:2px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.art-kicker), :where(body[data-pxx-css~="cd4d0053b4604"]) .art-kicker{
  position:absolute;
  color:#e2eadc;
  font-size:5px;
  letter-spacing:1.6px;
  top:60px;
  left:20px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-title), :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-title{
  position:absolute;
  left:16px;
  top:84px;
  color:var(--green);
  font-family:Arial,sans-serif;
  font-size:35px;
  letter-spacing:-1.4px;
  line-height:1.03;
  padding:6px 5px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.selection), :where(body[data-pxx-css~="cd4d0053b4604"]) .selection{
  border:1px solid #b39cfa
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.selection-handle), :where(body[data-pxx-css~="cd4d0053b4604"]) .selection-handle{
  position:absolute;
  background:white;
  border:1px solid #9477e0;
  width:5px;
  height:5px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.selection-handle.h1), :where(body[data-pxx-css~="cd4d0053b4604"]) .selection-handle.h1{
  left:-3px;
  top:-3px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.selection-handle.h2), :where(body[data-pxx-css~="cd4d0053b4604"]) .selection-handle.h2{
  right:-3px;
  top:-3px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.selection-handle.h3), :where(body[data-pxx-css~="cd4d0053b4604"]) .selection-handle.h3{
  left:-3px;
  bottom:-3px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.selection-handle.h4), :where(body[data-pxx-css~="cd4d0053b4604"]) .selection-handle.h4{
  right:-3px;
  bottom:-3px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.art-bottom), :where(body[data-pxx-css~="cd4d0053b4604"]) .art-bottom{
  position:absolute;
  bottom:15px;
  left:20px;
  right:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff;
  font-size:6px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.art-cta), :where(body[data-pxx-css~="cd4d0053b4604"]) .art-cta{
  border:1px solid #ffffff80;
  padding:5px 8px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.window-bottom), :where(body[data-pxx-css~="cd4d0053b4604"]) .window-bottom{
  height:27px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 13px;
  font-size:7px;
  color:#7c7983
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.purple-dot), :where(body[data-pxx-css~="cd4d0053b4604"]) .purple-dot{
  display:inline-block;
  width:4px;
  height:4px;
  margin-right:3px;
  background:var(--purple);
  border-radius:50%
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.floating-output), :where(body[data-pxx-css~="cd4d0053b4604"]) .floating-output{
  position:absolute;
  left:48px;
  right:-9px;
  bottom:31px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  background:#fff;
  border:1px solid #e4e0e9;
  border-radius:7px;
  box-shadow:0 8px 20px #2520350a;
  transform:rotate(1.5deg)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.output-check), :where(body[data-pxx-css~="cd4d0053b4604"]) .output-check{
  border-radius:50%;
  background:#edf3e9;
  color:#436f49;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.floating-output) strong, :where(body[data-pxx-css~="cd4d0053b4604"]) .floating-output strong{
  display:block;
  font-size:9px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.floating-output) div>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .floating-output div>span{
  display:block;
  font-size:8px;
  color:#8b8891;
  margin-top:2px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.output-stack), :where(body[data-pxx-css~="cd4d0053b4604"]) .output-stack{
  height:31px;
  display:flex;
  gap:4px;
  align-items:end;
  margin-left:auto
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.output-stack) i, :where(body[data-pxx-css~="cd4d0053b4604"]) .output-stack i{
  width:17px;
  height:23px;
  background:#e8e0f6;
  border:1px solid #cbc0de
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.output-stack) i:nth-child(2), :where(body[data-pxx-css~="cd4d0053b4604"]) .output-stack i:nth-child(2){
  height:30px;
  background:#dce8d5;
  border-color:#bbcfb0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.output-stack) i:nth-child(3), :where(body[data-pxx-css~="cd4d0053b4604"]) .output-stack i:nth-child(3){
  width:28px;
  height:17px;
  background:#efe0ca;
  border-color:#d9c7ab
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.visual-caption), :where(body[data-pxx-css~="cd4d0053b4604"]) .visual-caption{
  position:absolute;
  bottom:-5px;
  left:105px;
  font-family:Georgia,serif;
  font-style:italic;
  font-size:17px;
  color:#79717f;
  transform:rotate(-4deg)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.visual-arrow), :where(body[data-pxx-css~="cd4d0053b4604"]) .visual-arrow{
  position:absolute;
  bottom:-13px;
  right:58px;
  width:60px;
  height:45px;
  fill:none;
  stroke:#a49aaa;
  stroke-width:1.4;
  stroke-linecap:round;
  transform:rotate(-13deg)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customers), :where(body[data-pxx-css~="cd4d0053b4604"]) .customers{
  display:flex;
  align-items:center;
  gap:65px;
  padding-top:24px;
  padding-bottom:38px;
  border-bottom:1px solid var(--line)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customers)>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .customers>p{
  font-size:10px;
  line-height:1.9;
  flex-shrink:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customers)>p strong, :where(body[data-pxx-css~="cd4d0053b4604"]) .customers>p strong{
  font-weight:400;
  color:var(--ink)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:1;
  gap:35px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img, :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img{
  object-fit:contain;
  max-height:27px;
  width:112px;
  filter:grayscale(1);
  opacity:.57
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img:nth-child(2), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img:nth-child(2){
  width:67px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img:nth-child(4), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img:nth-child(4){
  width:120px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img:nth-child(5), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img:nth-child(5){
  width:120px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading), :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:35px;
  margin-bottom:46px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading .eyebrow{
  margin-bottom:17px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading)>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading>p{
  font-size:12px;
  line-height:1.9;
  padding-bottom:5px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-section{
  padding:86px 0 78px;
  background:#f2f1ed;
  margin-top:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-layout), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-layout{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:43px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-controls), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-controls{
  padding:25px 23px;
  background:#faf9f6;
  border:1px solid #e4e2dc;
  border-radius:8px;
  align-self:start
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.control-heading), :where(body[data-pxx-css~="cd4d0053b4604"]) .control-heading{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:24px;
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.step-number), :where(body[data-pxx-css~="cd4d0053b4604"]) .step-number{
  font-size:10px;
  color:var(--purple);
  font-weight:700
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-controls) label, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-controls label,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-controls) legend, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-controls legend{
  font-size:9px;
  font-weight:700;
  display:block;
  margin-bottom:8px
}
:where(body[data-pxx-css~="cd4d0053b4604"]) textarea{
  width:100%;
  min-height:86px;
  resize:vertical;
  border:1px solid #cfccd5;
  border-radius:4px;
  background:#fff;
  padding:12px;
  color:var(--ink);
  font-size:11px;
  line-height:1.7
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.field-meta), :where(body[data-pxx-css~="cd4d0053b4604"]) .field-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  font-size:7px;
  color:#89858c;
  margin-top:5px
}
:where(body[data-pxx-css~="cd4d0053b4604"]) fieldset{
  margin:24px 0 0;
  padding:0;
  border:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.swatches), :where(body[data-pxx-css~="cd4d0053b4604"]) .swatches{
  display:flex;
  gap:9px;
  margin-top:3px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.swatch), :where(body[data-pxx-css~="cd4d0053b4604"]) .swatch{
  width:29px;
  height:29px;
  background:var(--swatch);
  border-radius:50%;
  border:3px solid #faf9f6;
  outline:1px solid transparent;
  display:grid;
  place-items:center;
  line-height:1;
  color:#343531
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.swatch) span, :where(body[data-pxx-css~="cd4d0053b4604"]) .swatch span{
  visibility:hidden;
  font-size:11px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.swatch.active), :where(body[data-pxx-css~="cd4d0053b4604"]) .swatch.active{
  outline-color:#77717d
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.swatch.active) span, :where(body[data-pxx-css~="cd4d0053b4604"]) .swatch.active span{
  visibility:visible
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.swatch:focus-visible), :where(body[data-pxx-css~="cd4d0053b4604"]) .swatch:focus-visible{
  outline:2px solid var(--purple);
  outline-offset:3px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.reset-button), :where(body[data-pxx-css~="cd4d0053b4604"]) .reset-button{
  border:0;
  background:none;
  color:#6f6978;
  padding:0;
  font-size:9px;
  margin-top:24px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.reset-button:hover), :where(body[data-pxx-css~="cd4d0053b4604"]) .reset-button:hover{
  color:var(--purple)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.reset-button) span, :where(body[data-pxx-css~="cd4d0053b4604"]) .reset-button span{
  font-size:15px;
  padding-right:4px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-footnote), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-footnote{
  border-top:1px solid #dedbd4;
  margin-top:24px;
  padding-top:18px;
  display:flex;
  gap:10px;
  align-items:start
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-footnote) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-footnote p{
  font-size:9px;
  line-height:1.8
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.tiny-spark), :where(body[data-pxx-css~="cd4d0053b4604"]) .tiny-spark{
  font-size:25px;
  color:#8772c0;
  line-height:1.2
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews{
  --art-accent:#d3e6ba;
  display:grid;
  grid-template-columns:1.1fr .67fr;
  align-items:start;
  gap:22px 27px;
  min-width:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews[data-theme=lilac]), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews[data-theme=lilac]{
  --art-accent:#dbd0fa
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews[data-theme=sand]), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews[data-theme=sand]{
  --art-accent:#f2d5b7
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-art{
  border-radius:3px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-art) .campaign-brand, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-art .campaign-brand{
  font-size:9px;
  top:17px;
  left:20px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.square-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .square-art{
  aspect-ratio:1.15
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-art)>.art-shade, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-art>.art-shade{
  background:linear-gradient(180deg,#14372e15,#0b291fbb)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.live-headline), :where(body[data-pxx-css~="cd4d0053b4604"]) .live-headline{
  position:absolute;
  color:var(--art-accent);
  font-family:Arial,sans-serif;
  font-weight:700;
  letter-spacing:-1.5px;
  line-height:1.04;
  left:20px;
  right:18px;
  top:37%;
  font-size:36px;
  overflow-wrap:anywhere;
  transition:color .2s
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.live-headline.long-headline), :where(body[data-pxx-css~="cd4d0053b4604"]) .live-headline.long-headline{
  font-size:27px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-art-footer), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-art-footer{
  position:absolute;
  left:20px;
  right:20px;
  bottom:18px;
  color:white;
  font-size:6px;
  letter-spacing:1px;
  display:flex;
  align-items:center;
  justify-content:space-between
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-art-footer)>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-art-footer>span{
  font-size:15px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art{
  aspect-ratio:9/16
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .live-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .live-headline{
  font-size:29px;
  top:28%;
  left:16px;
  right:14px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .live-headline.long-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .live-headline.long-headline{
  font-size:21px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .campaign-brand, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .campaign-brand{
  left:16px;
  top:15px;
  font-size:8px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-sub), :where(body[data-pxx-css~="cd4d0053b4604"]) .story-sub{
  position:absolute;
  top:62%;
  left:17px;
  color:#ffffffb3;
  font-size:8px;
  line-height:1.6
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .demo-art-footer, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .demo-art-footer{
  left:16px;
  right:16px;
  font-size:5px;
  border-top:1px solid #ffffff50;
  padding-top:8px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews) figcaption, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews figcaption{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:9px;
  padding-top:9px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews) figcaption>span:last-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews figcaption>span:last-child{
  margin-left:auto;
  font-size:7px;
  color:#827c87
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.format-symbol), :where(body[data-pxx-css~="cd4d0053b4604"]) .format-symbol{
  color:#7a7382;
  font-size:13px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.preview-story), :where(body[data-pxx-css~="cd4d0053b4604"]) .preview-story{
  grid-row:1/3;
  grid-column:2
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.preview-banner), :where(body[data-pxx-css~="cd4d0053b4604"]) .preview-banner{
  grid-row:2;
  grid-column:1
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art{
  aspect-ratio:2.1
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) img, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art img{
  object-position:center 38%
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .campaign-brand, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .campaign-brand{
  font-size:6px;
  top:12px;
  left:15px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .live-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .live-headline{
  font-size:24px;
  left:15px;
  right:90px;
  top:38%;
  letter-spacing:-.7px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .live-headline.long-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .live-headline.long-headline{
  font-size:17px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-cta), :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-cta{
  position:absolute;
  bottom:20px;
  right:13px;
  background:var(--art-accent);
  color:#19332b;
  font-size:7px;
  padding:6px 8px;
  transition:background .2s
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-live-status), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-live-status{
  font-size:8px;
  color:#827d86;
  grid-column:1/-1;
  padding-top:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.how-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .how-section{
  padding-top:95px;
  padding-bottom:88px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps), :where(body[data-pxx-css~="cd4d0053b4604"]) .steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:39px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) article, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps article{
  border-top:1px solid #d2cfd6;
  padding-top:18px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) .step-number, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps .step-number{
  display:block;
  margin-bottom:22px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps h3{
  font-size:18px;
  letter-spacing:-.5px;
  margin-bottom:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps p{
  font-size:11px;
  line-height:1.9;
  max-width:290px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.step-tag), :where(body[data-pxx-css~="cd4d0053b4604"]) .step-tag{
  display:inline-block;
  font-size:8px;
  margin-top:21px;
  padding:4px 10px;
  border:1px solid var(--line);
  border-radius:3px;
  color:#81778b
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflows-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .workflows-section{
  padding-top:23px;
  padding-bottom:70px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-grid), :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-card), :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-card{
  border-radius:9px;
  overflow:hidden;
  min-width:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.marketing-card), :where(body[data-pxx-css~="cd4d0053b4604"]) .marketing-card{
  background:#edece5
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embed-card), :where(body[data-pxx-css~="cd4d0053b4604"]) .embed-card{
  background:#292637;
  color:#fff
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content), :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content{
  padding:36px 34px 30px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content .eyebrow{
  font-size:8px;
  letter-spacing:1.5px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content h3{
  font-size:30px;
  line-height:1.25;
  letter-spacing:-1px;
  margin:18px 0 16px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content p{
  font-size:11px;
  max-width:340px;
  line-height:1.9
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content .inline-link{
  margin-top:21px;
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embed-card) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .embed-card .eyebrow{
  color:#b9abc9
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embed-card) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .embed-card p{
  color:#c8c2d5
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embed-card) .inline-link:hover, :where(body[data-pxx-css~="cd4d0053b4604"]) .embed-card .inline-link:hover{
  color:#cfbfff
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-illustration), :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-illustration{
  margin:4px -14px 25px 30px;
  border:1px solid #d7d7ce;
  background:white;
  border-radius:7px;
  box-shadow:0 10px 20px #27251a08;
  transform:rotate(-3deg);
  font-size:9px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-bar), :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-bar{
  height:43px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 16px;
  border-bottom:1px solid var(--line);
  font-weight:700
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-bar)>span:last-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-bar>span:last-child{
  margin-left:auto;
  color:#89878d;
  font-size:7px;
  font-weight:400;
  margin-right:14px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-icon), :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-icon{
  color:#5c865e;
  font-size:15px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-illustration) table, :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-illustration table{
  width:100%;
  border-collapse:collapse;
  text-align:left;
  white-space:nowrap
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-illustration) th, :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-illustration th,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-illustration) td, :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-illustration td{
  padding:10px;
  border:1px solid #eeede8;
  font-size:8px;
  font-weight:400
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-illustration) th, :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-illustration th{
  background:#f7f7f4;
  color:#827d88
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-illustration) td:first-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-illustration td:first-child,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-illustration) th:first-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-illustration th:first-child{
  width:27px;
  text-align:center;
  color:#999
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-illustration) th span, :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-illustration th span{
  margin-left:50px;
  color:#8b7bac
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.ready-state), :where(body[data-pxx-css~="cd4d0053b4604"]) .ready-state{
  font-size:7px;
  color:#4e7652;
  background:#ecf3e8;
  padding:3px 8px;
  border-radius:3px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-footer), :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-footer{
  font-size:8px;
  padding:12px 15px;
  display:flex;
  align-items:center;
  gap:7px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-footer) .status-dot, :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-footer .status-dot{
  width:5px;
  height:5px;
  background:#73956d
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embed-illustration), :where(body[data-pxx-css~="cd4d0053b4604"]) .embed-illustration{
  margin:4px 27px 0;
  background:#fff;
  border:1px solid #60576e;
  border-radius:7px 7px 0 0;
  overflow:hidden;
  transform:translateY(7px)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embed-app-bar), :where(body[data-pxx-css~="cd4d0053b4604"]) .embed-app-bar{
  height:34px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#615e69;
  padding:0 12px;
  background:#f9f8fc;
  font-size:8px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embed-app-mark), :where(body[data-pxx-css~="cd4d0053b4604"]) .embed-app-mark{
  font-size:12px;
  background:#e7e0f2;
  border-radius:3px;
  width:18px;
  text-align:center;
  font-weight:700
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embed-app-avatar), :where(body[data-pxx-css~="cd4d0053b4604"]) .embed-app-avatar{
  margin-left:auto;
  border-radius:50%;
  font-size:6px;
  background:#e7e0f2;
  width:16px;
  height:16px;
  display:grid;
  place-items:center
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embedded-studio), :where(body[data-pxx-css~="cd4d0053b4604"]) .embedded-studio{
  height:162px;
  background:#f2f2f2;
  overflow:hidden
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embedded-studio) img, :where(body[data-pxx-css~="cd4d0053b4604"]) .embedded-studio img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embed-caption), :where(body[data-pxx-css~="cd4d0053b4604"]) .embed-caption{
  background:#3b354a;
  padding:10px 13px;
  font-size:8px;
  color:#c7bdd8
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.lock-icon), :where(body[data-pxx-css~="cd4d0053b4604"]) .lock-icon{
  padding-right:5px;
  color:#d2bcec
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.developer-strip), :where(body[data-pxx-css~="cd4d0053b4604"]) .developer-strip{
  display:flex;
  align-items:center;
  gap:17px;
  border-bottom:1px solid var(--line);
  padding:25px 0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.code-icon), :where(body[data-pxx-css~="cd4d0053b4604"]) .code-icon{
  font-family:monospace;
  color:var(--purple);
  font-size:20px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.developer-strip) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .developer-strip p{
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.developer-strip) strong, :where(body[data-pxx-css~="cd4d0053b4604"]) .developer-strip strong{
  font-weight:400;
  color:var(--ink)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.developer-strip) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .developer-strip .inline-link{
  margin-left:auto;
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser), :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser{
  display:grid;
  grid-template-columns:1fr .78fr;
  gap:100px;
  padding-top:28px;
  padding-bottom:90px;
  align-items:center
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser .eyebrow{
  margin-bottom:20px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser)>div>p:not(.eyebrow), :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser>div>p:not(.eyebrow){
  font-size:12px;
  margin-top:22px;
  line-height:1.9
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser .inline-link{
  margin-top:22px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview), :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview{
  border:1px solid #d8d1e8;
  border-top:3px solid var(--purple);
  border-radius:7px;
  background:#fff;
  padding:28px 30px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview)>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview>span{
  font-size:11px;
  font-weight:700
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview) .preview-price, :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview .preview-price{
  font-size:55px;
  letter-spacing:-2.6px;
  font-weight:700;
  line-height:1.2;
  margin-top:12px;
  color:var(--ink)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.preview-price)>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .preview-price>span{
  font-size:11px;
  letter-spacing:0;
  font-weight:400;
  color:var(--muted);
  padding-left:7px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview)>p:not(.preview-price), :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview>p:not(.preview-price){
  margin-top:7px!important;
  font-size:10px!important
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview-features), :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview-features{
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:10px;
  margin:23px 0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview .button{
  width:100%;
  font-size:11px;
  justify-content:space-between;
  padding:13px 16px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-section{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:65px;
  padding-top:15px;
  padding-bottom:100px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-section) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-section .eyebrow{
  margin-bottom:18px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-section) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-section h2{
  font-size:37px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-section) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-section .inline-link{
  margin-top:22px;
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) details, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items details{
  border-bottom:1px solid #dcd9e0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) details:first-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items details:first-child{
  border-top:1px solid #dcd9e0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) summary, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:19px 0;
  font-size:11px;
  font-weight:700
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) summary::-webkit-details-marker, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items summary::-webkit-details-marker{
  display:none
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) summary>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items summary>span{
  font-size:18px;
  font-weight:400;
  color:#8c8494
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) details[open] summary>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items details[open] summary>span{
  transform:rotate(45deg)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) details>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items details>p{
  font-size:11px;
  padding:0 25px 18px 0;
  line-height:1.9
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-section{
  background:var(--purple);
  color:#fff;
  text-align:center;
  overflow:hidden
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-inner), :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-inner{
  position:relative;
  padding-top:65px;
  padding-bottom:58px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-inner) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-inner .eyebrow{
  color:#d6cff6;
  font-size:9px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-inner) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-inner h2{
  font-size:44px;
  margin:20px 0 25px;
  letter-spacing:-1.8px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.button-white), :where(body[data-pxx-css~="cd4d0053b4604"]) .button-white{
  background:#fff;
  color:var(--purple);
  font-size:11px;
  padding:14px 20px;
  gap:32px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.button-white:hover), :where(body[data-pxx-css~="cd4d0053b4604"]) .button-white:hover{
  background:#eee9ff
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-note), :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-note{
  color:#ded7f6;
  font-size:9px;
  margin-top:15px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-spark), :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-spark{
  position:absolute;
  left:86px;
  top:91px;
  color:#a997ef;
  font-size:96px;
  line-height:1;
  transform:rotate(-15deg)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.site-footer), :where(body[data-pxx-css~="cd4d0053b4604"]) .site-footer{
  padding-top:50px;
  padding-bottom:22px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-main), :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-main{
  display:flex;
  justify-content:space-between;
  gap:60px;
  padding-bottom:40px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-main)>.brand, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-main>.brand{
  align-self:start
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-main)>div>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-main>div>p{
  font-size:10px;
  margin-top:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links), :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links{
  display:flex;
  gap:66px;
  padding-right:20px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links)>div, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links>div{
  display:flex;
  flex-direction:column;
  gap:9px;
  font-size:9px;
  color:#76717d
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links) strong, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links strong{
  color:var(--ink);
  font-size:10px;
  margin-bottom:4px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links) a:hover, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links a:hover,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-bottom) a:hover, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-bottom a:hover{
  color:var(--purple)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-bottom), :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-top:1px solid var(--line);
  padding-top:20px;
  font-size:8px;
  color:#98929c
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-bottom)>div, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-bottom>div{
  display:flex;
  gap:20px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.proposal-label), :where(body[data-pxx-css~="cd4d0053b4604"]) .proposal-label{
  font-size:7px
}
/* Pricing: the plans, prices and comparisons are the first content on the page. */

:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-page-intro), :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-page-intro{
  padding-top:56px;
  text-align:center
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-page-intro) h1, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-page-intro h1{
  font-size:54px;
  letter-spacing:-2.6px;
  margin:15px 0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-page-intro)>p:not(.eyebrow), :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-page-intro>p:not(.eyebrow){
  font-size:13px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-page-intro) .trial-note, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-page-intro .trial-note{
  font-size:10px;
  margin-top:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plans-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .plans-section{
  padding-top:35px;
  padding-bottom:70px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plans-grid), :where(body[data-pxx-css~="cd4d0053b4604"]) .plans-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-card), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-card{
  position:relative;
  border:1px solid var(--line);
  border-radius:8px;
  padding:25px 21px 22px;
  background:#fff;
  display:flex;
  flex-direction:column;
  min-width:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-card.recommended), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-card.recommended{
  border:1px solid var(--purple);
  box-shadow:0 4px 20px #6651db0b
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.recommended-label), :where(body[data-pxx-css~="cd4d0053b4604"]) .recommended-label{
  position:absolute;
  top:-13px;
  left:16px;
  right:16px;
  background:var(--purple);
  color:white;
  text-align:center;
  font-size:8px;
  line-height:25px;
  border-radius:4px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-name), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-name{
  font-size:15px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-purpose), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-purpose{
  font-size:9px;
  margin-top:7px;
  min-height:34px;
  line-height:1.7
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-price), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-price{
  color:var(--ink);
  font-size:43px;
  font-weight:700;
  letter-spacing:-2px;
  line-height:1.2;
  margin-top:20px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-price)>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-price>span{
  font-weight:400;
  font-size:10px;
  letter-spacing:0;
  color:var(--muted)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-price) .from, :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-price .from{
  display:block;
  font-size:8px;
  line-height:12px;
  color:var(--muted);
  margin-top:-12px;
  letter-spacing:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-billed), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-billed{
  font-size:8px;
  color:#8d8790;
  min-height:15px;
  margin:7px 0 21px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-card) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-card .button{
  font-size:10px;
  padding:12px 10px;
  gap:10px;
  width:100%;
  margin-bottom:22px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.button-outline), :where(body[data-pxx-css~="cd4d0053b4604"]) .button-outline{
  color:var(--ink);
  background:#fff;
  border:1px solid #d4d0da
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.button-outline:hover), :where(body[data-pxx-css~="cd4d0053b4604"]) .button-outline:hover{
  background:#f2eefb;
  color:var(--purple)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-features), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-features{
  list-style:none;
  margin:0;
  padding:18px 0 0;
  border-top:1px solid var(--line);
  display:flex;
  flex-direction:column;
  gap:11px;
  font-size:9px;
  flex:1
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-features) li, :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-features li{
  display:flex;
  align-items:baseline;
  gap:7px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-features) li::before, :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-features li::before{
  content:'✓';
  color:#608266;
  flex-shrink:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-features) li.unavailable, :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-features li.unavailable{
  color:#96919c
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-features) li.unavailable::before, :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-features li.unavailable::before{
  content:'–';
  color:#aaa
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-footnote), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-footnote{
  font-size:8px;
  color:#8c8591;
  margin-top:20px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plans-caption), :where(body[data-pxx-css~="cd4d0053b4604"]) .plans-caption{
  font-size:9px;
  text-align:center;
  margin-top:22px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-section{
  padding-top:5px;
  padding-bottom:75px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-section) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-section h2{
  font-size:34px;
  letter-spacing:-1.3px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-section) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-section .eyebrow{
  margin-bottom:14px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table-wrap), :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table-wrap{
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:7px;
  background:#fff;
  margin-top:28px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table), :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table{
  width:100%;
  border-collapse:collapse;
  text-align:center;
  font-size:10px;
  min-width:640px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) th, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table th,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) td, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table td{
  border-bottom:1px solid #eeecef;
  padding:17px 16px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) th:first-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table th:first-child,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) td:first-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table td:first-child{
  text-align:left;
  width:33%
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) thead, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table thead{
  background:#f0edf6
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) tr:last-child td, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table tr:last-child td{
  border-bottom:0
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) .table-check, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table .table-check{
  color:#567a59
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) .table-dash, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table .table-dash{
  color:#a9a4ad
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) th:nth-child(3), :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table th:nth-child(3),:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) td:nth-child(3), :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table td:nth-child(3){
  background:#6651db06
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-page) .faq-section, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-page .faq-section{
  padding-top:20px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.custom-plan), :where(body[data-pxx-css~="cd4d0053b4604"]) .custom-plan{
  padding:24px 30px;
  border:1px solid var(--line);
  border-radius:6px;
  display:flex;
  align-items:center;
  gap:30px;
  margin-top:25px;
  background:#f5f3ed
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.custom-plan) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .custom-plan h3{
  font-size:16px;
  letter-spacing:-.5px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.custom-plan) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .custom-plan p{
  font-size:10px;
  margin-top:5px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.custom-plan) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .custom-plan .inline-link{
  margin-left:auto;
  flex-shrink:0;
  font-size:10px
}
@media(min-width:1450px){:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-shell), :where(body[data-pxx-css~="cd4d0053b4604"]) .section-shell,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-shell), :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-shell{
    max-width:1360px;
    padding-inline:60px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero{
    gap:55px;
    min-height:670px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero) h1, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero h1{
    font-size:74px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-description), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-description{
    font-size:16px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero .eyebrow{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-workspace), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-workspace{
    height:330px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-art{
    max-width:355px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-title), :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-title{
    font-size:40px;
    top:97px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.art-kicker), :where(body[data-pxx-css~="cd4d0053b4604"]) .art-kicker{
    top:70px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions .button{
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-visual), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-visual{
    padding:35px 15px 60px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customers), :where(body[data-pxx-css~="cd4d0053b4604"]) .customers{
    padding-bottom:42px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-layout), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-layout{
    grid-template-columns:280px 1fr;
    gap:65px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.live-headline), :where(body[data-pxx-css~="cd4d0053b4604"]) .live-headline{
    font-size:42px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .live-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .live-headline{
    font-size:34px
  }}
@media(max-width:1100px){:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-shell), :where(body[data-pxx-css~="cd4d0053b4604"]) .section-shell,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-shell), :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-shell{
    padding-inline:32px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-shell), :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-shell{
    gap:20px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(#main-nav), :where(body[data-pxx-css~="cd4d0053b4604"]) #main-nav{
    gap:20px;
    margin-left:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-actions), :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-actions{
    gap:18px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero) h1, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero h1{
    font-size:55px;
    letter-spacing:-3px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero{
    gap:20px;
    padding-top:60px;
    padding-bottom:50px;
    min-height:580px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions{
    gap:15px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions .button{
    font-size:10px;
    gap:10px;
    padding:14px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.text-button), :where(body[data-pxx-css~="cd4d0053b4604"]) .text-button{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-description), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-description{
    font-size:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-canvas), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-canvas{
    padding:20px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-workspace), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-workspace{
    height:270px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-title), :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-title{
    font-size:30px;
    top:86px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.art-kicker), :where(body[data-pxx-css~="cd4d0053b4604"]) .art-kicker{
    top:63px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.floating-output), :where(body[data-pxx-css~="cd4d0053b4604"]) .floating-output{
    left:25px;
    right:-7px;
    padding:12px;
    gap:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.floating-output) strong, :where(body[data-pxx-css~="cd4d0053b4604"]) .floating-output strong{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.floating-output) div>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .floating-output div>span{
    font-size:7px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.visual-caption), :where(body[data-pxx-css~="cd4d0053b4604"]) .visual-caption{
    left:75px;
    font-size:15px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customers), :where(body[data-pxx-css~="cd4d0053b4604"]) .customers{
    gap:40px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos{
    gap:25px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img, :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img{
    width:90px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img:nth-child(4), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img:nth-child(4),:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img:nth-child(5), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img:nth-child(5){
    width:100px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-layout), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-layout{
    grid-template-columns:235px 1fr;
    gap:30px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews{
    gap:18px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.live-headline), :where(body[data-pxx-css~="cd4d0053b4604"]) .live-headline{
    font-size:32px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .live-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .live-headline{
    font-size:25px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .live-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .live-headline{
    font-size:21px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading h2{
    font-size:40px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps), :where(body[data-pxx-css~="cd4d0053b4604"]) .steps{
    gap:25px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps h3{
    font-size:16px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content), :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content{
    padding:30px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content h3{
    font-size:27px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser), :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser{
    gap:65px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview), :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview{
    padding:25px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links), :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links{
    gap:45px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plans-grid), :where(body[data-pxx-css~="cd4d0053b4604"]) .plans-grid{
    gap:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-card), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-card{
    padding:23px 15px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-price), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-price{
    font-size:38px
  }}
@media(max-width:850px){:where(body[data-pxx-css~="cd4d0053b4604"]):is(#main-nav), :where(body[data-pxx-css~="cd4d0053b4604"]) #main-nav{
    gap:17px;
    margin-left:0
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-actions) .login, :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-actions .login{
    display:none
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero) h1, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero h1{
    font-size:47px;
    letter-spacing:-2.7px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero{
    gap:25px;
    min-height:550px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero .eyebrow{
    font-size:7px;
    letter-spacing:1px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions{
    align-items:start;
    flex-direction:column;
    gap:15px;
    margin-top:24px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions .button{
    font-size:11px;
    gap:20px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-capabilities), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-capabilities{
    font-size:7px;
    gap:10px;
    margin-top:27px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-capabilities) span+span, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-capabilities span+span{
    padding-left:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.trial-note), :where(body[data-pxx-css~="cd4d0053b4604"]) .trial-note{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-description), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-description{
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-workspace), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-workspace{
    height:245px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-canvas), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-canvas{
    padding:15px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-title), :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-title{
    font-size:26px;
    left:10px;
    top:76px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.art-kicker), :where(body[data-pxx-css~="cd4d0053b4604"]) .art-kicker{
    left:15px;
    top:52px;
    font-size:4px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-brand), :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-brand{
    left:15px;
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.art-bottom), :where(body[data-pxx-css~="cd4d0053b4604"]) .art-bottom{
    left:15px;
    right:15px;
    font-size:5px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-rail), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-rail{
    width:30px;
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.floating-output), :where(body[data-pxx-css~="cd4d0053b4604"]) .floating-output{
    left:12px;
    right:-8px;
    gap:8px;
    padding:11px 9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.output-stack), :where(body[data-pxx-css~="cd4d0053b4604"]) .output-stack{
    display:none
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.visual-caption), :where(body[data-pxx-css~="cd4d0053b4604"]) .visual-caption{
    left:35px;
    font-size:14px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.visual-arrow), :where(body[data-pxx-css~="cd4d0053b4604"]) .visual-arrow{
    right:35px;
    width:45px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customers), :where(body[data-pxx-css~="cd4d0053b4604"]) .customers{
    gap:25px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos{
    gap:18px;
    flex-wrap:wrap;
    justify-content:center
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img, :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img{
    max-width:90px;
    max-height:23px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img:nth-child(2), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img:nth-child(2){
    width:50px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-layout), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-layout{
    grid-template-columns:210px 1fr;
    gap:25px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-controls), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-controls{
    padding:20px 17px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews{
    gap:17px 15px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-art) .campaign-brand, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-art .campaign-brand{
    left:12px;
    font-size:7px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.live-headline), :where(body[data-pxx-css~="cd4d0053b4604"]) .live-headline{
    font-size:26px;
    left:12px;
    right:10px;
    letter-spacing:-1px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.live-headline.long-headline), :where(body[data-pxx-css~="cd4d0053b4604"]) .live-headline.long-headline{
    font-size:20px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .live-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .live-headline{
    font-size:21px;
    left:11px;
    right:10px;
    letter-spacing:-.8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .live-headline.long-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .live-headline.long-headline{
    font-size:16px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .campaign-brand, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .campaign-brand{
    left:11px;
    font-size:6px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-sub), :where(body[data-pxx-css~="cd4d0053b4604"]) .story-sub{
    font-size:6px;
    left:11px;
    top:65%
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .demo-art-footer, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .demo-art-footer{
    left:11px;
    right:11px;
    font-size:4px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-art-footer), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-art-footer{
    left:12px;
    right:12px;
    bottom:12px;
    font-size:5px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .live-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .live-headline{
    font-size:17px;
    left:12px;
    right:60px;
    letter-spacing:-.5px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .live-headline.long-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .live-headline.long-headline{
    font-size:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-cta), :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-cta{
    font-size:5px;
    padding:4px;
    bottom:14px;
    right:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews) figcaption, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews figcaption{
    font-size:7px;
    gap:4px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews) figcaption>span:last-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews figcaption>span:last-child{
    font-size:6px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading h2{
    font-size:34px;
    letter-spacing:-1.5px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading)>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading>p{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps), :where(body[data-pxx-css~="cd4d0053b4604"]) .steps{
    gap:22px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps h3{
    font-size:15px;
    line-height:1.4
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps p{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content), :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content{
    padding:25px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content h3{
    font-size:25px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content .eyebrow{
    font-size:7px;
    letter-spacing:1px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content p{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-illustration), :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-illustration{
    margin-left:20px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embed-illustration), :where(body[data-pxx-css~="cd4d0053b4604"]) .embed-illustration{
    margin-inline:20px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embedded-studio), :where(body[data-pxx-css~="cd4d0053b4604"]) .embedded-studio{
    height:145px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser), :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser{
    gap:45px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser h2{
    font-size:36px;
    letter-spacing:-1.6px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser)>div>p:not(.eyebrow), :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser>div>p:not(.eyebrow){
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview), :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview{
    padding:23px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview-features), :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview-features{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-section{
    gap:35px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-section) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-section h2{
    font-size:32px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) summary, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items summary{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links), :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links{
    gap:30px;
    padding-right:0
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-spark), :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-spark{
    left:25px;
    font-size:65px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-inner) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-inner h2{
    font-size:37px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plans-grid), :where(body[data-pxx-css~="cd4d0053b4604"]) .plans-grid{
    grid-template-columns:repeat(2,1fr);
    gap:25px 16px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-card), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-card{
    padding:26px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-purpose), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-purpose{
    min-height:0
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-price), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-price{
    font-size:44px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-features), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-features{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-card) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-card .button{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-footnote), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-footnote{
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-name), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-name{
    font-size:18px
  }}
@media(max-width:640px){html:where(:has(> body[data-pxx-css~="cd4d0053b4604"])){
    scroll-padding-top:84px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-shell), :where(body[data-pxx-css~="cd4d0053b4604"]) .section-shell{
    padding-inline:23px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-shell), :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-shell{
    height:72px;
    padding-inline:23px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.brand)>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .brand>span{
    font-size:28px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.brand) img, :where(body[data-pxx-css~="cd4d0053b4604"]) .brand img{
    width:30px;
    height:26px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-actions), :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-actions{
    margin-left:auto;
    gap:0
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-actions .button{
    font-size:9px;
    padding:10px 12px;
    gap:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-actions) .button>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-actions .button>span{
    font-size:15px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.menu-toggle), :where(body[data-pxx-css~="cd4d0053b4604"]) .menu-toggle{
    display:flex;
    order:3;
    width:25px;
    height:30px;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    padding:0;
    border:0;
    background:none
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.menu-toggle)>span:not(.sr-only), :where(body[data-pxx-css~="cd4d0053b4604"]) .menu-toggle>span:not(.sr-only){
    display:block;
    height:1.5px;
    width:20px;
    background:var(--ink);
    transition:transform .2s
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.menu-toggle[aria-expanded=true])>span:first-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .menu-toggle[aria-expanded=true]>span:first-child{
    transform:translateY(3.25px) rotate(45deg)
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.menu-toggle[aria-expanded=true])>span:nth-child(2), :where(body[data-pxx-css~="cd4d0053b4604"]) .menu-toggle[aria-expanded=true]>span:nth-child(2){
    transform:translateY(-3.25px) rotate(-45deg)
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(#main-nav), :where(body[data-pxx-css~="cd4d0053b4604"]) #main-nav{
    display:none;
    position:absolute;
    top:71px;
    left:0;
    right:0;
    background:var(--paper);
    border-bottom:1px solid var(--line);
    padding:18px 24px;
    box-shadow:0 18px 24px #26213510
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(#main-nav.is-open), :where(body[data-pxx-css~="cd4d0053b4604"]) #main-nav.is-open{
    display:flex;
    align-items:stretch;
    flex-direction:column;
    gap:0
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(#main-nav)>a, :where(body[data-pxx-css~="cd4d0053b4604"]) #main-nav>a{
    font-size:14px;
    padding:12px 0;
    border-bottom:1px solid var(--line)
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.mobile-actions), :where(body[data-pxx-css~="cd4d0053b4604"]) .mobile-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:20px 0 6px;
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero{
    grid-template-columns:1fr;
    gap:25px;
    padding-top:43px;
    padding-bottom:37px;
    min-height:0
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero) h1, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero h1{
    font-size:57px;
    letter-spacing:-3.2px;
    line-height:1.08;
    margin-top:22px;
    margin-bottom:26px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero .eyebrow{
    font-size:8px;
    letter-spacing:1.3px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-description), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-description{
    font-size:13px;
    max-width:340px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions{
    flex-direction:row;
    align-items:center;
    gap:22px;
    margin-top:23px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions .button{
    font-size:10px;
    padding:14px 13px;
    gap:14px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.text-button), :where(body[data-pxx-css~="cd4d0053b4604"]) .text-button{
    font-size:10px;
    gap:7px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.play-icon), :where(body[data-pxx-css~="cd4d0053b4604"]) .play-icon{
    width:22px;
    height:22px;
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.trial-note), :where(body[data-pxx-css~="cd4d0053b4604"]) .trial-note{
    font-size:8px;
    margin-top:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-capabilities), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-capabilities{
    margin-top:25px;
    font-size:8px;
    gap:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-capabilities) span+span, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-capabilities span+span{
    padding-left:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-visual), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-visual{
    padding:27px 16px 48px;
    margin:7px 4px 15px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.visual-grid), :where(body[data-pxx-css~="cd4d0053b4604"]) .visual-grid{
    inset:0 -4px 12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.studio-window), :where(body[data-pxx-css~="cd4d0053b4604"]) .studio-window{
    transform:rotate(-1.5deg)
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-workspace), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-workspace{
    height:269px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-canvas), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-canvas{
    padding:18px 23px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-title), :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-title{
    font-size:32px;
    top:85px;
    left:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.art-kicker), :where(body[data-pxx-css~="cd4d0053b4604"]) .art-kicker{
    font-size:5px;
    left:18px;
    top:59px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-brand), :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-brand{
    left:18px;
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.art-bottom), :where(body[data-pxx-css~="cd4d0053b4604"]) .art-bottom{
    left:18px;
    right:18px;
    font-size:6px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.floating-output), :where(body[data-pxx-css~="cd4d0053b4604"]) .floating-output{
    left:31px;
    right:-5px;
    padding:12px;
    bottom:24px;
    gap:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.floating-output) strong, :where(body[data-pxx-css~="cd4d0053b4604"]) .floating-output strong{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.floating-output) div>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .floating-output div>span{
    font-size:7px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.output-stack), :where(body[data-pxx-css~="cd4d0053b4604"]) .output-stack{
    display:flex;
    height:25px;
    gap:3px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.output-stack) i, :where(body[data-pxx-css~="cd4d0053b4604"]) .output-stack i{
    width:11px;
    height:17px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.output-stack) i:nth-child(2), :where(body[data-pxx-css~="cd4d0053b4604"]) .output-stack i:nth-child(2){
    height:23px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.output-stack) i:nth-child(3), :where(body[data-pxx-css~="cd4d0053b4604"]) .output-stack i:nth-child(3){
    width:18px;
    height:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.visual-caption), :where(body[data-pxx-css~="cd4d0053b4604"]) .visual-caption{
    bottom:-6px;
    left:50px;
    font-size:14px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.visual-arrow), :where(body[data-pxx-css~="cd4d0053b4604"]) .visual-arrow{
    bottom:-10px;
    right:30px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customers), :where(body[data-pxx-css~="cd4d0053b4604"]) .customers{
    padding-top:8px;
    padding-bottom:30px;
    gap:24px;
    align-items:start
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customers)>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .customers>p{
    font-size:8px;
    min-width:75px;
    padding-top:4px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos{
    justify-content:space-between;
    gap:20px 16px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img, :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img{
    max-width:85px;
    max-height:19px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img:nth-child(2), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img:nth-child(2){
    width:48px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img:nth-child(3), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img:nth-child(3){
    width:81px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img:nth-child(4), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img:nth-child(4),:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customer-logos) img:nth-child(5), :where(body[data-pxx-css~="cd4d0053b4604"]) .customer-logos img:nth-child(5){
    width:87px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading), :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading{
    align-items:start;
    flex-direction:column;
    gap:20px;
    margin-bottom:30px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading h2,:where(body[data-pxx-css~="cd4d0053b4604"]) h2{
    font-size:34px;
    letter-spacing:-1.6px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading .eyebrow{
    font-size:8px;
    letter-spacing:1.4px;
    margin-bottom:14px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading)>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading>p{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-section{
    padding-top:48px;
    padding-bottom:43px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-layout), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-layout{
    grid-template-columns:1fr;
    gap:25px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-controls), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-controls{
    padding:20px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.control-heading), :where(body[data-pxx-css~="cd4d0053b4604"]) .control-heading{
    margin-bottom:18px;
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-controls) label, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-controls label,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-controls) legend, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-controls legend{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]) textarea{
    min-height:69px;
    font-size:13px;
    padding:10px 12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.field-meta), :where(body[data-pxx-css~="cd4d0053b4604"]) .field-meta{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-controls) fieldset, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-controls fieldset{
    display:inline-block;
    margin-top:18px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.swatches), :where(body[data-pxx-css~="cd4d0053b4604"]) .swatches{
    gap:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.swatch), :where(body[data-pxx-css~="cd4d0053b4604"]) .swatch{
    width:30px;
    height:30px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.reset-button), :where(body[data-pxx-css~="cd4d0053b4604"]) .reset-button{
    float:right;
    margin-top:45px;
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-footnote), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-footnote{
    display:none
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews{
    grid-template-columns:1.2fr .8fr;
    gap:15px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.square-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .square-art{
    aspect-ratio:1
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-art) .campaign-brand, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-art .campaign-brand{
    font-size:7px;
    left:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.live-headline), :where(body[data-pxx-css~="cd4d0053b4604"]) .live-headline{
    font-size:28px;
    left:12px;
    right:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.live-headline.long-headline), :where(body[data-pxx-css~="cd4d0053b4604"]) .live-headline.long-headline{
    font-size:20px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .live-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .live-headline{
    font-size:24px;
    left:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .live-headline.long-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .live-headline.long-headline{
    font-size:17px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .campaign-brand, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .campaign-brand{
    left:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-sub), :where(body[data-pxx-css~="cd4d0053b4604"]) .story-sub{
    font-size:7px;
    left:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .demo-art-footer, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .demo-art-footer{
    left:13px;
    right:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-art-footer), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-art-footer{
    font-size:5px;
    left:12px;
    right:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .live-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .live-headline{
    font-size:17px;
    right:60px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .live-headline.long-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .live-headline.long-headline{
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .campaign-brand, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .campaign-brand{
    font-size:5px;
    top:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-cta), :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-cta{
    font-size:5px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews) figcaption, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews figcaption{
    font-size:7px;
    flex-wrap:wrap;
    gap:4px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews) figcaption>span:last-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews figcaption>span:last-child{
    font-size:6px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-live-status), :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-live-status{
    font-size:7px;
    padding-top:2px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.how-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .how-section{
    padding-top:54px;
    padding-bottom:50px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading .inline-link{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps), :where(body[data-pxx-css~="cd4d0053b4604"]) .steps{
    grid-template-columns:1fr;
    gap:26px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) article, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps article{
    display:grid;
    grid-template-columns:30px 1fr;
    gap:0 11px;
    padding-top:19px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) .step-number, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps .step-number{
    grid-row:1/4;
    margin-top:3px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps h3{
    font-size:17px;
    letter-spacing:-.5px;
    line-height:1.4;
    margin-bottom:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps p{
    font-size:11px;
    max-width:100%
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.step-tag), :where(body[data-pxx-css~="cd4d0053b4604"]) .step-tag{
    justify-self:start;
    margin-top:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflows-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .workflows-section{
    padding-top:12px;
    padding-bottom:44px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-grid), :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-grid{
    grid-template-columns:1fr;
    gap:20px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content), :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content{
    padding:27px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content .eyebrow{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content h3{
    font-size:28px;
    margin-top:15px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content p{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.sheet-illustration), :where(body[data-pxx-css~="cd4d0053b4604"]) .sheet-illustration{
    margin-left:23px;
    margin-bottom:29px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embed-illustration), :where(body[data-pxx-css~="cd4d0053b4604"]) .embed-illustration{
    margin-inline:23px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.embedded-studio), :where(body[data-pxx-css~="cd4d0053b4604"]) .embedded-studio{
    height:170px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.developer-strip), :where(body[data-pxx-css~="cd4d0053b4604"]) .developer-strip{
    flex-wrap:wrap;
    gap:10px;
    padding:21px 0
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.developer-strip) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .developer-strip p{
    font-size:9px;
    flex:1
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.developer-strip) strong, :where(body[data-pxx-css~="cd4d0053b4604"]) .developer-strip strong{
    display:block
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.developer-strip) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .developer-strip .inline-link{
    font-size:9px;
    margin-left:30px;
    width:100%
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser), :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:10px;
    padding-bottom:50px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser h2{
    font-size:35px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser .eyebrow{
    font-size:8px;
    letter-spacing:1.2px;
    margin-bottom:16px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser)>div>p:not(.eyebrow), :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser>div>p:not(.eyebrow){
    font-size:12px;
    margin-top:16px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser .inline-link{
    font-size:11px;
    margin-top:17px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview), :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview{
    padding:25px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview) .preview-price, :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview .preview-price{
    font-size:55px;
    margin-top:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview-features), :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview-features{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview .button{
    padding:14px 16px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-section{
    grid-template-columns:1fr;
    gap:27px;
    padding-top:10px;
    padding-bottom:55px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-section) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-section h2{
    font-size:32px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-section) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-section .eyebrow{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-section) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-section .inline-link{
    margin-top:16px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) summary, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items summary{
    font-size:11px;
    padding:20px 0
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) details>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items details>p{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-inner), :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-inner{
    padding-top:49px;
    padding-bottom:43px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-inner) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-inner h2{
    font-size:31px;
    letter-spacing:-1.3px;
    margin-top:18px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-inner) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-inner .eyebrow{
    font-size:8px;
    letter-spacing:1.1px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-spark), :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-spark{
    font-size:40px;
    left:auto;
    right:14px;
    top:18px;
    opacity:.65
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.closing-note), :where(body[data-pxx-css~="cd4d0053b4604"]) .closing-note{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.site-footer), :where(body[data-pxx-css~="cd4d0053b4604"]) .site-footer{
    padding-top:35px;
    padding-bottom:22px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-main), :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-main{
    flex-direction:column;
    gap:28px;
    padding-bottom:28px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-main)>div>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-main>div>p{
    font-size:9px;
    margin-top:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links), :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links{
    justify-content:space-between;
    gap:15px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links)>div, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links>div{
    font-size:8px;
    gap:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links) strong, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links strong{
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-bottom), :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-bottom{
    flex-wrap:wrap;
    font-size:8px;
    gap:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.proposal-label), :where(body[data-pxx-css~="cd4d0053b4604"]) .proposal-label{
    order:3;
    width:100%;
    font-size:7px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-bottom)>div, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-bottom>div{
    gap:16px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-page-intro), :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-page-intro{
    padding-top:38px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-page-intro) h1, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-page-intro h1{
    font-size:39px;
    letter-spacing:-1.8px;
    margin:13px 0
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-page-intro) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-page-intro .eyebrow{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-page-intro)>p:not(.eyebrow), :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-page-intro>p:not(.eyebrow){
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-page-intro) .trial-note, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-page-intro .trial-note{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plans-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .plans-section{
    padding-top:31px;
    padding-bottom:45px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plans-grid), :where(body[data-pxx-css~="cd4d0053b4604"]) .plans-grid{
    grid-template-columns:1fr;
    gap:26px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-card), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-card{
    padding:24px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-purpose), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-purpose{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-price), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-price{
    margin-top:15px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-card) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-card .button{
    max-width:100%;
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-features), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-features{
    font-size:11px;
    gap:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-billed), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-billed{
    font-size:9px;
    margin-bottom:19px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-footnote), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-footnote{
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plans-caption), :where(body[data-pxx-css~="cd4d0053b4604"]) .plans-caption{
    font-size:8px;
    line-height:1.8
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-section), :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-section{
    padding-bottom:45px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-section) h2, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-section h2{
    font-size:29px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-section) .eyebrow, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-section .eyebrow{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table), :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table{
    font-size:9px;
    min-width:600px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) th, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table th,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table) td, :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table td{
    padding:14px 10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.custom-plan), :where(body[data-pxx-css~="cd4d0053b4604"]) .custom-plan{
    align-items:start;
    flex-direction:column;
    gap:14px;
    padding:23px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.custom-plan) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .custom-plan .inline-link{
    margin-left:0
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.custom-plan) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .custom-plan p{
    font-size:10px
  }}
@media(max-width:370px){:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero) h1, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero h1{
    font-size:50px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions{
    gap:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions .button{
    font-size:9px;
    gap:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.text-button), :where(body[data-pxx-css~="cd4d0053b4604"]) .text-button{
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-shell), :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-shell{
    gap:14px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.brand)>span, :where(body[data-pxx-css~="cd4d0053b4604"]) .brand>span{
    font-size:25px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.brand) img, :where(body[data-pxx-css~="cd4d0053b4604"]) .brand img{
    width:26px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-actions .button{
    font-size:8px;
    padding:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.campaign-title), :where(body[data-pxx-css~="cd4d0053b4604"]) .campaign-title{
    font-size:29px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.floating-output), :where(body[data-pxx-css~="cd4d0053b4604"]) .floating-output{
    left:18px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.output-stack), :where(body[data-pxx-css~="cd4d0053b4604"]) .output-stack{
    display:none
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .live-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .live-headline{
    font-size:20px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.live-headline), :where(body[data-pxx-css~="cd4d0053b4604"]) .live-headline{
    font-size:24px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .live-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .live-headline{
    font-size:14px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews) figcaption>span:last-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews figcaption>span:last-child{
    display:block;
    width:100%;
    margin-left:0
  }}
/* Readable interface text; the miniature Studio illustration keeps its own scale. */

:where(body[data-pxx-css~="cd4d0053b4604"]):is(#main-nav)>a, :where(body[data-pxx-css~="cd4d0053b4604"]) #main-nav>a,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.login), :where(body[data-pxx-css~="cd4d0053b4604"]) .login{
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.button-small), :where(body[data-pxx-css~="cd4d0053b4604"]) .button-small{
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-description), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-description{
  font-size:16px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions .button,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.text-button), :where(body[data-pxx-css~="cd4d0053b4604"]) .text-button{
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.trial-note), :where(body[data-pxx-css~="cd4d0053b4604"]) .trial-note{
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-capabilities), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-capabilities,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customers)>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .customers>p{
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading)>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading>p{
  font-size:13px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps h3{
  font-size:19px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps p,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content p,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) details>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items details>p{
  font-size:13px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.step-tag), :where(body[data-pxx-css~="cd4d0053b4604"]) .step-tag{
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content .inline-link,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.developer-strip) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .developer-strip .inline-link,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-section) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-section .inline-link{
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.developer-strip) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .developer-strip p{
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-controls) label, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-controls label,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-controls) legend, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-controls legend{
  font-size:11px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-controls) textarea, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-controls textarea{
  font-size:13px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.field-meta), :where(body[data-pxx-css~="cd4d0053b4604"]) .field-meta{
  font-size:8px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.reset-button), :where(body[data-pxx-css~="cd4d0053b4604"]) .reset-button,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-footnote) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-footnote p{
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews) figcaption, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews figcaption{
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews) figcaption>span:last-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews figcaption>span:last-child{
  font-size:8px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.square-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .square-art{
  aspect-ratio:1
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art{
  aspect-ratio:1200/628
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-art{
  width:auto;
  aspect-ratio:1;
  max-width:100%
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art:has(.long-headline)) .story-sub, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art:has(.long-headline) .story-sub{
  display:none
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser) .price-preview .preview-price, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser .price-preview .preview-price{
  font-size:55px;
  line-height:1.2;
  color:var(--ink);
  margin-top:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview-features), :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview-features{
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview .button,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) summary, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items summary{
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links)>div, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links>div{
  font-size:11px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links) strong, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links strong{
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-main)>div>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-main>div>p{
  font-size:11px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-bottom), :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-bottom{
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.proposal-label), :where(body[data-pxx-css~="cd4d0053b4604"]) .proposal-label{
  font-size:9px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-purpose), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-purpose{
  font-size:11px;
  min-height:40px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-billed), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-billed,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-footnote), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-footnote{
  font-size:10px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-features), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-features{
  font-size:11px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-card) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-card .button{
  font-size:11px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plans-caption), :where(body[data-pxx-css~="cd4d0053b4604"]) .plans-caption{
  font-size:11px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table), :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table{
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.custom-plan) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .custom-plan p{
  font-size:12px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(#main-nav)>a[aria-current=page], :where(body[data-pxx-css~="cd4d0053b4604"]) #main-nav>a[aria-current=page]{
  color:var(--purple);
  font-weight:700
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-name), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-name{
  letter-spacing:-.4px
}
@media(max-width:370px){:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero) h1, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero h1{
    font-size:clamp(40px,13.8vw,50px)
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-description), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-description{
    font-size:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-actions .button{
    font-size:8px
  }}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-actions .button{
  white-space:nowrap
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions .button,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions) .text-button, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions .text-button{
  white-space:nowrap
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.editor-canvas), :where(body[data-pxx-css~="cd4d0053b4604"]) .editor-canvas{
  min-width:0;
  align-items:center
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-art), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-art{
  width:100%;
  height:auto;
  aspect-ratio:1;
  max-width:252px;
  min-width:0;
  container-type:inline-size;
  flex-shrink:1
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-art) .campaign-title, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-art .campaign-title{
  font-size:clamp(18px,11cqw,35px);
  top:34%;
  left:6%;
  right:6%;
  letter-spacing:-1px
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-art) .art-kicker, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-art .art-kicker{
  top:24%;
  left:8%;
  font-size:clamp(3px,1.7cqw,5px)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-art) .campaign-brand, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-art .campaign-brand{
  top:6%;
  left:8%;
  font-size:clamp(6px,3.3cqw,10px)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-art) .art-bottom, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-art .art-bottom{
  left:8%;
  right:8%;
  bottom:6%;
  font-size:clamp(3px,2cqw,6px)
}
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-art) .art-cta, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-art .art-cta{
  padding:4px
}
@media(max-width:640px){:where(body[data-pxx-css~="cd4d0053b4604"]):is(.square-art) .live-headline.long-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .square-art .live-headline.long-headline{
    font-size:16px;
    top:31%
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .live-headline.long-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .live-headline.long-headline{
    font-size:12px;
    right:12px;
    top:32%
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art:has(.long-headline)) .banner-cta, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art:has(.long-headline) .banner-cta{
    display:none
  }}
@media(max-width:370px){:where(body[data-pxx-css~="cd4d0053b4604"]):is(.square-art) .live-headline.long-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .square-art .live-headline.long-headline{
    font-size:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.story-art) .live-headline.long-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .story-art .live-headline.long-headline{
    font-size:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.banner-art) .live-headline.long-headline, :where(body[data-pxx-css~="cd4d0053b4604"]) .banner-art .live-headline.long-headline{
    font-size:10px;
    right:12px
  }}
@media(max-width:850px){:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-description), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-description{
    font-size:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions .button,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.text-button), :where(body[data-pxx-css~="cd4d0053b4604"]) .text-button{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-capabilities), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-capabilities{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.trial-note), :where(body[data-pxx-css~="cd4d0053b4604"]) .trial-note{
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading)>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading>p{
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews) figcaption, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews figcaption{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.demo-previews) figcaption>span:last-child, :where(body[data-pxx-css~="cd4d0053b4604"]) .demo-previews figcaption>span:last-child{
    font-size:7px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps h3{
    font-size:17px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps p{
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) .inline-link, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content .inline-link{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.developer-strip) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .developer-strip p{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.price-preview-features), :where(body[data-pxx-css~="cd4d0053b4604"]) .price-preview-features{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links)>div, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links>div{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links) strong, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links strong{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-bottom), :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-bottom{
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.proposal-label), :where(body[data-pxx-css~="cd4d0053b4604"]) .proposal-label{
    font-size:8px
  }}
@media(max-width:640px){:where(body[data-pxx-css~="cd4d0053b4604"]):is(#main-nav)>a, :where(body[data-pxx-css~="cd4d0053b4604"]) #main-nav>a{
    font-size:14px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.nav-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .nav-actions .button{
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-description), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-description{
    font-size:14px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-actions) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-actions .button,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.text-button), :where(body[data-pxx-css~="cd4d0053b4604"]) .text-button{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.trial-note), :where(body[data-pxx-css~="cd4d0053b4604"]) .trial-note{
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.hero-capabilities), :where(body[data-pxx-css~="cd4d0053b4604"]) .hero-capabilities{
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.customers)>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .customers>p{
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) h3, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps h3{
    font-size:18px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.steps) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .steps p,:where(body[data-pxx-css~="cd4d0053b4604"]):is(.workflow-content) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .workflow-content p{
    font-size:13px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.step-tag), :where(body[data-pxx-css~="cd4d0053b4604"]) .step-tag{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.section-heading)>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .section-heading>p{
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) summary, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items summary{
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.faq-items) details>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .faq-items details>p{
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links)>div, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links>div{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-links) strong, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-links strong{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-main)>div>p, :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-main>div>p{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.footer-bottom), :where(body[data-pxx-css~="cd4d0053b4604"]) .footer-bottom{
    font-size:9px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.proposal-label), :where(body[data-pxx-css~="cd4d0053b4604"]) .proposal-label{
    font-size:8px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-purpose), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-purpose{
    font-size:12px;
    min-height:0
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-features), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-features{
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-card) .button, :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-card .button{
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plan-footnote), :where(body[data-pxx-css~="cd4d0053b4604"]) .plan-footnote{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.plans-caption), :where(body[data-pxx-css~="cd4d0053b4604"]) .plans-caption{
    font-size:10px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.comparison-table), :where(body[data-pxx-css~="cd4d0053b4604"]) .comparison-table{
    font-size:11px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.custom-plan) p, :where(body[data-pxx-css~="cd4d0053b4604"]) .custom-plan p{
    font-size:12px
  }
:where(body[data-pxx-css~="cd4d0053b4604"]):is(.pricing-teaser) .price-preview .preview-price, :where(body[data-pxx-css~="cd4d0053b4604"]) .pricing-teaser .price-preview .preview-price{
    font-size:55px
  }}
@media(prefers-reduced-motion:reduce){html:where(:has(> body[data-pxx-css~="cd4d0053b4604"])){
    scroll-behavior:auto
  }
:where(body[data-pxx-css~="cd4d0053b4604"]) *,:where(body[data-pxx-css~="cd4d0053b4604"]) *::before,:where(body[data-pxx-css~="cd4d0053b4604"]) *::after{
    transition:none!important;
    animation:none!important
  }}
/* redesign.css */
@font-face{
  font-family: 'Audiowide';
  src: url("../audiowide-regular.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* V2: the visual direction of V1, applied to the existing production content.
   No legacy framework, web fonts from a third party or JavaScript renderer. */

:root:where(:has(> body[data-pxx-css~="c06a9af2fcf19"])){ --content-width: 1240px; }
body:where([data-pxx-css~="c06a9af2fcf19"]).seo-preserved{ background: var(--paper); color: var(--ink); font-size: 14px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .container{ width: min(100%, var(--content-width)); padding: 0 48px; margin-inline: auto; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) h1, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved h1,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) h2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved h2,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) h3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved h3{ color: var(--ink); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved p{ font-size: 14px; line-height: 1.85; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved a{ transition: color .18s, background .18s, border-color .18s; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .sr-only, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .sr-only{ position: absolute; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-gradient-heading, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-gradient-heading{ background: none; -webkit-text-fill-color: currentColor; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-gradient, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-gradient,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .grey-span, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .grey-span{ color: var(--purple); background: none; -webkit-text-fill-color: currentColor; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .label{ font-size: 10px; font-weight: 700; line-height: 1.6; color: var(--purple); background: none; border: 0; letter-spacing: 1.3px; text-transform: uppercase; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fas, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fas{ font-style: normal; font-family: Arial, sans-serif; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-arrow-right::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-arrow-right::before,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-chevron-right::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-chevron-right::before,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-angle-right::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-angle-right::before{ content: '↗'; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-check::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-check::before,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-check-circle::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-check-circle::before{ content: '✓'; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-credit-card::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-credit-card::before{ content: '▱'; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-play-circle-o::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-play-circle-o::before{ content: '▷'; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-list-alt::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-list-alt::before,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-th-large::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-th-large::before{ content: '▦'; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-envelope-o::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-envelope-o::before{ content: '✉'; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-instagram::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-instagram::before{ content: '▣'; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-television::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-television::before{ content: '▯'; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .fa-pinterest::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .fa-pinterest::before{ content: '▯'; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .icon-caret-down::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .icon-caret-down::before{ content: '⌄'; font-size: 13px; margin-left: 4px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .icon-caret-up::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .icon-caret-up::before{ content: '↑'; margin-left: 8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bubbly-button, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bubbly-button,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-trial-nav, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-trial-nav,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-card-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-card-link{
  display: inline-flex; justify-content: center; align-items: center; gap: 24px; min-height: 48px;
  padding: 13px 20px; border: 1px solid transparent; border-radius: 6px;
  background: var(--purple); color: white; font: 700 12px/1.5 var(--font); text-align: center;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bubbly-button:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bubbly-button:hover,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-trial-nav:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-trial-nav:hover,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-card-link:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-card-link:hover{ background: var(--purple-dark); color: white; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bubbly-button .bubblediv, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bubbly-button .bubblediv{ font-size: 20px; line-height: 1; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bubbly-button::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bubbly-button::before,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bubbly-button::after, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bubbly-button::after{ content: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-cta-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-cta-row{ display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin-top: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-inline-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-inline-link,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-card-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-card-link,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-inline-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-inline-link,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-link{
  display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-size: 12px; font-weight: 700;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-inline-link:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-inline-link:hover,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-card-link:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-card-link:hover,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-inline-link:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-inline-link:hover,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-link:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-link:hover{ color: var(--purple); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-workflow-links a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-workflow-links a,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table a,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-note a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-note a,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection a{ color: var(--purple); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #c4b8e7; }
/* Original global navigation and all its destination links are retained. */

:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar{ position: sticky; z-index: 50; top: 0; border-bottom: 1px solid var(--line); background: #faf9f6f5; backdrop-filter: blur(16px); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar > .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar > .container{ height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-brand, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-brand{ display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-brand img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-brand img{ width: 33px; height: 33px; object-fit: contain; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-brand label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-brand label{ font: 400 20px/1 'Audiowide', sans-serif; letter-spacing: 0; cursor: pointer; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav{ display: flex; gap: 25px; align-items: center; list-style: none; padding: 0; margin: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav > .nav-item, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav > .nav-item{ position: relative; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav .nav-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav .nav-link{ display: inline-flex; align-items: center; min-height: 42px; color: #45434b; font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav .nav-link:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav .nav-link:hover{ color: var(--purple); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-toggler, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-toggler{ display: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-trial-nav, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-trial-nav{ font-size: 11px; min-height: 42px; padding: 10px 17px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar .home-trial-nav, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar .home-trial-nav{ color: white; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .dropdown-menu, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .dropdown-menu{ display: none; position: absolute; z-index: 60; top: calc(100% + 8px); left: -24px; width: 320px; max-height: min(75vh, 650px); overflow-y: auto; padding: 20px; background: white; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 16px 40px #24203214; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .dropdown.open .dropdown-menu, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .dropdown.open .dropdown-menu{ display: block; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav > .dropdown:nth-child(3) .dropdown-menu, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav > .dropdown:nth-child(3) .dropdown-menu{ left: auto; right: -18px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-nav-card > b, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-nav-card > b{ display: block; font-size: 9px; color: #8b8399; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-nav-dropdown-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-nav-dropdown-link{ display: block; padding: 11px 8px; border-radius: 4px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-nav-dropdown-link:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-nav-dropdown-link:hover{ background: #f3effa; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-nav-dropdown-link strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-nav-dropdown-link strong{ display: block; font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-nav-dropdown-link > span, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-nav-dropdown-link > span{ display: block; font-size: 11px; color: var(--muted); line-height: 1.7; margin-top: 2px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar a:focus-visible, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar a:focus-visible{ outline-offset: 3px; }
/* The existing heading, paragraph, calls to action and Studio visual. */

:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-hero, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-hero{ padding: 70px 0 50px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-shell, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-shell{ padding: 0; background: none; border: 0; box-shadow: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-grid{ display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: center; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero h1, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero h1{ font-size: 54px; line-height: 1.12; letter-spacing: -2.8px; margin: 24px 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-copy{ font-size: 15px; max-width: 550px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-trial-note, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-trial-note{ display: flex; flex-wrap: wrap; gap: 20px; margin-top: 17px; font-size: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-trial-note > span, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-trial-note > span{ display: inline-flex; align-items: center; gap: 6px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-trial-note i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-trial-note i{ color: #5a7c57; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-card{ padding: 30px 18px 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-card > :not(.visual-grid), :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-card > :not(.visual-grid){ position: relative; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-card .visual-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-card .visual-grid{ inset: 0 -6px 0 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-media-frame, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-media-frame{ transform: rotate(-2deg); padding: 9px; background: #fff; border: 1px solid #dcd6e7; border-radius: 8px; box-shadow: 0 18px 40px #29203412; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-media-shot, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-media-shot{ width: 100%; border-radius: 3px; aspect-ratio: 900/438; object-fit: contain; background: #35363e; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-meta, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-meta{ padding: 27px 10px 5px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-label{ color: #716482; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-title{ font-size: 23px; line-height: 1.3; letter-spacing: -.8px; margin: 10px 0 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-copy{ font-size: 12px; line-height: 1.8; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-logo-band, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-logo-band{ padding: 28px 0 37px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-logo-band > .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-logo-band > .container{ display: flex; align-items: center; gap: 50px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) #customer-heading, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved #customer-heading{ font-size: 11px; letter-spacing: 0; font-weight: 400; flex-shrink: 0; color: var(--muted); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .logo-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .logo-row{ display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 30px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .logo-row img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .logo-row img{ width: 120px; max-height: 28px; object-fit: contain; filter: grayscale(1); opacity: .64; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .logo-row img:nth-child(2), :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .logo-row img:nth-child(2){ width: 72px; }
/* Original demo introduction and links, with the requested V1 controls/art. */

:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-demo, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-demo{ padding: 65px 0 60px; background: #f2f1ed; border-top: 1px solid var(--line); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-section-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-section-title{ font-size: 40px; line-height: 1.2; letter-spacing: -1.8px; max-width: 850px; margin-bottom: 18px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-section-intro, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-section-intro{ max-width: 850px; margin-bottom: 30px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-demo .v3-section-intro, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-demo .v3-section-intro{ max-width: 730px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-layout, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-layout{ margin-top: 30px; grid-template-columns: 250px 1fr; gap: 40px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews{ grid-template-columns: 1fr .57fr .76fr; gap: 20px; align-items: start; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews figure, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews figure{ min-width: 0; grid-row: auto; grid-column: auto; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .square-art, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .square-art{ aspect-ratio: 1; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .story-art, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .story-art{ aspect-ratio: 1/2; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pin-art, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pin-art{ aspect-ratio: 2/3; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-art, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-art{ container-type: inline-size; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-art .live-headline, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-art .live-headline{ font-size: clamp(16px, 12cqw, 32px); letter-spacing: -.8px; top: 34%; left: 8%; right: 8%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-art .live-headline.long-headline, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-art .live-headline.long-headline{ font-size: clamp(12px, 8.2cqw, 23px); top: 29%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-art .campaign-brand, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-art .campaign-brand{ left: 8%; top: 7%; font-size: clamp(5px, 3.5cqw, 9px); letter-spacing: 1px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-art .story-sub, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-art .story-sub{ left: 8%; top: 67%; font-size: 7px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-art .demo-art-footer, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-art .demo-art-footer{ left: 8%; right: 8%; bottom: 7%; font-size: clamp(3px, 2.1cqw, 6px); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-art .banner-cta, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-art .banner-cta{ bottom: 8%; right: 8%; padding: 5px 6px; font-size: clamp(4px, 3.5cqw, 8px); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews figcaption, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews figcaption{ display: block; font-size: 9px; line-height: 1.7; color: #68616f; padding-top: 9px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews figcaption i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews figcaption i{ margin-right: 3px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-live-status, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-live-status{ grid-column: 1/-1; font-size: 9px; align-self: end; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-footnote p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-footnote p{ font-size: 10px; line-height: 1.8; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-demo-caption, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-demo-caption{ font-size: 12px; margin-top: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-demo .v3-cta-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-demo .v3-cta-row{ margin-top: 20px; }
/* Every original editorial section is present. */

:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) main > .v3-section, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved main > .v3-section{ padding: 70px 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) main > .home-hero, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved main > .home-hero{ padding: 70px 0 50px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-grid-2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-grid-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 30px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-grid-3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 35px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card{ display: flex; flex-direction: column; padding: 30px; background: #edece5; border-radius: 8px; min-width: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card:nth-child(2), :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card:nth-child(2){ background: #292637; color: white; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card:nth-child(2) h3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card:nth-child(2) h3,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card:nth-child(2) .v3-inline-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card:nth-child(2) .v3-inline-link{ color: #fff; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card:nth-child(2) p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card:nth-child(2) p{ color: #d1cadb; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-card-media, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-card-media{ overflow: hidden; border: 1px solid #ded9e7; border-radius: 5px; background: white; margin-bottom: 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-card-media img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-card-media img{ width: 100%; height: 190px; object-fit: contain; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card-top, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card-top{ font-size: 9px; font-weight: 700; text-transform: uppercase; color: #7e718e; letter-spacing: 1px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card:nth-child(2) .v3-hub-card-top, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card:nth-child(2) .v3-hub-card-top{ color: #bcb0d3; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card h3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card h3{ font-size: 28px; letter-spacing: -1px; margin: 12px 0 18px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card h3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card h3{ text-transform: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card > p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card > p{ font-size: 13px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card .v3-cta-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card .v3-cta-row{ margin-top: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card .v3-cta-row > .v3-inline-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card .v3-cta-row > .v3-inline-link{
  display: flex;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 58px;
  padding: 16px 20px;
  border: 1px solid #6641d9;
  border-radius: 12px;
  background: #6641d9;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  box-shadow: 0 6px 16px #6641d926;
  transition: background .2s, box-shadow .2s, transform .2s;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card .v3-cta-row > .v3-inline-link > i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card .v3-cta-row > .v3-inline-link > i{ display: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card .v3-cta-row > .v3-inline-link::after, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card .v3-cta-row > .v3-inline-link::after{
  content: '↗';
  flex: 0 0 28px;
  text-align: center;
  font: 400 24px/1 Arial, sans-serif;
  transition: transform .2s;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card:nth-child(2) .v3-cta-row > .v3-inline-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card:nth-child(2) .v3-cta-row > .v3-inline-link{
  background: #c9f49d;
  border-color: #c9f49d;
  color: #23311b;
  box-shadow: 0 6px 18px #11101b33;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card .v3-cta-row > .v3-inline-link:focus-visible, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card .v3-cta-row > .v3-inline-link:focus-visible{
  outline: 3px solid #a38ae9;
  outline-offset: 4px;
}
@media (hover: hover){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card .v3-cta-row > .v3-inline-link:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card .v3-cta-row > .v3-inline-link:hover{
    background: #5530c7;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px #6641d938;
  }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card:nth-child(2) .v3-cta-row > .v3-inline-link:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card:nth-child(2) .v3-cta-row > .v3-inline-link:hover{
    background: #d9ffb6;
    box-shadow: 0 10px 22px #11101b4d;
  }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card .v3-cta-row > .v3-inline-link:hover::after, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card .v3-cta-row > .v3-inline-link:hover::after{ transform: translate(2px, -2px); }}
@media (prefers-reduced-motion: reduce){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card .v3-cta-row > .v3-inline-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card .v3-cta-row > .v3-inline-link,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card .v3-cta-row > .v3-inline-link::after, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card .v3-cta-row > .v3-inline-link::after{ transition: none; transform: none !important; }}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card .home-workflow-links, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card .home-workflow-links{ font-size: 11px; margin-top: 20px; padding-top: 15px; border-top: 1px solid #c7c1cd; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card:nth-child(2) .home-workflow-links a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card:nth-child(2) .home-workflow-links a{ color: #ded2f7; text-decoration-color: #746585; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-workflow-links, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-workflow-links{ max-width: 1050px; font-size: 12px; line-height: 1.9; margin-top: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-step-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-step-card{ border-top: 1px solid #d7d2dd; padding-top: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-step-chip, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-step-chip{ display: block; color: var(--purple); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin-bottom: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-step-card .v3-card-media img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-step-card .v3-card-media img{ height: 155px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-step-card h3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-step-card h3{ font-size: 22px; line-height: 1.3; margin-bottom: 15px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-step-card p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-step-card p{ font-size: 13px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-step-card .v3-card-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-step-card .v3-card-link{ margin-top: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-table-shell, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-table-shell,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection > div, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection > div{ overflow-x: auto; border: 1px solid var(--line); border-radius: 7px; background: white; margin-top: 28px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection table, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection table{ border-collapse: collapse; text-align: left; width: 100%; min-width: 720px; font-size: 12px; line-height: 1.9; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table th, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table th,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table td, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table td,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection th, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection th,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection td, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection td{ padding: 21px; border-bottom: 1px solid #eeebef; vertical-align: top; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table th, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table th{ font-weight: 700; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table thead, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table thead,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection thead, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection thead{ background: #ece8f3; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table td:last-child, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table td:last-child{ min-width: 185px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table a{ display: block; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table tr:last-child td, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table tr:last-child td,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table tr:last-child th, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table tr:last-child th{ border-bottom: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) [aria-labelledby="proof-heading"], :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved [aria-labelledby="proof-heading"]{ background: #f2f1ed; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-testimonial-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-testimonial-card{ padding: 30px; border-top: 1px solid #cfc9d8; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-testimonial-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-testimonial-copy{ font-size: 16px; color: var(--ink); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-testimonial-person, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-testimonial-person{ display: flex; align-items: center; gap: 14px; margin-top: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-testimonial-avatar, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-testimonial-avatar{ width: 40px; height: 40px; object-fit: cover; border-radius: 50%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-testimonial-name, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-testimonial-name{ font-size: 12px; line-height: 1.7; letter-spacing: -.2px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-proof-stats, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-proof-stats{ display: flex; justify-content: center; gap: 90px; padding-top: 40px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-proof-stats p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-proof-stats p{ font-size: 12px; text-align: center; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-proof-stats strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-proof-stats strong{ font-size: 30px; color: var(--ink); letter-spacing: -1px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) #faq > .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved #faq > .container{ display: grid; grid-template-columns: .7fr 1.3fr; gap: 60px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) #faq .v3-section-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved #faq .v3-section-title{ font-size: 36px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-card{ min-width: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-card details, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-card details{ border-bottom: 1px solid #d9d4df; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-card details:first-child, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-card details:first-child{ border-top: 1px solid #d9d4df; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-card summary, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-card summary{ display: flex; justify-content: space-between; gap: 20px; padding: 22px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 700; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-card summary::-webkit-details-marker, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-card summary::-webkit-details-marker{ display: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-icon, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-icon{ display: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-toggle::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-toggle::before{ content: '+'; font-size: 20px; color: #92849d; font-weight: 400; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-toggle i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-toggle i{ display: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-card details[open] .v3-faq-toggle, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-card details[open] .v3-faq-toggle{ transform: rotate(45deg); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-card details > p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-card details > p{ font-size: 13px; padding-bottom: 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) main > section:has(.v3-final-cta), :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved main > section:has(.v3-final-cta){ background: var(--purple); padding: 65px 0 60px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta{ max-width: 900px; margin-inline: auto; text-align: center; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta .v3-section-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta .v3-section-title{ margin-inline: auto; font-size: 43px; color: white; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta .v3-hero-gradient, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta .v3-hero-gradient{ color: white; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta .v3-section-intro, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta .v3-section-intro{ margin: 20px auto; color: #e3ddf7; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta .v3-cta-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta .v3-cta-row{ justify-content: center; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta .bubbly-button, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta .bubbly-button{ background: white; color: var(--purple); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta .v3-inline-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta .v3-inline-link{ color: white; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta .home-trial-note, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta .home-trial-note{ justify-content: center; color: #e4dcfa; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta .home-trial-note i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta .home-trial-note i{ color: #d8eacb; }
/* Dense original footer links, retained and arranged in a quieter grid. */

:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer{ padding: 50px 0 35px; background: var(--paper); color: var(--ink); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer .row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer .row{ display: grid; grid-template-columns: .8fr 1fr 1.25fr 1.4fr .85fr .7fr; gap: 28px; align-items: start; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer ul, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer ul{ list-style: none; padding: 0; margin: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer .nav-item, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer .nav-item{ margin-bottom: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer .nav-item b, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer .nav-item b{ display: block; font-size: 12px; margin-bottom: 17px; color: var(--ink); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer .nav-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer .nav-link{ font-size: 11px; color: #756e7e; line-height: 1.8; display: block; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer .nav-link:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer .nav-link:hover{ color: var(--purple); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer small, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer small{ font-size: 10px; color: #847b8c; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer img{ width: 30px; height: 30px; margin-bottom: 15px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer br, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer br{ display: none; }
/* Pricing: original paragraphs and offers, reorganized without editorial cuts. */

:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31{ padding: 45px 0 60px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-hero, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-hero{ text-align: center; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-hero h1, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-hero h1{ max-width: 970px; font-size: 43px; letter-spacing: -2px; margin: 18px auto; line-height: 1.17; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-hero h1 b, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-hero h1 b{ font-weight: 700; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-intro, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-intro{ max-width: 990px; font-size: 13px; margin: 18px auto; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-meta, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-meta{ display: flex; justify-content: center; gap: 20px; font-size: 10px; color: var(--muted); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-meta span, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-meta span{ display: inline-flex; align-items: center; gap: 6px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-meta i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-meta i{ color: #5a7c57; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-hero-links, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-hero-links{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-hero-links .bubbly-button, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-hero-links .bubbly-button{ padding: 10px 16px; min-height: 42px; font-size: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-inline-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-inline-link{ font-size: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-top: 35px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card{ display: flex; flex-direction: column; border: 1px solid #ddd8e4; border-radius: 7px; background: #fff; padding: 24px 20px; min-width: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card.is-featured, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card.is-featured{ border-top: 3px solid var(--purple); padding-top: 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-top, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-top{ display: flex; flex-direction: column; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-top > .label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-top > .label{ color: var(--ink); font-size: 17px; letter-spacing: -.4px; text-transform: none; line-height: 1.5; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-kicker, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-kicker{ font-size: 9px; text-transform: uppercase; letter-spacing: .7px; margin-top: 8px; min-height: 32px; line-height: 1.7; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-price, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-price{ display: flex; align-items: baseline; gap: 5px; font-size: 10px; margin: 18px 0 20px; color: var(--muted); line-height: 1.2; white-space: nowrap; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-price strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-price strong{ font-size: 38px; letter-spacing: -1.8px; color: var(--ink); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card:last-child .pricing-v31-plan-price strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card:last-child .pricing-v31-plan-price strong{ font-size: 28px; letter-spacing: -1.3px; line-height: 45.6px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-card-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-card-link{ width: 100%; padding: 12px 10px; gap: 16px; font-size: 11px; min-height: 44px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card:not(.is-featured) .pricing-v31-card-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card:not(.is-featured) .pricing-v31-card-link{ background: white; color: var(--ink); border-color: #d9d2e2; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card:not(.is-featured) .pricing-v31-card-link:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card:not(.is-featured) .pricing-v31-card-link:hover{ background: #f2eef8; color: var(--purple); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-title{ font-size: 14px; letter-spacing: -.4px; line-height: 1.6; margin-top: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-copy,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-tier-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-tier-copy{ font-size: 11px; line-height: 1.85; margin: 19px 0 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-list, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-list{ padding: 17px 0 0; list-style: none; margin: auto 0 0; border-top: 1px solid var(--line); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-list li, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-list li{ display: flex; align-items: baseline; gap: 7px; font-size: 11px; line-height: 1.8; margin-bottom: 9px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-list li::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-list li::before{ content: '✓'; color: #58805b; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-list .is-negative::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-list .is-negative::before{ content: '–'; color: #999; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-tier-metrics, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-tier-metrics{ list-style: none; padding: 17px 0 0; margin: auto 0 0; border-top: 1px solid var(--line); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-tier-metrics li, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-tier-metrics li{ display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 10px; line-height: 1.8; margin-bottom: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-tier-metrics strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-tier-metrics strong{ font-size: 10px; white-space: nowrap; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-automation-shell, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-automation-shell{ background: #efeaf6; border: 1px solid #e0d9eb; border-radius: 7px; padding: 28px; margin-top: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-automation-head h2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-automation-head h2{ font-size: 26px; letter-spacing: -.8px; margin: 12px 0 15px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-automation-head > p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-automation-head > p{ font-size: 13px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-shared-stack, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-shared-stack{ border-top: 1px solid #d4c9e0; padding-top: 20px; margin-top: 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-shared-stack strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-shared-stack strong{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-shared-stack p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-shared-stack p{ font-size: 12px; margin-top: 8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection{ margin-top: 60px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection h2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection h2{ font-size: 32px; line-height: 1.3; letter-spacing: -1.1px; margin: 15px 0 20px; max-width: 850px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection > p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection > p{ font-size: 13px; max-width: 1000px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; margin-top: 35px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-card,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-climate-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-climate-card{ border-top: 1px solid #d7d0df; padding: 25px 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-card h3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-card h3,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-climate-card h3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-climate-card h3{ font-size: 18px; line-height: 1.5; letter-spacing: -.4px; margin-bottom: 13px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-card p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-card p,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-climate-card p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-climate-card p{ font-size: 13px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-card > a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-card > a,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-climate-card > a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-climate-card > a{ margin-top: 17px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-icon, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-icon{ display: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-grid img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-grid img{ max-width: 45px; max-height: 45px; object-fit: contain; margin-bottom: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-section, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-section{ padding: 55px 0; border-top: 1px solid var(--line); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-section:nth-of-type(2), :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-section:nth-of-type(2){ background: #f1efea; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-section h2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-section h2{ font-size: 35px; line-height: 1.25; letter-spacing: -1.5px; margin-top: 15px; max-width: 880px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-section .pricing-v31-intro, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-section .pricing-v31-intro{ margin-inline: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-section .row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-section .row{ display: grid; grid-template-columns: repeat(2,1fr); gap: 0 45px; margin-top: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-section .pricing-v31-help-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-section .pricing-v31-help-card{ height: 100%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-note, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-note{ font-size: 12px; max-width: 1050px; margin-top: 30px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section{ padding: 55px 0 65px; background: #eeeaf3; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section .row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section .row{ display: grid; grid-template-columns: 1fr 1fr; gap: 45px; align-items: center; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section .row > div:first-child, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section .row > div:first-child{ order: 2; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section h2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section h2{ font-size: 34px; line-height: 1.3; letter-spacing: -1px; margin: 18px 0 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section ul, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section ul{ padding: 0; list-style: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section li, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section li{ margin-bottom: 18px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section li b, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section li b{ font-size: 14px; color: var(--ink); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section li span, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section li span{ color: var(--muted); font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section li a:hover b, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section li a:hover b{ color: var(--purple); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section .img-fluid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section .img-fluid{ width: 100%; border: 1px solid #d7cfe3; border-radius: 7px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section .row > div > a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section .row > div > a{ color: var(--purple); font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31 > .container > br, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31 > .container > br,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-section .container > br, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-section .container > br,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section br + br, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section br + br,body:where([data-pxx-css~="c06a9af2fcf19"]).seo-preserved > br{ display: none; }
@media(min-width:1450px){:root:where(:has(> body[data-pxx-css~="c06a9af2fcf19"])){ --content-width: 1360px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .container{ padding-inline: 60px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero h1, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero h1{ font-size: 61px; }}
@media(max-width:1100px){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .container{ padding-inline: 32px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav{ gap: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-grid{ gap: 35px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero h1, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero h1{ font-size: 47px; letter-spacing: -2.4px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-copy{ font-size: 14px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-section-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-section-title{ font-size: 35px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-layout, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-layout{ grid-template-columns: 220px 1fr; gap: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews{ grid-template-columns: 1fr .75fr; gap: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews .preview-square, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews .preview-square{ grid-column: 1; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews .preview-story, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews .preview-story{ grid-column: 2; grid-row: 1/3; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews .preview-banner, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews .preview-banner{ grid-column: 1; grid-row: 2; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pin-art, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pin-art{ aspect-ratio: 2/3; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .logo-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .logo-row{ gap: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .logo-row img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .logo-row img{ max-width: 100px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-logo-band > .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-logo-band > .container{ gap: 30px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer .row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer .row{ gap: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer .nav-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer .nav-link{ font-size: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-grid{ gap: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card{ padding: 20px 15px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card.is-featured, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card.is-featured{ padding-top: 18px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-price strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-price strong{ font-size: 34px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card:last-child .pricing-v31-plan-price strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card:last-child .pricing-v31-plan-price strong{ font-size: 23px; line-height: 40.8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-tier-metrics li, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-tier-metrics li{ flex-direction: column; gap: 2px; }}
@media(max-width:850px){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-brand label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-brand label{ font-size: 19px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-brand img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-brand img{ width: 28px; height: 28px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav{ gap: 18px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav .nav-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav .nav-link{ font-size: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-trial-nav, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-trial-nav{ font-size: 10px; padding: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar .container{ gap: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero h1, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero h1{ font-size: 39px; letter-spacing: -1.8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-grid{ gap: 28px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-copy{ font-size: 13px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-title{ font-size: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-copy{ font-size: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-trial-note, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-trial-note{ font-size: 9px; gap: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .logo-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .logo-row{ flex-wrap: wrap; justify-content: center; gap: 20px 26px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .logo-row img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .logo-row img{ max-width: 100px; max-height: 24px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-section-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-section-title{ font-size: 32px; letter-spacing: -1.4px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card{ padding: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card h3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card h3{ font-size: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-card-media img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-card-media img{ height: 150px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-step-card .v3-card-media img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-step-card .v3-card-media img{ height: 110px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-step-card h3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-step-card h3{ font-size: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-grid-3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-grid-3{ gap: 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-testimonial-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-testimonial-card{ padding: 25px 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) #faq > .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved #faq > .container{ gap: 35px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) #faq .v3-section-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved #faq .v3-section-title{ font-size: 30px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer .row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer .row{ grid-template-columns: repeat(3,1fr); gap: 35px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer .nav-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer .nav-link{ font-size: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-grid{ grid-template-columns: repeat(2,1fr); gap: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card{ padding: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card.is-featured, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card.is-featured{ padding-top: 23px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-tier-metrics li, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-tier-metrics li{ flex-direction: row; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-price strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-price strong{ font-size: 42px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card:last-child .pricing-v31-plan-price strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card:last-child .pricing-v31-plan-price strong{ font-size: 32px; line-height: 50.4px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-hero h1, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-hero h1{ font-size: 36px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-grid{ grid-template-columns: 1fr; gap: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-card{ padding: 22px 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section .row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section .row{ gap: 30px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section h2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section h2{ font-size: 28px; }}
@media(max-width:640px){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .container{ padding-inline: 23px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar > .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar > .container{ height: 72px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-brand label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-brand label{ font-size: 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-brand img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-brand img{ width: 31px; height: 31px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-toggler, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-toggler{ display: inline-flex; align-items: center; justify-content: center; font-size: 24px; width: 38px; height: 38px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) #collapsingNavbar, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved #collapsingNavbar{ display: none; position: absolute; top: 71px; left: 0; right: 0; background: var(--paper); max-height: calc(100dvh - 72px); overflow-y: auto; padding: 14px 23px 22px; border-bottom: 1px solid var(--line); box-shadow: 0 15px 30px #24203210; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) #collapsingNavbar.is-open, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved #collapsingNavbar.is-open{ display: block; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav{ display: flex; flex-direction: column; align-items: stretch; gap: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav > .nav-item, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav > .nav-item{ border-bottom: 1px solid var(--line); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav .nav-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav .nav-link{ display: flex; justify-content: space-between; font-size: 13px; min-height: 48px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav .nav-item:last-child, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav .nav-item:last-child{ border-bottom: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .navbar-nav .home-trial-nav, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .navbar-nav .home-trial-nav{ margin-top: 15px; font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .dropdown-menu, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .dropdown-menu{ position: static; width: 100%; max-height: none; box-shadow: none; border: 0; border-radius: 0; padding: 0 8px 13px; background: transparent; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-nav-card > b, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-nav-card > b{ display: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-nav-dropdown-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-nav-dropdown-link{ padding: 10px 8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-nav-dropdown-link strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-nav-dropdown-link strong{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) main > .home-hero, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved main > .home-hero{ padding: 38px 0 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-grid{ grid-template-columns: 1fr; gap: 35px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero h1, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero h1{ font-size: 43px; letter-spacing: -2px; margin: 20px 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero-copy{ font-size: 14px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-cta-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-cta-row{ gap: 18px; margin-top: 23px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bubbly-button, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bubbly-button{ min-height: 48px; padding: 13px 16px; font-size: 11px; gap: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-inline-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-inline-link{ font-size: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-trial-note, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-trial-note{ font-size: 9px; gap: 15px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-card{ margin-inline: 0; padding: 25px 18px 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-title{ font-size: 24px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-copy{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-label{ font-size: 8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-logo-band, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-logo-band{ padding: 12px 0 30px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-logo-band > .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-logo-band > .container{ flex-direction: column; align-items: start; gap: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) #customer-heading, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved #customer-heading{ font-size: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .logo-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .logo-row{ width: 100%; justify-content: flex-start; gap: 20px 28px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .logo-row img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .logo-row img{ max-width: 88px; height: 21px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .logo-row img:nth-child(2), :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .logo-row img:nth-child(2){ width: 50px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-demo, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-demo{ padding: 43px 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-section-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-section-title{ font-size: 32px; letter-spacing: -1.3px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-section-intro, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-section-intro{ font-size: 13px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-layout, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-layout{ grid-template-columns: 1fr; gap: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews{ grid-template-columns: 1fr .68fr; gap: 18px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews figure, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews figure{ grid-column: auto; grid-row: auto; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews .preview-square, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews .preview-square{ grid-column: 1; grid-row: 1; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews .preview-story, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews .preview-story{ grid-column: 2; grid-row: 1/3; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews .preview-banner, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews .preview-banner{ grid-column: 1; grid-row: 2; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-art .live-headline, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-art .live-headline{ font-size: 12cqw; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-art .live-headline.long-headline, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-art .live-headline.long-headline{ font-size: 8.2cqw; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-controls textarea, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-controls textarea{ font-size: 13px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-previews figcaption, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-previews figcaption{ font-size: 8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .demo-live-status, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .demo-live-status{ font-size: 8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-demo-caption, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-demo-caption{ font-size: 12px; margin-top: 24px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) main > .v3-section, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved main > .v3-section{ padding: 45px 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-grid-2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-grid-2,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-grid-3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-grid-3{ grid-template-columns: 1fr; gap: 25px; margin-top: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card{ padding: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card h3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card h3{ font-size: 26px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hub-card .home-workflow-links, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hub-card .home-workflow-links{ font-size: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-card-media img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-card-media img{ height: 165px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-step-card .v3-card-media img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-step-card .v3-card-media img{ height: 160px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-step-card h3, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-step-card h3{ font-size: 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-workflow-links, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-workflow-links{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table{ font-size: 11px; min-width: 680px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table th, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table th,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-decision-table td, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-decision-table td{ padding: 15px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-testimonial-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-testimonial-card{ padding: 22px 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-testimonial-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-testimonial-copy{ font-size: 15px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-proof-stats, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-proof-stats{ gap: 30px; padding-top: 18px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-proof-stats strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-proof-stats strong{ font-size: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .home-proof-stats p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .home-proof-stats p{ font-size: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) #faq > .container, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved #faq > .container{ grid-template-columns: 1fr; gap: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-card summary, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-card summary{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-faq-card details > p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-faq-card details > p{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta .v3-section-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta .v3-section-title{ font-size: 31px; letter-spacing: -1.2px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta .v3-section-intro, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta .v3-section-intro{ font-size: 13px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-final-cta .v3-cta-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-final-cta .v3-cta-row{ gap: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer{ padding-top: 35px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer .row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer .row{ grid-template-columns: repeat(2,1fr); gap: 28px 23px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .section-footer .nav-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .section-footer .nav-link{ font-size: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31{ padding: 35px 0 45px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-hero h1, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-hero h1{ font-size: 33px; letter-spacing: -1.4px; text-align: left; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-hero, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-hero{ text-align: left; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-intro, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-intro{ font-size: 12px; line-height: 1.85; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-meta, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-meta{ justify-content: start; gap: 15px; font-size: 9px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-hero-links, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-hero-links{ justify-content: start; gap: 15px 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-hero-links .bubbly-button, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-hero-links .bubbly-button{ width: 100%; justify-content: space-between; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-inline-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-inline-link{ font-size: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-grid{ grid-template-columns: 1fr; gap: 20px; margin-top: 28px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card{ padding: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card.is-featured, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card.is-featured{ padding-top: 23px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-kicker, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-kicker{ min-height: 0; font-size: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-price strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-price strong{ font-size: 44px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-card:last-child .pricing-v31-plan-price strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-card:last-child .pricing-v31-plan-price strong{ font-size: 33px; line-height: 52.8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-plan-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-plan-copy,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-tier-copy, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-tier-copy{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-card-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-card-link{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-tier-metrics li, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-tier-metrics li,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-tier-metrics strong, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-tier-metrics strong{ font-size: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-automation-shell, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-automation-shell{ padding: 24px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-automation-head h2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-automation-head h2{ font-size: 25px; line-height: 1.3; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-automation-head > p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-automation-head > p{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection{ margin-top: 43px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection h2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection h2{ font-size: 27px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection > p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection > p{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .seo-plan-selection table, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .seo-plan-selection table{ font-size: 11px; min-width: 590px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-section, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-section{ padding: 43px 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-section h2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-section h2{ font-size: 29px; letter-spacing: -1px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-section .row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-section .row{ grid-template-columns: 1fr; gap: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-help-card p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-help-card p,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-climate-card p, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-climate-card p{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-addon-note, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-addon-note{ font-size: 12px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section .row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section .row{ grid-template-columns: 1fr; gap: 30px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section h2, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section h2{ font-size: 29px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-dev-section li span, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-dev-section li span{ font-size: 12px; }}
@media(max-width:370px){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero h1, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero h1{ font-size: 37px; letter-spacing: -1.7px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-cta-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-cta-row{ gap: 14px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bubbly-button, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bubbly-button{ gap: 13px; padding-inline: 12px; font-size: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-inline-link, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-inline-link{ font-size: 10px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-section-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-section-title{ font-size: 29px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-title{ font-size: 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-video-meta, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-video-meta{ padding-inline: 3px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .pricing-v31-hero h1, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .pricing-v31-hero h1{ font-size: 30px; }}
/* A more expressive hero, with the original H1 and wording intact. */

:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-color-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-color-title{ position: relative; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-color-title .hero-color-lead, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-color-title .hero-color-lead{ color: #6546d3; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-color-title .hero-color-rest, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-color-title .hero-color-rest{ color: #253445; }
@supports ((background-clip: text) or (-webkit-background-clip: text)){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-color-title .hero-color-lead, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-color-title .hero-color-lead{
    background-image: linear-gradient(110deg, #315de1 0%, #7044d9 35%, #c33292 68%, #dc604a 100%);
    background-size: 180% 100%; background-position: 0% 50%;
    background-clip: text; -webkit-background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent;
    animation: hero-color-drift 9s ease-in-out infinite alternate;
  }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-color-title .hero-color-rest, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-color-title .hero-color-rest{
    background-image: linear-gradient(110deg, #252630 5%, #343044 53%, #177d81 100%);
    background-clip: text; -webkit-background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent;
  }}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-title-swoosh, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-title-swoosh{
  display: block; width: min(83%, 400px); height: 42px; margin-top: 10px;
  overflow: visible; transform-origin: left center;
  transition: transform .35s cubic-bezier(.2,.7,.25,1);
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-title-swoosh path, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-title-swoosh path{
  stroke-dasharray: 1; stroke-dashoffset: 0;
  animation: hero-swoosh-draw 1.1s .15s cubic-bezier(.22,.65,.25,1) both;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-title-swoosh .hero-swoosh-echo, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-title-swoosh .hero-swoosh-echo{ animation-delay: .5s; }
@media(hover:hover) and (pointer:fine){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-color-title:hover .hero-title-swoosh, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-color-title:hover .hero-title-swoosh{ transform: translateX(4px) rotate(-1deg); }}
@keyframes hero-color-drift{ from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
@keyframes hero-swoosh-draw{ from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
/* Four illustrated use cases, replacing the spreadsheet-style comparison. */

:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-cases-section, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-cases-section{ background: #f3f1ed; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-eyebrow, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-eyebrow{
  margin: 33px 0 16px; color: #6d5d7b; text-transform: uppercase;
  letter-spacing: 1.5px; font-size: 10px; font-weight: 700;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-grid{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-card{
  --case-accent: #8a5140; --case-soft: #fae9de;
  min-width: 0; overflow: hidden; border-radius: 12px; background: white;
  border: 1px solid #e4dfe7; transition: transform .22s, box-shadow .22s, border-color .22s;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .case-social, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .case-social{ --case-accent: #7048b3; --case-soft: #eee5fa; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .case-email, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .case-email{ --case-accent: #366d96; --case-soft: #e4effa; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .case-local, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .case-local{ --case-accent: #467652; --case-soft: #e7f0e2; }
@media(hover:hover) and (pointer:fine){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-card:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-card:hover{ transform: translateY(-4px); border-color: #c5b8d4; box-shadow: 0 14px 30px #3021390a; }}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-art, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-art{ height: 180px; position: relative; overflow: hidden; background: var(--case-soft); isolation: isolate; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-content, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-content{ padding: 23px 26px 24px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-title-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-title-row{ display: flex; align-items: center; gap: 13px; min-height: 46px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-icon, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-icon{
  display: grid; place-items: center; width: 39px; height: 39px;
  border-radius: 10px; background: var(--case-soft); color: var(--case-accent); flex-shrink: 0;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-icon svg, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-icon svg{ width: 21px; height: 21px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-title{ font-size: 22px; line-height: 1.35; letter-spacing: -.7px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-details, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-details{ display: grid; grid-template-columns: 1fr 1fr; gap: 23px; margin: 21px 0 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-details > div, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-details > div{ min-width: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-details dt, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-details dt,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-link-label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-link-label{
  font-size: 9px; font-weight: 700; color: #75687f; text-transform: uppercase; letter-spacing: .8px;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-details dd, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-details dd{ font-size: 12px; line-height: 1.85; color: #6e6575; margin: 8px 0 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-links, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-links{ display: flex; align-items: start; flex-wrap: wrap; gap: 9px 22px; border-top: 1px solid #eee9f0; padding-top: 17px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-link-label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-link-label{ width: 100%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-links a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-links a{ display: inline-flex; align-items: center; min-height: 28px; max-width: 100%; gap: 10px; color: var(--case-accent); font-size: 11px; line-height: 1.7; font-weight: 700; text-decoration: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-links a::after, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-links a::after{ content: '↗'; font-size: 17px; flex-shrink: 0; transition: transform .18s; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-links a:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-links a:hover{ text-decoration: underline; text-underline-offset: 4px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-links a:hover::after, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-links a:hover::after{ transform: translate(2px,-2px); }
/* CSS illustrations: decorative, with no extra claims or editorial copy. */

:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .product-orbit, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .product-orbit{ position: absolute; width: 280px; height: 280px; border: 1px solid #d8bda773; border-radius: 50%; left: calc(50% - 140px); top: -52px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .product-orbit::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .product-orbit::before{ content: ''; position: absolute; inset: 23px; border: 1px solid #d8bda750; border-radius: 50%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .product-tile, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .product-tile{ position: absolute; width: 140px; height: 155px; left: 25%; top: 23px; background: #fffdf7; border: 1px solid #e7d7c7; border-radius: 8px; box-shadow: 0 9px 20px #966f4215; transform: rotate(-9deg); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .mock-brand, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .mock-brand{ position: absolute; width: 28px; height: 4px; left: 13px; top: 13px; border-radius: 2px; background: #8d9e85; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle{ position: absolute; height: 84px; width: 55px; left: calc(50% - 27px); top: 35px; border-radius: 12px 12px 9px 9px; background: linear-gradient(90deg,#65846f,#a3b69b 46%,#698b76); box-shadow: 5px 7px 8px #39523e1c; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle::before{ content: ''; position: absolute; top: -7px; height: 12px; width: 29px; left: 13px; background: #7b967b; border-radius: 5px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle-cap, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle-cap{ position: absolute; width: 30px; height: 16px; left: 12px; top: -17px; background: repeating-linear-gradient(90deg,#42614b 0 2px,#55715b 2px 3px); border-radius: 4px 4px 2px 2px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle-label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle-label{ position: absolute; inset: 29px 5px 14px; background: #f4edda; border-radius: 2px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle-label::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle-label::before{ content: ''; position: absolute; width: 10px; height: 10px; left: calc(50% - 5px); top: 6px; border: 1px solid #929e6b; border-radius: 50%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle-label::after, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle-label::after{ content: ''; position: absolute; left: 10px; right: 10px; bottom: 7px; height: 2px; background: #adb48e; box-shadow: 0 -4px #c6c9b1; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .mock-product-line, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .mock-product-line{ position: absolute; height: 4px; left: 14px; right: 38px; bottom: 20px; border-radius: 2px; background: #d8d6cb; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .mock-product-price, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .mock-product-price{ position: absolute; width: 25px; height: 4px; bottom: 11px; left: 14px; border-radius: 2px; background: #9aab93; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .product-tile-small, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .product-tile-small{ width: 110px; height: 127px; left: auto; right: 19%; top: 34px; transform: rotate(12deg); background: #f3f0fd; border-color: #d5c8e7; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle-small, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle-small{ top: 29px; width: 41px; height: 64px; left: calc(50% - 20px); background: linear-gradient(90deg,#8873a7,#c0afd4 46%,#947cb6); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle-small::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle-small::before{ left: 10px; width: 21px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle-small .bottle-cap, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle-small .bottle-cap{ width: 23px; height: 13px; left: 9px; top: -13px; background: #69517d; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle-small .bottle-label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle-small .bottle-label{ inset: 21px 4px 10px; background: #eee8da; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle-small .bottle-label::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle-small .bottle-label::before{ width: 7px; height: 7px; left: calc(50% - 3.5px); top: 4px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .bottle-small .bottle-label::after, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .bottle-small .bottle-label::after{ left: 7px; right: 7px; bottom: 5px; height: 1px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .scene-spark, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .scene-spark{ position: absolute; width: 13px; height: 13px; color: #c77b55; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .scene-spark::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .scene-spark::before,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .scene-spark::after, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .scene-spark::after{ content: ''; position: absolute; background: currentColor; border-radius: 3px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .scene-spark::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .scene-spark::before{ top: 6px; left: 0; width: 13px; height: 1.5px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .scene-spark::after, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .scene-spark::after{ top: 0; left: 6px; width: 1.5px; height: 13px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .spark-one, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .spark-one{ left: 15%; top: 28px; transform: rotate(15deg); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .spark-two, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .spark-two{ right: 13%; bottom: 28px; transform: scale(.7) rotate(15deg); color: #a88b68; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .social-poster, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .social-poster{ position: absolute; width: 110px; height: 122px; background: white; border: 1px solid #d2c4e2; border-radius: 6px; overflow: hidden; box-shadow: 0 9px 20px #553d7317; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .social-poster > img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .social-poster > img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .social-poster i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .social-poster i{ position: absolute; left: 12px; width: 65%; height: 5px; border-radius: 2px; bottom: 28px; background: #e5edc6; z-index: 1; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .social-poster i + i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .social-poster i + i{ bottom: 19px; width: 48%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-back, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-back{ top: 39px; left: 18%; transform: rotate(-12deg); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-front, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-front{ top: 15px; left: 34%; width: 164px; height: 158px; transform: rotate(-2deg); z-index: 2; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-front > img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-front > img{ inset: 29px 10px auto; width: calc(100% - 20px); height: 88px; border-radius: 2px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-front > i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-front > i{ bottom: 24px; height: 3px; background: #b3a4c1; width: 65%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-front > i + i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-front > i + i{ bottom: 17px; background: #e3dce9; width: 48%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-avatar, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-avatar{ position: absolute; width: 10px; height: 10px; background: #a18abd; border-radius: 50%; top: 10px; left: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-avatar::after, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-avatar::after{ content: ''; position: absolute; left: 16px; top: 3px; height: 3px; width: 46px; border-radius: 2px; background: #c6b9d2; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-reactions, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-reactions{ position: absolute; left: 12px; width: 4px; height: 4px; background: #c9bdd5; bottom: 7px; border-radius: 50%; box-shadow: 8px 0 #c9bdd5,16px 0 #c9bdd5; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-tall, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-tall{ top: 15px; right: 17%; width: 84px; height: 150px; transform: rotate(11deg); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .art-social .spark-one, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .art-social .spark-one{ color: #9d79c5; left: auto; right: 10%; top: 37px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-orbit, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-orbit{ position: absolute; width: 256px; height: 256px; border: 1px dashed #abc5da; border-radius: 50%; left: calc(50% - 128px); top: -38px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-window, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-window{ position: absolute; width: 66%; max-width: 265px; min-width: 180px; height: 170px; left: 22%; top: 19px; background: white; border: 1px solid #bbccdf; border-radius: 7px; box-shadow: 0 9px 20px #315d8012; transform: rotate(-4deg); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-toolbar, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-toolbar{ height: 20px; border-bottom: 1px solid #e3eaf0; background: #f6f9fc; display: flex; gap: 4px; align-items: center; padding: 0 9px; border-radius: 7px 7px 0 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-toolbar i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-toolbar i{ width: 3px; height: 3px; background: #c0cddc; border-radius: 50%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-line, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-line{ position: absolute; height: 3px; border-radius: 2px; background: #d3dde8; left: 14px; right: 34px; top: 123px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-subject, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-subject{ right: 70px; top: 33px; height: 4px; background: #829ab5; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-line-short, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-line-short{ right: 70px; top: 131px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-hero, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-hero{ position: absolute; left: 14px; right: 14px; top: 49px; height: 61px; overflow: hidden; border-radius: 2px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-hero img, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-hero img{ width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-hero i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-hero i{ position: absolute; height: 4px; left: 13px; top: 23px; width: 80px; background: #e1ecc9; border-radius: 1px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-hero i + i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-hero i + i{ top: 31px; width: 55px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-button, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-button{ position: absolute; left: 14px; bottom: 14px; width: 54px; height: 11px; background: #8c7ac0; border-radius: 2px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .floating-envelope, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .floating-envelope{ position: absolute; width: 80px; height: 62px; right: 19%; bottom: 12px; padding: 8px; color: #7087ad; background: #d5dff4; border: 1px solid #bccce9; border-radius: 9px; box-shadow: 0 8px 18px #37578116; transform: rotate(11deg); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .floating-envelope svg, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .floating-envelope svg{ display: block; width: 100%; height: 100%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .art-email .spark-one, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .art-email .spark-one{ left: 14%; top: 47px; color: #7199b4; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-globe, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-globe{ position: absolute; width: 180px; height: 180px; left: calc(50% - 90px); top: 2px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-globe svg, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-globe svg{ width: 100%; height: 100%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag{ position: absolute; width: 106px; height: 49px; background: #ffffffed; border: 1px solid #d0dfcd; border-radius: 7px; box-shadow: 0 7px 15px #3b5c4310; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag::before, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag::before{ content: attr(data-locale); position: absolute; top: 15px; left: 29px; color: #55715a; font-size: 10px; line-height: 1; font-weight: 700; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag > span, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag > span{ position: absolute; left: 11px; top: 13px; height: 15px; width: 12px; border-radius: 2px; background: #9bb7aa; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag > i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag > i{ position: absolute; height: 3px; width: 25px; right: 9px; top: 16px; background: #b4c5b6; border-radius: 1px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag > i + i, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag > i + i{ top: 23px; width: 18px; right: 16px; background: #dae3d8; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag-en, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag-en{ top: 27px; left: 16%; transform: rotate(-9deg); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag-fr, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag-fr{ top: 61px; right: 13%; transform: rotate(10deg); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag-de, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag-de{ bottom: 20px; left: 24%; transform: rotate(-3deg); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag-fr > span, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag-fr > span{ background: #b9a8cc; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag-de > span, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag-de > span{ background: #d6b88b; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-dot, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-dot{ position: absolute; width: 7px; height: 7px; background: #9ab194; border: 2px solid #e7f0e2; border-radius: 50%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .dot-one, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .dot-one{ top: 25px; right: 28%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .dot-two, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .dot-two{ bottom: 33px; right: 33%; }
/* Hover flyouts animate once; JS also updates their accessible expanded state. */

:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .dropdown.open .dropdown-menu, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .dropdown.open .dropdown-menu{ animation: nav-flyout-in .15s ease-out both; }
@keyframes nav-flyout-in{ from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media(max-width:850px){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-content, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-content{ padding: 21px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-title{ font-size: 19px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-details, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-details{ grid-template-columns: 1fr; gap: 15px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .product-tile, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .product-tile{ left: 15%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .product-tile-small, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .product-tile-small{ left: auto; right: 10%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-front, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-front{ left: 28%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-back, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-back{ left: 9%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .poster-tall, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .poster-tall{ right: 8%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .email-window, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .email-window{ left: 15%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .floating-envelope, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .floating-envelope{ right: 12%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag-en, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag-en{ left: 8%; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .locale-tag-fr, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .locale-tag-fr{ right: 7%; }}
@media(max-width:640px){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-grid{ grid-template-columns: 1fr; gap: 21px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-art, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-art{ height: 174px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-content, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-content{ padding: 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-title{ font-size: 22px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-details, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-details{ grid-template-columns: 1fr 1fr; gap: 17px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-details dd, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-details dd{ font-size: 11px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-details dt, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-details dt,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-link-label, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-link-label{ font-size: 8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-links a, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-links a{ font-size: 11px; min-height: 36px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-eyebrow, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-eyebrow{ margin-top: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-title-swoosh, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-title-swoosh{ width: min(86%, 330px); height: 33px; margin-top: 8px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .dropdown.open .dropdown-menu, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .dropdown.open .dropdown-menu{ animation: none; }}
@media(max-width:370px){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-title{ font-size: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-details, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-details{ grid-template-columns: 1fr; gap: 14px; }}
@media(prefers-reduced-motion:reduce){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-color-title .hero-color-lead, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-color-title .hero-color-lead,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-title-swoosh path, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-title-swoosh path,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .dropdown.open .dropdown-menu, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .dropdown.open .dropdown-menu{ animation: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-title-swoosh, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-title-swoosh,:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .v3-hero .hero-color-title:hover .hero-title-swoosh, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .v3-hero .hero-color-title:hover .hero-title-swoosh{ transition: none; transform: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-card{ transition: none; }}
/* A single horizontal rail on every screen, with the next card peeking in. */

:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-toolbar, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-toolbar{ display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 30px 0 17px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-toolbar .use-case-eyebrow, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-toolbar .use-case-eyebrow{ margin: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-controls, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-controls{ display: flex; gap: 9px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-arrow, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-arrow{
  display: grid; place-items: center; width: 43px; height: 43px;
  background: #fff; color: var(--purple); border: 1px solid #d6cde1; border-radius: 50%;
  transition: background .18s, color .18s, border-color .18s, opacity .18s;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-arrow svg, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-arrow svg{ width: 20px; height: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-arrow:hover:not(:disabled), :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-arrow:hover:not(:disabled){ background: var(--purple); color: white; border-color: var(--purple); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-arrow:disabled, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-arrow:disabled{ cursor: default; opacity: .32; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-grid{
  display: flex; flex-wrap: nowrap; gap: 22px;
  overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scroll-behavior: smooth;
  padding: 4px 0 15px; scrollbar-width: thin; scrollbar-color: #c6b7d9 #e8e1ee;
  border-radius: 12px;
}
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-card{ flex: 0 0 calc((100% - 44px) / 2.65); scroll-snap-align: start; scroll-margin: 0; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-card:hover, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-card:hover{ transform: none; box-shadow: none; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-title{ font-size: 21px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-title-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-title-row{ min-height: 57px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-links, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-links{ gap: 7px 20px; }
@media(max-width:1100px){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-card{ flex-basis: calc((100% - 22px) / 2.15); }}
@media(max-width:850px){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-grid{ gap: 20px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-card{ flex-basis: calc((100% - 20px) / 1.85); }}
@media(max-width:640px){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-toolbar, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-toolbar{ margin-top: 25px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-arrow, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-arrow{ width: 44px; height: 44px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-grid{ gap: 16px; padding-bottom: 13px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-card, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-card{ flex-basis: calc(100% - 30px); }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-title, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-title{ font-size: 21px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-details, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-details{ grid-template-columns: 1fr; gap: 14px; }
:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-title-row, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-title-row{ min-height: 55px; }}
@media(prefers-reduced-motion:reduce){:where(body[data-pxx-css~="c06a9af2fcf19"]):is(.seo-preserved) .use-case-catalog .use-case-grid, :where(body[data-pxx-css~="c06a9af2fcf19"]) .seo-preserved .use-case-catalog .use-case-grid{ scroll-behavior: auto; }}
/* creative.css */
/* V3: a creative studio, with the original editorial and SEO content. */

body:where([data-pxx-css~="c801c5de33bad"]).creative-edition{
  --paper: #fcfaf6;
  --ink: #24222c;
  --purple: #7145df;
  --purple-dark: #5630c1;
  --line: #e4dfd8;
}
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .container, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .container{ width: min(100%, 1440px); padding-inline: 52px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .navbar, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .navbar{ background: #fcfaf6ed; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .navbar > .container, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .navbar > .container{ height: 84px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .navbar-nav .nav-link, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .navbar-nav .nav-link{ font-size: 12px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .home-trial-nav, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .home-trial-nav{ border-radius: 100px; padding-inline: 20px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .home-hero, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .home-hero{ position: relative; isolation: isolate; overflow: hidden; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) main > .home-hero, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition main > .home-hero{ padding: 48px 0 0; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .home-hero::before, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .home-hero::before{
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(ellipse at 95% 20%, #f2e7fc 0, transparent 43%), radial-gradient(ellipse at 5% 95%, #ffefe0 0, transparent 42%);
}
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero-grid, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero-grid{ grid-template-columns: 1.03fr 1fr; gap: 36px; align-items: center; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero{ padding-bottom: 12px; min-width: 0; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-eyebrow, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-eyebrow{ display: inline-flex; align-items: center; gap: 9px; font-size: 10px; letter-spacing: 1.15px; color: #5d497a; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-eyebrow::before, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-eyebrow::before{ content: ''; width: 8px; height: 8px; border-radius: 50%; background: #8f66ee; box-shadow: 0 0 0 5px #ebe2fb; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero h1, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero h1{ font-size: clamp(54px, 5.2vw, 78px); letter-spacing: -.064em; line-height: 1.055; margin: 22px 0 20px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .hero-color-lead, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .hero-color-lead{ display: block; background: linear-gradient(115deg, #6a44e3 10%, #a43ba5 65%, #e86c6f); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: none; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .hero-color-rest, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .hero-color-rest{ display: block; background: none; color: var(--ink); -webkit-text-fill-color: currentColor; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .hero-title-swoosh, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .hero-title-swoosh{ width: min(78%, 345px); height: 31px; margin-top: 0; margin-bottom: -3px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero-copy, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero-copy{ font-size: 14px; line-height: 1.85; max-width: 485px; color: #6a6472; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .v3-cta-row, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .v3-cta-row{ margin-top: 24px; gap: 14px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .bubbly-button, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .bubbly-button{ min-height: 56px; padding: 15px 22px; border-radius: 12px; box-shadow: 0 7px 0 #e5dafb; gap: 30px; font-size: 13px; transition: background .2s, transform .2s, box-shadow .2s; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .v3-inline-link, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .v3-inline-link{ min-height: 56px; padding: 15px 20px; border: 1px solid #d9d2e2; background: #ffffff85; border-radius: 12px; font-size: 12px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .v3-inline-link .fa, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .v3-inline-link .fa{ font-size: 20px; color: var(--purple); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .home-trial-note, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .home-trial-note{ margin-top: 22px; color: #76707e; gap: 17px; font-size: 10px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-video-card.hero-visual, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-video-card.hero-visual{ padding: 0; min-width: 0; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .creative-showcase, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .creative-showcase{ --sample-accent: #d8f292; --sample-coral: #f58a73; --sample-ink: #203e32; position: relative; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .creative-showcase[data-palette='lilac'], :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .creative-showcase[data-palette='lilac']{ --sample-accent: #e4cbff; --sample-coral: #aba0f5; --sample-ink: #40295c; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .creative-showcase[data-palette='sand'], :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .creative-showcase[data-palette='sand']{ --sample-accent: #ffcc73; --sample-coral: #fbac9f; --sample-ink: #633835; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .creative-stage, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .creative-stage{ position: relative; width: 100%; height: 535px; perspective: 1000px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-paper, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-paper{ position: absolute; inset: 27px -4px 29px 22px; background-color: #eae2f5; background-image: radial-gradient(#b6a4ce78 .8px, transparent .8px); background-size: 17px 17px; border-radius: 46% 38% 35% 27% / 29% 28% 24% 30%; transform: rotate(-4deg); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-paper::after, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-paper::after{ content: ''; position: absolute; width: 330px; height: 330px; max-width: 82%; background: #eceeae; top: 90px; right: -9px; border-radius: 50%; opacity: .7; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-connectors, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-connectors{ position: absolute; inset: 0; width: 100%; height: 100%; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-template, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-template{ position: absolute; left: 0; top: 57px; width: 38%; padding: 0 9px 9px; background: #fff; border: 1px solid #ddd3e8; border-radius: 11px; box-shadow: 0 9px 30px #45305817; transform: rotate(-8deg); z-index: 3; animation: template-arrive .85s .1s both cubic-bezier(.2,.7,.25,1); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .template-toolbar, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .template-toolbar{ display: flex; align-items: center; justify-content: space-between; gap: 4px; height: 34px; font-size: 8px; color: #7f728a; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .template-dots, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .template-dots{ display: flex; gap: 3px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .template-dots i, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .template-dots i{ width: 4px; height: 4px; background: #d8cbea; border-radius: 50%; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-template .v3-hero-media-frame, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-template .v3-hero-media-frame{ margin: 0; padding: 0; box-shadow: none; transform: none; border: 0; border-radius: 4px; overflow: hidden; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-template .v3-hero-media-shot, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-template .v3-hero-media-shot{ aspect-ratio: 900/438; width: 100%; border-radius: 4px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .campaign-piece, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .campaign-piece{ position: absolute; z-index: 2; will-change: transform; animation: piece-arrive 1s both cubic-bezier(.2,.7,.25,1); transform: translate3d(calc(var(--pointer-x, 0px) * var(--depth, 1)), calc(var(--pointer-y, 0px) * var(--depth, 1)), 0) rotate(var(--angle)); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-surface, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-surface{ position: relative; overflow: hidden; border-radius: 4px; height: 100%; box-shadow: 0 16px 28px #3d214c24; transition: background-color .45s, color .45s; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-poster, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-poster{ top: 32px; left: 44%; width: 45%; height: 358px; --angle: 9deg; --depth: .55; animation-delay: .23s; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-poster .piece-surface, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-poster .piece-surface{ background: var(--sample-ink); color: var(--sample-accent); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-poster img, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-poster img{ position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 56% center; filter: saturate(.72); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .poster-shade, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .poster-shade{ position: absolute; inset: 0; background: linear-gradient(180deg, #13282019, var(--sample-ink) 100%); mix-blend-mode: multiply; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-brand, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-brand{ position: absolute; top: 17px; left: 18px; font-size: 11px; font-weight: 700; letter-spacing: 1px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-headline, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-headline{ position: absolute; top: 103px; left: 18px; right: 15px; font-size: clamp(24px, 2.65vw, 39px); letter-spacing: -1.7px; line-height: 1.04; color: var(--sample-accent); transition: color .45s; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-poster .sample-caption, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-poster .sample-caption{ position: absolute; bottom: 85px; left: 19px; color: white; font-size: 6px; letter-spacing: 1px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .poster-sticker, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .poster-sticker{ position: absolute; top: 41px; right: -7px; display: grid; place-content: center; width: 65px; height: 65px; background: var(--sample-coral); color: #362d35; border-radius: 50%; font-size: 12px; font-weight: 700; line-height: 1.1; text-align: center; transform: rotate(-16deg); transition: background .45s; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-footer, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-footer{ position: absolute; bottom: 18px; left: 18px; right: 18px; display: flex; justify-content: space-between; align-items: center; font-size: 6px; letter-spacing: 1px; color: white; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-footer b, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-footer b{ font: 400 25px/1 Arial,sans-serif; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .format-label, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .format-label{ display: block; margin-top: 8px; font-size: 7px; line-height: 1.3; font-weight: 700; letter-spacing: 1px; color: #8f7ca4; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square{ top: 249px; left: 0; width: 39%; height: 215px; --angle: -8deg; --depth: 1.1; z-index: 4; animation-delay: .4s; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square .piece-surface, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square .piece-surface{ padding: 49px 17px 20px; background: var(--sample-coral); color: var(--sample-ink); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square strong, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square strong{ display: block; font-size: 32px; line-height: .98; letter-spacing: -1.6px; position: relative; z-index: 1; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square em, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square em,:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner em, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner em{ font-style: normal; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square .sample-caption, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square .sample-caption{ position: absolute; bottom: 15px; left: 17px; font-size: 5px; letter-spacing: .7px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-flower, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-flower{ position: absolute; width: 86px; height: 86px; right: -18px; bottom: 35px; color: var(--sample-ink); transform: rotate(13deg); transition: color .45s; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner{ top: 419px; left: 47%; width: 53%; height: 126px; --angle: 6deg; --depth: .8; z-index: 5; animation-delay: .55s; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner .piece-surface, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner .piece-surface{ background: var(--sample-accent); color: var(--sample-ink); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner .sample-brand, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner .sample-brand{ top: 13px; left: 15px; font-size: 8px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner strong, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner strong{ position: absolute; top: 36px; left: 15px; font-size: 24px; line-height: 1.02; letter-spacing: -1px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner .sample-button, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner .sample-button{ position: absolute; left: 15px; bottom: 12px; padding: 4px 8px; border-radius: 20px; background: var(--sample-ink); color: var(--sample-accent); font-size: 5px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner img, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner img{ position: absolute; top: 13px; bottom: 13px; right: 13px; height: calc(100% - 26px); width: 32%; border-radius: 50px 50px 4px 4px; object-fit: cover; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-spark, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-spark{ position: absolute; width: 72px; height: 72px; right: -11px; top: 0; color: #ae8bec; z-index: 4; animation: spark-arrive 1.2s .6s both cubic-bezier(.2,.7,.25,1); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-cursor, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-cursor{ position: absolute; z-index: 6; top: 325px; right: -9px; transform: rotate(-7deg); animation: cursor-arrive 1s .8s both cubic-bezier(.2,.7,.25,1); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-cursor svg, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-cursor svg{ display: block; width: 24px; height: 28px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-cursor span, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-cursor span{ display: block; margin-left: 17px; border-radius: 4px 13px 13px; padding: 7px 12px; background: #7346e8; color: #fff; font-size: 10px; box-shadow: 0 4px 12px #49277b24; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-palette-controls, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-palette-controls{ display: flex; align-items: center; gap: 6px; margin-top: 21px; padding-left: 5px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-palette-hint, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-palette-hint{ color: #8b7b96; font-size: 10px; margin-right: 9px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .palette-choice, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .palette-choice{ display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid transparent; border-radius: 50%; padding: 4px; background: transparent; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .palette-choice span, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .palette-choice span{ width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg, #d8f292 50%, #f58a73 50%); transition: transform .2s; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .palette-lilac span, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .palette-lilac span{ background: linear-gradient(135deg, #e4cbff 50%, #aba0f5 50%); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .palette-sand span, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .palette-sand span{ background: linear-gradient(135deg, #ffcc73 50%, #fbac9f 50%); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .palette-choice[aria-pressed='true'], :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .palette-choice[aria-pressed='true']{ border-color: #9474c7; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .palette-choice:hover span, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .palette-choice:hover span{ transform: scale(1.13); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero-shell > .v3-video-meta, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero-shell > .v3-video-meta{ display: grid; grid-template-columns: 1.05fr 1fr; column-gap: 45px; align-items: center; margin-top: 44px; padding: 25px 0 26px; border-top: 1px solid #e0d7e8; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-video-label, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-video-label{ grid-column: 1; font-size: 8px; letter-spacing: 1.4px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-video-title, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-video-title{ grid-column: 1; font-size: 25px; margin: 7px 0 0; letter-spacing: -.8px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-video-copy, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-video-copy{ grid-column: 2; grid-row: 1 / 3; font-size: 12px; max-width: 445px; color: #827487; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .home-logo-band, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .home-logo-band{ border-block: 1px solid var(--line); padding-block: 27px; background: #fffefa; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .home-logo-band .logo-row img, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .home-logo-band .logo-row img{ opacity: .62; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) main > section.v3-section, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition main > section.v3-section{ padding-block: 94px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-section-title, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-section-title{ font-size: 46px; line-height: 1.15; letter-spacing: -2.3px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-section-intro, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-section-intro{ max-width: 780px; color: #756c7d; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo{ position: relative; border-top: 0; background: #eee5fc; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-layout, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-layout{ padding: 30px; background: #fcfaf680; border: 1px solid #fff9; border-radius: 24px; gap: 42px; grid-template-columns: 230px 1fr; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-kicker, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-kicker{ color: var(--purple); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-previews, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-previews{ gap: 24px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-art, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-art{ border-radius: 6px; box-shadow: 0 12px 24px #4526501c; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .preview-square, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .preview-square{ transform: rotate(-2deg); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .preview-story, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .preview-story{ transform: translateY(10px) rotate(2deg); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .preview-banner, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .preview-banner{ transform: rotate(-2deg); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-grid-2, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-grid-2{ gap: 30px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hub-card, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hub-card{ border-radius: 24px; padding: 34px; background: #f1ede5; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hub-card:nth-child(2), :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hub-card:nth-child(2){ background: #2d253e; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hub-card .v3-card-media, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hub-card .v3-card-media{ border-radius: 10px; transform: rotate(-1deg); border: 0; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hub-card:nth-child(2) .v3-card-media, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hub-card:nth-child(2) .v3-card-media{ transform: rotate(1deg); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hub-card h3, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hub-card h3{ font-size: 31px; letter-spacing: -1.3px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hub-card .v3-card-copy, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hub-card .v3-card-copy{ flex-grow: 1; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) [aria-labelledby='how-heading'], :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition [aria-labelledby='how-heading']{ background: #f1f4df; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-step-card, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-step-card{ border-top: 0; border-radius: 20px; background: #fffdf88f; padding: 25px; position: relative; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-step-card .v3-step-chip, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-step-card .v3-step-chip{ color: #5d6551; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-step-card .v3-card-media, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-step-card .v3-card-media{ border: 0; border-radius: 7px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .use-case-art, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .use-case-art{ border-radius: 20px 20px 0 0; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .use-case-card, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .use-case-card{ border-radius: 20px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .art-commerce, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .art-commerce{ background: #f9d8c4; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .art-social, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .art-social{ background: #e2d4fb; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .art-email, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .art-email{ background: #d3e7f6; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .art-local, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .art-local{ background: #dfedbe; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-testimonial-card, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-testimonial-card{ background: #fffaf6; border: 1px solid #e8dfd6; border-radius: 20px; padding: 30px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) [aria-labelledby='proof-heading'], :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition [aria-labelledby='proof-heading']{ background: #f5eee7; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .home-proof-stats strong, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .home-proof-stats strong{ font-size: 47px; color: #6e47c6; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) main > section:has(.v3-final-cta), :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition main > section:has(.v3-final-cta){ position: relative; isolation: isolate; overflow: hidden; background: #292135; padding-block: 90px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) main > section:has(.v3-final-cta)::before, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition main > section:has(.v3-final-cta)::before{ content: ''; position: absolute; z-index: -1; width: 350px; height: 350px; border: 1px solid #8d69af; border-radius: 50%; top: -110px; right: -90px; box-shadow: 0 0 0 45px #8d69af14, 0 0 0 90px #8d69af0d; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-final-cta .v3-section-title, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-final-cta .v3-section-title{ font-size: 54px; letter-spacing: -2.4px; max-width: 850px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-final-cta .v3-hero-gradient, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-final-cta .v3-hero-gradient{ color: #d4ef9d; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-final-cta .bubbly-button, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-final-cta .bubbly-button{ background: #d4ef9d; color: #29311e; border-radius: 12px; padding: 16px 24px; font-size: 13px; min-height: 54px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-plan-card, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-plan-card{ border-radius: 18px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-plan-card.is-featured, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-plan-card.is-featured{ background: #f1eaff; }
@keyframes template-arrive{ from { opacity: 0; transform: translate(22px, 18px) rotate(0deg); } }
@keyframes piece-arrive{ from { opacity: 0; transform: translate(0, 50px) rotate(0deg) scale(.92); } }
@keyframes spark-arrive{ from { opacity: 0; transform: rotate(-90deg) scale(.5); } }
@keyframes cursor-arrive{ from { opacity: 0; transform: translate(25px, 20px) rotate(-7deg); } }
@keyframes section-arrive{ from { opacity: .6; transform: translateY(18px); } }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .creative-reveal, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .creative-reveal{ animation: section-arrive .7s both cubic-bezier(.2,.7,.25,1); }
@media (hover: hover) and (pointer: fine){:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .bubbly-button:hover, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .bubbly-button:hover{ transform: translateY(-3px); box-shadow: 0 10px 0 #e5dafb; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .v3-inline-link:hover, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .v3-inline-link:hover{ background: #eee4fc; }}
@media (min-width: 1450px){:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero-grid, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero-grid{ gap: 54px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .creative-stage, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .creative-stage{ height: 565px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-poster, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-poster{ height: 390px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square{ height: 235px; top: 265px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square strong, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square strong{ font-size: 38px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner{ top: 445px; height: 135px; }}
@media (max-width: 1100px){:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .container, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .container{ padding-inline: 32px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero-grid, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero-grid{ gap: 28px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero h1, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero h1{ font-size: 56px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .creative-stage, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .creative-stage{ height: 490px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-poster, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-poster{ height: 320px; top: 41px; width: 49%; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square{ top: 242px; height: 185px; width: 42%; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square strong, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square strong{ font-size: 28px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner{ top: 385px; height: 108px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner strong, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner strong{ font-size: 20px; top: 32px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-template, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-template{ width: 42%; top: 70px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-spark, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-spark{ width: 58px; height: 58px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-cursor, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-cursor{ top: 318px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-palette-hint, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-palette-hint{ font-size: 9px; margin-right: 0; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-section-title, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-section-title{ font-size: 40px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-layout, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-layout{ gap: 28px; grid-template-columns: 210px 1fr; padding: 24px; }}
@media (max-width: 900px){:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero-grid, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero-grid{ grid-template-columns: minmax(0, 1fr); gap: 18px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero{ max-width: 630px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero h1, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero h1{ font-size: 68px; max-width: 640px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero-copy, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero-copy{ max-width: 565px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-video-card.hero-visual, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-video-card.hero-visual{ width: 560px; max-width: 100%; justify-self: center; margin-top: 8px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .creative-stage, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .creative-stage{ height: 535px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-poster, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-poster{ width: 45%; height: 358px; top: 32px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-headline, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-headline{ font-size: 37px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square{ height: 215px; top: 249px; width: 39%; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square strong, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square strong{ font-size: 32px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner{ height: 126px; top: 419px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner strong, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner strong{ font-size: 24px; top: 36px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-template, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-template{ width: 38%; top: 57px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero-shell > .v3-video-meta, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero-shell > .v3-video-meta{ margin-top: 32px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hub-card, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hub-card{ padding: 26px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hub-card h3, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hub-card h3{ font-size: 25px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-step-card, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-step-card{ padding: 20px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-layout, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-layout{ grid-template-columns: 1fr; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-form, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-form{ max-width: 100%; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-previews, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-previews{ grid-template-columns: 1fr .65fr .8fr; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-previews figure, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-previews figure{ grid-column: auto; grid-row: auto; }}
@media (max-width: 640px){:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .container, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .container{ padding-inline: 24px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .navbar > .container, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .navbar > .container{ height: 72px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) main > .home-hero, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition main > .home-hero{ padding-top: 31px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-eyebrow, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-eyebrow{ font-size: 8px; letter-spacing: .75px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero h1, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero h1{ font-size: clamp(34px, 10.5vw, 62px); letter-spacing: -.065em; line-height: 1.07; margin-top: 23px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .hero-title-swoosh, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .hero-title-swoosh{ width: 75%; height: 27px; margin-top: 4px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero-copy, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero-copy{ font-size: 12px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .v3-cta-row, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .v3-cta-row{ gap: 12px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .bubbly-button, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .bubbly-button{ font-size: 11px; padding-inline: 18px; gap: 16px; min-height: 52px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .v3-inline-link, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .v3-inline-link{ font-size: 11px; padding-inline: 14px; min-height: 52px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .home-trial-note, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .home-trial-note{ font-size: 8px; gap: 14px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .creative-stage, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .creative-stage{ height: auto; aspect-ratio: 1.04; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-paper, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-paper{ inset: 3% 0 3% 4%; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-paper::after, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-paper::after{ width: 64%; height: auto; aspect-ratio: 1; top: 14%; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-template, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-template{ width: 39%; top: 9%; border-radius: 7px; padding: 0 5px 5px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .template-toolbar, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .template-toolbar{ height: 23px; font-size: 5px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .template-dots, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .template-dots{ gap: 2px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .template-dots i, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .template-dots i{ width: 3px; height: 3px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-poster, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-poster{ top: 4%; left: 44%; width: 46%; height: 68%; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-brand, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-brand{ top: 10px; left: 10px; font-size: 7px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-headline, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-headline{ top: 29%; left: 10px; right: 9px; font-size: clamp(19px, 6.3vw, 36px); letter-spacing: -1px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-poster .sample-caption, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-poster .sample-caption{ left: 10px; bottom: 23%; font-size: 4px; letter-spacing: .4px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .poster-sticker, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .poster-sticker{ top: 10%; width: 44px; height: 44px; font-size: 8px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-footer, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-footer{ bottom: 10px; left: 10px; right: 10px; font-size: 4px; letter-spacing: .4px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-footer b, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-footer b{ font-size: 17px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square{ top: 47%; width: 40%; height: 41%; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square .piece-surface, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square .piece-surface{ padding: 31px 10px 12px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square strong, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square strong{ font-size: clamp(18px, 6vw, 32px); letter-spacing: -1px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-square .sample-caption, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-square .sample-caption{ left: 10px; bottom: 9px; font-size: 3px; letter-spacing: .3px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-flower, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-flower{ width: 55px; height: 55px; bottom: 20px; right: -12px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner{ top: 79%; left: 46%; width: 53%; height: 24%; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner .sample-brand, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner .sample-brand{ top: 8px; left: 9px; font-size: 5px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner strong, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner strong{ top: 27%; left: 9px; font-size: clamp(14px, 4.5vw, 23px); letter-spacing: -.6px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner .sample-button, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner .sample-button{ left: 9px; bottom: 7px; font-size: 3px; padding: 3px 5px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-banner img, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-banner img{ top: 8px; right: 8px; height: calc(100% - 16px); }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .format-label, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .format-label{ font-size: 4px; margin-top: 5px; letter-spacing: .6px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-spark, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-spark{ width: 44px; height: 44px; right: -4px; top: -5px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-cursor, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-cursor{ top: 60%; right: -6px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-cursor svg, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-cursor svg{ width: 17px; height: 20px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-cursor span, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-cursor span{ font-size: 7px; padding: 5px 8px; margin-left: 12px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-palette-controls, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-palette-controls{ margin-top: 24px; padding-left: 0; justify-content: center; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-palette-hint, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-palette-hint{ font-size: 8px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .palette-choice, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .palette-choice{ width: 44px; height: 44px; padding: 7px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .palette-choice span, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .palette-choice span{ width: 26px; height: 26px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero-shell > .v3-video-meta, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero-shell > .v3-video-meta{ display: block; padding-block: 24px; margin-top: 23px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-video-title, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-video-title{ font-size: 23px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-video-copy, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-video-copy{ font-size: 11px; margin-top: 12px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .home-logo-band, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .home-logo-band{ padding-block: 24px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) main > section.v3-section, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition main > section.v3-section{ padding-block: 60px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-section-title, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-section-title{ font-size: 34px; letter-spacing: -1.7px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-section-intro, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-section-intro{ font-size: 12px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-layout, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-layout{ padding: 20px 15px; border-radius: 18px; gap: 24px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-previews, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-previews{ grid-template-columns: 1fr .66fr; gap: 17px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-previews .preview-square, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-previews .preview-square{ grid-column: 1; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-previews .preview-story, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-previews .preview-story{ grid-column: 2; grid-row: 1 / 3; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .seo-demo .demo-previews .preview-banner, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .seo-demo .demo-previews .preview-banner{ grid-column: 1; grid-row: 2; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hub-card, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hub-card{ padding: 24px; border-radius: 20px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hub-card h3, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hub-card h3{ font-size: 27px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-testimonial-card, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-testimonial-card{ padding: 24px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .home-proof-stats strong, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .home-proof-stats strong{ font-size: 35px; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-final-cta .v3-section-title, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-final-cta .v3-section-title{ font-size: 36px; letter-spacing: -1.6px; }}
@media (prefers-reduced-motion: reduce){:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .campaign-piece, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .campaign-piece,:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .hero-template, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .hero-template,:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-spark, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-spark,:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .stage-cursor, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .stage-cursor,:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .creative-reveal, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .creative-reveal{ animation: none; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .piece-surface, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .piece-surface,:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-headline, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-headline,:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .poster-sticker, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .poster-sticker,:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .sample-flower, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .sample-flower,:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .palette-choice span, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .palette-choice span,:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .bubbly-button, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .bubbly-button{ transition: none; }
:where(body[data-pxx-css~="c801c5de33bad"]):is(.creative-edition) .v3-hero .bubbly-button:hover, :where(body[data-pxx-css~="c801c5de33bad"]) .creative-edition .v3-hero .bubbly-button:hover{ transform: none; }}
:is(#pxx-inline-priority,.pxx-inline-f4cdab7ef29f){--swatch:#d3e6ba}
:is(#pxx-inline-priority,.pxx-inline-09cf5eb3ea32){--swatch:#dbd0fa}
:is(#pxx-inline-priority,.pxx-inline-8f3fc809aed1){--swatch:#f2d5b7}