.x-case{position:fixed;inset:0;z-index:90;background:#fff;overflow:auto;overscroll-behavior:contain;animation:xcase .55s var(--xe)}
@keyframes xcase{from{transform:translateY(60px);opacity:0}}
.x-case-bar{position:sticky;top:0;z-index:5;height:48px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--xl)}
.x-case-bar .x-sp{flex:1}
.x-case-bar .x-mono{color:var(--xi3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.x-case-bar .x-prog{position:absolute;left:0;bottom:-1px;height:2px;background:var(--xv);width:0}
.x-case .x-x{width:36px;height:36px;border-radius:8px;border:1px solid var(--xl);background:#fff;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;color:var(--xi)}
.x-case .x-x:hover{background:var(--xi);color:#fff;border-color:var(--xi)}
.x-band{background:var(--xi);color:#fff;padding-top:clamp(36px,6vh,64px);padding-bottom:clamp(28px,5vh,44px)}
.x-band .x-mono{color:#a9a3b6}
.x-band h2{font:500 clamp(28px,3.8vw,54px)/1.02 'Geist';letter-spacing:-.02em;max-width:960px;margin-top:14px!important}
.x-band .x-client{font:500 clamp(18px,1.6vw,22px) 'Geist';color:var(--xlime);letter-spacing:-.01em;margin-top:22px}
.x-hero-media{margin-top:-1px;background:var(--xi);padding-bottom:clamp(24px,4vw,48px)}
.x-hero-media media-slot,.x-hero-media .live{display:block}
.x-cbody{display:grid;grid-template-columns:180px minmax(0,1fr);gap:clamp(24px,4vw,64px);padding-top:clamp(36px,5vh,56px);padding-bottom:40px}
.x-toc{position:sticky;top:80px;align-self:start;display:grid}
.x-toc .x-bar{height:2px;background:var(--xl);margin-bottom:16px;position:relative}
.x-toc .x-bar i{position:absolute;inset:0 auto 0 0;background:var(--xv)}
.x-toc button{display:block;text-align:left;background:none;border:0;font:400 14px 'Geist';color:var(--xi3);padding:5px 0;cursor:pointer;transition:.2s}
.x-toc button.on{color:var(--xi);font-weight:600;transform:translateX(6px)}
.x-cs{max-width:720px;min-width:0}
.x-cs>section{padding-bottom:clamp(36px,5vh,60px)}
.x-cs .x-lab{color:var(--xv);display:block;margin-bottom:14px}
.x-cs .x-lede{font:500 clamp(17px,1.5vw,21px)/1.45 'Geist';letter-spacing:-.02em;color:var(--xi)}
.x-cs .x-lede strong{font-weight:700}
.x-cs p{font-size:15.5px;line-height:1.65;color:var(--xi2);margin-bottom:14px!important}
.x-cs p:first-of-type.x-big{font:500 clamp(16px,1.4vw,19px)/1.45 'Geist';color:var(--xi);letter-spacing:-.015em}
.x-cs strong{color:var(--xi)}
.x-cs ul.x-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.x-cs ul.x-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:16px;line-height:1.6;color:var(--xi2)}
.x-cs ul.x-list li:before{content:'→';color:var(--xv);font-weight:600}
.x-mets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--xl);margin:6px 0 0}
.x-mets div{padding:18px 16px 4px 0}
.x-mets b{display:block;font:500 clamp(26px,2.8vw,40px)/1 'Geist';letter-spacing:-.02em}
.x-mets span{font-size:13px;color:var(--xi2);display:block;margin-top:8px;line-height:1.35}
.x-pull{border-top:1px solid var(--xi);padding-top:22px}
.x-pull .x-pq{font:500 clamp(21px,2.2vw,30px)/1.22 'Geist';letter-spacing:-.015em;color:var(--xi)}
.x-pull .x-pq strong{color:var(--xv);font-weight:600}
.x-callout{background:var(--xs);padding:20px 22px;margin:18px 0}
.x-callout .x-mono{color:var(--xv);margin-bottom:8px;display:block}
.x-callout p{margin:0!important;color:var(--xi)}
.x-fun{display:grid;gap:8px;margin:18px 0}
.x-fr{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) 70px;gap:14px;align-items:center;font-size:13.5px;color:var(--xi)}
.x-fr .x-tr{height:26px;background:var(--xs);overflow:hidden}
.x-fr .x-tr i{display:block;height:100%;background:var(--xi);width:0;transition:width 1.1s var(--xe)}
.x-fr.w .x-tr i{background:var(--xv)}.x-fr.w{font-weight:600}
.x-fr .x-n{font:400 12px 'DM Mono';text-align:right;color:var(--xi3)}
.x-tbl{width:100%;border-collapse:collapse;font-size:14px;margin:18px 0}
.x-tbl th{text-align:left;font:500 11px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;color:var(--xi3);border-bottom:2px solid var(--xi);padding:8px 10px 8px 0}
.x-tbl td{border-bottom:1px solid var(--xl);padding:10px 10px 10px 0;vertical-align:top;color:var(--xi2)}
.x-tl{border-left:2px solid var(--xi);padding-left:24px;display:grid;gap:26px;margin:18px 0;list-style:none}
.x-tl li{position:relative}
.x-tl li:before{content:'';position:absolute;left:-31px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--xi)}
.x-tl li:last-child:before{background:var(--xv);border-color:var(--xv)}
.x-tl h4{font:500 18px/1.3 'Geist';letter-spacing:-.015em;margin:4px 0 6px;color:var(--xi)}
.x-tl p{font-size:15px!important;margin:0!important}
.x-kd{list-style:none;padding:0;margin:18px 0;display:grid;gap:0;border-top:1px solid var(--xl)}
.x-kd li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--xl)}
.x-kd .n{font:500 12px 'DM Mono';color:var(--xv);padding-top:4px}
.x-kd h4{font:500 17px/1.3 'Geist';margin:0 0 4px;color:var(--xi)}
.x-kd p{font-size:15px!important;margin:0!important}
.x-outs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}
.x-outs div{background:var(--xs);padding:18px}
.x-outs .x-mono{color:var(--xv)}
.x-outs h4{font:500 16px/1.3 'Geist';margin:8px 0 6px;color:var(--xi)}
.x-outs p{font-size:14px!important;margin:0!important}
.x-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 clamp(48px,7vh,80px)}
.x-shots figure{margin:0}.x-shots figcaption{margin-top:10px;color:var(--xi3)}
.x-img{margin:22px 0 26px}
.x-img img,.x-img video{display:block;width:100%;height:auto;background:var(--xs)}
.x-imgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 26px}
.x-imgs .x-img{margin:0}
@media (min-width:1100px){.x-imgs.w{margin-right:calc(-1 * clamp(0px,8vw,220px))}}
@media (max-width:640px){.x-imgs{grid-template-columns:minmax(0,1fr)}}
.x-img figcaption{margin-top:10px;font-size:13.5px;line-height:1.5;color:var(--xi3)}
.x-img figcaption strong{color:var(--xi)}
@media (min-width:1100px){.x-img.w{margin-right:calc(-1 * clamp(0px,8vw,220px))}}
.x-dl{display:grid;gap:10px;margin-top:22px}
.x-dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;font-size:15px;color:var(--xi2)}
.x-dl dt{color:var(--xi3)}.x-dl dd{margin:0}
.x-note{margin-top:16px;padding:14px 16px;border:1px dashed var(--xv);font-size:13px;color:var(--xi2)}
.x-next{display:block;width:100%;text-align:left;background:var(--xi);color:#fff;border:0;cursor:pointer;padding:clamp(28px,5vh,48px) var(--xp);font:inherit;transition:background .3s}
.x-next:hover{background:var(--xv)}
.x-next .x-mono{color:#c4bfcf}
.x-next b{display:block;font:500 clamp(28px,3.6vw,52px)/1 'Geist';letter-spacing:-.02em;margin-top:12px}
.x-next span.t{display:block;font-size:17px;color:#d8d4e0;margin-top:12px;max-width:640px}
@media (max-width:900px){.x-cbody{grid-template-columns:minmax(0,1fr)}.x-toc{display:none}.x-shots{grid-template-columns:minmax(0,1fr)}.x-fr{grid-template-columns:minmax(0,1fr) 60px}.x-fr .x-tr{grid-column:1/-1;grid-row:2}}

.x-met{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-top:28px;border-top:1px solid #2c2836;padding-top:20px}
.x-met b{font:500 clamp(44px,6.4vw,96px)/.9 'Geist';letter-spacing:-.02em}
.x-met span{color:#c4bfcf;max-width:240px;font-size:14px}
.x-meta{display:grid;grid-template-columns:repeat(3,auto);gap:36px;justify-content:start;margin-top:22px;font-size:13.5px;color:#c4bfcf}
.x-meta b{display:block;color:#fff;font-weight:600}
.x-band.lt{background:#fbfbfa;color:var(--xi);border-bottom:1px solid var(--xl)}
.x-band.lt .x-mono{color:var(--xi3)}
.x-band.lt .x-meta{color:var(--xi2)}.x-band.lt .x-meta b{color:var(--xi)}
.x-band.lt p.x-intro{font:500 clamp(17px,1.5vw,21px)/1.45 'Geist';color:var(--xi2);max-width:680px;margin-top:16px!important;letter-spacing:-.01em}
.x-vbody{max-width:1100px;margin:0 auto;padding-top:clamp(28px,4vh,44px);padding-bottom:clamp(40px,6vh,72px);display:grid;gap:clamp(20px,3vw,36px)}
.x-vbody .x-cs{max-width:680px}
.x-vgal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.x-vgal figure{margin:0}.x-vgal figure.w{grid-column:1/-1}
.x-vgal figcaption{margin-top:8px;color:var(--xi3)}
@media (max-width:900px){.x-meta{grid-template-columns:1fr;gap:10px}.x-vgal{grid-template-columns:minmax(0,1fr)}}

/* soft case header: warm light band instead of near-black */
.x-band{background:var(--xsoft,#f9f9f6);color:var(--xi)}
.x-band .x-mono{color:var(--xi3)}
.x-band .x-met{border-top-color:var(--xl)}
.x-band .x-met b{color:var(--xi)}
.x-band .x-met span,.x-meta{color:var(--xi2)}
.x-meta b{color:var(--xi)}
.x-hero-media{background:var(--xsoft,#f9f9f6)}
.x-hero-media media-slot{border-radius:20px;overflow:hidden}
.x-hero-media .live{border-radius:20px;overflow:hidden}
.x-img img,.x-img video{border-radius:16px}
.x-callout,.x-outs div{border-radius:14px}
.x-case .x-x{border-radius:999px}
.x-next{background:var(--xs);color:var(--xi)}
.x-next:hover{background:#ece9ff;color:var(--xi)}
.x-next .x-mono{color:var(--xi3)}
.x-next span.t{color:var(--xi2)}
.x-toc button.on{color:var(--xv)}
.x-hero-media media-slot{--ms-radius:20px}

/* softer reading: serif titles, relaxed body, bold contrasting stats */
.x-band h2{font-size:clamp(34px,4.2vw,60px)!important;line-height:1.08!important}
.x-met b{font:700 clamp(56px,7vw,104px)/.95 'Geist'!important;letter-spacing:-.035em!important;color:var(--xv)!important}
.x-met span{font-size:16px;line-height:1.45;color:var(--xi2)}
.x-mets{border-top:0;gap:12px}
.x-mets div{background:var(--xsoft);border-radius:16px;padding:20px 20px 18px}
.x-mets b{font:700 clamp(30px,3vw,44px)/1 'Geist'!important;letter-spacing:-.03em!important;color:var(--xv)}
.x-cs .x-lede{font:400 clamp(19px,1.7vw,23px)/1.6 'Geist'!important;letter-spacing:-.005em!important;color:var(--xi)}
.x-cs .x-lede strong{font-weight:600}
.x-cs p{font-size:17px;line-height:1.75;color:var(--xi2)}
.x-cs p:first-of-type.x-big{font:400 clamp(18px,1.5vw,20px)/1.65 'Geist'!important;letter-spacing:0!important;color:var(--xi)}
.x-cs ul.x-list li{font-size:17px;line-height:1.7}
.x-cs>section{padding-bottom:clamp(48px,7vh,84px)}
.x-pull{border-top:0;background:var(--xsoft);border-radius:20px;padding:28px 30px}
.x-pull .x-pq{font:400 clamp(22px,2.2vw,30px)/1.35 'Geist'!important;letter-spacing:-.01em!important}
.x-pull .x-pq strong{color:var(--xv);font-weight:500}
.x-kd{border-top:0}.x-kd li{border-bottom:1px solid var(--xl)}
.x-kd h4,.x-tl h4,.x-outs h4{font-weight:600}
.x-tl{border-left-color:var(--xl)}.x-tl li:before{border-color:var(--xi3)}
.x-callout{background:var(--xsoft);border-radius:16px}
.x-img img,.x-img video{border-radius:18px;background:transparent}
.x-next b{font-size:clamp(30px,3.4vw,48px)!important}
.x-pull .x-pq strong{color:var(--xv)!important;font-weight:500!important}
/* headline numbers: black type with a slow gradient sheen */
.x-met b,.x-mets b{background:linear-gradient(100deg,#16181d 0%,#16181d 36%,#4f88ff 46%,#ff66c4 52%,#9a7bff 58%,#16181d 68%,#16181d 100%)!important;background-size:250% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent;animation:xsheen 8s cubic-bezier(.45,0,.2,1) infinite}
.x-band h2{letter-spacing:-.04em!important}
.x-pull .x-pq{font-weight:400!important;letter-spacing:-.02em!important}
.x-pull .x-pq strong{color:var(--xi)!important;font-weight:600!important}
.x-livecard{display:block;position:relative;border-radius:20px;overflow:hidden}.x-livecard img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
/* ---- live charts & stats: build in when scrolled into view ---- */
.x-anim{margin:24px 0 28px}
.x-anim [style*="--k"],.x-mets>div{opacity:0;transform:translateY(22px);transition:opacity .8s var(--xe),transform .9s var(--xe);transition-delay:calc(var(--k,0) * 140ms)}
.x-anim.in [style*="--k"],.x-mets.in>div{opacity:1;transform:none}
.x-bt{display:block;height:14px;border-radius:99px;background:var(--xs);overflow:hidden}
.x-bt i{display:block;height:100%;width:0;border-radius:99px;background:#c9cdd8;transition:width 1.6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--k,0) * 160ms + 200ms)}
.in .x-bt i{width:var(--w)}
.hl .x-bt i{background:linear-gradient(90deg,#4f88ff,#9a7bff 55%,#ff66c4)}
/* purchase-flow steps */
.x-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;position:relative;padding-top:18px}
.x-flow:before{content:'';position:absolute;left:8px;right:8px;top:24px;height:2px;background:var(--xl);transform-origin:left;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
.x-flow.in:before{transform:none}
.x-fst{display:flex;flex-direction:column;gap:6px;padding:26px 14px 18px;border-radius:16px;background:var(--xsoft);position:relative}
.x-fst .x-fdot{position:absolute;top:-1px;left:14px;width:12px;height:12px;border-radius:50%;background:#c9cdd8;box-shadow:0 0 0 4px #fff}
.x-fst.hl{background:linear-gradient(160deg,#eef2ff,#fbeefa)}
.x-fst.hl .x-fdot{background:linear-gradient(135deg,#4f88ff,#ff66c4)}
.x-fst b{font:600 15px/1.25 'Geist';letter-spacing:-.02em;color:var(--xi)}
.x-fst>span:last-child{font-size:13px;line-height:1.45;color:var(--xi2)}
@media (max-width:760px){.x-flow{grid-template-columns:minmax(0,1fr)}.x-flow:before{display:none}}
/* funnel / bars */
.x-bars{display:grid;gap:14px;background:var(--xsoft);border-radius:20px;padding:26px 26px 22px}
.x-brow{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 80px;gap:16px;align-items:center;font-size:15px;color:var(--xi2)}
.x-brow .x-bt{height:34px;border-radius:10px}.x-brow .x-bt i{border-radius:10px}
.x-brow b{font:700 22px/1 'Geist';letter-spacing:-.03em;color:var(--xi);text-align:right;font-variant-numeric:tabular-nums}
.x-brow.hl b{color:var(--xi)}
.x-bnote{margin:6px 0 0!important;font-size:15px!important;color:var(--xi2)}
@media (max-width:640px){.x-brow{grid-template-columns:minmax(0,1fr) 70px}.x-brow .x-bt{grid-column:1/-1;grid-row:2}}
/* three fixes */
.x-fixes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.x-fix{background:var(--xsoft);border-radius:20px;padding:22px 20px;display:grid;gap:12px;align-content:start}
.x-fh{font:600 16px/1.3 'Geist';letter-spacing:-.02em;color:var(--xi);min-height:2.6em}
.x-ba{display:grid;grid-template-columns:52px minmax(0,1fr) 62px;gap:10px;align-items:center;font-size:13px;color:var(--xi3)}
.x-ba b{font:700 20px/1 'Geist';letter-spacing:-.03em;color:var(--xi2);text-align:right;font-variant-numeric:tabular-nums}
.x-ba.hl b{color:var(--xi)}
@media (max-width:760px){.x-fixes{grid-template-columns:minmax(0,1fr)}}
/* stat row */
.x-bstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.x-bstats>div{background:var(--xsoft);border-radius:20px;padding:22px}
.x-bstats b{display:block;font:700 clamp(40px,4.4vw,60px)/1 'Geist';letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:linear-gradient(100deg,#16181d 0%,#16181d 36%,#4f88ff 46%,#ff66c4 52%,#9a7bff 58%,#16181d 68%,#16181d 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:xsheen 8s cubic-bezier(.45,0,.2,1) infinite}
.x-bstats span{display:block;margin-top:10px;font-size:15px;line-height:1.45;color:var(--xi2)}
.x-met b{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.x-anim [style*="--k"],.x-mets>div{opacity:1;transform:none;transition:none}.x-bt i{width:var(--w);transition:none}}

/* v13 — numbers and labels share a centre line; every image fills the reading column */
.x-met{align-items:center!important}
.x-met span{max-width:320px}
.x-mets>div,.x-bstats>div{display:flex;flex-direction:column;justify-content:flex-start}
@media (min-width:1100px){.x-img.w,.x-imgs.w{margin-right:0!important}}
.x-img,.x-imgs{width:100%;margin-left:0;margin-right:0}
.x-img img,.x-img video{margin:0 auto}
.x-vgal figure img,.x-vgal figure video{display:block;width:100%;height:auto;border-radius:16px;background:#f4f5f7;box-shadow:0 0 0 1.5px rgba(22,24,29,.08)}
.x-vgal.one{grid-template-columns:minmax(0,1fr)!important;max-width:760px;margin:0 auto}
.x-vgal figure:only-child{grid-column:1/-1}
.x-vgal video{max-height:620px;object-fit:contain}
.x-vgal figure{display:flex;flex-direction:column;align-items:center;background:#f4f5f7;border-radius:16px;padding:14px;margin:0}
.x-vgal figure img,.x-vgal figure video{width:auto!important;max-width:100%;max-height:640px;box-shadow:0 0 0 1px rgba(22,24,29,.06)!important;border-radius:10px!important;background:#fff}
.x-vgal figcaption{align-self:stretch;margin-top:10px}

.x-rank{display:grid;gap:8px;background:var(--xsoft);border-radius:20px;padding:24px 26px 22px}
.x-rank>.x-mono{margin-bottom:6px}
.x-rk{display:grid;grid-template-columns:minmax(0,1fr) 120px 170px;gap:14px;align-items:center;font-size:15px;color:var(--xi2);padding:10px 0;border-top:1px solid rgba(22,24,29,.08)}
.x-rk-hd{font:500 11px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;color:var(--xi3);border-top:0;padding:0 0 4px}
.x-rk b{font:600 20px/1 'Geist';letter-spacing:-.02em;color:var(--xi3);font-variant-numeric:tabular-nums}
.x-rk b+b{color:var(--xi)}
.x-rk i{font:500 12px 'DM Mono';font-style:normal;margin-left:10px;padding:3px 7px;border-radius:999px;background:rgba(22,24,29,.06);color:var(--xi3);vertical-align:3px}
.x-rk.up i{background:#e4f6ea;color:#1c7a3d}.x-rk.dn i{background:#fdecec;color:#b42318}
@media (max-width:640px){.x-rk{grid-template-columns:minmax(0,1fr) 54px 96px;font-size:14px}.x-rk b{font-size:17px}.x-rk-hd span{font-size:9.5px}}

.x-embed-f{width:100%;border-radius:20px;overflow:hidden;background:#0f1115}
.x-embed-f iframe{display:block;width:100%;height:100%;border:0}
.x-embed .x-livecard img{aspect-ratio:16/10}

.x-vgh{grid-column:1/-1;padding:28px 2px 2px;border-top:1px solid rgba(22,24,29,.08);margin-top:12px}
.x-vgh:first-child{border-top:0;padding-top:0;margin-top:0}
.x-vgh h3{font:600 22px/1.25 'Geist',sans-serif;letter-spacing:-.01em;margin:0 0 6px;color:var(--xi)}
.x-vgh p{margin:0;color:var(--xi3);font-size:15px;line-height:1.55;max-width:70ch}
.x-vgal .x-vimg{display:flex;justify-content:center;max-width:100%}
.x-vgal figure.tall .x-vimg{max-height:640px;overflow-y:auto;border-radius:10px;box-shadow:0 0 0 1px rgba(22,24,29,.06);align-self:stretch;scrollbar-width:thin}
.x-vgal figure.tall img{max-height:none!important;width:100%!important;box-shadow:none!important;border-radius:0!important}
.x-vgal figure.tall figcaption::after{content:' · scroll';color:var(--xi3)}
.x-vgal figure.tall .x-vimg{display:block}
.x-vgal figure.tall img{height:auto!important;align-self:auto}

.x-lock{min-height:calc(100vh - 48px);display:grid;place-items:center;padding-top:40px;padding-bottom:80px}
.x-lock-card{width:min(520px,100%);background:#f3f4f8;border:1px solid var(--xl);border-radius:20px;padding:40px 36px;display:flex;flex-direction:column;gap:14px}
.x-lock-ic{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--xl);display:grid;place-items:center;color:var(--xv)}
.x-lock-card .x-mono{color:var(--xi3)}
.x-lock-card h2{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.15}
.x-lock-card p{margin:0;color:var(--xi2,#555);line-height:1.55}
.x-lock-card form{display:flex;gap:10px;margin-top:6px}
.x-lock-card input{flex:1;min-width:0;height:44px;border-radius:10px;border:1px solid var(--xl);padding:0 14px;font:inherit;font-size:16px;background:#fff;color:var(--xi)}
.x-lock-card input:focus{outline:2px solid var(--xv);outline-offset:1px}
.x-lock-card .x-btn{height:44px;padding:0 20px}
.x-lock-err{color:#c0392b;font-size:14px}
@media (max-width:560px){.x-lock-card{padding:28px 20px}.x-lock-card form{flex-direction:column}}
.x-rlock{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 8px;border-radius:999px;background:#f3f4f8;border:1px solid var(--xl);font-size:11px;letter-spacing:.04em;vertical-align:middle}

/* v27 — gallery mocks sit straight on the panel: no white plate or outline behind them */
.x-vgal figure img,.x-vgal figure video{box-shadow:none!important;background:transparent!important;border-radius:8px!important}

.x-vgal figure.w .x-vimg img,.x-vgal figure.w video{max-height:none!important;width:100%!important}
.x-vgal video.x-vhero{display:block;width:100%!important;max-height:none!important;border-radius:16px!important;background:#000!important}