.wordpress-hero-visual{height:480px}.wordpress-hero-visual .wix-offer-browser{width:calc(100% - 20px);position:absolute;top:108px;right:0;transform:rotate(2deg)}.wordpress-hero-palette,.wordpress-hero-progress{z-index:2;background:#fff;border:1px solid #d5e3ed;border-radius:12px;padding:18px;position:absolute;box-shadow:0 12px 32px -16px #1b38583d}.wordpress-hero-card-heading{color:var(--offer-muted);justify-content:space-between;align-items:center;gap:20px;font-size:.6rem;font-weight:500;display:flex}.wordpress-hero-card-heading>span:last-child{color:var(--offer-blue)}.wordpress-hero-palette{width:252px;top:-4px;left:0;transform:rotate(-5deg)}.wordpress-hero-design-tools{align-items:center;gap:16px;margin-top:14px;display:flex}.wordpress-hero-type{letter-spacing:-.06em;font-size:1.9rem;font-weight:450;line-height:1}.wordpress-hero-type>span{color:var(--offer-muted);letter-spacing:0;margin-top:8px;font-size:.48rem;display:block}.wordpress-hero-swatches{display:flex}.wordpress-hero-swatches i{background:#142b3d;border:2px solid #fff;border-radius:16px;width:23px;height:38px}.wordpress-hero-swatches i+i{background:#1e73be;margin-left:-7px}.wordpress-hero-swatches i:last-child{background:#c5d9e4}.wordpress-hero-layout{border:1px solid #d5e3ed;border-radius:5px;grid-template-columns:1fr 1fr;gap:4px;width:50px;padding:6px;display:grid}.wordpress-hero-layout i{background:#dce8ef;border-radius:2px;height:17px}.wordpress-hero-layout i:first-child{background:#1e73be;grid-column:span 2;height:10px}.wordpress-hero-progress{width:286px;bottom:0;right:8px;transform:rotate(-3deg)}.wordpress-hero-build-icon{font-family:monospace;font-size:.8rem}.wordpress-hero-progress ol{margin:16px 0 0;padding:0;list-style:none;display:flex}.wordpress-hero-progress li{color:var(--offer-muted);flex-direction:column;flex:1;gap:9px;font-size:.55rem;display:flex;position:relative}.wordpress-hero-progress li:not(:last-child):after{content:"";background:#d5e3ed;height:1px;position:absolute;top:5px;left:14px;right:4px}.wordpress-hero-stage-dot{background:#edf4f8;border:1px solid #b9cedc;border-radius:50%;width:11px;height:11px}.wordpress-hero-progress li.is-active{color:var(--offer-blue);font-weight:700}.wordpress-hero-progress .is-active .wordpress-hero-stage-dot{background:var(--offer-blue);border-color:var(--offer-blue);box-shadow:0 0 0 3px #1e73be18}@media (max-width:900px){.wordpress-hero-visual{height:440px}.wordpress-hero-palette{width:230px}.wordpress-hero-design-tools{gap:12px}.wordpress-hero-progress{width:258px;right:0}}@media (max-width:700px){.wordpress-hero-visual{flex-direction:column;height:auto;padding:16px 0}.wordpress-hero-palette{align-self:flex-start;position:relative;top:auto;left:auto}.wordpress-hero-visual .wix-offer-browser{align-self:flex-end;width:calc(100% - 12px);margin-top:12px;position:relative;top:auto;right:auto}.wordpress-hero-progress{align-self:flex-end;margin-top:12px;position:relative;bottom:auto;right:auto}}