.wd-st{--u:.0520833cqw;background:#fafaff;position:relative;container-type:inline-size}.wd-st__inner{padding:calc(var(--sec-pad-n) * var(--u)) calc(120 * var(--u))}.wd-st__head{margin-bottom:calc(45 * var(--u));justify-content:space-between;align-items:flex-start;display:flex}.wd-st__title{width:calc(487 * var(--u));font-family:var(--hv3-font-display);font-weight:var(--hv3-w-heading);font-size:calc(56 * var(--u));line-height:calc(66 * var(--u));color:#0e0b1f;margin:0}.wd-st__title em{color:var(--hv3-purple);font-style:normal}.wd-st__sub{width:calc(693 * var(--u));margin:calc(65 * var(--u)) 0 0;text-align:right;font-size:max(var(--hv3-desc-min), calc(24 * var(--u)));line-height:max(calc(var(--hv3-desc-min) * 1.5), calc(36 * var(--u)));color:#67657d}.wd-st__cards{gap:calc(18 * var(--u));display:flex}.wd-st__closing{margin:calc(40 * var(--u)) 0 0;text-align:center;font-size:max(var(--hv3-desc-min), calc(22 * var(--u)));line-height:max(calc(var(--hv3-desc-min) * 1.45455), calc(32 * var(--u)));color:#6e6c88}.wd-st__card{box-sizing:border-box;gap:calc(20 * var(--u));padding:calc(16 * var(--u)) calc(20 * var(--u)) calc(24 * var(--u)) calc(24 * var(--u));border-radius:calc(16 * var(--u));transition:box-shadow .3s, transform .3s, opacity .7s cubic-bezier(.2, .7, .2, 1) var(--rd,0s), translate .7s cubic-bezier(.2, .7, .2, 1) var(--rd,0s);background:#ffffffb8;border:1px solid #eff0f7;flex-direction:column;display:flex;box-shadow:0 0 5px #00000014}.wd-st__card--cms{width:calc(505 * var(--u));--rd:50ms}.wd-st__card--int{width:calc(538 * var(--u));--rd:.15s}.wd-st__card--host{width:calc(601 * var(--u));--rd:.25s}.wd-st__card-head{align-items:center;gap:calc(16 * var(--u));display:flex}.wd-st__badge{width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:calc(12 * var(--u));flex:none;place-items:center;display:grid}.wd-st__badge--violet{background:#eeeafc}.wd-st__badge--teal{background:#eefaf8}.wd-st .wd-st__badge-img{width:calc(30 * var(--u));height:calc(30 * var(--u));max-width:none}.wd-st__card-title{min-width:0;font-family:var(--hv3-font-body);font-weight:var(--hv3-w-heading);font-size:max(var(--hv3-title-min), calc(24 * var(--u)));color:#0d1020;flex:1 1 0;margin:0;line-height:1.08}.wd-st__list{gap:calc(16 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wd-st__row{box-sizing:border-box;border-radius:calc(32 * var(--u));align-items:center;transition:background .25s,translate .25s;display:flex}.wd-st__row--platform{height:calc(44 * var(--u));gap:calc(34 * var(--u));padding:0 calc(34 * var(--u));background:#f3f5f9}.wd-st__row--integration{height:calc(37 * var(--u));gap:calc(30 * var(--u));padding:0 calc(18 * var(--u));background:#f0f8f8}.wd-st__label{font-size:calc(16 * var(--u));color:#333b46;white-space:nowrap;line-height:1.2}.wd-st__row--integration .wd-st__label{color:#39424c}.wd-st .wd-st__logo{width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));flex:none;max-width:none}.wd-st .wd-st__row-icon{width:calc(22 * var(--u));height:calc(22 * var(--u));flex:none;max-width:none}.wd-st__emblem{box-sizing:border-box;width:calc(30 * var(--u));height:calc(30 * var(--u));color:#fff;border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.wd-st__emblem--wordpress{font-family:Georgia,Lora,serif;font-size:calc(22.8 * var(--u));background:#2176a6;border:2px solid #d5e6f3}.wd-st__emblem--nextjs{font-family:Arial,Arimo,sans-serif;font-size:calc(22.8 * var(--u));background:#050708;border:2px solid #050708}.wd-st__lead{font-size:max(var(--hv3-desc-min), calc(18 * var(--u)));color:#626878;margin:0}.wd-st__list--checks{gap:calc(16 * var(--u))}.wd-st__check-row{align-items:center;gap:calc(20 * var(--u));font-size:max(var(--hv3-desc-min), calc(16 * var(--u)));color:#626878;line-height:1.2;display:flex}.wd-st .wd-st__check{width:calc(24 * var(--u));height:calc(24 * var(--u));flex:none;max-width:none}@media (min-width:981px){.wd-st__card{min-height:calc(480 * var(--u))}.wd-st__lead{min-height:calc(27 * var(--u))}}.wd-st__head{transition:opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1)}.wd-st__inner[data-ga-armed]:not(.is-in) :is(.wd-st__head,.wd-st__card){opacity:0;translate:0 calc(28 * var(--u))}@media (hover:hover){.wd-st__card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #5545981f}.wd-st__row--platform:hover{translate:calc(4 * var(--u)) 0;background:#e9e4fb}.wd-st__row--integration:hover{translate:calc(4 * var(--u)) 0;background:#dcf1ef}}@media (prefers-reduced-motion:reduce){.wd-st__head,.wd-st__card,.wd-st__row{transition:none!important}.wd-st__card:hover,.wd-st__row:hover{transform:translate(0,0)}}@media (max-width:980px){.wd-st{--u:1px;container-type:normal}.wd-st__inner{padding:calc(var(--sec-pad-n) * var(--u)) 16px}.wd-st__head{margin-bottom:20px;display:block}.wd-st__title{width:auto;font-size:var(--m-title);line-height:1.2}.wd-st__sub{text-align:left;width:auto;font-size:var(--m-lede);line-height:var(--m-lede-lh);margin:12px 0 0}.wd-st__cards{flex-direction:column;gap:16px}.wd-st__closing{text-align:left;font-size:var(--m-lede);line-height:var(--m-lede-lh);margin-top:20px}.wd-st__card,.wd-st__card--cms,.wd-st__card--int,.wd-st__card--host{border-radius:16px;gap:14px;width:auto;height:auto;padding:16px}.wd-st__card-head{gap:12px}.wd-st__badge{border-radius:10px;width:44px;height:44px}.wd-st .wd-st__badge-img{width:24px;height:24px}.wd-st__card-title{font-size:20px}.wd-st__list--platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.wd-st__list--integrations{gap:10px}.wd-st__row--platform{height:var(--m-tap);min-height:var(--m-tap);border-radius:22px;gap:10px;padding:0 14px}.wd-st__row--integration{height:var(--m-tap);border-radius:22px;gap:12px;padding:0 18px}.wd-st__label{white-space:normal;font-size:15px}.wd-st .wd-st__logo{object-fit:contain;width:22px;height:22px}.wd-st .wd-st__row-icon{width:20px;height:20px}.wd-st__emblem{border-width:1.5px;width:22px;height:22px;font-size:15px}.wd-st__lead{height:auto;font-size:15px}.wd-st__list--checks{gap:12px}.wd-st__check-row{align-items:flex-start;gap:12px;font-size:15px;line-height:1.25}.wd-st .wd-st__check{width:22px;height:22px}.wd-st__inner[data-ga-armed]:not(.is-in) :is(.wd-st__head,.wd-st__card){translate:0 16px}}
