/* LV Company Payment DOM implementation (read-only staging).
   Matches approved dark leather / champagne-gold family without fake screenshot buttons. */
#lvPaymentInAppRoot[hidden]{display:none!important}
body.lv-payment-open{overflow:hidden!important}
#lvPaymentInAppRoot{position:fixed;inset:0;z-index:100000;overflow:auto;background:#100804;color:#f4dec0;font-family:Georgia,"Times New Roman",serif;-webkit-overflow-scrolling:touch}
#lvPaymentInAppRoot *{box-sizing:border-box}
#lvPaymentInAppRoot button,#lvPaymentInAppRoot input{font:inherit}
.lpi-shell{position:relative;width:100%;max-width:650px;min-height:100dvh;margin:auto;padding-bottom:120px;background:radial-gradient(ellipse at 50% -8%,#583019 0,transparent 48%),linear-gradient(135deg,#150904,#0a0604 50%,#231006)}
.lpi-toolbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:calc(7px + env(safe-area-inset-top)) 17px 7px;background:#180b07f5;border-bottom:1px solid #98734880;letter-spacing:1.3px;font-size:12px;color:#f5d6a6}
.lpi-hero{height:clamp(150px,38vw,235px);background-position:center 19%;background-size:cover;position:relative;display:flex;align-items:flex-end;border-bottom:1px solid #9d713c;padding:22px 23px}
.lpi-hero-text small{color:#f2d5a0;font:10px/1.3 system-ui;letter-spacing:3px}
.lpi-hero h1{font-size:clamp(26px,7.2vw,39px);font-weight:600;line-height:1.05;margin:5px 0 5px;color:#fff0d4;text-shadow:0 2px 10px #000}
.lpi-hero p{margin:0;color:#eed0a2;font-size:13px}
.lpi-main{display:flex;flex-direction:column;gap:16px;padding:18px 16px 40px}
.lpi-card{border:1px solid #9e6c3b;border-radius:19px;padding:18px;background:linear-gradient(145deg,rgba(78,45,25,.75),rgba(22,10,7,.97) 32%,rgba(48,27,15,.9));box-shadow:0 0 0 1px #422711 inset,0 6px 20px #0005;overflow:hidden}
.lpi-card h2{margin:0 0 17px;font-size:22px;font-weight:500;color:#f2d6a2;letter-spacing:.5px;border-bottom:1px solid #b28b584d;padding-bottom:12px}
.lpi-current{background:linear-gradient(116deg,#402314ee,#1d0f0a,#51301b)}
.lpi-plan{display:flex;gap:18px;align-items:center;min-height:88px}
.lpi-plan strong{display:block;color:#f5dfa9;font-size:26px}
.lpi-plan small{display:block;color:#c6aa85;margin-top:7px;font:12px/1.5 system-ui;letter-spacing:.1px}
.lpi-symbol{font-size:45px;color:#f5c479;line-height:1;border-radius:17px;background:linear-gradient(120deg,#3e240f,#171009);padding:18px 14px;box-shadow:inset 0 0 0 1px #b98c4b}
.lpi-btn{appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(247,198,126,.25);border:1px solid #a97b4f;border-radius:13px;padding:15px 16px;min-height:51px;background:linear-gradient(180deg,#4b2b18,#27150e);color:#f5debb;font-size:17px;cursor:pointer;text-align:center;box-shadow:0 2px 8px #0004}
.lpi-btn:focus-visible{outline:2px solid #ffd99a;outline-offset:3px}
.lpi-btn:active{transform:scale(.984);filter:brightness(1.28)}
.lpi-btn:disabled{opacity:.58;cursor:not-allowed}
.lpi-btn.lpi-wide{width:100%;min-height:66px;background:linear-gradient(180deg,#f6dca4,#bd8445 53%,#e5b96d);color:#211207;font-size:21px;font-weight:700}
.lpi-btn.lpi-wide.subtle{background:linear-gradient(160deg,#51331d,#140b09);color:#f6dcb5;border-color:#cda46d}
.lpi-toolbar .lpi-btn{font:13px system-ui;padding:8px 12px;min-height:40px;background:linear-gradient(180deg,#41251b,#1d120f)}
.lpi-toolbar .lpi-menu{font-size:23px;line-height:1;padding:6px 12px}
.lpi-choice{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}
.lpi-choice .lpi-btn{flex:1;min-width:90px}
.lpi-choice .selected{border:2px solid #f5cd7c;background:linear-gradient(180deg,#8a5b27,#402512);box-shadow:inset 0 0 12px #eaba704d}
.lpi-note{color:#cdb08c;font:13px/1.65 system-ui;letter-spacing:.01em;margin:12px 0 0}
.lpi-pair{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #9f754341;padding:12px 0}
.lpi-pair span{color:#cbaa81;font:13px system-ui}
.lpi-pair strong{text-align:right;font-size:15px;max-width:66%;overflow-wrap:anywhere}
.lpi-upload{cursor:pointer;border:1px dashed #cfa262;border-radius:15px;min-height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#f3d5ab;background:#180b0678;margin-bottom:12px;padding:22px}
.lpi-upload input{max-width:100%;margin:12px 0 0;color:#ffe2bc;font-size:12px}
.lpi-receipt-preview{width:100%;max-height:260px;object-fit:contain;border-radius:10px;margin:12px 0;background:#100a08}
.lpi-preview-name{overflow-wrap:anywhere;font:12px/1.5 system-ui;color:#d9b98b}
.lpi-history-row{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #87623c;border-radius:10px;padding:16px;margin:9px 0;color:#f7d7a2;background:#2b180d;cursor:pointer}
.lpi-empty{text-align:center;font:13px/1.7 system-ui;color:#cfb193;padding:30px 4px}
.lpi-search{display:block;color:#f3d7af;font-size:14px}.lpi-search input{margin-top:9px;display:block;width:100%;padding:13px;border-radius:9px;background:#140e0a;border:1px solid #8f683f;color:#fff;font:15px system-ui}
.lpi-status-icon{display:block;text-align:center;font-size:48px;color:#efb76d;margin-bottom:12px}
.lpi-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:650px;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px 12px calc(9px + env(safe-area-inset-bottom));background:#1c0e09f5;border-top:1px solid #a0784b;z-index:16}
.lpi-bottom .lpi-btn{font:13px system-ui;padding:9px 2px;min-height:45px}
.lpi-staging-stamp{position:relative;text-align:center;padding:12px;font:10px/1.5 system-ui;letter-spacing:1px;color:#b39068}
.lpi-dialog{border:1px solid #d3aa72;border-radius:18px;background:#1d0e09;color:#f5d6af;max-height:84dvh;width:min(90%,420px);padding:0}
.lpi-dialog::backdrop{background:#000c}
.lpi-dialog-wrap{padding:20px;overflow:auto;max-height:84dvh}
.lpi-dialog h2{margin-top:2px;color:#f6dab1}
.lpi-dialog p{font:12px system-ui;color:#c8aa84}
.lpi-dialog-item{width:100%;margin:5px 0;text-align:left}
@media(min-width:650px){.lpi-shell{border-left:1px solid #ba8c52;border-right:1px solid #ba8c52}}
@media(max-width:340px){.lpi-main{padding:12px 10px 35px}.lpi-card{padding:13px}.lpi-toolbar{padding-left:9px;padding-right:9px}.lpi-choice .lpi-btn{min-width:80px;font-size:12px}}

/* v3: faithfully recreate the confirmed Payment Home hierarchy with real
   semantic controls. All cards remain DOM, not bitmap tap overlays. */
#lvPaymentInAppRoot {background:#110805}
#lvPaymentInAppRoot .lpi-shell{
  padding-bottom:calc(36px + env(safe-area-inset-bottom));
  background:
    linear-gradient(180deg,rgba(20,10,5,.16),rgba(8,5,4,.78)),
    url('/lv-dash-texture-v3.webp') center top / auto 720px repeat-y,
    #110805;
}
#lvPaymentInAppRoot .lpi-toolbar{
  position:absolute;top:0;left:0;right:0;z-index:15;
  background:linear-gradient(180deg,rgba(13,7,4,.84),transparent);
  border-bottom:0;align-items:flex-start;min-height:74px;
  padding:calc(12px + env(safe-area-inset-top)) 16px 10px;
}
#lvPaymentInAppRoot .lpi-toolbar .lpi-btn{
  background:linear-gradient(145deg,#402215b9,#1c0e0abd);
  border:1px solid #b18b5d;min-height:39px;
  border-radius:13px;box-shadow:0 1px 8px #0008;
}
#lvPaymentInAppRoot .lpi-hero{
  height:clamp(245px,72vw,355px);
  align-items:flex-end;
  background-position:center 10%;
  background-size:cover;
  border-bottom:0;
  padding:35px 25px 19px;
}
#lvPaymentInAppRoot .lpi-hero-text{
  width:100%;
  padding-bottom:6px;
  text-shadow:0 2px 6px #100702;
}
#lvPaymentInAppRoot .lpi-hero-text h1{
  font-size:clamp(31px,8vw,44px);
  letter-spacing:2px;
}
#lvPaymentInAppRoot .lpi-hero-text small{
  font-family:Georgia,serif;
  font-size:clamp(16px,4vw,22px);
  letter-spacing:1.2px;color:#f6dfb3;
}
#lvPaymentInAppRoot .lpi-main{
  gap:16px;padding:5px 17px 30px;
}
#lvPaymentInAppRoot .lpi-current-card{
  display:grid;
  grid-template-columns:clamp(84px,25vw,116px) 1fr;
  align-items:center;
  gap:17px;
  min-height:175px;
  border-radius:20px;
  border:1.4px solid #d8b376;
  background:linear-gradient(125deg,#2e1b0ff5,#160b07ed 53%,#58321af0);
  box-shadow:inset 0 0 0 1px #684224,0 0 24px #0009;
  padding:18px 14px;
}
#lvPaymentInAppRoot .lpi-plan-icon{
  display:grid;place-items:center;
  width:100%;aspect-ratio:1;
  background:radial-gradient(ellipse at 15% 15%,#885d29,#1c0f0a 65%);
  color:#ebc477;font-size:clamp(43px,12vw,59px);
  border:1.7px solid #f1ce88;
  border-radius:17px;
  box-shadow:0 0 12px #ffb45385,inset 0 0 13px #ad722640;
}
#lvPaymentInAppRoot .lpi-current-copy{min-width:0;}
#lvPaymentInAppRoot .lpi-current-copy h2{
  font:600 clamp(14px,3.9vw,21px)/1.2 Georgia,serif;
  letter-spacing:1.3px;color:#f4ddb2;margin:0 0 12px;
}
#lvPaymentInAppRoot .lpi-current-copy strong{
  display:block;
  font:600 clamp(23px,5.6vw,33px)/1.2 Georgia,serif;
  color:#f8dfb7;
}
#lvPaymentInAppRoot .lpi-current-copy p{
  font:12px/1.4 system-ui,sans-serif;
  color:#d8b98b;margin:10px 0 0;
}
#lvPaymentInAppRoot .lpi-action-card{
  width:100%;display:grid;
  grid-template-columns:clamp(83px,24vw,118px) 1fr 22px;
  align-items:center;gap:18px;
  min-height:147px;
  padding:15px 17px;
  background:linear-gradient(110deg,#28170e,#100904 63%,#482614);
  border:1.5px solid #ddb477;
  border-radius:19px;color:#f4ddb4;
  box-shadow:inset 0 0 0 1px #63401f,0 7px 23px #0008;
  text-align:left;cursor:pointer;
  touch-action:manipulation;transition:filter .12s,transform .12s;
}
#lvPaymentInAppRoot .lpi-action-card:focus-visible{
  outline:3px solid #ffdfa0;outline-offset:2px;
}
#lvPaymentInAppRoot .lpi-action-card:active{
  transform:scale(.987);filter:brightness(1.25);
}
#lvPaymentInAppRoot .lpi-action-icon{
  display:grid;place-items:center;
  width:100%;aspect-ratio:1;
  color:#f6cb88;
  background:radial-gradient(circle at 25% 22%,#805329,#1d1009 72%);
  border:1.5px solid #f3c37e;border-radius:17px;
  box-shadow:0 0 9px #edb45e5c,inset 0 0 17px #b47b2d40;
}
#lvPaymentInAppRoot .lpi-action-icon svg{width:57%;height:57%;max-width:62px;}
#lvPaymentInAppRoot .lpi-action-copy{min-width:0;display:flex;flex-direction:column;gap:8px;}
#lvPaymentInAppRoot .lpi-action-copy strong{
  font:500 clamp(21px,5.8vw,31px)/1.08 Georgia,serif;
  color:#f5e0bf;
}
#lvPaymentInAppRoot .lpi-action-copy small{
  font:clamp(11px,3.0vw,15px)/1.45 Georgia,serif;
  color:#d8bda0;
}
#lvPaymentInAppRoot .lpi-chevron{
  justify-self:end;font:48px/1 Georgia,serif;color:#ffe5b8;
}
#lvPaymentInAppRoot .lpi-home-note{
  text-align:center;
  color:#c4a47e;font:10px/1.5 system-ui;
  letter-spacing:.6px;margin:3px 2px;
}
#lvPaymentInAppRoot .lpi-staging-stamp{font-size:10px;}
@media(max-width:360px){
  #lvPaymentInAppRoot .lpi-main{padding-left:10px;padding-right:10px;gap:12px}
  #lvPaymentInAppRoot .lpi-current-card{grid-template-columns:80px 1fr;gap:12px;min-height:149px;padding:12px}
  #lvPaymentInAppRoot .lpi-action-card{grid-template-columns:80px 1fr 14px;min-height:132px;gap:11px;padding:12px}
  #lvPaymentInAppRoot .lpi-chevron{font-size:34px}
}

/* v4: stop the screenshot itself from leaking fake Silver Active into the UI.
   On Home, only the upper title/photo region is visible; the Current Plan
   and navigation below are rendered ONCE as accessible, data-driven DOM. */
#lvPaymentInAppRoot .lpi-shell[data-payment-screen="home"] .lpi-hero{
  height:178px;
  min-height:178px;
  background-position:center top!important;
  background-size:100% auto!important;
  border:0;
  padding:0;
}
#lvPaymentInAppRoot .lpi-shell[data-payment-screen="home"] .lpi-hero-text{
  display:none!important;
}
#lvPaymentInAppRoot .lpi-shell[data-payment-screen="home"] .lpi-main{
  padding-top:5px;
}
@media(min-width:530px){
 #lvPaymentInAppRoot .lpi-shell[data-payment-screen="home"] .lpi-hero{
   height:255px;
   min-height:255px;
 }
}

/* v5 home hero: approved LV art is visible, not obscured by the old 91% dark overlay.
   The raster's baked-in Current Plan section remains cropped out entirely. */
#lvPaymentInAppRoot .lpi-shell[data-payment-screen="home"] .lpi-hero{
 background-image:linear-gradient(180deg,transparent 0%,rgba(15,7,4,.09) 75%,#1d1009 100%),url('/approved/01-payment-home.webp')!important;
}
#lvPaymentInAppRoot .lpi-shell[data-payment-screen="home"] .lpi-toolbar .lpi-back{
  width:46px;min-width:46px;height:46px;padding:0;
  display:grid;place-items:center;font:32px/1 Georgia,serif;
  background:#29160d!important;
  border:1px solid #b8915a;border-radius:13px;
}
#lvPaymentInAppRoot .lpi-shell[data-payment-screen="home"] .lpi-toolbar .lpi-menu{
  display:none!important;
}

/* v6: approved Silver/Diamond plan and KPay hierarchy rendered as real DOM
   controls. Unlike a screenshot, all choices have keyboard/mobile interactions. */
#lvPaymentInAppRoot .lpi-membership{
 display:flex;gap:16px;align-items:center;
 min-height:135px;padding:17px;
 border:1px solid #c69c67;border-radius:18px;
 background:linear-gradient(115deg,#4f3019,#1a100a 65%,#52321c);
 box-shadow:0 8px 22px #0005,inset 0 0 0 1px #92633870;
}
#lvPaymentInAppRoot .lpi-membership-mark{
 display:grid;place-items:center;flex-shrink:0;
 width:89px;height:89px;border-radius:17px;
 color:#f2d095;font-size:46px;
 background:radial-gradient(circle at 20% 15%,#9b6c30,#241309 72%);
 border:1.5px solid #e8bd7e;box-shadow:0 0 15px #b98a4266;
}
#lvPaymentInAppRoot .lpi-membership small{
 display:block;margin-bottom:7px;color:#dcc29e;font:11px/1.3 system-ui;
}
#lvPaymentInAppRoot .lpi-membership h2{
 font:600 clamp(22px,5.8vw,29px)/1.1 Georgia,serif;
 margin:0 0 7px;color:#f6deb6;
}
#lvPaymentInAppRoot .lpi-membership p{
 font:12px/1.5 Georgia,serif;color:#dfb98b;margin:0;
}
#lvPaymentInAppRoot .lpi-divider-heading{
 text-align:center;
 color:#edd0a0;
 font:500 clamp(22px,6.1vw,28px)/1.2 Georgia,serif;
 padding:9px 0 3px;
}
#lvPaymentInAppRoot .lpi-divider-heading:after{
 content:"";display:block;height:1px;margin:14px 10px 0;
 background:linear-gradient(90deg,transparent,#e7b974,transparent);
}
#lvPaymentInAppRoot .lpi-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#lvPaymentInAppRoot .lpi-tier{
 display:flex;flex-direction:column;align-items:center;gap:8px;
 min-width:0;text-align:center;
 min-height:275px;padding:18px 10px 12px;border-radius:17px;
 background:linear-gradient(155deg,#483022,#16100b 72%,#3c291c);
 border:1.4px solid #ae8c61;
 color:#e5d3b9;cursor:pointer;
 box-shadow:inset 0 0 0 1px #7d593436,0 5px 13px #0007;
 touch-action:manipulation;
}
#lvPaymentInAppRoot .lpi-tier.diamond{background:linear-gradient(155deg,#725025,#1b110a 62%,#46301b)}
#lvPaymentInAppRoot .lpi-tier.selected{border:2px solid #f7ca7c;box-shadow:0 0 14px #dfac536b,inset 0 0 13px #c28b3250}
#lvPaymentInAppRoot .lpi-tier:focus-visible{outline:3px solid #f5d599;outline-offset:2px}
#lvPaymentInAppRoot .lpi-tier:active{filter:brightness(1.22);transform:scale(.99)}
#lvPaymentInAppRoot .lpi-tier-art{
 display:grid;place-items:center;
 width:79px;height:79px;max-width:100%;
 border-radius:15px;border:1px solid #caab75;
 background:radial-gradient(circle at 30% 20%,#816032,#24160d 80%);
 box-shadow:0 0 10px #b48a5566;flex-shrink:0;
 font-size:43px;color:#f0c887;
}
#lvPaymentInAppRoot .lpi-tier-title{
 color:#f6deb7;font:600 clamp(17px,4.8vw,23px)/1.17 Georgia,serif;
}
#lvPaymentInAppRoot .lpi-tier-sub{
 color:#ceb396;font:11px/1.42 system-ui,sans-serif;
 min-height:32px;
}
#lvPaymentInAppRoot .lpi-tier-benefits{
 display:flex;flex-direction:column;gap:4px;
 color:#d6bea0;text-align:left;font:11px/1.35 system-ui,sans-serif;
 width:100%;padding:2px 0 4px;flex:1;
}
#lvPaymentInAppRoot .lpi-tier-benefits span{display:block}
#lvPaymentInAppRoot .lpi-tier-fee{
 display:block;overflow-wrap:anywhere;
 font:600 clamp(12px,3.6vw,16px)/1.3 Georgia,serif;color:#f4d7a4;
}
#lvPaymentInAppRoot .lpi-tier-fee small{display:block;font:11px/1.4 system-ui;color:#d8b786}
#lvPaymentInAppRoot .lpi-tier-select{
 display:block;width:100%;border:1px solid #d8ad6b;border-radius:9px;
 padding:10px 3px;
 background:linear-gradient(180deg,#d9ae6d,#9b6e39);
 color:#26150a;font:600 13px/1.3 system-ui;
}
#lvPaymentInAppRoot .lpi-tier.selected .lpi-tier-select{
 background:linear-gradient(180deg,#f8dfa6,#c39750);
}
#lvPaymentInAppRoot .lpi-next{min-height:58px}
#lvPaymentInAppRoot .lpi-payment-heading{
 text-align:center;padding:7px 8px 5px;
}
#lvPaymentInAppRoot .lpi-payment-heading h2{
 font:600 clamp(25px,7vw,34px)/1.18 Georgia,serif;
 margin:2px 0 8px;color:#f5dbaf;
}
#lvPaymentInAppRoot .lpi-payment-heading p{
 font:13px/1.6 Georgia,serif;color:#e6c69c;margin:0;
}
#lvPaymentInAppRoot .lpi-paymethod{
 display:flex;align-items:center;gap:11px;border:1px solid #e1bb81;
 padding:13px;background:#432613;border-radius:12px;
 font-size:17px;
}
#lvPaymentInAppRoot .lpi-paymethod strong{flex:1;color:#f8e3c3}
#lvPaymentInAppRoot .lpi-method-icon{font-size:32px;color:#ffdc9e}
#lvPaymentInAppRoot .lpi-kpay-line{
 display:flex;align-items:center;gap:9px;margin-top:9px;
 border-radius:11px;border:1px solid #9e7747;background:#140d08;padding:8px;
}
#lvPaymentInAppRoot .lpi-kpay-line output{
 flex:1;min-width:0;overflow-wrap:anywhere;font:15px/1.4 system-ui;color:#ffdaa0;
}
#lvPaymentInAppRoot .lpi-label{font:12px/1.5 system-ui;color:#bf9875}
#lvPaymentInAppRoot .lpi-copy{font:13px system-ui;min-height:39px;padding:8px 13px}
#lvPaymentInAppRoot .lpi-periods{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;
}
#lvPaymentInAppRoot .lpi-periods .lpi-btn{min-width:0;min-height:45px;padding:7px 2px;font:12px/1.2 system-ui}
#lvPaymentInAppRoot .lpi-periods .selected{
 background:#8a5b27;border:2px solid #f5cd7c;
}
#lvPaymentInAppRoot .lpi-upload-symbol{font-size:45px;color:#edc688;line-height:1.2}
#lvPaymentInAppRoot .lpi-upload small{font:11px/1.4 system-ui;color:#ba9471;margin-top:8px}
#lvPaymentInAppRoot .lpi-submit{opacity:.56;cursor:not-allowed}
@media(max-width:360px){
 #lvPaymentInAppRoot .lpi-tier-grid{gap:8px}
 #lvPaymentInAppRoot .lpi-tier{padding:12px 7px 10px}
 #lvPaymentInAppRoot .lpi-tier-art{width:62px;height:62px;font-size:36px}
 #lvPaymentInAppRoot .lpi-tier-benefits{font-size:10px}
 #lvPaymentInAppRoot .lpi-membership-mark{width:70px;height:70px}
}

/* v7: only HOME uses a carefully cropped approved screen image.  All other
   screens render the approved luxury family as DOM over the original LV
   leather photograph, avoiding double text, fake money, and duplicate cards
   baked into full-screen reference screenshots. */
#lvPaymentInAppRoot .lpi-shell:not([data-payment-screen="home"]) .lpi-hero{
  height:clamp(148px,38vw,193px);
  min-height:148px;
  background-image:linear-gradient(180deg,rgba(18,9,4,.25),rgba(18,9,4,.78) 79%,#1d1009),url('/lv-dash-hero-v3.webp')!important;
  background-position:center 46%!important;
  background-size:cover!important;
  border-bottom:1px solid #a57a4e;
  padding:calc(38px + env(safe-area-inset-top)) 20px 17px;
}
#lvPaymentInAppRoot .lpi-shell:not([data-payment-screen="home"]) .lpi-hero-text{
  display:block;
  padding:0;
}
#lvPaymentInAppRoot .lpi-shell:not([data-payment-screen="home"]) .lpi-hero-text small{
  font-size:12px;
  letter-spacing:2px;
}
#lvPaymentInAppRoot .lpi-shell:not([data-payment-screen="home"]) .lpi-hero-text h1{
  font-size:clamp(25px,7vw,35px);
  letter-spacing:.7px;
}
#lvPaymentInAppRoot .lpi-shell:not([data-payment-screen="home"]) .lpi-main{
  padding-top:15px;
}

/* APPROVED Payment Home: original source is reassembled in precisely ordered
   941px image-coordinate bands. No artistic reinterpretation of Home cards.
   The two visual cards are semantic HTML <button> elements with keyboard focus.
   Only live account text may mask reference demo plan/badge/date. */
#lvPaymentInAppRoot .lpi-shell[data-payment-screen="home"]{
 padding:0!important;min-height:100dvh;
 background:#0d0804!important;max-width:941px;
}
#lvPaymentInAppRoot .lpi-home-exact{
 position:relative;width:100%;margin:auto;padding:0;
 background:#110803;overflow:hidden;
}
#lvPaymentInAppRoot .lpi-home-exact .lpi-ref-band{
 position:relative;display:block;width:100%;margin:0;
 padding:0;border:0;border-radius:0;
 overflow:hidden;background:#110803;
 box-sizing:border-box;line-height:0;
}
#lvPaymentInAppRoot .lpi-home-exact .lpi-ref-band img{
 position:absolute;display:block;top:0;left:0;
 width:100%;height:auto;max-width:none;
 pointer-events:none;user-select:none;
 border:none;margin:0;padding:0;
}
#lvPaymentInAppRoot .lpi-home-exact button.lpi-ref-action{
 appearance:none;-webkit-appearance:none;
 cursor:pointer;touch-action:manipulation;
 -webkit-tap-highlight-color:rgba(255,217,149,.24);
 background:#100904; color:inherit;
}
#lvPaymentInAppRoot .lpi-home-exact button.lpi-ref-action:focus-visible{
 outline:3px solid #ffe2aa;outline-offset:-5px;
}
#lvPaymentInAppRoot .lpi-home-exact button.lpi-ref-action:active{
 filter:brightness(1.2);
}
#lvPaymentInAppRoot .lpi-art-back{
 appearance:none;border:0;margin:0;padding:0;
 background:transparent;cursor:pointer;
 position:absolute;top:9.5%;left:4.5%;
 width:12.5%;height:22.5%;
 touch-action:manipulation;
}
#lvPaymentInAppRoot .lpi-art-back:focus-visible{
 outline:3px solid #ffe3aa;border-radius:10px;
}
#lvPaymentInAppRoot .lpi-actual-plan{
 box-sizing:border-box;
 position:absolute;left:31%;top:23%;width:62%;height:56%;
 background:linear-gradient(105deg,#150a06f9 4%,#160b06fc 68%,#271307fa);
 display:flex;flex-direction:column;
 justify-content:center;align-items:flex-start;gap:12px;
 padding:0 3%;
 color:#f2d3a2;font-family:Georgia,"Times New Roman",serif;
 line-height:1.25;text-shadow:0 1px 2px #0a0503;
}
#lvPaymentInAppRoot .lpi-actual-plan strong{
 font:600 clamp(19px,6vw,39px)/1.1 Georgia,serif;
 color:#f9e4bf;
}
#lvPaymentInAppRoot .lpi-actual-plan small{
 color:#e0bc87;font:clamp(10px,2.55vw,15px)/1.3 system-ui,sans-serif;
}
#lvPaymentInAppRoot .lpi-corner-stage{
 display:block;width:100%;padding:5px;
 text-align:center;background:#0b0603;
 color:#a98962;font:10px/1.4 system-ui;
}
@media(min-width:650px){
 #lvPaymentInAppRoot .lpi-home-exact{
  max-width:650px;
 }
}
