:root{
  --forest:#043c37;
  --forest-2:#0b514a;
  --forest-3:#0f655b;
  --ink:#123a35;
  --paper:#f5f0e5;
  --paper-2:#fbf8f1;
  --sand:#e7dfcf;
  --cream:#fffdf8;
  --muted:#65776f;
  --line:rgba(4,60,55,.16);
  --line-strong:rgba(4,60,55,.28);
  --gold:#c58b40;
  --gold-soft:#f0e4ce;
  --coral:#d96d52;
  --soft:#dce9e1;
  --success:#0b695f;
  --danger:#a24739;
  --shadow:0 24px 70px rgba(4,60,55,.10);
  --shadow-soft:0 12px 30px rgba(4,60,55,.07);
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{background:transparent;scroll-behavior:smooth}
body{margin:0;background:transparent;color:var(--ink);font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(197,139,64,.55);outline-offset:3px}
[hidden]{display:none!important}

.ltv-app{width:min(1180px,100%);margin:0 auto;background:var(--paper);border:1px solid rgba(4,60,55,.08);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);position:relative}
.ltv-app:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(4,60,55,.10) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 36%);opacity:.42}

.app-header{position:relative;z-index:1;padding:30px clamp(20px,4vw,48px) 26px;display:flex;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(255,253,248,.96),rgba(245,240,229,.92))}
.header-copy{max-width:760px}
.eyebrow,.section-kicker,.panel-kicker,.meter-kicker,.explain-label,.card-label{margin:0;color:var(--forest-2);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.app-header h1{margin:7px 0 10px;font-size:clamp(30px,4.6vw,55px);line-height:1.02;letter-spacing:-.045em;color:var(--forest);text-wrap:balance}
.intro{margin:0;max-width:760px;color:var(--muted);font-size:clamp(15px,1.9vw,18px);line-height:1.65}
.header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:220px}
.currency-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:800}
.currency-control select{border:1px solid var(--line);background:var(--cream);color:var(--forest);border-radius:10px;padding:9px 10px;font-weight:800}
.header-actions{display:flex;gap:8px}
.ghost,.secondary,.primary,.text-button,.quick-tests button{border:1px solid var(--line-strong);border-radius:11px;padding:10px 14px;background:rgba(255,255,255,.60);color:var(--forest);font-weight:850;transition:transform .18s var(--ease),box-shadow .18s,border-color .18s,background .18s}
.ghost:hover,.secondary:hover,.quick-tests button:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft);border-color:rgba(4,60,55,.42)}
.ghost.small{padding:8px 11px;font-size:12px}

.workbench{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:0;background:rgba(255,255,255,.20)}
.controls-panel{padding:28px clamp(18px,3vw,34px) 34px;border-right:1px solid var(--line);background:rgba(255,253,248,.78)}
.live-panel{padding:28px clamp(18px,3vw,34px) 34px;background:linear-gradient(180deg,rgba(4,60,55,.035),rgba(4,60,55,.07));display:flex;flex-direction:column;gap:16px}
.panel-title-row,.meter-head,.scenario-head,.utility-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.panel-title-row h2,.meter-head h2,.scenario-head h2,.conversion-intro h2{margin:3px 0 0;color:var(--forest);letter-spacing:-.035em}
.panel-title-row h2{font-size:24px}
.live-badge,.pulse{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--forest-2);background:var(--soft);border:1px solid rgba(11,105,95,.18);padding:6px 9px;border-radius:999px;white-space:nowrap}
.live-badge i,.pulse i{width:7px;height:7px;border-radius:50%;background:#13a68f;box-shadow:0 0 0 0 rgba(19,166,143,.45);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(19,166,143,.45)}70%{box-shadow:0 0 0 7px rgba(19,166,143,0)}100%{box-shadow:0 0 0 0 rgba(19,166,143,0)}}

.field-card{margin-top:16px;background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:18px;padding:16px 16px 13px;box-shadow:0 8px 20px rgba(4,60,55,.035);transition:border-color .2s,box-shadow .2s,transform .2s}
.field-card:focus-within{border-color:rgba(4,60,55,.42);box-shadow:0 10px 26px rgba(4,60,55,.08)}
.field-card.compact{margin-top:0;background:var(--paper-2)}
.field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.field-head label{display:flex;align-items:center;gap:9px;color:var(--forest);font-size:14px;font-weight:850}
.index{display:inline-grid;place-items:center;min-width:27px;height:24px;padding:0 7px;border-radius:7px;background:var(--soft);font-size:10px;font-weight:900;color:var(--forest-2)}
.help{position:relative;flex:0 0 auto;width:25px;height:25px;border-radius:50%;border:1px solid var(--line-strong);background:var(--cream);color:var(--forest);font-size:11px;font-weight:900}
.tip{display:none;position:absolute;z-index:20;right:0;top:32px;width:min(290px,78vw);padding:12px 13px;border-radius:12px;background:var(--forest);color:white;text-align:left;font-size:12px;font-weight:600;line-height:1.55;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.help[aria-expanded="true"] .tip{display:block}
.number-control{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--cream);border-radius:12px;padding:0 12px;min-height:50px}
.number-control:focus-within{border-color:var(--forest-2);box-shadow:0 0 0 3px rgba(11,81,74,.08)}
.number-control input{min-width:0;width:100%;border:0;background:transparent;color:var(--forest);font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;outline:none;padding:10px 0}
.number-control .prefix{font-size:18px;font-weight:900;color:var(--forest-2)}
.unit{color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}
.lifespan-control select{border:0;border-left:1px solid var(--line);background:transparent;color:var(--forest);font-weight:850;padding:8px 0 8px 10px;outline:none}
.range{width:100%;margin:14px 0 2px;accent-color:var(--forest-2);cursor:grab}
.range:active{cursor:grabbing}
.range-scale{display:flex;justify-content:space-between;color:#83928c;font-size:10px;font-weight:700}
.field-hint{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.error{min-height:0;margin-top:4px;color:var(--danger);font-size:11px;font-weight:750}
.error:not(:empty){min-height:17px}
.optional{margin-top:16px;border:1px dashed rgba(4,60,55,.28);border-radius:18px;background:rgba(220,233,225,.30);overflow:visible}
.optional summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;cursor:pointer;color:var(--forest)}
.optional summary::-webkit-details-marker{display:none}
.optional summary>div{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center}
.optional summary small{grid-column:2;color:var(--muted);font-size:11px;font-weight:650}
.summary-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cream);font-weight:900;transition:transform .2s}
.optional[open] .summary-icon{transform:rotate(45deg)}
.optional-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 12px 12px}

.empty-state{margin:auto 0;min-height:330px;display:grid;place-content:center;text-align:center;padding:34px 20px;border:1px dashed rgba(4,60,55,.25);border-radius:22px;background:rgba(255,255,255,.35)}
.empty-state strong{margin-top:8px;font-size:26px;color:var(--forest)}
.empty-state p{margin:8px auto 0;max-width:390px;color:var(--muted);font-size:14px}
.results{display:none;gap:14px}
.results.is-visible{display:grid;animation:fadeIn .24s var(--ease)}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.meter-card{position:relative;border-radius:22px;padding:20px;background:var(--forest);color:white;overflow:hidden;box-shadow:0 22px 54px rgba(4,60,55,.20)}
.meter-card:after{content:"";position:absolute;inset:auto -60px -90px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(197,139,64,.25),transparent 66%);pointer-events:none}
.meter-head{position:relative;z-index:1}
.meter-head h2{color:white;font-size:19px}
.meter-kicker{color:#c8d8d2}
.pulse{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#d4e5df}
.meter-value,.scenario-number{position:relative;z-index:1;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;font-weight:950;letter-spacing:-.055em}
.meter-value{margin:15px 0 4px;font-size:clamp(48px,8vw,82px);line-height:.96;color:#fff8e8;text-shadow:0 8px 30px rgba(0,0,0,.12)}
.meter-note{position:relative;z-index:1;margin:0;color:#bfd0ca;font-size:12px}
.formula-strip{position:relative;z-index:1;margin-top:15px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#f1e5cc;overflow-wrap:anywhere}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mini-metric,.economics-card{border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:15px;padding:13px}
.mini-metric span,.economics-card span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.mini-metric strong,.economics-card strong{display:block;margin-top:5px;color:var(--forest);font-size:18px;font-variant-numeric:tabular-nums}
.economics-card small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}
.economics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.explain-card{border:1px solid var(--line);border-radius:17px;background:var(--paper-2);padding:15px 16px}
.explain-card p,.leverage p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.leverage{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border:1px solid rgba(197,139,64,.26);border-radius:17px;background:linear-gradient(135deg,#fffaf0,var(--gold-soft));padding:15px 16px}
.text-button{border:0;background:transparent;color:var(--forest);font-weight:900;padding:4px;white-space:nowrap}

.scenario{position:relative;z-index:1;padding:32px clamp(18px,4vw,44px);border-top:1px solid var(--line);background:var(--paper-2);scroll-margin-top:20px}
.scenario-head{margin-bottom:18px}
.scenario-head h2{font-size:clamp(25px,3vw,35px)}
.scenario-head p{margin:6px 0 0;color:var(--muted);font-size:13px}
.scenario-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);gap:16px;align-items:stretch}
.scenario-controls{display:grid;gap:10px}
.scenario-control{border:1px solid var(--line);border-radius:16px;padding:14px 15px;background:white}
.scenario-control label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--forest);font-size:13px;font-weight:850}
.scenario-control output{min-width:54px;text-align:center;padding:4px 7px;border-radius:999px;background:var(--soft);font-weight:950;font-variant-numeric:tabular-nums}
.scenario-control input{width:100%;margin:12px 0 4px;accent-color:var(--forest-2)}
.scenario-detail{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:var(--muted);font-size:11px}
.scenario-detail strong{color:var(--forest);font-size:13px;font-variant-numeric:tabular-nums}
.scenario-meter{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:20px;background:var(--forest);color:white;padding:20px;min-height:240px;box-shadow:0 18px 45px rgba(4,60,55,.15)}
.scenario-number{font-size:clamp(39px,6vw,64px);margin:10px 0 2px;color:#fff5df}
.scenario-meter>span:not(.meter-kicker){color:#c8d8d2;font-size:11px}
.scenario-meter>strong{margin-top:10px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.09);font-size:12px}
.scenario-gross{width:100%;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:10px;color:#c8d8d2;font-size:11px}
.scenario-gross b{color:white;font-size:14px}
.quick-tests{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-size:11px}
.quick-tests button{padding:7px 10px;font-size:11px;background:white}

.actions-panel{position:relative;z-index:1;border-top:1px solid var(--line);background:#ebe4d5}
.utility-row{padding:20px clamp(18px,4vw,44px);align-items:center}
.utility-row p{margin:4px 0 0;color:var(--muted);font-size:12px}
.utility-actions{display:flex;gap:8px;flex-wrap:wrap}
.secondary,.primary{display:inline-flex;align-items:center;justify-content:center}
.primary{background:var(--forest);color:white;border-color:var(--forest);box-shadow:0 12px 26px rgba(4,60,55,.14)}
.primary:hover{transform:translateY(-1px);background:var(--forest-2);box-shadow:0 16px 32px rgba(4,60,55,.18)}
.conversion-block{display:none;padding:30px clamp(18px,4vw,44px) 38px;background:var(--forest);color:white}
.conversion-block.is-visible{display:block}
.conversion-intro{max-width:800px;margin-bottom:18px}
.conversion-intro .section-kicker{color:#d5c6a8}
.conversion-intro h2{color:white;font-size:clamp(27px,3.5vw,40px)}
.conversion-intro p{margin:8px 0 0;color:#c6d6d1;font-size:14px;line-height:1.6}
.conversion-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.conversion-card{display:flex;flex-direction:column;border-radius:18px;padding:18px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14)}
.conversion-card.primary-card{background:#fff7e7;color:var(--ink);border-color:#fff7e7}
.conversion-card .card-label{color:#d7c49f}
.conversion-card.primary-card .card-label{color:#8c632e}
.conversion-card h3{margin:6px 0 8px;font-size:22px;line-height:1.15;letter-spacing:-.025em}
.conversion-card p{margin:0 0 16px;color:#c5d4cf;font-size:12px;line-height:1.58;flex:1}
.conversion-card.primary-card p{color:#65736e}
.conversion-card .primary,.conversion-card .secondary{margin-top:auto;min-height:44px}
.conversion-card:not(.primary-card) .secondary{color:white;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.07)}
.conversion-card small{display:block;margin-top:8px;color:#9fb4ad;font-size:9px}
.conversion-card.primary-card small{color:#7b8883}

@media(max-width:900px){
  .app-header{flex-direction:column}.header-tools{width:100%;align-items:flex-start;flex-direction:row;justify-content:space-between}.workbench{grid-template-columns:1fr}.controls-panel{border-right:0;border-bottom:1px solid var(--line)}.live-panel{min-height:0}.scenario-layout{grid-template-columns:1fr}.scenario-meter{min-height:190px}.conversion-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .ltv-app{border-radius:20px}.app-header{padding:22px 16px 19px}.app-header h1{font-size:35px}.header-tools{align-items:stretch;flex-direction:column}.currency-control{justify-content:space-between}.header-actions>*{flex:1}.controls-panel,.live-panel{padding:20px 14px 24px}.optional-body{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid .mini-metric:last-child{grid-column:1/-1}.economics-grid{grid-template-columns:1fr}.meter-value{font-size:clamp(44px,14vw,67px)}.leverage{align-items:flex-start;flex-direction:column}.scenario{padding:25px 14px}.scenario-head{flex-direction:column}.utility-row{align-items:flex-start;flex-direction:column;padding:18px 14px}.utility-actions{width:100%}.utility-actions button{flex:1 1 46%}.conversion-block{padding:25px 14px 30px}.number-control input{font-size:20px}.tip{right:-6px;width:min(280px,82vw)}
}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.metric-grid .mini-metric:last-child{grid-column:auto}.header-actions{width:100%}.scenario-control{padding:13px}.utility-actions button{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


.metric-title{display:flex;align-items:center;gap:8px;justify-content:space-between}
.metric-title>span{flex:1}
.metric-help{position:relative;flex:0 0 auto;width:24px;height:24px;font-size:12px}
.compact-number input{font-size:18px}
.cohort-control .field-head{margin-bottom:10px}
.dynamic-emphasis{display:inline-block;padding:0 2px 1px;color:#9a4b2f;font-weight:900;border-bottom:3px solid rgba(194,108,67,.55);line-height:1.1}
.scenario-summary-grid{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:10px}
.scenario-summary-item{padding:0;border:0;background:transparent;display:flex;flex-direction:column;gap:5px}
.scenario-summary-item span{color:#c8d8d2;font-size:11px;line-height:1.35}
.scenario-summary-item b{color:#fff5df;font-size:16px}
.scenario-summary-item.accent{padding-top:12px;border-top:1px solid rgba(255,255,255,.12);grid-column:1/-1}
.scenario-summary-item.accent b{font-size:22px}
@media(max-width:900px){.workbench{position:relative}}
@media(max-width:620px){.scenario-summary-grid{grid-template-columns:1fr}.scenario-summary-item.accent{grid-column:auto}.scenario-meter{padding-bottom:24px}}

/* v1.5.0 */
.help{touch-action:manipulation}
.help .tip{pointer-events:none}
.help[aria-expanded="true"] .tip{display:block;pointer-events:auto}
.metric-help .tip{right:-8px;top:30px;width:min(300px,76vw);text-transform:none;letter-spacing:0}
.projection-basis{width:100%;margin-top:12px;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.07);color:#d8e4df;font-size:11px;line-height:1.4;font-weight:750}
.projection-note{margin:13px 0 0;color:#abc0b9;font-size:10px;line-height:1.5}
/* v1.5.1 — metric tooltip specificity fix.
   .economics-card span is intentionally block-level, but must never override hidden tooltip state. */
.economics-card .tip{display:none}
.economics-card .help[aria-expanded="true"] .tip{display:block}


/* v1.5.2 — touch-safe anchored metric explanations + clearer formulas */
.economics-card{overflow:visible}
.economics-card .help{z-index:8}
.economics-card .tip{
  display:none;
  position:absolute;
  z-index:120;
  right:-4px;
  top:31px;
  width:min(330px,calc(100vw - 56px));
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:13px;
  background:#043c37;
  color:#fff!important;
  text-align:left;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.55;
  box-shadow:0 18px 44px rgba(0,45,41,.28);
}
.economics-card .help[aria-expanded="true"] .tip{display:block;color:#fff!important}
.economics-card .tip .tip-formula{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.18);
  color:#fff!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:11px!important;
  line-height:1.45;
}
.economics-card .tip .tip-formula b,
.economics-card .tip .tip-formula i{
  display:inline!important;
  margin:0;
  font-style:normal;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:11px!important;
  line-height:1.45;
}
.economics-card .tip .tip-formula .formula-a{color:#ffd58f!important}
.economics-card .tip .tip-formula .formula-b{color:#72dfca!important}
.economics-card .tip .tip-formula .formula-c{color:#ff9c7e!important}
.economics-card .tip .tip-formula i{color:#fff!important;font-weight:900}
@media(max-width:700px){
  .economics-card .tip{
    right:-4px;
    top:32px;
    width:min(310px,calc(100vw - 48px));
    max-width:none;
  }
}

.economics-card .tip .tip-copy{display:block!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:650!important;line-height:1.55!important}

/* v1.6.0 — Arabic / RTL */
html[dir="rtl"] body{font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;direction:rtl}
html[dir="rtl"] .ltv-app{text-align:right}
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .section-kicker,
html[dir="rtl"] .panel-kicker,
html[dir="rtl"] .meter-kicker,
html[dir="rtl"] .explain-label,
html[dir="rtl"] .card-label{letter-spacing:0;text-transform:none}
html[dir="rtl"] .app-header h1,
html[dir="rtl"] .panel-title-row h2,
html[dir="rtl"] .meter-head h2,
html[dir="rtl"] .scenario-head h2,
html[dir="rtl"] .conversion-intro h2{letter-spacing:-.015em}
html[dir="rtl"] .controls-panel{border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .header-tools{align-items:flex-start}
html[dir="rtl"] .field-head label{font-size:15px}
html[dir="rtl"] .tip{right:auto;left:0;text-align:right}
html[dir="rtl"] .metric-help .tip,
html[dir="rtl"] .economics-card .tip{right:auto;left:-4px;text-align:right}
html[dir="rtl"] .economics-card .tip .tip-formula{direction:rtl;justify-content:flex-start}
html[dir="rtl"] .number-control{direction:ltr}
html[dir="rtl"] .number-control .unit{direction:rtl;text-align:right}
html[dir="rtl"] .lifespan-control select{border-left:0;border-right:1px solid var(--line);padding:8px 10px 8px 0;direction:rtl}
html[dir="rtl"] .scenario-detail{justify-content:flex-start;direction:ltr}
html[dir="rtl"] .scenario-control label{font-size:14px}
html[dir="rtl"] .conversion-card h3{line-height:1.5}
html[dir="rtl"] .conversion-card p,
html[dir="rtl"] .intro,
html[dir="rtl"] .field-hint,
html[dir="rtl"] .explain-card p,
html[dir="rtl"] .leverage p{line-height:1.8}
@media(max-width:620px){html[dir="rtl"] .tip{left:-6px;right:auto}}

/* v1.6.1 YEB visual consistency */
.app-header{position:relative;overflow:hidden;isolation:isolate}
.app-header:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(6,62,57,.16) 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(90deg,transparent 4%,#000 42%,transparent 96%);opacity:.34}
.app-header h1{position:relative;display:inline-block}
.app-header h1:after{content:"";display:block;width:min(190px,38%);height:4px;margin-top:10px;border-radius:999px;background:linear-gradient(90deg,var(--gold,#c58b40),#8f5338);transform:rotate(-1deg);transform-origin:center}
html[dir="rtl"] .app-header h1:after{margin-right:0;margin-left:auto;transform:rotate(1deg)}


/* v1.7.1 — localized desktop parity.
   AR/FR tool stages can be narrower than the EN stage because they are provisioned
   inside localized WordPress shells. Do not switch them to the tablet/mobile
   one-column workbench unless the iframe is actually phone-sized. */
html[lang="ar"] .ltv-app,
html[lang="fr"] .ltv-app{
  width:100%;
  max-width:none;
}
@media (min-width:621px) and (max-width:900px){
  html[lang="ar"] .app-header,
  html[lang="fr"] .app-header{
    flex-direction:row;
  }
  html[lang="ar"] .header-tools,
  html[lang="fr"] .header-tools{
    width:auto;
    flex-direction:column;
    align-items:flex-end;
    justify-content:flex-start;
  }
  html[lang="ar"] .workbench,
  html[lang="fr"] .workbench{
    grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);
  }
  html[lang="ar"] .controls-panel,
  html[lang="fr"] .controls-panel{
    border-bottom:0;
    border-right:1px solid var(--line);
  }
  html[dir="rtl"][lang="ar"] .controls-panel{
    border-right:0;
    border-left:1px solid var(--line);
  }
  html[lang="ar"] .live-panel,
  html[lang="fr"] .live-panel{
    min-height:auto;
  }
  html[lang="ar"] .scenario-layout,
  html[lang="fr"] .scenario-layout{
    grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);
  }
  html[lang="ar"] .scenario-meter,
  html[lang="fr"] .scenario-meter{
    min-height:0;
  }
  html[lang="ar"] .conversion-grid,
  html[lang="fr"] .conversion-grid{
    grid-template-columns:1fr 1fr;
  }
}