/* ==========================================================================
   OXIN RTL v3 — footer. Always the dark "data centre" palette, in both themes.
   ========================================================================== */
.oxf{--f-bg:#070C16;--f-ink:#E2E8F0;--f-ink-2:#94A3B8;--f-ink-3:#64748B;--f-line:rgba(148,163,184,.14);--f-card:rgba(255,255,255,.04);
  position:relative;z-index:1;isolation:isolate;overflow:hidden;clear:both;margin-block-start:72px;padding-block:56px 24px;background:var(--f-bg);color:var(--f-ink)}
.oxf a{color:inherit;text-decoration:none}
.oxf-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
.oxf-glow{position:absolute;inset-block-start:-30%;inset-inline:15%;block-size:70%;border-radius:50%;background:radial-gradient(closest-side,rgba(20,99,216,.32),transparent);filter:blur(10px)}
.oxf-grid{position:absolute;inset:0;opacity:.55;
  background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/100% 40px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/40px 100%;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 75%);mask-image:linear-gradient(180deg,#000 0%,transparent 75%)}

/* floating call to action */
.oxf-cta{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;margin:0;padding:28px 32px;border-radius:22px;
  background:linear-gradient(120deg,#1463D8 0%,#1B4FB8 45%,#0E9384 120%);box-shadow:0 30px 70px -30px rgba(20,99,216,.75),inset 0 1px 0 rgba(255,255,255,.18);overflow:hidden}
.oxf-cta::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(255,255,255,.05) 22px 23px)}
.oxf-cta>*{position:relative;z-index:1}
.oxf-cta-rack{display:grid;gap:5px;inline-size:92px;padding:8px;border-radius:10px;background:rgba(7,12,22,.35);border:1px solid rgba(255,255,255,.18)}
.oxf-cta-rack i{position:relative;display:block;block-size:11px;border-radius:3px;background:rgba(255,255,255,.12)}
.oxf-cta-rack i::before,.oxf-cta-rack i::after{content:"";position:absolute;inset-block-start:3px;inline-size:5px;block-size:5px;border-radius:50%}
.oxf-cta-rack i::before{inset-inline-start:6px;background:#34D399;box-shadow:0 0 6px #34D399}
.oxf-cta-rack i::after{inset-inline-start:15px;background:#93C5FD;animation:oxf-blink 1.4s steps(2) infinite}
.oxf-cta-rack i:nth-child(2)::after{animation-delay:.3s}.oxf-cta-rack i:nth-child(3)::after{animation-delay:.6s}.oxf-cta-rack i:nth-child(4)::after{animation-delay:.9s}.oxf-cta-rack i:nth-child(5)::after{animation-delay:1.2s}
@keyframes oxf-blink{50%{opacity:.2}}
.oxf-cta-plate{display:inline-flex;align-items:center;gap:8px;block-size:28px;padding-inline:12px;border-radius:999px;background:rgba(255,255,255,.14);font-size:var(--fs-100);font-weight:700;color:#fff}
.ox-body .oxf-cta h2{margin:10px 0 4px;font-size:var(--fs-700);font-weight:800;color:#fff;line-height:1.35}
.oxf-cta p{margin:0;color:rgba(255,255,255,.82);font-size:var(--fs-300)}
.oxf-cta-act{display:flex;flex-wrap:wrap;gap:10px}
.oxf-btn{display:inline-flex;align-items:center;gap:9px;block-size:48px;padding-inline:20px;border-radius:13px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);
  color:#fff!important;font-size:var(--fs-300);font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}
.oxf-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
.oxf-btn.is-primary{background:#fff;border-color:#fff;color:#0E1726!important;box-shadow:0 12px 26px -12px rgba(0,0,0,.5)}
.oxf-btn.is-primary i{color:var(--blue)}

/* facts strip */
.oxf-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:40px 0 0;padding:0;list-style:none;border-radius:18px;overflow:hidden;background:var(--f-line);border:1px solid var(--f-line)}
.oxf-facts li{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--f-bg)}
.oxf-facts i{display:grid;place-items:center;flex:none;inline-size:44px;block-size:44px;border-radius:12px;background:rgba(20,99,216,.14);color:#7DD3FC;font-size:var(--fs-500)}
.oxf-facts li:nth-child(2) i{background:rgba(14,147,132,.16);color:#5EEAD4}
.oxf-facts li:nth-child(3) i{background:rgba(242,163,58,.14);color:#FCD34D}
.oxf-facts li:nth-child(4) i{background:rgba(124,58,237,.16);color:#C4B5FD}
.oxf-facts span{display:flex;flex-direction:column;line-height:1.55}
.oxf-facts b{font-size:var(--fs-300);font-weight:800;color:#fff}
.oxf-facts small{font-size:var(--fs-100);color:var(--f-ink-2)}

/* main */
.oxf-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,2.4fr) minmax(0,.8fr);gap:40px;padding-block:48px 36px}
.oxf-logo{--logo-a:#2DD4D8;--logo-b:#C7D7F5;display:inline-flex;color:#fff}
.oxf-logo .ox-wordmark b,.oxf-logo b{color:#fff!important}
.oxf-logo small{color:var(--f-ink-2)!important}
.oxf-brand>p{margin:14px 0 20px;max-inline-size:40ch;color:var(--f-ink-2);font-size:var(--fs-300);line-height:1.9}
.oxf-offices{display:grid;gap:10px}
.oxf-office{display:flex;gap:12px;padding:14px;border-radius:14px;background:var(--f-card);border:1px solid var(--f-line);transition:border-color .2s,background .2s}
.oxf-office:hover{border-color:rgba(125,211,252,.35);background:rgba(255,255,255,.06)}
.oxf-office-ic{display:grid;place-items:center;flex:none;inline-size:38px;block-size:38px;border-radius:10px;background:rgba(255,255,255,.07);color:#7DD3FC}
.oxf-office>div{display:flex;flex-direction:column;gap:3px;min-inline-size:0;line-height:1.7}
.oxf-office b{font-size:var(--fs-300);color:#fff}
.oxf-office small{font-size:var(--fs-100);color:var(--f-ink-2)}
.oxf-tel{display:inline-flex;align-items:center;gap:7px;margin-block-start:2px;font-size:var(--fs-200);font-weight:700;color:#E2E8F0}
.oxf-tel i{color:#34D399;font-size:var(--fs-100)}
.oxf-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.oxf h4{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:var(--fs-300);font-weight:800;color:#fff}
.oxf h4 i{display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:8px;background:rgba(255,255,255,.07);color:#7DD3FC;font-size:var(--fs-100)}
.oxf-cols ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.oxf-cols a{position:relative;display:inline-flex;align-items:center;gap:8px;padding-block:5px;font-size:var(--fs-300);color:var(--f-ink-2)!important;transition:color .15s,padding .2s}
.oxf-cols a::before{content:"";inline-size:0;block-size:2px;border-radius:2px;background:#7DD3FC;transition:inline-size .2s}
.oxf-cols a:hover{color:#fff!important}
.oxf-cols a:hover::before{inline-size:10px}
.oxf-trust{display:flex;flex-direction:column;gap:12px}
.oxf-badge{display:grid;place-items:center;inline-size:132px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 12px 30px -16px rgba(0,0,0,.6)}
.oxf-badge img{display:block;max-inline-size:100%;block-size:auto}
.oxf-status{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.25)}
.oxf-status span:last-child{display:flex;flex-direction:column;line-height:1.5}
.oxf-status b{font-size:var(--fs-200);color:#A7F3D0}
.oxf-status small{font-size:var(--fs-100);color:var(--f-ink-2)}

/* bottom */
.oxf-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-block-start:20px;border-block-start:1px solid var(--f-line);font-size:var(--fs-200);color:var(--f-ink-3)}
.oxf-social{display:flex;gap:6px}
.oxf-social a,.oxf-social .btn{display:grid!important;place-items:center;inline-size:36px;block-size:36px;padding:0!important;border-radius:10px!important;border:1px solid var(--f-line)!important;
  background:var(--f-card)!important;color:var(--f-ink-2)!important;transition:color .15s,background .15s}
.oxf-social a:hover{color:#fff!important;background:rgba(20,99,216,.35)!important}
.oxf-social ul{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.oxf-chip{display:inline-flex;align-items:center;gap:7px;block-size:36px;padding-inline:12px;border-radius:10px;border:1px solid var(--f-line);background:var(--f-card);color:var(--f-ink-2);
  font:600 var(--fs-200) var(--font);cursor:pointer;transition:color .15s,background .15s}
.oxf-chip:hover{color:#fff;background:rgba(255,255,255,.08)}
.oxf-chip.is-top{inline-size:36px;justify-content:center;padding:0}
.oxf-ghost{position:absolute;inset-block-end:-0.18em;inset-inline:0;z-index:-1;text-align:center;font:900 clamp(120px,22vw,300px)/1 var(--font);letter-spacing:.08em;
  color:transparent;-webkit-text-stroke:1px rgba(148,163,184,.08);pointer-events:none;user-select:none;direction:ltr}

@media (max-width:1199px){.oxf-main{grid-template-columns:1fr 1fr}.oxf-cols{grid-column:1/-1;order:-1}.oxf-facts{grid-template-columns:1fr 1fr}}
@media (max-width:767px){
  .oxf{margin-block-start:48px;padding-block-start:32px}
  .oxf-cta{grid-template-columns:1fr;padding:22px;text-align:start}
  .oxf-cta-rack{display:none}
  .oxf-cta-act .oxf-btn{flex:1;justify-content:center}
  .oxf-facts{grid-template-columns:1fr}
  .oxf-main{grid-template-columns:1fr;gap:28px}
  .oxf-cols{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.oxf-cta-rack i::after{animation:none}}

/* about box: full width, between the link grid and the bottom bar */
.oxf-mid{display:flex;flex-direction:column;gap:28px;min-inline-size:0}
.oxf-about{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:32px;margin-block-end:28px;padding:28px 36px;border-radius:20px;overflow:hidden;
  background:linear-gradient(120deg,rgba(20,99,216,.16) 0%,rgba(255,255,255,.03) 45%,rgba(14,147,132,.12) 100%);border:1px solid rgba(125,211,252,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.oxf-about::before{content:"";position:absolute;inset-block:22px;inset-inline-start:0;inline-size:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#2DD4D8,#1463D8)}
.oxf-about-h{display:flex;align-items:center;gap:14px;padding-inline-end:28px;border-inline-end:1px solid rgba(148,163,184,.18);block-size:100%}
.oxf-about-ic{display:grid;place-items:center;flex:none;inline-size:52px;block-size:52px;border-radius:14px;background:linear-gradient(160deg,#1E3A64,#13284A);border:1px solid rgba(255,255,255,.12);color:#7DD3FC;font-size:22px}
.oxf-about-h div{display:flex;flex-direction:column;gap:2px;line-height:1.5}
.oxf-about-h b{font-size:var(--fs-500);font-weight:800;color:#fff}
.oxf-about-h small{font:700 11px/1.4 var(--mono);letter-spacing:.1em;white-space:nowrap;color:#64748B;direction:ltr;text-align:end}
.oxf-about p{position:relative;z-index:1;margin:0;font-size:var(--fs-400);line-height:2.15;color:#CBD5E1;text-align:justify}
.oxf-about-q{position:absolute;inset-block-end:-60px;inset-inline-end:18px;font:900 180px/1 Georgia,serif;color:rgba(125,211,252,.07);pointer-events:none}
@media (max-width:1199px){.oxf-mid{grid-column:1/-1;order:-1}}
@media (max-width:900px){.oxf-about{grid-template-columns:1fr;gap:16px;padding:22px}.oxf-about-h{border:0;padding:0}}