:root{
  --bg:#08090b;
  --bg-alt:#0c0e11;
  --card:#12151a;
  --card-alt:#151920;
  --border:rgba(255,255,255,0.08);
  --border-strong:rgba(255,255,255,0.14);
  --text:#f2f4f6;
  --text-dim:#9aa2ad;
  --text-dimmer:#6b7280;
  --green:#22e07a;
  --green-dark:#16a34a;
  --yellow:#eab308;
  --blue:#3b82f6;
  --purple:#a855f7;
  --orange:#f97316;
  --pink:#ec4899;
  --red:#ef4444;
  --radius:16px;
  --radius-sm:10px;
  --container:1180px;
  font-size:16px;
}

*{box-sizing:border-box;margin:0;padding:0;min-width:0;}

body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter','Noto Sans Arabic',system-ui,sans-serif;
  line-height:1.5;
  overflow-x:hidden;
}

h1,h2,h3,h4,.logo-text,.btn{
  font-family:'Poppins','Noto Sans Arabic',system-ui,sans-serif;
}

/* Arabic: right-align text content only — layout/flex/grid structure stays untouched */
body.lang-ar h1,
body.lang-ar h2,
body.lang-ar h3,
body.lang-ar h4,
body.lang-ar p,
body.lang-ar .fine-print,
body.lang-ar .logos-caption{
  direction:rtl;
  text-align:right;
}
body.lang-ar .tag-row{justify-content:flex-end;}
body.lang-ar .table-foot{direction:rtl;}

a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}

.container{
  max-width:var(--container);
  margin:0 auto;
  padding:0 24px;
}

.accent{color:var(--green);}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 26px;
  border-radius:14px;
  font-weight:600;
  font-size:0.95rem;
  border:1px solid transparent;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{
  background:linear-gradient(135deg,var(--green),var(--green-dark));
  color:#05130a;
  box-shadow:0 8px 24px -8px rgba(34,224,122,.55), inset 0 1px 0 rgba(255,255,255,.25);
  position:relative;
}
.btn-primary:hover{box-shadow:0 14px 32px -8px rgba(34,224,122,.7), inset 0 1px 0 rgba(255,255,255,.25);}
.btn-outline{
  background:rgba(255,255,255,.02);
  border-color:var(--border-strong);
  color:var(--text);
}
.btn-outline:hover{border-color:var(--green);background:rgba(34,224,122,.06);}
.btn-sm{padding:10px 20px;font-size:0.85rem;}
.btn.full{width:100%;}

/* Icon images (from Beyaz icon set) + inline SVG icons */
.icon{width:14px;height:14px;object-fit:contain;filter:brightness(0) invert(1);}
.inline-icon{
  width:14px;height:14px;object-fit:contain;
  display:inline-block;vertical-align:-2px;margin-right:4px;
  filter:brightness(0) invert(1);
}
svg.inline-icon{filter:none;color:currentColor;}

.pill{
  display:inline-block;
  background:linear-gradient(135deg,var(--green),var(--green-dark));
  color:#05130a;
  font-size:0.72rem;
  font-weight:700;
  letter-spacing:.06em;
  padding:6px 16px;
  border-radius:8px;
  margin-bottom:16px;
}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(8,9,11,.85);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:76px;
  gap:24px;
}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;}
.logo-img{height:26px;width:auto;display:block;}
.main-nav{display:flex;gap:32px;align-items:center;}
.main-nav a{color:var(--text-dim);font-weight:500;font-size:0.95rem;transition:color .15s;}
.main-nav a:hover{color:var(--text);}

.header-actions{display:flex;align-items:center;gap:14px;}

/* Language switcher */
.lang-select{position:relative;}
.lang-current{
  display:flex;align-items:center;gap:6px;
  background:var(--card);border:1px solid var(--border);
  color:var(--text-dim);
  padding:9px 12px;border-radius:10px;
  font-size:0.82rem;font-weight:600;
}
.lang-current svg{width:15px;height:15px;flex-shrink:0;}
.lang-caret{width:9px;height:9px;transition:transform .15s;}
.lang-select.open .lang-caret{transform:rotate(180deg);}
.lang-select.open .lang-current{border-color:var(--border-strong);color:var(--text);}
.lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;
  min-width:150px;
  background:var(--card);border:1px solid var(--border-strong);
  border-radius:12px;
  padding:6px;
  box-shadow:0 20px 45px -15px rgba(0,0,0,.6);
  display:none;
  z-index:150;
}
.lang-select.open .lang-menu{display:block;}
.lang-option{
  display:block;width:100%;text-align:left;
  background:none;border:none;
  color:var(--text-dim);font-size:0.85rem;font-weight:600;
  padding:9px 12px;border-radius:8px;
}
.lang-option:hover{background:var(--card-alt);color:var(--text);}
.lang-option.active{background:rgba(34,224,122,.12);color:var(--green);}

.nav-toggle{
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;border:none;
  padding:6px;
}
.nav-toggle span{width:22px;height:2px;background:var(--text);border-radius:2px;}

/* ---------- Hero ---------- */
.hero{
  position:relative;
  padding:64px 0 80px;
  overflow:hidden;
  background-image:radial-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:26px 26px;
  background-position:-10px -10px;
}
.hero::before,
.hero::after{
  content:'';
  position:absolute;
  border-radius:50%;
  filter:blur(10px);
  pointer-events:none;
  z-index:0;
}
.hero::before{
  top:-220px;right:-160px;
  width:620px;height:620px;
  background:radial-gradient(circle, rgba(34,224,122,.22), transparent 70%);
}
.hero::after{
  bottom:-260px;left:-220px;
  width:520px;height:520px;
  background:radial-gradient(circle, rgba(59,130,246,.14), transparent 70%);
}
.hero-grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  align-items:center;
}
.eyebrow{
  display:inline-flex;
  align-items:center;gap:8px;
  color:var(--green);
  font-size:0.78rem;
  font-weight:700;
  letter-spacing:.08em;
  background:rgba(34,224,122,.08);
  border:1px solid rgba(34,224,122,.28);
  padding:7px 16px 7px 12px;
  border-radius:999px;
  margin-bottom:20px;
}
.eyebrow-dot{
  width:6px;height:6px;flex-shrink:0;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 0 rgba(34,224,122,.6);
  animation:eyebrow-pulse 2s ease-out infinite;
}
@keyframes eyebrow-pulse{
  0%{box-shadow:0 0 0 0 rgba(34,224,122,.55);}
  70%{box-shadow:0 0 0 7px rgba(34,224,122,0);}
  100%{box-shadow:0 0 0 0 rgba(34,224,122,0);}
}
.hero-copy h1{
  font-size:2.9rem;
  line-height:1.12;
  font-weight:700;
  margin-bottom:20px;
  letter-spacing:-0.02em;
}
.text-gradient{
  background:linear-gradient(100deg,#22e07a 10%,#5eead4 55%,#22e07a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-copy{position:relative;}
.hero-copy-hex{
  position:absolute;top:-56px;left:-70px;
  width:320px;height:320px;
  color:var(--green);
  opacity:.06;
  z-index:-1;
  pointer-events:none;
}
.hero-sub{
  position:relative;
  color:var(--text-dim);
  font-size:1.02rem;
  max-width:520px;
  margin-bottom:32px;
}
.hero-highlight{color:var(--text);font-weight:700;background-image:linear-gradient(transparent 68%, rgba(34,224,122,.35) 0);}
.hero-btns{position:relative;display:flex;gap:14px;margin-bottom:44px;flex-wrap:wrap;}
.btn-arrow{display:inline-flex;transition:transform .2s ease;}
.btn-primary:hover .btn-arrow{transform:translateX(3px);}
.hero-stats{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--border);
  margin-top:2px;
}
.stat{
  display:flex;align-items:center;gap:11px;
  padding:20px;
}
.stat:nth-child(odd){padding-left:0;border-right:1px solid var(--border);}
.stat:nth-child(even){padding-right:0;}
.stat:nth-child(-n+2){border-bottom:1px solid var(--border);}
.stat:nth-child(n+3){padding-bottom:0;}
.stat-icon-wrap{
  width:38px;height:38px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.stat-icon-wrap.green{background:rgba(34,224,122,.15);}
.stat-icon-wrap.blue{background:rgba(59,130,246,.15);}
.stat-icon-wrap.yellow{background:rgba(234,179,8,.15);}
.stat-icon-wrap.purple{background:rgba(168,85,247,.15);}
.stat-icon{width:17px;height:17px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1);}
.stat b{display:block;font-size:1.15rem;font-weight:700;}
.stat small{color:var(--text-dimmer);font-size:0.75rem;}

/* ---------- Mock window (dashboard visuals) ---------- */
.hero-visual{position:relative;z-index:1;perspective:1400px;}
.hero-mock{
  transform:rotateY(-7deg) rotateX(3deg);
  transition:transform .5s ease;
}
.hero-visual:hover .hero-mock{transform:rotateY(-2deg) rotateX(1deg);}
.float-badge{
  position:absolute;z-index:2;
  display:flex;align-items:center;gap:8px;
  background:var(--card);border:1px solid var(--border-strong);
  padding:10px 16px;border-radius:12px;
  font-size:0.78rem;font-weight:700;color:var(--text);
  box-shadow:0 20px 40px -12px rgba(0,0,0,.55);
}
.float-badge svg{width:15px;height:15px;color:var(--green);flex-shrink:0;}
.float-badge-top{top:-16px;right:36px;}
.float-badge-bottom{bottom:-16px;left:36px;}
.mock-window{
  background:var(--card);
  border:1px solid var(--border-strong);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6);
}
.mock-toolbar{
  display:flex;align-items:center;gap:14px;
  padding:14px 18px;
  border-bottom:1px solid var(--border);
  background:var(--card-alt);
}
.mock-dots{display:flex;gap:6px;}
.mock-dots i{width:9px;height:9px;border-radius:50%;background:var(--border-strong);}
.mock-dots i:nth-child(1){background:#ef4444;}
.mock-dots i:nth-child(2){background:#eab308;}
.mock-dots i:nth-child(3){background:#22c55e;}
.mock-title{flex:1;font-size:0.85rem;font-weight:600;color:var(--text-dim);}
.mock-icons{display:flex;align-items:center;gap:10px;font-size:0.9rem;color:var(--text-dim);}
.mock-icons svg{width:18px;height:18px;}
.avatar{
  width:26px;height:26px;border-radius:50%;
  background:linear-gradient(135deg,var(--green),var(--green-dark));
  color:#05130a;font-weight:700;font-size:0.75rem;
  display:flex;align-items:center;justify-content:center;
}
.mini-link{color:var(--green);font-size:0.8rem;font-weight:600;}
.mini-toggle{display:flex;gap:4px;font-size:0.72rem;color:var(--text-dimmer);}
.mini-toggle span{padding:4px 10px;border-radius:6px;}
.mini-toggle .active{background:var(--green);color:#05130a;font-weight:700;}

.mock-body{padding:18px;}
.hero-mock .mock-body{padding-bottom:48px;}

.mock-cards-row{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:12px;margin-bottom:16px;
}
.mock-cards-row.small .mock-card{padding:12px;}
.mock-card{
  background:var(--card-alt);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:14px;
  display:flex;flex-direction:column;gap:4px;
}
.mock-card-icon{
  width:26px;height:26px;border-radius:7px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:2px;
}
.mock-card-icon img{width:14px;height:14px;object-fit:contain;filter:brightness(0) invert(1);}
.mock-card-icon.green{background:rgba(34,224,122,.15);}
.mock-card-icon.red{background:rgba(239,68,68,.15);}
.mock-card-icon.yellow{background:rgba(234,179,8,.15);}
.mock-card-icon.blue{background:rgba(59,130,246,.15);}
.mock-card small{color:var(--text-dimmer);font-size:0.72rem;}
.mock-card b{font-size:1.05rem;font-weight:700;}
.mock-card b.up{color:var(--green);}
.mock-card b.down{color:var(--red);}
.delta{font-size:0.7rem;color:var(--text-dimmer);}
.delta.up{color:var(--green);}
.delta.down{color:var(--red);}

.mock-panel{
  background:var(--card-alt);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:14px;
  position:relative;
  margin-bottom:16px;
}
.mock-panel-head{
  display:flex;justify-content:space-between;
  font-size:0.8rem;font-weight:600;color:var(--text-dim);
  margin-bottom:10px;
}
.mock-panel-head a{color:var(--green);font-weight:600;}
.mock-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 0;
  border-top:1px solid var(--border);
  font-size:0.78rem;
}
.mock-row:first-of-type{border-top:none;}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.dot.green{background:var(--green);}
.dot.red{background:var(--red);}
.dot.orange{background:var(--orange);}
.dot.pink{background:var(--pink);}
.row-main{flex:1;min-width:0;}
.row-main b{display:block;font-size:0.82rem;}
.row-main small{color:var(--text-dimmer);font-size:0.68rem;}
.row-score{font-weight:700;font-size:0.8rem;min-width:40px;text-align:center;}
.row-score.green{color:var(--green);}
.row-score.red{color:var(--red);}
.row-status{
  text-align:right;font-size:0.68rem;font-weight:700;min-width:70px;
}
.row-status.green{color:var(--green);}
.row-status.blue{color:var(--blue);}
.row-status small{display:block;color:var(--text-dimmer);font-weight:400;}
.mock-badge{
  position:absolute;bottom:-14px;right:14px;
  background:var(--green);color:#05130a;
  font-size:0.68rem;font-weight:700;
  padding:6px 12px;border-radius:999px;
  box-shadow:0 8px 20px -6px rgba(34,224,122,.6);
}
.mock-quick-actions{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
}
.mock-quick-actions span{
  background:var(--card-alt);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:10px 4px;text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  font-size:0.66rem;font-weight:600;color:var(--text-dim);
  line-height:1.25;
}
.mock-quick-actions .inline-icon{margin-right:0;}

/* ---------- Logos ---------- */
.logos-section{
  padding:36px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  background:var(--bg-alt);
  overflow:hidden;
  mask-image:linear-gradient(90deg, transparent 0, black 64px, black calc(100% - 64px), transparent 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0, black 64px, black calc(100% - 64px), transparent 100%);
}
.logos-caption{
  text-align:center;color:var(--text-dimmer);
  font-size:0.72rem;letter-spacing:.15em;font-weight:700;
  margin-bottom:24px;
}
.logos-track{
  display:flex;
  width:max-content;
  animation:logos-scroll 34s linear infinite;
}
.logos-section:hover .logos-track{animation-play-state:paused;}
.logos-row{
  display:flex;align-items:center;gap:14px;
  padding-right:14px;
  flex-shrink:0;
}
.logo-chip{
  background:transparent;
  display:flex;align-items:center;justify-content:center;
  height:80px;
  width:170px;
  flex-shrink:0;
  padding:0 10px;
}
.logo-chip img{
  max-height:52px;
  max-width:160px;
  width:auto;height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 1px rgba(255,255,255,.85)) drop-shadow(0 0 6px rgba(255,255,255,.15));
  opacity:0.92;
  transition:opacity .2s;
}
.logo-chip:hover img{opacity:1;}

@keyframes logos-scroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* ---------- Sections ---------- */
.section{padding:90px 0;}
.section-head{max-width:640px;margin:0 auto 48px;text-align:center;}
.section-head h2{font-size:2.1rem;font-weight:700;margin-bottom:14px;letter-spacing:-0.01em;}
.section-head p{color:var(--text-dim);}

/* Suite */
.suite-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;
}
.suite-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:26px;
  border-top:3px solid var(--border);
}
.border-green{border-top-color:var(--green);}
.border-yellow{border-top-color:var(--yellow);}
.border-blue{border-top-color:var(--blue);}
.border-purple{border-top-color:var(--purple);}
.border-orange{border-top-color:var(--orange);}
.suite-icon{
  width:40px;height:40px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;
}
.suite-icon img{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);}
.suite-icon svg{width:20px;height:20px;color:#fff;}
.bg-green{background:rgba(34,224,122,.15);}
.bg-yellow{background:rgba(234,179,8,.15);}
.bg-blue{background:rgba(59,130,246,.15);}
.bg-purple{background:rgba(168,85,247,.15);}
.bg-orange{background:rgba(249,115,22,.15);}
.suite-brand{display:block;font-size:0.72rem;color:var(--text-dimmer);font-weight:700;margin-bottom:6px;}
.suite-card h3{font-size:1.2rem;margin-bottom:10px;}
.suite-card p{color:var(--text-dim);font-size:0.9rem;margin-bottom:18px;}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;}
.tag{
  background:var(--card-alt);
  border:1px solid var(--border);
  border-radius:8px;
  padding:6px 12px;
  font-size:0.72rem;
  color:var(--text-dim);
}

/* Gallery: CMS editor / theme / unified panel showcase */
.gallery{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;
  margin-top:20px;
}
.gallery-shot .mock-body{padding:16px;}

.editor-mock{display:flex;gap:12px;}
.editor-blocks{display:flex;flex-direction:column;gap:6px;flex-shrink:0;width:88px;}
.editor-block{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  background:var(--card-alt);border:1px solid var(--border);border-radius:8px;
  padding:8px 4px;font-size:0.62rem;color:var(--text-dim);font-weight:600;
}
.editor-block svg{width:16px;height:16px;}
.editor-block.active{background:rgba(34,224,122,.15);border-color:rgba(34,224,122,.4);color:var(--green);}
.editor-canvas{
  flex:1;background:var(--card-alt);border:1px dashed var(--border-strong);border-radius:8px;
  padding:14px;display:flex;flex-direction:column;gap:10px;justify-content:center;
}
.canvas-line{height:8px;border-radius:4px;background:var(--border-strong);}
.canvas-line.w60{width:60%;}
.canvas-line.w40{width:40%;}
.canvas-block{height:36px;border-radius:6px;background:rgba(34,224,122,.18);border:1px solid rgba(34,224,122,.35);}
.canvas-row{display:flex;gap:8px;}
.canvas-row span{flex:1;height:20px;border-radius:5px;background:var(--border-strong);}

.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.theme-card{
  background:var(--card-alt);border:1px solid var(--border);border-radius:10px;
  padding:10px;text-align:center;font-size:0.68rem;color:var(--text-dim);font-weight:600;
}
.theme-card.active{border-color:rgba(34,224,122,.5);}
.theme-card small{display:block;margin-top:4px;color:var(--text-dimmer);font-weight:500;}
.theme-card.active small{color:var(--green);font-weight:700;}
.theme-swatch{height:44px;border-radius:6px;margin-bottom:8px;}
.swatch-neon{background:linear-gradient(135deg,#0a0f0c,#16a34a);}
.swatch-light{background:linear-gradient(135deg,#eef1f5,#93c5fd);}
.swatch-crimson{background:linear-gradient(135deg,#1a0a0d,#ef4444);}
.swatch-ocean{background:linear-gradient(135deg,#082032,#22d3ee);}
.theme-card.add-new{
  grid-column:1/-1;
  display:flex;align-items:center;justify-content:center;gap:8px;
  border-style:dashed;border-color:var(--border-strong);
  padding:12px;color:var(--text-dim);
}
.theme-card.add-new small{display:inline;margin:0;color:var(--green);font-weight:700;}

.unified-mock{display:flex;gap:12px;}
.unified-nav{display:flex;flex-direction:column;gap:4px;flex-shrink:0;width:84px;}
.unified-nav span{
  display:flex;align-items:center;gap:6px;
  padding:8px 6px;border-radius:7px;font-size:0.64rem;font-weight:600;color:var(--text-dim);
}
.unified-nav span img{width:13px;height:13px;object-fit:contain;filter:brightness(0) invert(1);opacity:.7;}
.unified-nav span.active{background:rgba(34,224,122,.15);color:var(--green);}
.unified-nav span.active img{opacity:1;filter:brightness(0) saturate(100%) invert(64%) sepia(66%) saturate(451%) hue-rotate(93deg) brightness(97%) contrast(92%);}
.unified-content{flex:1;min-width:0;}
.unified-content .mock-cards-row{grid-template-columns:1fr 1fr;}
.unified-panel-head{font-size:0.72rem;font-weight:700;color:var(--text-dimmer);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 4px;}
.unified-panel-head:first-child{margin-top:0;}
.unified-content .mock-row{padding:7px 0;}

/* Real screenshot gallery + lightbox */
.gallery-wall{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.gallery-item{
  display:block;width:100%;padding:0;margin:0;
  font:inherit;color:inherit;text-align:left;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;position:relative;cursor:zoom-in;
  aspect-ratio:16/9.2;
  transition:border-color .2s;
}
.gallery-item:hover{border-color:var(--border-strong);}
.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .35s ease;}
.gallery-item:hover img{transform:scale(1.045);}
.gallery-caption{
  position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(180deg,transparent,rgba(4,5,7,.92) 65%);
  padding:20px 16px 14px;
}
.gallery-caption b{display:block;font-size:0.92rem;color:#fff;margin-bottom:3px;}
.gallery-caption small{color:rgba(255,255,255,.7);font-size:0.72rem;line-height:1.4;}

.lightbox{
  position:fixed;inset:0;background:rgba(4,5,7,.94);
  display:none;align-items:center;justify-content:center;
  z-index:200;padding:60px 80px;
}
.lightbox.open{display:flex;}
.lightbox-figure{max-width:min(1200px,100%);max-height:100%;display:flex;flex-direction:column;gap:14px;align-items:center;}
.lightbox-figure img{
  max-width:100%;max-height:74vh;width:auto;height:auto;
  object-fit:contain;border-radius:12px;border:1px solid var(--border-strong);
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7);
}
.lightbox-figure figcaption{text-align:center;color:var(--text-dim);font-size:0.88rem;}
.lightbox-figure figcaption b{display:block;color:var(--text);font-size:1.05rem;margin-bottom:4px;}
.lightbox-close{
  position:absolute;top:20px;right:24px;
  background:rgba(255,255,255,.06);border:1px solid var(--border-strong);color:#fff;
  width:40px;height:40px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;
}
.lightbox-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,.06);border:1px solid var(--border-strong);color:#fff;
  width:46px;height:46px;border-radius:50%;font-size:1.7rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.lightbox-nav.prev{left:20px;}
.lightbox-nav.next{right:20px;}

/* Tabs */
.manage-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px 36px;}
.manage-column{display:flex;flex-direction:column;gap:16px;}
.tabs-group{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.tab-btn{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:16px 8px;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  color:var(--text-dim);
  transition:all .15s;
}
.tab-btn img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1);}
.tab-btn.active img{filter:brightness(0);}
.tab-btn svg{width:22px;height:22px;color:#fff;}
.tab-btn.active svg{color:#05130a;}
.tab-btn small{font-size:0.68rem;font-weight:600;}
.tab-btn.active{
  background:linear-gradient(135deg,var(--green),var(--green-dark));
  color:#05130a;
  border-color:transparent;
}
.panel-content{display:none;}
.panel-content.active{display:block;}
.desc-content{display:none;}
.desc-content.active{display:block;}
.desc-slot h4{margin-bottom:8px;font-size:1.05rem;}
.desc-slot p{color:var(--text-dim);font-size:0.9rem;}

.table-head,.table-row{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
  align-items:center;gap:8px;
  padding:10px 0;
  font-size:0.8rem;
}
.table-head{color:var(--text-dimmer);font-size:0.7rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);}
.table-row{border-bottom:1px solid var(--border);}
.table-row > span:not(.player):not(.badge),
.table-head > span{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.player{overflow:hidden;}
.player{white-space:nowrap;}
.table-head.partner,.table-row.partner{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;}
.player{display:flex;align-items:center;gap:8px;font-weight:600;}
.avatar-dot{width:22px;height:22px;border-radius:50%;display:inline-block;flex-shrink:0;}
.avatar-dot.blue{background:var(--blue);}
.avatar-dot.purple{background:var(--purple);}
.avatar-dot.green{background:var(--green);}
.avatar-dot.cyan{background:#06b6d4;}
.avatar-dot.pink{background:var(--pink);}
.badge{
  display:inline-block;padding:3px 10px;border-radius:999px;
  font-size:0.68rem;font-weight:700;
  background:var(--card-alt);color:var(--text-dim);
  width:fit-content;
}
.badge.green{background:rgba(34,224,122,.15);color:var(--green);}
.badge.blue{background:rgba(59,130,246,.15);color:var(--blue);}
.badge.yellow{background:rgba(234,179,8,.15);color:var(--yellow);}
.badge.purple{background:rgba(168,85,247,.15);color:var(--purple);}
.badge.orange{background:rgba(249,115,22,.15);color:var(--orange);}
.up{color:var(--green);font-weight:700;}
.down{color:var(--red);font-weight:700;}
.table-foot{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;
  padding-top:12px;font-size:0.72rem;color:var(--text-dimmer);
}
.table-foot a{color:var(--green);font-weight:600;}
.tier-dot{width:8px;height:8px;border-radius:50%;background:#c0c0c0;display:inline-block;margin:0 4px 0 10px;}
.tier-dot.orange{background:var(--orange);}
.tier-dot.yellow{background:var(--yellow);}

.chart-box{background:var(--card-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;}
.chart-caption{font-size:0.78rem;color:var(--text-dim);margin-bottom:14px;display:flex;justify-content:space-between;}
.bars{display:flex;align-items:flex-end;gap:8px;height:100px;}
.bar{flex:1;background:linear-gradient(180deg,var(--green),rgba(34,224,122,.15));border-radius:4px 4px 0 0;height:var(--h);}
.chart-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:0.65rem;color:var(--text-dimmer);}

/* Partner / Feature list */
.partner-grid,.cta-grid{
  display:grid;grid-template-columns:0.85fr 1.15fr;gap:36px;align-items:start;
}
.feature-list{display:flex;flex-direction:column;gap:16px;}
.feature-item{
  display:flex;gap:14px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:18px;
}
.feature-list.plain .feature-item{background:var(--card);}
.feature-icon{
  width:36px;height:36px;flex-shrink:0;border-radius:9px;
  background:rgba(34,224,122,.15);
  display:flex;align-items:center;justify-content:center;
  color:var(--green);
}
.feature-icon img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);}
.feature-icon svg{width:18px;height:18px;}
.feature-item h4{font-size:0.98rem;margin-bottom:6px;}
.feature-item p{color:var(--text-dim);font-size:0.85rem;}

/* Contact card */
.chat-bubble{
  background:var(--card-alt);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:12px 14px;
  font-size:0.85rem;color:var(--text-dim);margin-bottom:14px;
}
.contact-option{
  display:flex;align-items:center;gap:12px;
  background:var(--card-alt);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:10px;
  transition:border-color .15s;
}
.contact-option:hover{border-color:var(--green);}
.opt-icon{width:20px;height:20px;flex-shrink:0;color:var(--text-dim);}
.opt-icon svg{width:20px;height:20px;}
.contact-option div{flex:1;}
.contact-option b{display:block;font-size:0.88rem;}
.contact-option em{color:var(--green);font-style:normal;font-size:0.7rem;font-weight:700;margin-left:6px;}
.contact-option small{color:var(--text-dimmer);font-size:0.72rem;}
.instant{
  background:rgba(34,224,122,.15);color:var(--green);
  font-size:0.65rem;font-weight:700;padding:4px 8px;border-radius:6px;
}
.cta-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
.cta-actions .btn{flex:1;min-width:140px;}
.fine-print{display:block;text-align:center;color:var(--text-dimmer);margin-top:12px;font-size:0.72rem;}

.badges-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px;
}
.badge-item{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:16px;text-align:center;font-size:0.82rem;font-weight:600;color:var(--text-dim);
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.badge-item svg{width:16px;height:16px;flex-shrink:0;}
.badge-item .inline-icon{margin-right:0;}

/* ---------- Footer ---------- */
.site-footer{padding:64px 0 0;border-top:1px solid var(--border);}
.footer-grid{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px;
  padding-bottom:48px;
}
.footer-brand p{color:var(--text-dimmer);font-size:0.85rem;margin-top:14px;max-width:280px;}
.footer-col h5{font-size:0.8rem;color:var(--text-dimmer);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;}
.footer-col a{display:block;color:var(--text-dim);font-size:0.88rem;margin-bottom:12px;}
.footer-col a:hover{color:var(--green);}
.social-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;}
.social-row a{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:var(--card);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:0;transition:color .15s,border-color .15s;
  color:var(--text-dim);font-size:0.8rem;font-weight:700;
}
.social-row a:hover{color:var(--green);border-color:var(--green);}
.social-row a svg{width:16px;height:16px;}
.footer-bottom{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
  padding:24px 0;border-top:1px solid var(--border);
  font-size:0.78rem;color:var(--text-dimmer);
}

/* ================= RESPONSIVE ================= */
@media (max-width:960px){
  .hero-grid,.partner-grid,.cta-grid,.manage-columns,.suite-grid{
    grid-template-columns:1fr;
  }
  .gallery{grid-template-columns:1fr 1fr;}
  .gallery-wall{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-brand{grid-column:1/-1;}
  .badges-row{grid-template-columns:1fr 1fr;}
}

@media (max-width:720px){
  html{font-size:15px;}
  .gallery{grid-template-columns:1fr;}
  .gallery-wall{grid-template-columns:1fr;}
  .lightbox{padding:70px 20px 30px;}
  .lightbox-nav{width:38px;height:38px;font-size:1.3rem;}
  .lightbox-nav.prev{left:6px;}
  .lightbox-nav.next{right:6px;}
  .lightbox-close{top:14px;right:14px;}
  .main-nav{
    position:fixed;top:76px;left:0;right:0;
    background:var(--bg-alt);
    border-bottom:1px solid var(--border);
    flex-direction:column;
    padding:20px 24px;
    gap:18px;
    transform:translateY(-150%);
    transition:transform .25s ease;
    z-index:99;
  }
  .main-nav.open{transform:translateY(0);}
  .nav-toggle{display:flex;}
  .header-actions .btn-sm{display:none;}

  .hero{padding:40px 0 56px;}
  .hero-copy h1{font-size:2rem;}
  .hero-copy-hex{display:none;}
  .stat{padding:14px;}
  .stat:nth-child(odd){padding-left:0;}
  .stat:nth-child(even){padding-right:0;}
  .hero-btns .btn{flex:1;}
  .hero-visual{margin-top:36px;}
  .hero-mock{transform:none;}
  .float-badge{font-size:0.7rem;padding:8px 12px;}
  .float-badge-top{top:-14px;right:16px;}
  .float-badge-bottom{bottom:-14px;left:16px;}

  .mock-cards-row{grid-template-columns:1fr 1fr;}
  .mock-quick-actions{grid-template-columns:1fr 1fr;}

  .tabs-group{grid-template-columns:1fr 1fr 1fr;}
  .tab-btn{padding:10px 4px;font-size:0.9rem;}
  .tab-btn small{font-size:0.6rem;}

  .manage-columns{gap:44px;}
  .panel-slot{display:block;}

  .table-head,.table-row{grid-template-columns:1.4fr 0.8fr 0.8fr;font-size:0.72rem;}
  .table-head span:nth-child(4),.table-row span:nth-child(4){display:none;}
  .table-head.partner,.table-row.partner{grid-template-columns:1.4fr 0.8fr 0.8fr;}
  .table-head.partner span:nth-child(4),.table-row.partner span:nth-child(4),
  .table-head.partner span:nth-child(5),.table-row.partner span:nth-child(5){display:none;}

  .section{padding:56px 0;}
  .section-head h2{font-size:1.6rem;}

  .badges-row{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .footer-bottom{flex-direction:column;text-align:center;}
}

@media (max-width:420px){
  .hero-stats{grid-template-columns:1fr 1fr;}
  .mock-cards-row{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .badges-row{grid-template-columns:1fr;}
}