/* base: reset, cabeçalho, rodapé, utilitários, temas (um por identidade) */
body.t-home { --bg: #0b0b0c; --alt: #131315; --panel: #1a1a1d; --text: #c9c3b6; --head: #f1e4c3; --accent: #c9a86a; --accent2: #e6c98a; --on: #0b0b0c; --line: rgba(201,168,106,.25); --f-head: 'Cormorant Garamond', Georgia, serif; --f-body: 'Jost', system-ui, sans-serif; }
body.t-egp { --bg: #fff; --alt: #f1f6fb; --panel: #fff; --text: #4a5560; --head: #10233a; --accent: #1e73be; --accent2: #f5a623; --on: #fff; --line: rgba(16,35,58,.14); --f-head: 'Montserrat', system-ui, sans-serif; --f-body: 'Inter', system-ui, sans-serif; }
body.t-ca { --bg: #14100b; --alt: #1b140c; --panel: #221b12; --text: #b9ab8e; --head: #f2ead9; --accent: #c9903f; --accent2: #eab766; --on: #14100b; --line: rgba(201,144,63,.28); --f-head: 'Fraunces', Georgia, serif; --f-body: 'Manrope', system-ui, sans-serif; }
body.t-dw { --bg: #0b0b0c; --alt: #141416; --panel: #1a1a1d; --text: #c9c3b6; --head: #e6c98a; --accent: #c9a86a; --accent2: #e6c98a; --on: #0b0b0c; --line: rgba(201,168,106,.25); --f-head: 'Cormorant Garamond', Georgia, serif; --f-body: 'Jost', system-ui, sans-serif; }
body.t-lu { --bg: #080b18; --alt: #0d1226; --panel: #101730; --text: #98a0c2; --head: #eef0fa; --accent: #ffb84d; --accent2: #ffd58f; --on: #1a1204; --line: rgba(255,184,77,.25); --f-head: 'Outfit', system-ui, sans-serif; --f-body: 'Outfit', system-ui, sans-serif; }
body.lang-ar { --f-body: 'Cairo', system-ui, sans-serif; --f-head: 'Amiri', 'Cairo', serif; }
body.lang-ar.t-egp { --f-head: 'Cairo', system-ui, sans-serif; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--f-body); line-height: 1.7; -webkit-font-smoothing: antialiased; }
h1, h2, h3 { font-family: var(--f-head); color: var(--head); line-height: 1.12; margin: 0 0 .5em; font-weight: 500; }
h1 { font-size: clamp(2.6rem, 6vw, 4.8rem); } h2 { font-size: clamp(1.8rem, 3.4vw, 2.7rem); } h3 { font-size: 1.25rem; }
p { margin: 0 0 1.1em; }
a { color: var(--accent); text-decoration: none; }
img { max-width: 100%; display: block; }
figure { margin: 0; } ul, ol { margin: 0; padding: 0; list-style: none; }
.container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.center { text-align: center; } .narrow { max-width: 640px; } .center-p { margin-inline: auto; }
.lead { font-size: 1.12rem; }
.sec-head { max-width: 720px; margin-bottom: 2.4rem; }
.skip { position: absolute; inset-inline-start: -999px; top: 0; background: var(--accent); color: var(--on); padding: 8px 14px; z-index: 300; } .skip:focus { inset-inline-start: 8px; }
.eyebrow { display: block; text-transform: uppercase; letter-spacing: .26em; font-size: .72rem; font-weight: 600; color: var(--accent); margin-bottom: 1.1em; }
body.lang-ar .eyebrow { letter-spacing: .03em; font-size: .85rem; text-transform: none; }

.btn { display: inline-flex; align-items: center; gap: .5em; padding: 14px 30px; border: 1px solid var(--accent); color: var(--head); background: transparent; text-transform: uppercase; letter-spacing: .12em; font-size: .76rem; font-weight: 600; cursor: pointer; transition: background .25s, color .25s; }
body.lang-ar .btn { letter-spacing: 0; text-transform: none; font-size: .95rem; }
.btn:hover { background: var(--accent); color: var(--on); }
.btn-solid { background: var(--accent); color: var(--on); } .btn-solid:hover { background: var(--accent2); border-color: var(--accent2); }
.btn-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 1.6em; } .btn i { font-style: normal; }
[dir=rtl] .btn i { display: inline-block; transform: scaleX(-1); }

/* cabeçalho */
.site-header { position: sticky; top: 0; z-index: 100; background: var(--bg); border-bottom: 1px solid var(--line); }
body.t-home .site-header { background: rgba(11,11,12,.92); backdrop-filter: blur(8px); }
body.t-home .brand-name { letter-spacing: .14em; text-transform: uppercase; } body.lang-ar.t-home .brand-name { letter-spacing: 0; text-transform: none; }
body.t-home h1, body.t-home h2 { font-weight: 500; }
body.t-home .btn-solid { background: var(--accent); }
.hbar { display: flex; align-items: center; gap: 22px; height: 76px; }
.brand { display: flex; align-items: center; gap: 12px; color: var(--head); flex: none; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--accent); color: var(--accent); font-family: var(--f-head); font-size: .95rem; border-radius: 50%; }
.brand-name { font-family: var(--f-head); font-size: 1.15rem; white-space: nowrap; }
.nav { margin-inline-start: auto; } .nav ul { display: flex; gap: 22px; }
.nav a { color: var(--head); font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 500; padding: 6px 0; border-bottom: 1px solid transparent; white-space: nowrap; }
body.lang-ar .nav a { text-transform: none; letter-spacing: 0; font-size: .95rem; }
.nav a:hover, .nav a[aria-current] { color: var(--accent); border-color: var(--accent); }
.lang { display: flex; gap: 2px; flex: none; }
.lang a { color: var(--head); font-size: .72rem; font-weight: 600; padding: 5px 8px; border: 1px solid transparent; opacity: .65; } .lang a:hover { opacity: 1; }
.lang a[aria-current] { opacity: 1; border-color: var(--line); color: var(--accent); }
.burger { display: none; background: none; border: 0; width: 42px; height: 42px; padding: 10px; cursor: pointer; flex: none; }
.burger span { display: block; height: 2px; background: var(--head); margin: 6px 0; transition: transform .25s, opacity .25s; }
.burger[aria-expanded=true] span:nth-child(1) { transform: translateY(8px) rotate(45deg); } .burger[aria-expanded=true] span:nth-child(2) { opacity: 0; } .burger[aria-expanded=true] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
@media (max-width: 1060px) {
  .burger { display: block; } .lang { margin-inline-start: auto; }
  .nav { position: absolute; top: 76px; inset-inline: 0; background: var(--bg); border-bottom: 1px solid var(--line); display: none; margin: 0; }
  .nav.open { display: block; } .nav ul { flex-direction: column; gap: 0; padding: 8px 24px 18px; }
  .nav a { display: block; padding: 14px 0; border-bottom: 1px solid var(--line); }
}
@media (max-width: 520px) { .brand-name { display: none; } .hbar { gap: 12px; } }

/* rodapé */
.site-footer { background: var(--alt); border-top: 1px solid var(--line); padding: 56px 0 28px; }
.fgrid { display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.ftag { margin: 14px 0 0; max-width: 340px; font-size: .95rem; }
.flinks { display: flex; flex-direction: column; gap: 8px; } .flinks a { color: var(--head); font-size: .92rem; } .flinks a:hover { color: var(--accent); }
.fcopy { margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--line); font-size: .8rem; opacity: .75; }

/* faixa "próxima empresa" */
.nextband { display: block; padding: clamp(48px, 7vw, 90px) 0; color: #fff; border-top: 1px solid rgba(255,255,255,.08); }
.nb-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.nb-lab { display: block; font-size: .72rem; letter-spacing: .24em; text-transform: uppercase; opacity: .7; margin-bottom: .6em; }
body.lang-ar .nb-lab { letter-spacing: 0; text-transform: none; font-size: .9rem; }
.nb-name { display: block; font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1.05; }
.nextband i { font-style: normal; font-size: 2.6rem; transition: transform .35s; } .nextband:hover i { transform: translateX(12px); }
[dir=rtl] .nextband i { transform: scaleX(-1); } [dir=rtl] .nextband:hover i { transform: scaleX(-1) translateX(12px); }
.nb-egp { background: #1e73be; font-family: 'Montserrat', sans-serif; } .nb-egp .nb-name { font-weight: 800; letter-spacing: -.03em; } .nb-egp i { color: #f5a623; }
.nb-ca { background: #14100b; font-family: 'Fraunces', serif; } .nb-ca i { color: #eab766; }
.nb-dw { background: #0b0b0c; font-family: 'Cormorant Garamond', serif; } .nb-dw .nb-name { text-transform: uppercase; letter-spacing: .12em; font-weight: 500; } .nb-dw i { color: #c9a86a; }
.nb-lu { background: radial-gradient(60% 120% at 80% 50%, rgba(255,184,77,.28), transparent 70%), #080b18; font-family: 'Outfit', sans-serif; } .nb-lu .nb-name { font-weight: 300; letter-spacing: .2em; text-transform: uppercase; } .nb-lu i { color: #ffb84d; }
body.lang-ar .nextband { font-family: 'Amiri', serif; } body.lang-ar .nb-name { letter-spacing: 0 !important; text-transform: none !important; }

.reveal { opacity: 0; transform: translateY(16px); transition: opacity .7s, transform .7s; } .reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; transition: none; } html { scroll-behavior: auto; } }

/* cabeçalho de luxo: assinatura + legenda (como o Darwich Studio) */
.brand-name small { display: none; }
body.t-home .brand-mark { display: none; }
body.t-home .brand-name { font-size: 1.45rem; letter-spacing: .12em; line-height: 1.15; }
body.t-home .brand-name small { display: block; font-family: var(--f-body); font-size: .54rem; letter-spacing: .32em; color: #9a968d; text-transform: uppercase; margin-top: 3px; }
body.lang-ar.t-home .brand-name { letter-spacing: 0; } body.lang-ar.t-home .brand-name small { letter-spacing: .05em; font-size: .7rem; text-transform: none; }
body.t-home .hbar { height: 88px; } body.t-home .nav { margin-inline-start: auto; } body.t-home .nav ul { gap: 2rem; }
body.t-home .nav a { font-weight: 300; letter-spacing: .12em; color: #f3ede2; }
body.t-home .nav a:hover, body.t-home .nav a[aria-current] { color: #e6c98a; border-color: transparent; }
@media (max-width: 1060px) { body.t-home .nav { top: 88px; } }
@media (max-width: 520px) { body.t-home .brand-name { display: block; font-size: 1.1rem; } body.t-home .brand-name small { display: none; } }