:root{
  --ti-bg:#050816;
  --ti-surface:#0B1120;
  --ti-card:#111827;
  --ti-border:#1F2933;
  --ti-text:#E5E7EB;
  --ti-muted:#9CA3AF;
  --ti-cyan:#00F6FF;
  --ti-mag:#FF4B8B;
  --ti-ai:#00D26A;
  --ti-radius:18px;
  --ti-max:1280px;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:var(--ti-bg);
  color:var(--ti-text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
a{color:var(--ti-cyan); text-decoration:none}
a:hover{opacity:.9}

.ti-container{max-width:var(--ti-max); margin:0 auto; padding:0 18px}
.ti-section{padding:38px 0}
.ti-card{
  background:var(--ti-card);
  border:1px solid var(--ti-border);
  border-radius:var(--ti-radius);
  transition:.2s ease;
}
.ti-card:hover{transform:translateY(-3px); border-color:var(--ti-cyan)}
.ti-card-pad{padding:18px}

.ti-h1,.ti-h2,.ti-h3{
  font-family:"Space Grotesk",system-ui,sans-serif;
  letter-spacing:-.02em;
  margin:0 0 10px;
}
.ti-h1{font-size:44px}
.ti-h2{font-size:28px}
.ti-h3{font-size:18px}
.ti-muted{color:var(--ti-muted)}
.ti-small{font-size:13px}

.ti-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:12px 18px; border-radius:999px; font-weight:600;
}
.ti-btn-primary{
  background:linear-gradient(135deg,var(--ti-cyan),var(--ti-mag),var(--ti-ai));
  color:#050816 !important;
}
.ti-btn-ghost{
  border:1px solid var(--ti-border); color:var(--ti-text);
  background:transparent;
}
.ti-pill{
  display:inline-flex; align-items:center; gap:8px;
  border-radius:999px; padding:4px 10px;
  font-size:11px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase;
}
.ti-pill-ai{background:var(--ti-ai); color:#050816}
.ti-pill-hot{background:var(--ti-mag); color:#050816}

.ti-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:18px;
}
.ti-col-6{grid-column:span 6}
.ti-col-4{grid-column:span 4}
.ti-col-12{grid-column:span 12}
@media(max-width:980px){
  .ti-col-6,.ti-col-4{grid-column:span 12}
  .ti-h1{font-size:34px}
}
.ti-hero-logo { 
  margin: 0 0 16px; 
}

.ti-hero-logo-img {
  max-height: 96px;   /* desktop size */
  width: auto;
  display: inline-block;
}

@media (max-width: 768px) {
  .ti-hero-logo-img {
    max-height: 64px; /* mobile size */
  }
}
/* Header brand (RTL, logo before AI badge) */
.ti-brand-rtl {
  display: flex;
  justify-content: flex-end;
}

/* Header brand – RTL natural order: logo then AI text */
.ti-brand-wrap {
  display: flex;
  flex-direction: row;   /* 👈 IMPORTANT */
  align-items: center;
  gap: 10px;
  text-decoration: none;
  direction: rtl;        /* ensures Persian flow */
}


.ti-header-logo {
  max-height: 76px;
  width: auto;
  display: block;
}

@media (max-width: 768px) {
  .ti-header-logo {
    max-height: 64px;
  }
}