/*
  FX Landing — v2 (Part-1)
  Goal: stronger, interactive marketing landing (HostWega-like structure) using Yebrax colors.
  Scope: public landing only (applies under .landing-v2).
*/

.landing-v2{
  /* brand override for landing only */
  --primary:#0B5594;
  --accent:#3BC1C6;
  --fx-ink: rgba(2, 10, 24, .92);
  --fx-card: rgba(255,255,255,.06);
}

html[data-ui-theme="light"] .landing-v2{
  --primary:#0B5594;
  --accent:#3BC1C6;
  --fx-ink: rgba(5, 11, 26, .92);
  --fx-card: rgba(255,255,255,.86);
}

/* Make primary buttons readable with the darker primary color */
.landing-v2 .btn.primary{ color:#fff; }

.landing-v2{
  position:relative;
  isolation:isolate;
}

.landing-v2::before{
  content:"";
  position:fixed;
  inset:-30vh -30vw;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(700px 380px at 15% 10%, rgba(11,85,148,.32), transparent 60%),
    radial-gradient(820px 440px at 85% 18%, rgba(59,193,198,.22), transparent 62%),
    radial-gradient(900px 520px at 60% 92%, rgba(11,85,148,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.12));
  filter:saturate(1.15);
}

.landing-v2 .landing-nav{
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.22);
}
html[data-ui-theme="light"] .landing-v2 .landing-nav{
  background:rgba(255,255,255,.76);
}

/* v2 nav */
.landing-v2 .nav-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  width:100%;
}

.landing-v2 .landing-links{
  gap:10px;
}

.landing-v2 .landing-links a{
  border-radius:999px;
  padding:8px 12px;
}

.landing-v2 .nav-toggle{
  display:none;
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:var(--text);
  cursor:pointer;
}
html[data-ui-theme="light"] .landing-v2 .nav-toggle{
  background:rgba(255,255,255,.70);
  border-color:rgba(11,18,32,.14);
}


.landing-v2 .nav-progress{
  width:100%;
  height:3px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.06);
  margin-top:10px;
}
html[data-ui-theme="light"] .landing-v2 .nav-progress{ background:rgba(11,18,32,.08); }
.landing-v2 .nav-progress span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(59,193,198,.95), rgba(11,85,148,.95));
  transition:width .18s ease;
}

/* Hero */
.landing-v2 .landing-hero{
  padding:18px;
  border-radius:22px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 480px at 12% 8%, rgba(11,85,148,.22), transparent 60%),
    radial-gradient(1000px 520px at 92% 16%, rgba(59,193,198,.18), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.landing-v2 .landing-hero::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:22px;
  padding:1px;
  background:linear-gradient(90deg, rgba(11,85,148,.55), rgba(59,193,198,.40), rgba(255,255,255,.10));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  pointer-events:none;
  opacity:.75;
}

.landing-v2 .hero-grid{ grid-template-columns: 1.15fr .85fr; }

.landing-v2 .hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  font-size:12px;
  color:var(--muted);
}

.landing-v2 .hero-kicker .dot{
  width:10px;height:10px;border-radius:999px;
  border:0;
  background:linear-gradient(90deg, rgba(11,85,148,.92), rgba(59,193,198,.84));
}

.landing-v2 .hero-title{
  font-size:40px;
  letter-spacing:.2px;
}

.landing-v2 .hero-sub{ max-width:720px; }

.landing-v2 .hero-cta{ align-items:center; }

.landing-v2 .hero-quick{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.landing-v2 .qcard{
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  padding:12px;
}

.landing-v2 .qcard .t{ font-weight:1000; }
.landing-v2 .qcard .d{ color:var(--muted); margin-top:4px; line-height:1.6; font-size:12px; }



/* Trust strip (Uptime / Security / Local+Cloud / Multi-branch offline) */
.landing-v2 .trust-strip{
  margin-top:14px;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 360px at 10% 10%, rgba(59,193,198,.12), transparent 62%),
    radial-gradient(820px 340px at 90% 40%, rgba(11,85,148,.18), transparent 62%),
    rgba(255,255,255,.03);
}

.landing-v2 .trust-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.landing-v2 .trust-title{
  font-weight:1000;
  font-size:14px;
  letter-spacing:.2px;
}
.landing-v2 .trust-sub{
  color:var(--muted);
  font-size:12px;
  margin-top:4px;
  line-height:1.55;
  max-width:720px;
}

.landing-v2 .trust-badges{ display:flex; gap:8px; flex-wrap:wrap; }

.landing-v2 .trust-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.landing-v2 .trust-card{
  border-radius:18px;
  padding:12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
}

.landing-v2 .trust-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.landing-v2 .trust-ico{
  font-size:20px;
  width:36px;
  height:36px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
}

.landing-v2 .trust-val{
  font-size:26px;
  font-weight:1000;
  background:linear-gradient(90deg, rgba(59,193,198,.95), rgba(11,85,148,.95));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  letter-spacing:.2px;
}

.landing-v2 .trust-tt{
  margin-top:10px;
  font-weight:900;
  font-size:13px;
}
.landing-v2 .trust-dd{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}

@media (max-width: 980px){
  .landing-v2 .trust-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 520px){
  .landing-v2 .trust-grid{ grid-template-columns:1fr; }
}


/* Screenshot card */
.landing-v2 .shot-wrap{
  border-radius:22px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
}

.landing-v2 .shot-head{
  padding:12px 12px;
}

.landing-v2 .shot-img{
  object-fit:contain;
}

/* Section containers */
.landing-v2 .landing-section{ margin-top:26px; }
.landing-v2 .sec-head h2{ font-size:24px; }

.landing-v2 .split{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.landing-v2 .pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:12px;
}

.landing-v2 .feat{ border-radius:20px; }
.landing-v2 .feat .ico{ font-size:24px; }

/* Pricing */
.landing-v2 .pricing{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.landing-v2 .price{
  position:relative;
  border-radius:20px;
  overflow:hidden;
}

.landing-v2 .price.reco{
  border-color:rgba(59,193,198,.38);
  background:
    radial-gradient(900px 380px at 20% 10%, rgba(59,193,198,.14), transparent 60%),
    rgba(255,255,255,.04);
}

.landing-v2 .price .tag{
  position:absolute;
  top:12px;
  right:12px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
}
html[dir="rtl"] .landing-v2 .price .tag{ right:auto; left:12px; }

.landing-v2 .price .p{ font-size:30px; }
.landing-v2 .price .pm{ margin-top:8px; color:var(--muted); font-size:12px; }

.landing-v2 .price.selected{
  outline:2px solid rgba(11,85,148,.55);
  outline-offset:2px;
}

/* Pricing calculator */
.landing-v2 .calc{
  margin-top:12px;
  border-radius:22px;
  padding:16px;
  background:
    radial-gradient(900px 420px at 12% 10%, rgba(11,85,148,.16), transparent 60%),
    radial-gradient(920px 460px at 92% 24%, rgba(59,193,198,.12), transparent 62%),
    rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
}

.landing-v2 .calc-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:12px;
  align-items:stretch;
}

.landing-v2 .calc .field{ display:flex; flex-direction:column; gap:8px; }

.landing-v2 .calc input[type="range"]{
  width:100%;
  accent-color: var(--accent);
}

.landing-v2 .calc .summary{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.18);
  padding:14px;
}

html[data-ui-theme="light"] .landing-v2 .calc .summary{ background:rgba(255,255,255,.72); }

.landing-v2 .calc .big{
  font-size:34px;
  font-weight:1100;
  letter-spacing:.2px;
}

.landing-v2 .calc .line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.landing-v2 .calc .line:last-child{ border-bottom:0; }
.landing-v2 .calc .hint{ color:var(--muted); font-size:12px; line-height:1.6; margin-top:8px; }

/* FAQ */
.landing-v2 .faq{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.landing-v2 details{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  padding:12px 14px;
}

.landing-v2 summary{
  cursor:pointer;
  font-weight:1000;
  list-style:none;
}

.landing-v2 summary::-webkit-details-marker{ display:none; }

.landing-v2 details .ans{
  margin-top:10px;
  color:var(--muted);
  line-height:1.8;
}

/* Bottom CTA bar for mobile */
.landing-v2 .cta-bar{
  position:sticky;
  bottom:10px;
  z-index:10;
  display:none;
  gap:10px;
  margin-top:18px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
}

html[data-ui-theme="light"] .landing-v2 .cta-bar{ background:rgba(255,255,255,.82); }

/* Responsive */
@media (max-width: 980px){
  .landing-v2 .hero-grid{ grid-template-columns: 1fr; }
  .landing-v2 .hero-quick{ grid-template-columns: 1fr; }
  .landing-v2 .calc-grid{ grid-template-columns: 1fr; }
  .landing-v2 .faq{ grid-template-columns: 1fr; }
  .landing-v2 .pricing{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 860px){
  .landing-v2 .nav-toggle{ display:inline-flex; align-items:center; justify-content:center; }
  .landing-v2 .landing-links{ display:none; width:100%; }
  .landing-v2 .landing-links.open{ display:flex; }
}

@media (max-width: 720px){
  .landing-v2 .hero-title{ font-size:32px; }
  .landing-v2 .cta-bar{ display:flex; }
}


/* --- SYP mini widget (Part-24) --- */
.landing-v2 .syp-mini{
  margin-top:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:14px;
}
.landing-v2 .syp-mini .top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.landing-v2 .syp-mini .grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
@media (max-width:1100px){ .landing-v2 .syp-mini .grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:740px){ .landing-v2 .syp-mini .grid{grid-template-columns:repeat(2,minmax(0,1fr));} }

.landing-v2 .syp-mini .itm{
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:10px;
}
.landing-v2 .flag-sm{
  width:20px;height:20px;border-radius:6px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.12);
}
.landing-v2 .syp-mini .code{font-weight:900;letter-spacing:.3px}
.landing-v2 .syp-mini .metric{font-size:12px;opacity:.92;margin-top:6px;line-height:1.7}
.landing-v2 .syp-mini .metric b{font-weight:900}

/* --- Contact icons (Part-24) --- */
.landing-v2 .contact-icons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.landing-v2 .contact-icons a{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.landing-v2 .contact-icons img{width:22px;height:22px;opacity:.95;filter:brightness(0) invert(1)}
html[data-ui-theme="light"] .landing-v2 .contact-icons img{filter:none}

/* WhatsApp Floating Button */
.landing-v2 .fab-wa{position:fixed;bottom:22px;right:18px;z-index:9999}
.landing-v2.rtl .fab-wa{right:auto;left:18px}
.landing-v2 .fab-wa a{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:999px;
  background:rgba(37,211,102,.16);border:1px solid rgba(37,211,102,.35);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.landing-v2 .fab-wa img{width:28px;height:28px;filter:brightness(0) invert(1)}



/* --- Part-26: landing cleanup + top download block --- */
.landing-v2 .container{
  max-width:1280px;
  padding:12px;
}

.landing-v2 .landing-nav{
  padding:10px 14px;
}

.landing-v2 .hero-grid{
  grid-template-columns:1.05fr .95fr;
  gap:18px;
}

.landing-v2 .download-spot{
  min-height:100%;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 380px at 12% 8%, rgba(59,193,198,.16), transparent 62%),
    radial-gradient(900px 420px at 88% 18%, rgba(11,85,148,.20), transparent 62%),
    rgba(255,255,255,.03);
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.landing-v2 .download-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

.landing-v2 .download-copy{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.landing-v2 .download-title{
  font-size:26px;
  font-weight:1000;
  line-height:1.25;
}

.landing-v2 .download-sub{
  color:var(--muted);
  line-height:1.8;
  font-size:13px;
}

.landing-v2 .download-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:auto;
}

.landing-v2 .download-card{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  color:var(--text);
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.landing-v2 .download-card:hover{
  transform:translateY(-1px);
  border-color:rgba(59,193,198,.45);
  background:rgba(255,255,255,.06);
}

.landing-v2 .download-card.primary{
  background:linear-gradient(135deg, rgba(59,193,198,.14), rgba(11,85,148,.22));
}

.landing-v2 .android-ico{
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  flex:0 0 auto;
}

.landing-v2 .android-ico.small{
  width:48px;
  height:48px;
}

.landing-v2 .android-ico img{
  width:28px;
  height:28px;
  display:block;
}

.landing-v2 .download-card .t{
  font-weight:1000;
  font-size:16px;
}

.landing-v2 .download-card .d{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}

.landing-v2 .faq{
  grid-template-columns:1fr;
  max-width:980px;
}

.landing-v2 .shots-showcase .shot-wrap-large{
  min-height:560px;
}

.landing-v2 .shots-showcase .shot-head{
  padding:14px 16px;
}

.landing-v2 .shots-showcase .shot-img{
  padding:18px;
}

@media (max-width: 980px){
  .landing-v2 .container{ padding:10px; }
  .landing-v2 .hero-grid{ grid-template-columns:1fr; }
  .landing-v2 .shots-showcase .shot-wrap-large{ min-height:420px; }
}

@media (max-width: 720px){
  .landing-v2 .download-title{ font-size:22px; }
  .landing-v2 .download-card{ padding:14px; }
  .landing-v2 .shots-showcase .shot-wrap-large{ min-height:300px; }
}



/* --- Part-27: conversion proof + guarantees + screenshot thumbs --- */
.landing-v2 .proof-strip{margin-top:18px;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.10);background:radial-gradient(900px 320px at 10% 0%, rgba(59,193,198,.12), transparent 62%),radial-gradient(800px 360px at 90% 20%, rgba(11,85,148,.16), transparent 62%),rgba(255,255,255,.03)}
.landing-v2 .proof-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.landing-v2 .proof-title{font-size:18px;font-weight:1000}
.landing-v2 .proof-sub{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.7;max-width:760px}
.landing-v2 .proof-badge{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);font-size:12px;color:var(--muted)}
.landing-v2 .proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.landing-v2 .proof-item{border-radius:18px;padding:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.landing-v2 .proof-item .k{font-size:12px;color:var(--muted);margin-bottom:6px}
.landing-v2 .proof-item .v{font-size:16px;font-weight:1000;line-height:1.5}
.landing-v2 .guarantees-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.landing-v2 .guarantee-card{border-radius:20px;padding:16px;background:rgba(255,255,255,.04)}
.landing-v2 .g-ico{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:22px}
.landing-v2 .g-t{margin-top:12px;font-size:15px;font-weight:1000}
.landing-v2 .g-d{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.75}
.landing-v2 .sec-head-faq{align-items:flex-end}
.landing-v2 .faq-tools{display:flex;align-items:center;justify-content:flex-end}
.landing-v2 .faq-search{min-width:280px;max-width:360px}
.landing-v2 .shot-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 16px 16px}
.landing-v2 .shot-thumb{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.landing-v2 .shot-thumb:hover{transform:translateY(-1px);border-color:rgba(59,193,198,.40);background:rgba(255,255,255,.06)}
.landing-v2 .shot-thumb.active{border-color:rgba(59,193,198,.55);background:rgba(255,255,255,.08)}
.landing-v2 .shot-thumb img{width:100%;height:76px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.03)}
.landing-v2 .shot-thumb span{font-size:11px;line-height:1.5;font-weight:700}
@media (max-width: 1100px){.landing-v2 .proof-grid,.landing-v2 .guarantees-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.landing-v2 .shot-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width: 720px){
  .landing-v2 .proof-grid,.landing-v2 .guarantees-grid{grid-template-columns:1fr;}
  .landing-v2 .shot-thumbs{display:flex;gap:10px;overflow:auto;padding:0 12px 14px;scroll-snap-type:x proximity}
  .landing-v2 .shot-thumb{min-width:180px;flex:0 0 180px;scroll-snap-align:start}
  .landing-v2 .faq-search{min-width:0;width:100%;max-width:none}
  .landing-v2 .faq-tools{width:100%}
}


/* --- Part-29: screenshot lightbox + cleaner header --- */
.landing-v2 .shots-showcase .shot-wrap-large{position:relative;overflow:hidden}
.landing-v2 .shots-showcase .shots{cursor:zoom-in}
.landing-v2 .shots-showcase .shot{cursor:zoom-in}
.landing-v2 .shots-showcase .shot-img{transition:transform .22s ease}
.landing-v2 .shots-showcase .shot:hover .shot-img{transform:scale(1.01)}
.landing-v2 .shot-lightbox[hidden]{display:none}
.landing-v2 .shot-lightbox{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px}
.landing-v2 .shot-lightbox-backdrop{position:absolute;inset:0;background:rgba(4,10,18,.82);backdrop-filter:blur(6px)}
.landing-v2 .shot-lightbox-dialog{position:relative;z-index:1;max-width:min(96vw,1280px);max-height:calc(100vh - 48px);padding:12px;border-radius:24px;background:rgba(10,18,30,.78);border:1px solid rgba(255,255,255,.10);box-shadow:0 20px 60px rgba(0,0,0,.35)}
html[data-ui-theme="light"] .landing-v2 .shot-lightbox-dialog{background:rgba(255,255,255,.94);}
.landing-v2 .shot-lightbox-dialog img{display:block;max-width:min(94vw,1240px);max-height:calc(100vh - 96px);width:auto;height:auto;border-radius:18px;object-fit:contain;background:transparent}
.landing-v2 .shot-lightbox-close{position:absolute;top:16px;right:16px;z-index:2;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.34);color:#fff;font-size:28px;line-height:1;cursor:pointer}
html[dir="rtl"] .landing-v2 .shot-lightbox-close{right:auto;left:16px}
html[data-ui-theme="light"] .landing-v2 .shot-lightbox-close{background:rgba(255,255,255,.88);color:#0b1220;border-color:rgba(11,18,32,.14)}
body.fx-shot-lightbox-open{overflow:hidden}
@media (max-width: 720px){
  .landing-v2 .shot-lightbox{padding:12px}
  .landing-v2 .shot-lightbox-dialog{max-width:100%;max-height:calc(100vh - 24px);padding:10px;border-radius:18px}
  .landing-v2 .shot-lightbox-dialog img{max-width:calc(100vw - 36px);max-height:calc(100vh - 72px)}
}


/* Part-39 conservative fix: restore tighter horizontal rhythm without touching structure */
.landing-v2 .container{
  max-width: 1380px;
  padding: 10px;
}

.landing-v2 .landing-section{
  margin-top: 22px;
}

.landing-v2 .landing-nav{
  padding: 8px 12px;
}

@media (max-width: 980px){
  .landing-v2 .container{ padding: 10px; }
}

@media (max-width: 720px){
  .landing-v2 .container{ padding: 8px; }
  .landing-v2 .landing-section{ margin-top: 18px; }
}

/* Part-04 — services / IA / sticky CTA / performance polish */
.landing-v2 .service-grid,
.landing-v2 .mode-grid,
.landing-v2 .use-grid,
.landing-v2 .footer-grid{
  display:grid;
  gap:12px;
}
.landing-v2 .service-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.landing-v2 .mode-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.landing-v2 .use-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.landing-v2 .footer-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:18px; }

.landing-v2 .service-card,
.landing-v2 .mode-card,
.landing-v2 .use-card{
  padding:16px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease, opacity .35s ease;
}
html[data-ui-theme="light"] .landing-v2 .service-card,
html[data-ui-theme="light"] .landing-v2 .mode-card,
html[data-ui-theme="light"] .landing-v2 .use-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.92));
  border-color:rgba(11,18,32,.08);
}
.landing-v2 .service-card:hover,
.landing-v2 .mode-card:hover,
.landing-v2 .use-card:hover{
  transform:translateY(-4px);
  border-color:rgba(59,193,198,.34);
  box-shadow:0 18px 44px rgba(0,0,0,.14);
}
.landing-v2 .service-ico,
.landing-v2 .mode-ico,
.landing-v2 .use-ico{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  margin-bottom:12px;
  background:linear-gradient(135deg, rgba(11,85,148,.18), rgba(59,193,198,.16));
  border:1px solid rgba(255,255,255,.10);
}
.landing-v2 .service-t,
.landing-v2 .mode-t,
.landing-v2 .use-t{
  font-weight:1000;
  font-size:15px;
}
.landing-v2 .service-d,
.landing-v2 .mode-d,
.landing-v2 .use-d{
  margin-top:8px;
  color:var(--muted);
  line-height:1.7;
  font-size:13px;
}
.landing-v2 .mode-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.landing-v2 [data-reveal]{
  opacity:0;
  transform:translateY(14px);
}
.landing-v2 [data-reveal].is-in{
  opacity:1;
  transform:none;
}

.landing-v2 .sticky-cta{
  position:fixed;
  inset:auto 18px 18px 18px;
  z-index:60;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(6,14,28,.88);
  backdrop-filter:blur(14px);
  box-shadow:0 20px 44px rgba(0,0,0,.24);
  transform:translateY(18px);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease, transform .24s ease;
}
html[data-ui-theme="light"] .landing-v2 .sticky-cta{
  background:rgba(255,255,255,.92);
  border-color:rgba(11,18,32,.10);
}
.landing-v2 .sticky-cta.is-show{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.landing-v2 .sticky-copy .k{ font-weight:1000; }
.landing-v2 .sticky-copy .d{ color:var(--muted); font-size:12px; margin-top:3px; }
.landing-v2 .sticky-actions{ display:flex; gap:10px; flex-wrap:wrap; }

.landing-v2 .footer-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.landing-v2 .footer-brand{ font-weight:1000; font-size:16px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.landing-v2 .footer-copy{ max-width:760px; line-height:1.7; margin-top:8px; }
.landing-v2 .footer-col{ border-top:1px solid rgba(255,255,255,.08); padding-top:12px; }
html[data-ui-theme="light"] .landing-v2 .footer-col{ border-top-color:rgba(11,18,32,.08); }
.landing-v2 .footer-col-title{ font-weight:900; margin-bottom:10px; }
.landing-v2 .footer-links-list{ display:grid; gap:8px; }
.landing-v2 .footer-links-list a{ color:var(--muted); text-decoration:none; }
.landing-v2 .footer-links-list a:hover{ color:var(--text); }
.landing-v2 .footer-meta{ margin-top:10px; font-size:12px; line-height:1.8; }
.landing-v2 .footer-copyline{ margin-top:12px; font-size:12px; }

.shot-lightbox{
  position:fixed;
  inset:0;
  z-index:90;
  display:grid;
  place-items:center;
  background:rgba(2,8,20,.82);
  backdrop-filter:blur(6px);
  padding:22px;
}
.shot-lightbox[hidden]{ display:none; }
.shot-lightbox img{
  max-width:min(1200px,92vw);
  max-height:86vh;
  object-fit:contain;
  border-radius:18px;
  box-shadow:0 26px 50px rgba(0,0,0,.28);
}
.shot-lightbox button{
  position:absolute;
  top:16px;
  right:16px;
  width:44px;
  height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:26px;
  cursor:pointer;
}

@media (max-width: 1100px){
  .landing-v2 .service-grid,
  .landing-v2 .mode-grid,
  .landing-v2 .use-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .landing-v2 .footer-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px){
  .landing-v2 .service-grid,
  .landing-v2 .mode-grid,
  .landing-v2 .use-grid,
  .landing-v2 .footer-grid{ grid-template-columns:1fr; }
  .landing-v2 .sticky-cta{ inset:auto 12px 84px 12px; flex-direction:column; align-items:flex-start; }
  .landing-v2 .sticky-actions{ width:100%; }
  .landing-v2 .sticky-actions .btn{ flex:1; justify-content:center; }
}
@media (prefers-reduced-motion: reduce){
  .landing-v2 [data-reveal],
  .landing-v2 .service-card,
  .landing-v2 .mode-card,
  .landing-v2 .use-card,
  .landing-v2 .sticky-cta{ transition:none !important; transform:none !important; opacity:1 !important; }
}


/* --- Part-05: conversion boost --- */
.landing-v2 .hero-metrics{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.landing-v2 .metric-card{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  box-shadow:0 12px 34px rgba(0,0,0,.14);
}
.landing-v2 .metric-value{
  display:flex;
  align-items:flex-end;
  gap:6px;
  font-size:28px;
  font-weight:1000;
  line-height:1;
}
.landing-v2 .metric-value small{
  font-size:12px;
  color:var(--muted);
  margin-bottom:4px;
}
.landing-v2 .metric-label{
  margin-top:8px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.landing-v2 .compare-section{
  margin-top:18px;
}
.landing-v2 .compare-wrap{
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow:0 16px 40px rgba(0,0,0,.14);
}
.landing-v2 .compare-head,
.landing-v2 .compare-row{
  display:grid;
  grid-template-columns:1.05fr 1fr 1fr;
}
.landing-v2 .compare-head{
  background:rgba(255,255,255,.04);
}
.landing-v2 .compare-col,
.landing-v2 .compare-cell{
  padding:16px 18px;
}
.landing-v2 .compare-col + .compare-col,
.landing-v2 .compare-cell + .compare-cell{
  border-inline-start:1px solid rgba(255,255,255,.08);
}
.landing-v2 .compare-row + .compare-row{
  border-top:1px solid rgba(255,255,255,.08);
}
.landing-v2 .compare-label{font-weight:900;}
.landing-v2 .compare-legacy{color:var(--muted);}
.landing-v2 .compare-fx{font-weight:800;}
.landing-v2 .compare-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border-radius:999px;
  padding:0 12px;
  font-weight:900;
  font-size:12px;
  border:1px solid rgba(255,255,255,.10);
}
.landing-v2 .compare-badge.legacy{background:rgba(255,255,255,.04); color:var(--muted);}
.landing-v2 .compare-badge.fx{background:linear-gradient(90deg, rgba(11,85,148,.26), rgba(59,193,198,.22));}
.landing-v2 .closing-cta{margin-top:18px;}
.landing-v2 .closing-shell{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
  align-items:center;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 320px at 10% 0%, rgba(11,85,148,.20), transparent 62%),
    radial-gradient(820px 360px at 90% 30%, rgba(59,193,198,.18), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  box-shadow:0 18px 42px rgba(0,0,0,.16);
}
.landing-v2 .closing-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  font-size:12px;
  color:var(--muted);
}
.landing-v2 .closing-shell h2{
  margin:12px 0 8px;
  font-size:32px;
  line-height:1.18;
}
.landing-v2 .closing-sub{
  max-width:780px;
  line-height:1.7;
}
.landing-v2 .closing-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.landing-v2 .closing-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.landing-v2 .closing-actions .btn{
  justify-content:center;
}
@media (max-width: 1100px){
  .landing-v2 .hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  .landing-v2 .compare-head,.landing-v2 .compare-row{grid-template-columns:.9fr 1fr 1fr;}
  .landing-v2 .closing-shell{grid-template-columns:1fr;}
}
@media (max-width: 720px){
  .landing-v2 .hero-metrics{grid-template-columns:1fr;}
  .landing-v2 .metric-value{font-size:24px;}
  .landing-v2 .compare-wrap{padding:8px;}
  .landing-v2 .compare-head{display:none;}
  .landing-v2 .compare-row{grid-template-columns:1fr; gap:0; border:1px solid rgba(255,255,255,.08); border-radius:18px; overflow:hidden; margin-bottom:10px;}
  .landing-v2 .compare-row + .compare-row{border-top:1px solid rgba(255,255,255,.08);}
  .landing-v2 .compare-cell{padding:12px 14px;}
  .landing-v2 .compare-cell + .compare-cell{border-inline-start:0; border-top:1px solid rgba(255,255,255,.08);}
  .landing-v2 .compare-label{background:rgba(255,255,255,.04);}
  .landing-v2 .closing-shell h2{font-size:26px;}
}


/* --- Part-13: final UX polish --- */
.landing-v2 .hero-anchor-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.landing-v2 .hero-anchor{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  color:var(--text);
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 26px rgba(0,0,0,.10);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.landing-v2 .hero-anchor:hover{
  transform:translateY(-1px);
  border-color:rgba(59,193,198,.38);
  box-shadow:0 18px 36px rgba(0,0,0,.16);
}
.landing-v2 .metric-card,
.landing-v2 .qcard,
.landing-v2 .service-card,
.landing-v2 .mode-card,
.landing-v2 .use-card,
.landing-v2 .trust-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.landing-v2 .metric-card:hover,
.landing-v2 .qcard:hover,
.landing-v2 .service-card:hover,
.landing-v2 .mode-card:hover,
.landing-v2 .use-card:hover,
.landing-v2 .trust-card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(0,0,0,.18);
  border-color:rgba(59,193,198,.26);
}
.landing-v2 .landing-section{
  scroll-margin-top:110px;
}
.landing-v2 [data-reveal]{
  transition:opacity .42s ease, transform .42s ease;
}
.landing-v2 .nav-wrap{
  backdrop-filter:blur(16px);
}
.landing-v2 .landing-links a.active{
  color:var(--text);
  background:rgba(255,255,255,.08);
  border-color:rgba(59,193,198,.30);
}
@media (max-width: 680px){
  .landing-v2 .hero-anchor-row{gap:8px}
  .landing-v2 .hero-anchor{flex:1 1 calc(50% - 8px);justify-content:center}
}
@media (max-width: 520px){
  .landing-v2 .hero-anchor{flex:1 1 100%}
}