.bev{position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;container-type:inline-size}.bev-canvas{position:absolute;inset:0;background:var(--lv-paper)}.bev-email{--w: min(480px, 100cqw - 40px);--u: calc(var(--w) / 480);width:var(--w);margin:calc(var(--u) * 26) auto 0}.bev-header{display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--u) * 28) calc(var(--u) * 16);color:var(--lv-muted);font-size:calc(var(--u) * 11)}.bev-header .lv-mark{--lv-size: calc(var(--u) * 15) !important}.bev-card{overflow:clip;border-radius:calc(var(--u) * 14);background:#fff}.bev-sec{position:relative;padding:calc(var(--u) * 28)}.bev-sec:after{content:"";position:absolute;inset:1.5px;border-radius:calc(var(--u) * 14 - 1.5px) calc(var(--u) * 14 - 1.5px) 2px 2px;box-shadow:0 0 0 1.5px #6badd4;pointer-events:none}.bev-cols{display:flex;align-items:flex-start;gap:calc(var(--u) * 24)}.bev-col{flex:50 0 0;min-width:0}.bev-area{display:grid;align-self:stretch;place-items:center;width:0;margin:0 calc(var(--u) * -12)}.bev-colbar,.bev-bar{position:absolute;background:#6badd4;outline:.5px solid #fff;opacity:0}.bev-colbar{position:static;width:2px;height:16px;background:#57b691}.bev-sec[data-hover] .bev-bar,.bev-sec[data-hover]:not([data-drag]) .bev-colbar{opacity:1;transition:opacity .05s linear .25s}.bev-bar-top,.bev-bar-bottom{left:calc(50% - 8px);width:16px;height:2px}.bev-bar-top{top:calc(var(--u) * 14 - 1px)}.bev-bar-bottom{bottom:calc(var(--u) * 14 - 1px)}.bev-bar-left,.bev-bar-right{top:calc(50% - 8px);width:2px;height:16px}.bev-bar-left{left:calc(var(--u) * 14 - 1px)}.bev-bar-right{right:calc(var(--u) * 14 - 1px)}.bev-eyebrow{color:var(--lv-plum);font-size:calc(var(--u) * 12);font-weight:600}.bev-heading{margin-top:calc(var(--u) * 8);font-size:calc(var(--u) * 22);font-weight:600;line-height:1.15;letter-spacing:-.025em}.bev-text{margin-top:calc(var(--u) * 10);color:var(--lv-muted);font-size:calc(var(--u) * 14);line-height:1.55}.bev-button{display:inline-flex;align-items:center;height:calc(var(--u) * 36);margin-top:calc(var(--u) * 18);padding:0 calc(var(--u) * 14);border-radius:calc(var(--u) * 8);background:var(--lv-ink);color:var(--lv-lilac);font-size:calc(var(--u) * 13);font-weight:600}.bev-next{padding:0 calc(var(--u) * 28) calc(var(--u) * 28)}.bev-next-title{padding-top:calc(var(--u) * 22);border-top:1px solid var(--lv-line);font-size:calc(var(--u) * 15);font-weight:600}.bev-row{display:flex;gap:calc(var(--u) * 14);margin-top:calc(var(--u) * 10);color:var(--lv-muted);font-size:calc(var(--u) * 13)}.bev-row span{width:calc(var(--u) * 40);flex-shrink:0;color:var(--lv-plum);font-weight:600}.bev-band{padding:calc(var(--u) * 28);background:var(--lv-plum);color:var(--lv-paper)}.bev-band-title{font-size:calc(var(--u) * 18);font-weight:600;letter-spacing:-.02em}.bev-band-text{margin-top:calc(var(--u) * 6);color:#c5d8cf;font-size:calc(var(--u) * 13);line-height:1.55}.bev-footer{display:flex;flex-direction:column;gap:calc(var(--u) * 6);padding:calc(var(--u) * 22) calc(var(--u) * 28);color:var(--lv-muted);font-size:calc(var(--u) * 11)}.bev-footer .lv-mark{--lv-size: calc(var(--u) * 12) !important;margin-bottom:calc(var(--u) * 4)}.bev-pill{position:absolute;top:0;left:0;z-index:4;padding:2px 4px;border-radius:4px;background:#29a37a;color:#fff;font-size:12px;line-height:16px;white-space:nowrap;font-variant-numeric:tabular-nums;visibility:hidden;pointer-events:none}.bev-pill[data-on]{visibility:visible}.bev-ew{position:absolute;top:-7px;left:-11px;opacity:0}[data-bev-cursor][data-resize]>svg:first-child{opacity:0}[data-bev-cursor][data-resize] .bev-ew{opacity:1}.bgv{width:100%;height:100%;display:flex;overflow:hidden;background:#f7f7f5;font-family:Inter,system-ui,sans-serif;position:relative}.bgv-preview{flex:1;min-width:0;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 0;overflow:hidden}.bgv-email{width:100%;min-width:300px;max-width:400px;flex-shrink:0;background:#fff;border-radius:4px;padding:24px 24px 20px;margin-left:-60px;box-shadow:0 1px 3px #0000000f,0 0 0 1px #0000000a}.bgv-email-logo{display:flex;align-items:center;gap:7px;margin-bottom:16px}.bgv-email-cat{font-size:11px;font-weight:600;color:var(--lv-plum);margin-bottom:4px}.bgv-email-h{font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--lv-ink);line-height:1.3;margin-bottom:8px}.bgv-email-body{font-size:12px;color:var(--lv-muted);line-height:1.55;margin-bottom:10px}.bgv-email-body strong{color:var(--lv-ink);font-weight:600}.bgv-email-btn{display:inline-block;padding:8px 18px;background:#4a1240;color:#fff;font-size:12px;font-weight:600;border-radius:6px;margin-bottom:16px;cursor:default;transition:background .4s ease}.bgv-email-divider{height:1px;background:var(--lv-line);margin-bottom:12px}.bgv-email-footer-logo{display:flex;align-items:center;gap:5px;margin-bottom:3px}.bgv-email-footer-tag{font-size:10px;color:var(--lv-muted);margin:4px 0 6px}.bgv-email-footer{display:flex;gap:5px;font-size:10px;color:var(--lv-muted)}.bgv-email-unsub{text-decoration:underline}.bgv-panel{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:#fdfdfc;border-left:1px solid #dad9d6;overflow-y:hidden;overflow-x:hidden}.bgv-head{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid #e9e8e6;flex-shrink:0}.bgv-head-icon{color:#297aa3}.bgv-head-title{font-size:14px;font-weight:500;color:#21201c}.bgv-head-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#297aa3;background:#e2f2fc;padding:2px 6px;border-radius:4px;margin-left:auto}.bgv-body{flex:1;display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden}.bgv-section{padding:12px 16px;border-bottom:1px solid #e9e8e6}.bgv-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:500;color:#63635e}.bgv-lock{color:#c4c3bc}.bgv-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.bgv-color-cell{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #e9e8e6;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}.bgv-color-cell.is-highlight{border-color:#297aa3;box-shadow:0 1px 2px #0000000a,0 0 0 2px #297aa31f}.bgv-color-cell.is-error{border-color:#d97706;box-shadow:0 1px 2px #0000000a,0 0 0 2px #d977061f}.bgv-sw{width:16px;height:16px;border-radius:4px;flex-shrink:0;transition:background .4s ease}.bgv-sw-light{box-shadow:inset 0 0 0 1px #e9e8e6}.bgv-color-name{font-size:11px;font-weight:500;color:#21201c}.bgv-field-stack{display:flex;flex-direction:column;gap:8px}.bgv-field{display:flex;flex-direction:column;gap:4px}.bgv-field-label{font-size:11px;color:#a8a69c}.bgv-select{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e9e8e6;border-radius:8px;background:#fff;font-size:12px;color:#21201c;box-shadow:0 1px 2px #0000000a}.bgv-select-icon{color:#a8a69c;flex-shrink:0}.bgv-select-meta{color:#a8a69c;margin-left:auto;font-size:11px}.bgv-select-chevron{color:#c4c3bc;flex-shrink:0}.bgv-logo-field{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e9e8e6;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0000000a}.bgv-logo-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.bgv-logo-name{font-size:12px;font-weight:500;color:#21201c}.bgv-logo-file{font-size:10px;color:#a8a69c}.bgv-logo-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e9e8e6;border-radius:6px;background:#fff;color:#a8a69c;cursor:default;box-shadow:0 1px 2px #0000000a;flex-shrink:0}.bgv-btn-field{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #e9e8e6;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0000000a}.bgv-btn-swatch{width:18px;height:18px;border-radius:4px;flex-shrink:0;transition:background .4s ease}.bgv-btn-swatch-outline{background:#fff;box-shadow:inset 0 0 0 1.5px #dad9d6}.bgv-btn-sample{font-size:11px;font-weight:500;color:#fff;background:#4a1240;padding:3px 10px;border-radius:3px;cursor:default;transition:background .4s ease}.bgv-btn-sample-outline{color:#21201c;background:#fff;box-shadow:inset 0 0 0 1px #dad9d6}.bgv-btn-inputs{margin-left:auto}.bgv-mini-input{display:flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #e9e8e6;border-radius:5px;background:#fff;font-size:11px;color:#21201c;box-shadow:0 1px 2px #0000000a}.bgv-mini-icon{color:#a8a69c;flex-shrink:0}.bgv-toast{position:absolute;bottom:14px;left:50%;transform:translate(-50%) translateY(6px);display:flex;align-items:center;gap:5px;padding:6px 12px;background:#21201c;color:#fff;font-size:11px;font-weight:500;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:10;box-shadow:0 4px 16px #00000026}.bgv-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.bgv-toast-icon{color:#d97706;flex-shrink:0}@media(prefers-reduced-motion:reduce){.bgv-sw,.bgv-btn-swatch,.bgv-btn-sample,.bgv-email-btn,.bgv-toast,.bgv-color-cell{transition:none!important}}.eh{position:absolute;inset:0;z-index:2;display:flex;justify-content:center;padding-top:40px}.eh-frame{position:relative;flex-shrink:0;width:1120px;height:660px;transform:scale(var(--eh-scale, 1));transform-origin:top center}.eh-email{width:600px;margin:0 auto}.eh-sec{--eh-bg: #fff;--eh-pill: rgb(74 18 64 / 7%);--eh-eyebrow: var(--lv-plum);--eh-head: var(--lv-ink);--eh-text: var(--lv-muted);--eh-btn: var(--lv-ink);--eh-btn-text: var(--lv-lilac)}.eh-sec[data-on]{--eh-bg: var(--lv-plum);--eh-pill: rgb(220 194 251 / 14%);--eh-eyebrow: var(--lv-lilac);--eh-head: var(--lv-paper);--eh-text: #c9b8c6;--eh-btn: var(--lv-lilac);--eh-btn-text: var(--lv-ink)}.eh-sec[data-rewind],.eh-sec[data-rewind] *{transition-duration:.3s!important}.eh-sel{position:absolute;inset:0;z-index:1;pointer-events:none}.eh-sel:after{content:"";position:absolute;inset:1.5px;border-radius:2px}.eh-sel[data-hover]:after{box-shadow:0 0 0 1.5px #93c4e1}.eh-sel[data-on]:after{box-shadow:0 0 0 1.5px #6badd4}.eh-bar{position:absolute;background:#6badd4;outline:.5px solid #fff;opacity:0}.eh-sel[data-bars] .eh-bar{opacity:1;transition:opacity .05s linear}.eh-panels{--eh-swatch: #fff}.eh-panels:has([data-eh-bg][data-on]){--eh-swatch: #4a1240}.eh-panel{position:absolute;inset:0;color:var(--gray-11);transition:opacity .15s ease}.eh-panels>[data-panel=section],.eh-panels[data-on]>[data-panel=settings]{opacity:0}.eh-panels[data-on]>[data-panel=section]{opacity:1}.eh-trigger[data-open]{border-color:var(--gray-8);background:var(--gray-3)}.eh-menu{position:absolute;inset:calc(100% + 4px) 0 auto;z-index:10;display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid var(--gray-6);border-radius:8px;background:#fff;box-shadow:0 1px 2px #0000000d,0 2px 16px #0000000d;opacity:0;transform:translateY(-2px);visibility:hidden;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),visibility 0s linear .25s}.eh-menu:not([data-on]){transition-duration:.12s,.12s,0s;transition-delay:0s,0s,.12s}.eh-menu[data-on]{opacity:1;transform:none;visibility:visible;transition-delay:0s}.eh-item{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 8px;border-radius:4px;font-size:13px}.eh-item .eh-return{color:var(--gray-8);opacity:0}.eh-item[data-hover]{background:var(--gray-2)}.eh-item[data-hover] .eh-return{opacity:1}@media(max-width:1279px){.eh{--eh-scale: .82;padding-top:36px}}@media(max-width:1023px){.eh{--eh-scale: .64;padding-top:32px}}@media(max-width:767px){.eh{--eh-scale: .9;padding-top:24px}.eh-frame{width:520px;height:700px}.eh-card{flex-direction:column}.eh-card>[data-eh-canvas]{flex:none;height:420px}.eh-email{width:460px}.eh-panels{flex:1;width:auto;border-top:1px solid var(--gray-6);border-left:0}}@media(max-width:639px){.eh{--eh-scale: .715}}.pf{width:100%;display:flex;justify-content:center;padding-top:16px}.pf-cards{display:flex;align-items:flex-end;justify-content:center}.pf-slot{flex-shrink:0}.pf-slot-left{z-index:1;margin-right:-48px}.pf-slot-center{z-index:10}.pf-slot-right{z-index:2;margin-left:-48px}@media(min-width:640px){.pf-slot-left{margin-right:-36px}.pf-slot-right{margin-left:-36px}}@media(min-width:768px){.pf-slot-left{margin-right:-24px}.pf-slot-right{margin-left:-24px}}.pf-card{width:220px;transform-origin:50% 100%}@media(min-width:640px){.pf-card{width:260px}}@media(min-width:768px){.pf-card{width:300px}}.pf-card-left{transform:rotate(0) translateY(20px)}.pf-card-left .pf-email{padding-bottom:80px}.pf-card-left .pf-email:before{background-position:30% 40%}.pf-card-center{position:relative;transform:translateY(20px)}.pf-card-right{transform:rotate(0) translateY(20px)}.pf-card-right .pf-email{padding-bottom:80px}.pf-card-right .pf-email:before{background-position:70% 60%}[data-pf-fan].is-visible .pf-card-left{animation:fan-left 1.1s cubic-bezier(.16,1,.3,1) .15s forwards}[data-pf-fan].is-visible .pf-card-center{animation:fan-center 1s cubic-bezier(.16,1,.3,1) forwards}[data-pf-fan].is-visible .pf-card-right{animation:fan-right 1.1s cubic-bezier(.16,1,.3,1) .3s forwards}@keyframes fan-left{0%{transform:rotate(0) translateY(20px)}to{transform:rotate(-6deg) translateY(40px)}}@keyframes fan-center{0%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes fan-right{0%{transform:rotate(0) translateY(20px)}to{transform:rotate(6deg) translateY(40px)}}.pf-label{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.pf-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pf-dot-green{background:#3dae72;box-shadow:0 0 0 2px #3dae7240}.pf-dot-blue{background:#5b8ec9;box-shadow:0 0 0 2px #5b8ec940}.pf-dot-amber{background:#d4983b;box-shadow:0 0 0 2px #d4983b40}.pf-label-text{font-family:TWK Lausanne,system-ui,sans-serif;font-size:10px;font-weight:500;letter-spacing:.02em;color:#ffffff80;white-space:nowrap}.pf-email{position:relative;background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-bottom:none;padding:16px;display:flex;flex-direction:column;gap:0;overflow:hidden}.pf-email:before{content:"";position:absolute;inset:0;background:url(/images/textures/6.webp) center/800px no-repeat;opacity:.15;filter:brightness(.5) grayscale(1);pointer-events:none}.pf-email:after{content:"";position:absolute;inset:0;background:url(/images/textures/grain.avif) repeat;background-size:128px;opacity:.75;mix-blend-mode:overlay;pointer-events:none}.pf-email-center{background:#ffffff0d;border-color:#ffffff24;box-shadow:0 0 40px #0006,0 0 1px #ffffff1a}.pf-email>*{position:relative;z-index:1}.pf-corner{position:absolute;width:12px;height:12px;pointer-events:none;z-index:2}.pf-corner:before,.pf-corner:after{content:"";position:absolute;background:#fff3}.pf-corner:before{width:1px;height:100%}.pf-corner:after{width:100%;height:1px}.pf-corner-tl{top:-1px;left:-1px}.pf-corner-tr{top:-1px;right:-1px}.pf-corner-tr:before,.pf-corner-tr:after{right:0}.pf-divider{width:100%;height:1px;background:#ffffff0f}.pf-email-header{display:flex;align-items:center;gap:10px;padding-bottom:12px}.pf-logo-mark{width:22px;height:22px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pf-header-lines{display:flex;flex-direction:column;gap:4px;flex:1}.pf-line{height:4px;background:#ffffff0f}.pf-line-full{width:100%}.pf-line-lg{width:80%}.pf-line-md{width:60%}.pf-line-short{width:40%}.pf-line-xs{width:28%}.pf-email-body{display:flex;flex-direction:column;gap:0;padding-top:12px}.pf-block{display:flex;flex-direction:column;gap:5px;padding:10px 0}.pf-block-highlight{position:relative;border:1px dashed rgba(87,182,145,.3);padding:10px;margin:6px 0;background:#57b6910a}.pf-block-highlight .pf-line{background:#57b69126}.pf-block-tag{position:absolute;top:-7px;left:8px;font-family:TWK Lausanne,system-ui,sans-serif;font-size:9px;font-weight:500;letter-spacing:.01em;color:#57b691b3;background:#1a1a19f2;padding:0 4px}.pf-highlight-content{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.pf-mini-cta{display:inline-block;width:fit-content;padding:3px 8px;border:1px solid rgba(255,255,255,.1);color:#ffffff73;font-family:TWK Lausanne,system-ui,sans-serif;font-size:9px;font-weight:500}@media(prefers-reduced-motion:reduce){.pf-card-left{transform:rotate(-6deg) translateY(40px)}.pf-card-center{transform:translateY(0)}.pf-card-right{transform:rotate(6deg) translateY(40px)}}
