/* Noluvio Preview-to-Purchase. Original, responsive, no external assets. */
.unlock-section{background:#07182e;color:#edf7ff;position:relative;overflow:hidden;padding:clamp(60px,8vw,118px) 0}
.unlock-section::before{content:"";position:absolute;inset:-200px -280px auto auto;width:min(800px,90vw);height:760px;background:radial-gradient(circle,rgba(0,87,255,.29),transparent 65%);pointer-events:none}
.unlock-wrap{position:relative;max-width:1240px;width:calc(100% - 100px);margin-inline:auto}
.unlock-heading{max-width:770px;margin-bottom:34px}
.unlock-kicker{font:800 11px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.17em;color:#56f4c2;text-transform:uppercase}
.unlock-heading h2{font-size:clamp(34px,4.4vw,67px);line-height:1.05;letter-spacing:-.047em;margin:14px 0 18px;color:#fff}
.unlock-heading p,.unlock-purchase-intro{font-size:clamp(14px,1.35vw,18px);line-height:1.75;color:#c2d2e3}
.unlock-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:22px;align-items:stretch}
.unlock-panel{background:rgba(255,255,255,.065);border:1px solid rgba(160,207,255,.19);border-radius:26px;padding:clamp(20px,3vw,36px);min-width:0}
.unlock-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.unlock-panel-heading strong{font-size:12px;letter-spacing:.10em;font-weight:850;color:#a5cdf6}
.unlock-chip{border:1px solid rgba(124,235,205,.34);border-radius:100px;color:#aaf9dd;background:rgba(34,224,138,.09);font-size:11px;font-weight:780;padding:7px 11px;white-space:nowrap}
.unlock-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}
.unlock-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.unlock-field-wide{grid-column:1/-1}
.unlock-field label{font-weight:650;font-size:12px;color:#d5eafc}
.unlock-field input,.unlock-field select{border:1px solid #58728f;background:#0d2643;color:#fff;border-radius:11px;min-height:49px;padding:10px 13px;max-width:100%;font:600 14px/1.4 ui-sans-serif,system-ui,sans-serif}
.unlock-field input::placeholder{color:#bdccdf}
.unlock-field input:focus-visible,.unlock-field select:focus-visible,.unlock-action:focus-visible,.unlock-section a:focus-visible,.unlock-close:focus-visible{outline:3px solid #56e9fc;outline-offset:3px}
.unlock-preview{--unlock-accent:#0057ff;background:#f8fafc;border-radius:16px;overflow:hidden;color:#192946;box-shadow:0 18px 52px rgba(0,0,0,.2);border:1px solid #c7d8eb}
.unlock-browser{background:#dee9f4;display:flex;align-items:center;gap:6px;height:29px;padding:0 13px;color:#4e6784}
.unlock-browser i{width:7px;height:7px;border-radius:50%;background:#94a9be}
.unlock-browser span{font-size:9px;letter-spacing:.09em;margin-inline-start:auto;color:#52718d}
.unlock-preview-inner{min-height:245px;background:radial-gradient(circle at 95% 15%,color-mix(in srgb,var(--unlock-accent) 20%,transparent),transparent 46%),#f8fafc;padding:27px}
.unlock-preview-brand{display:flex;align-items:center;gap:10px;margin-bottom:36px}
.unlock-preview-mark{width:31px;height:31px;border-radius:9px;color:#fff;display:grid;place-items:center;background:var(--unlock-accent);font-weight:900;font-size:16px}
.unlock-preview-brand strong{font-size:15px;overflow-wrap:anywhere}
.unlock-preview-hero{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:8px}
.unlock-preview-eyebrow{font-size:10px;letter-spacing:.12em;color:#52708e;font-weight:800}
.unlock-preview h3{font-size:clamp(20px,2.5vw,32px);letter-spacing:-.038em;line-height:1.12;overflow-wrap:anywhere;margin:7px 0 18px}
.unlock-preview-cta{background:var(--unlock-accent);color:#fff;display:inline-block;padding:10px 14px;border-radius:8px;font-size:11px;font-weight:800}
.unlock-preview-graphic{border-radius:50%;aspect-ratio:1;background:linear-gradient(130deg,var(--unlock-accent),color-mix(in srgb,var(--unlock-accent) 28%,white));box-shadow:12px 14px 0 color-mix(in srgb,var(--unlock-accent) 16%,white);transform:rotate(-22deg)}
.unlock-preview[data-demo=cafe] .unlock-preview-graphic{border-radius:56% 44% 61% 39%}
.unlock-preview[data-demo=studio] .unlock-preview-graphic{border-radius:20%;transform:rotate(20deg)}
.unlock-preview-foot{font-size:11px;color:#bbd0e4;margin:12px 0 0}
.unlock-payment-title{font-size:clamp(21px,2.4vw,34px);line-height:1.17;color:#fff;letter-spacing:-.026em;margin:16px 0}
.unlock-package-rows{margin:20px 0 16px;display:grid;gap:14px}
.unlock-price{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #35506d;border-bottom:1px solid #35506d;padding:18px 0;color:#b8d1e6;font-size:13px}
.unlock-price strong{font-size:14px;color:#fff;text-align:end}
.unlock-includes{font-size:12px;color:#eff6ff;font-weight:800;margin-top:18px}
.unlock-benefits{margin:13px 0 12px;padding:0;list-style:none;display:grid;gap:10px}
.unlock-benefits li{font-size:13px;line-height:1.45;color:#dbeaf7;display:flex;gap:10px;align-items:flex-start}
.unlock-benefits li::before{content:"✓";color:#60f4c0;font-size:15px;font-weight:900}
.unlock-limit{color:#adbed0;font-size:11px;line-height:1.6}
.unlock-action{width:100%;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:17px;min-height:55px;background:#22e08a;color:#052b27;font-weight:900;font-size:14px;margin-top:20px;cursor:pointer;transition:transform .18s ease,filter .18s ease}
.unlock-action:hover{filter:brightness(1.08);transform:translateY(-2px)}
.unlock-action-note{font-size:11px;color:#cbd9ec;line-height:1.6;text-align:center;margin:12px 0 0}
.unlock-notice{margin-top:18px;border:1px solid #6b9cbc;border-radius:16px;background:#0e2947;padding:18px}
.unlock-notice[hidden]{display:none}
.unlock-notice h4{color:#f3fbff;font-size:17px;margin:0 0 9px}
.unlock-notice p{line-height:1.65;color:#d1e5f3;font-size:12px;margin:8px 0}
.unlock-notice .unlock-summary{color:#7ce7c3;font-size:12px;overflow-wrap:anywhere}
.unlock-notice-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}
.unlock-notice-actions a{border-radius:10px;background:#0057ff;color:#fff;padding:11px 14px;font-size:12px;font-weight:750}
.unlock-close{border:1px solid #6687a6;border-radius:10px;background:transparent;color:#fff;padding:10px 14px;font-size:12px;cursor:pointer}
html[dir=rtl] .unlock-benefits li{flex-direction:row}
html[dir=rtl] .unlock-price strong{text-align:start}
@media(max-width:820px){.unlock-grid{grid-template-columns:1fr}.unlock-wrap{width:calc(100% - 40px)}.unlock-section{padding:58px 0}.unlock-panel{border-radius:19px}}
@media(max-width:440px){.unlock-form{grid-template-columns:1fr}.unlock-preview-hero{grid-template-columns:minmax(0,1fr) 52px}.unlock-preview-inner{padding:18px;min-height:218px}.unlock-preview-brand{margin-bottom:27px}.unlock-panel-heading{flex-wrap:wrap}.unlock-preview-graphic{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.unlock-section *{scroll-behavior:auto;transition:none!important;animation:none!important}.unlock-action:hover{transform:none}}
@media(forced-colors:active){.unlock-action,.unlock-notice-actions a{border:2px solid ButtonText}}

.unlock-hero-jump{font:800 12px/1.3 ui-sans-serif,system-ui,sans-serif;border-bottom:1px solid currentColor;color:#abf7d9;white-space:nowrap;padding-block:4px}

.order-concept-cta{display:inline-flex;align-items:center;justify-content:center;min-height:45px;border:1px solid #6ce4b5;color:#d3ffe9;border-radius:9px;padding:12px 17px;font-weight:850;font-size:12px;text-decoration:none}
.order-concept-cta:hover{background:rgba(34,224,138,.14);text-decoration:none}
.order-concept-cta:focus-visible{outline:3px solid #58e8ff;outline-offset:3px}