/* FairRobotics additions to the FairConsult 24|7 site. Scoped under .frx */
.frx {
  --frx-bg: #0E2131;
  --frx-bg-2: #13293b;
  --frx-panel: #1F3547;
  --frx-line: rgba(240, 231, 222, 0.14);
  --frx-text: #F0E7DE;
  --frx-muted: #9DA9B2;
  --frx-green: #8FAA9C;      /* FairRobotics slate green, lightened for dark bg */
  --frx-green-deep: #55665F; /* FairRobotics slate green */
  --frx-orange: #FA972A;     /* FairConsult accent */
  font-family: "Ubuntu", system-ui, sans-serif;
  color: var(--frx-text);
  background: var(--frx-bg);
  line-height: 1.6;
}
.frx *, .frx *::before, .frx *::after { box-sizing: border-box; }
.frx a { color: inherit; }
.frx-wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.frx-section { padding: 96px 0; border-top: 1px solid var(--frx-line); }
.frx-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 13px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--frx-green) !important; margin: 0 0 18px !important;
}
.frx-eyebrow img { width: 26px; height: 26px; }
.frx h1, .frx h2, .frx h3 { font-family: "Ubuntu", system-ui, sans-serif; font-weight: 300; color: var(--frx-text); margin: 0 0 18px; line-height: 1.2; }
.frx h1 { font-size: clamp(44px, 7vw, 84px); }
.frx h2 { font-size: clamp(28px, 3.6vw, 44px); }
.frx h3 { font-size: 22px; font-weight: 400; }
.frx p { margin: 0 0 16px; color: var(--frx-muted); font-size: 17px; max-width: 68ch; }
.frx p.frx-lead { color: var(--frx-text); font-size: 20px; }
.frx-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.frx-btn {
  display: inline-block; padding: 13px 24px; border-radius: 999px;
  font-size: 15px; font-weight: 500; text-decoration: none;
  background: var(--frx-green); color: #0E2131 !important; border: 1px solid var(--frx-green);
  transition: background .2s, color .2s;
}
.frx-btn:hover { background: transparent; color: var(--frx-green) !important; }
.frx-btn.frx-ghost { background: transparent; color: var(--frx-text) !important; border-color: var(--frx-line); }
.frx-btn.frx-ghost:hover { border-color: var(--frx-green); color: var(--frx-green) !important; }

/* Hero with video */
.frx-hero { position: relative; min-height: 92vh; display: flex; align-items: flex-end; overflow: hidden; padding: 160px 0 90px; }
.frx-hero video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.frx-hero::after { content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(14,33,49,.6) 0%, rgba(14,33,49,.3) 40%, rgba(14,33,49,.96) 100%); }
.frx-hero .frx-wrap { position: relative; z-index: 2; width: 100%; }
.frx-hero p.frx-sub { font-size: clamp(20px, 2.2vw, 26px); color: var(--frx-text); font-weight: 300; margin-bottom: 20px; }

.frx-badge {
  display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px;
  border: 1px solid var(--frx-line); border-radius: 999px; font-size: 13px; color: var(--frx-text);
  background: rgba(14,33,49,.6); margin-bottom: 22px;
}
.frx-badge b { color: var(--frx-green); font-weight: 500; }

/* Grids */
.frx-split { display: grid; grid-template-columns: 1fr 1.25fr; gap: 56px; align-items: center; }
.frx-split.frx-rev { grid-template-columns: 1.25fr 1fr; }
.frx-split.frx-rev > :first-child { order: 2; }
.frx-media { border-radius: 14px; overflow: hidden; background: #000; border: 1px solid var(--frx-line); }
.frx-media video, .frx-media img { display: block; width: 100%; height: auto; }
.frx-embed { position: relative; aspect-ratio: 16 / 9; }
.frx-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.frx-caption { font-size: 13px !important; color: var(--frx-muted); margin-top: 10px !important; }

.frx-steps { list-style: none; padding: 0; margin: 48px 0 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; counter-reset: s; }
.frx-steps li { background: var(--frx-panel); border-radius: 12px; padding: 22px 18px; counter-increment: s; position: relative; margin: 0; }
.frx-steps li::before { content: counter(s); display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
  background: var(--frx-green); color: #0E2131; font-weight: 500; margin-bottom: 14px; }
.frx-steps b { display: block; color: var(--frx-text); font-weight: 500; margin-bottom: 6px; }
.frx-steps span { color: var(--frx-muted); font-size: 15px; }
.frx-steps .frx-sap { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--frx-green); display: block; margin-bottom: 4px; }

.frx-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-top: 40px; }
.frx-card { background: var(--frx-panel); border-radius: 12px; padding: 24px; }
.frx-card h3 { font-size: 19px; margin-bottom: 8px; }
.frx-card p { font-size: 15px; margin: 0; }

.frx-two-video { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 36px; }

.frx-cta { text-align: center; padding: 110px 0; background: var(--frx-bg-2); }
.frx-cta h2, .frx-cta p { margin-left: auto; margin-right: auto; }
.frx-cta .frx-btns { justify-content: center; }

/* Home: "Our branches" block */
.frx-branches { padding: 90px 0; }
.frx-branches-grid { display: grid; grid-template-columns: 1fr 1.35fr; gap: 20px; margin-top: 36px; }
.frx-branch { position: relative; border-radius: 16px; overflow: hidden; background: var(--frx-panel); padding: 34px; min-height: 400px;
  display: flex; flex-direction: column; justify-content: flex-end; text-decoration: none; border: 1px solid var(--frx-line);
  transition: border-color .2s, transform .2s; }
.frx-branch:hover { border-color: var(--frx-green); transform: translateY(-2px); }
.frx-branch video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.frx-branch.frx-has-video::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14,33,49,.05), rgba(14,33,49,.94)); }
.frx-branch > div { position: relative; z-index: 1; }
.frx-branch h3 { font-size: 30px; font-weight: 300; margin-bottom: 8px; }
.frx-branch p { font-size: 16px; margin-bottom: 18px; }
.frx-branch .frx-more { color: var(--frx-green); font-size: 15px; font-weight: 500; }
.frx-branch.frx-sapb .frx-more { color: var(--frx-orange); }
.frx-branch .frx-tag { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--frx-muted); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.frx-branch .frx-tag img { width: 22px; height: 22px; }

/* News featured card */
.frx-news { display: grid; grid-template-columns: 1.1fr 1fr; border-radius: 16px; overflow: hidden; background: var(--frx-panel);
  margin: 0 0 40px; text-decoration: none; border: 1px solid var(--frx-line); }
.frx-news img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 260px; }
.frx-news > div { padding: 34px; display: flex; flex-direction: column; justify-content: center; }
.frx-news h3 { font-size: 26px; font-weight: 300; }

/* New Technologies block */
.frx-inline { padding: 80px 0; }

/* Menu item icon */
img.frx-menu-icon { width: 18px !important; height: 18px !important; max-width: 18px; display: inline-block; vertical-align: -3px; margin-right: 8px; }

@media (max-width: 900px) {
  .frx-section { padding: 64px 0; }
  .frx-split, .frx-split.frx-rev, .frx-branches-grid, .frx-two-video, .frx-news { grid-template-columns: 1fr; gap: 28px; }
  .frx-split.frx-rev > :first-child { order: 0; }
  .frx-steps { grid-template-columns: 1fr 1fr; }
  .frx-hero { min-height: 80vh; padding-top: 120px; }
}
@media (max-width: 520px) {
  .frx-wrap { padding: 0 16px; }
  .frx-steps { grid-template-columns: 1fr; }
  .frx-branch { min-height: 320px; padding: 24px; }
}
.frx-hero .frx-eyebrow, .frx-hero p { text-shadow: 0 1px 12px rgba(14,33,49,.9); }
.frx-hero .frx-eyebrow { color: var(--frx-text) !important; }
.frx-branch p, .frx-news p, .frx-card p { line-height: 1.55 !important; }
.frx .frx-eyebrow img { width: 26px !important; height: 26px !important; max-width: none !important; flex: none; object-fit: contain; }
.frx .frx-tag img { width: 22px !important; height: 22px !important; max-width: none !important; flex: none; object-fit: contain; }
.frx-news { grid-column: 1 / -1; }
.frx-news > div { justify-content: center !important; } .frx-news > div > * { margin-top: 0 !important; } .frx-news > div > p { margin-bottom: 14px !important; }

/* Stills instead of video */
.frx-bgimg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.frx-hero .frx-bgimg { object-position: 62% 40%; }
.frx-kenburns { animation: frx-kb 24s ease-out both; transform-origin: 60% 40%; }
@keyframes frx-kb { from { transform: scale(1.08); } to { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .frx-kenburns { animation: none; } }
.frx-branch .frx-bgimg { object-position: 60% 30%; transition: transform .6s ease; }
.frx-branch:hover .frx-bgimg { transform: scale(1.03); }
.frx-branch:has(.frx-bgimg)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14,33,49,.0) 30%, rgba(14,33,49,.94)); }
.frx-steps.frx-steps-3 { grid-template-columns: repeat(3, 1fr); }
.frx-gallery { display: grid; grid-template-columns: 1.55fr 1fr; gap: 16px; margin-top: 16px; }
.frx-gallery img { height: 100%; object-fit: cover; }
@media (max-width: 900px) { .frx-steps.frx-steps-3, .frx-gallery { grid-template-columns: 1fr; } }
.frx img.frx-bgimg { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; }
.frx .frx-gallery .frx-media img { height: 100% !important; object-fit: cover; }
@media (max-width: 900px) { .frx-hero video { object-position: 78% 50%; } }

/* ---- Impeccable pass: no eyebrows, no card scaffolds, themed browser surfaces ---- */
.frx ::selection { background: var(--frx-green); color: #0E2131; }
.frx a:focus-visible, .frx button:focus-visible, .frx video:focus-visible, .frx iframe:focus-visible {
  outline: 2px solid var(--frx-green); outline-offset: 3px; border-radius: 6px; }
.frx h2 { text-wrap: balance; margin-top: 0; }
.frx p { text-wrap: pretty; }
.frx-brand { display: flex; align-items: center; gap: .32em; }
.frx-brand img { width: .9em !important; height: .9em !important; max-width: none !important; flex: none; object-fit: contain; }
.frx-hero h1.frx-brand { font-size: clamp(48px, 7.5vw, 96px); letter-spacing: -0.02em; margin-bottom: 10px; }
.frx-hero p.frx-sub { font-size: clamp(22px, 2.4vw, 30px); }
.frx-hero p.frx-lead { max-width: 56ch; }

/* steps: numbered rule, not cards */
.frx-steps { grid-template-columns: repeat(3, 1fr) !important; gap: 0 40px; margin-top: 64px; }
.frx-steps li { background: none; border-radius: 0; padding: 22px 0 0; border-top: 1px solid var(--frx-line); }
.frx-steps li::before { width: auto; height: auto; background: none; color: var(--frx-green); display: block;
  font-size: 15px; font-variant-numeric: tabular-nums; margin-bottom: 10px; content: "0" counter(s); }
.frx-steps b { font-size: 20px; font-weight: 400; }

/* digital twin */
.frx-twin { background: radial-gradient(120% 80% at 50% 40%, #16304a 0%, var(--frx-bg) 70%); }
.frx-twin h2, .frx-twin > .frx-wrap > p { text-align: center; margin-left: auto; margin-right: auto; }
.frx .frx-twin-hero { display: block; width: 100%; max-width: 1100px; height: auto; margin: 40px auto 0; }
.frx-twin-detail { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: center; margin-top: 40px; }
.frx-twin-detail p { color: var(--frx-text); font-size: 19px; }

/* principles: typographic list, not same-size cards */
.frx-split.frx-top { align-items: start; }
.frx-principles { margin: 0; }
.frx-principles > div { display: grid; grid-template-columns: 220px 1fr; gap: 24px; padding: 20px 0; border-top: 1px solid var(--frx-line); }
.frx-principles > div:last-child { border-bottom: 1px solid var(--frx-line); }
.frx-principles dt { color: var(--frx-text); font-size: 18px; }
.frx-principles dd { margin: 0; color: var(--frx-muted); font-size: 16px; }

/* home: SAP card gets a quiet texture so the two cards balance */
.frx-branch.frx-sapb { background: linear-gradient(160deg, #24405a 0%, var(--frx-panel) 60%); }

@media (max-width: 900px) {
  .frx-steps { grid-template-columns: 1fr !important; gap: 24px; }
  .frx-twin-detail { grid-template-columns: 1fr; }
  .frx-principles > div { grid-template-columns: 1fr; gap: 6px; }
}
/* detector fixes: tinted secondary text on colored surfaces, header legibility over video */
.frx-twin > .frx-wrap > p, .frx-cta p { color: #C9D4DD; }
.frx dd { text-wrap: pretty; }
.frx-hero::after { background: linear-gradient(180deg, rgba(14,33,49,.82) 0%, rgba(14,33,49,.35) 22%, rgba(14,33,49,.3) 45%, rgba(14,33,49,.96) 100%); }
.frx-branch p, .frx-news p { color: #C9D4DD !important; }
.frx-branch .frx-more { color: #B9D0C3; }
.frx h3 { text-wrap: balance; }

/* FMS: one video */
.frx-solo-video { max-width: 960px; margin: 36px auto 0; }

/* Scroll sequence: multi-robot digital twin */
.frx-scrolly { position: relative; height: 560vh; background: #0B1825; }
.frx-scrolly-sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; }
.frx-scrolly canvas { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.frx-scrolly-shade { position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(11,24,37,.94) 0%, rgba(11,24,37,.78) 34%, rgba(11,24,37,.12) 62%, rgba(11,24,37,0) 100%),
              linear-gradient(180deg, rgba(11,24,37,.5) 0%, rgba(11,24,37,0) 18%); }
.frx-scrolly-text { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.frx-scrolly-text > * { max-width: 440px; }
.frx-scrolly-intro { color: #C9D4DD !important; margin-bottom: 36px !important; }
.frx-scrolly-list { list-style: none; margin: 0; padding: 0; }
.frx-scrolly-list li { position: relative; padding: 14px 0 14px 22px; border-left: 1px solid var(--frx-line);
  opacity: .38; transition: opacity .5s cubic-bezier(.16,1,.3,1), border-color .5s; }
.frx-scrolly-list li b { display: block; font-weight: 400; font-size: 20px; color: var(--frx-text); }
.frx-scrolly-list li span { display: block; color: #C9D4DD; font-size: 16px; line-height: 1.5;
  max-height: 0; overflow: hidden; opacity: 0; transition: max-height .6s cubic-bezier(.16,1,.3,1), opacity .5s, margin .5s; }
.frx-scrolly-list li.is-past { opacity: .6; }
.frx-scrolly-list li.is-active { opacity: 1; border-left-color: var(--frx-green); }
.frx-scrolly-list li.is-active::before { content: ""; position: absolute; left: -2px; top: 14px; bottom: 14px; width: 3px; background: var(--frx-green); border-radius: 2px; }
.frx-scrolly-list li.is-active span { max-height: 6em; opacity: 1; margin-top: 6px; }
.frx-scrolly-progress { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: rgba(240,231,222,.12); z-index: 2; }
.frx-scrolly-progress span { display: block; height: 100%; background: var(--frx-green); transform-origin: 0 50%; transform: scaleX(0); }

/* reduced motion: one still, full list */
.frx-scrolly.is-static { height: auto; }
.frx-scrolly.is-static .frx-scrolly-sticky { position: relative; height: auto; min-height: 100vh; padding: 96px 0; }
.frx-scrolly.is-static .frx-scrolly-list li { opacity: 1; }
.frx-scrolly.is-static .frx-scrolly-list li span { max-height: none; opacity: 1; margin-top: 6px; }
.frx-scrolly.is-static .frx-scrolly-progress { display: none; }

@media (max-width: 900px) {
  .frx-scrolly { height: 520vh; }
  .frx-scrolly canvas { height: 52%; object-position: 50% 50%; }
  .frx-scrolly-shade { background: linear-gradient(180deg, rgba(11,24,37,0) 30%, rgba(11,24,37,.9) 50%, #0B1825 56%); }
  .frx-scrolly-text { justify-content: flex-end; padding-bottom: 40px; }
  .frx-scrolly-text > * { max-width: none; }
  .frx-scrolly-intro { margin-bottom: 20px !important; }
  .frx-scrolly-list li { display: none; }
  .frx-scrolly-list li.is-active { display: block; }
  .frx-scrolly.is-static .frx-scrolly-list li { display: block; }
}
@media (max-width: 900px) {
  .frx-scrolly canvas { height: 48vh; }
  .frx-scrolly-shade { background: linear-gradient(180deg, rgba(11,24,37,.35) 0%, rgba(11,24,37,0) 12%, rgba(11,24,37,0) 36vh, #0B1825 48vh); }
  .frx-scrolly-text { justify-content: flex-start; padding-top: calc(48vh + 12px); padding-bottom: 0; }
}
.frx-scrolly-list li { opacity: .66; }
.frx-scrolly-list li.is-past { opacity: .78; }
.frx-scrolly-list li.is-active { opacity: 1; }
.frx-hero::after { background:
  linear-gradient(90deg, rgba(14,33,49,.88) 0%, rgba(14,33,49,.6) 38%, rgba(14,33,49,0) 70%),
  linear-gradient(180deg, rgba(14,33,49,.82) 0%, rgba(14,33,49,.25) 22%, rgba(14,33,49,.25) 45%, rgba(14,33,49,.96) 100%); }
.frx-hero h1, .frx-hero p { text-shadow: 0 2px 18px rgba(14,33,49,.85); }
@media (max-width: 900px) { .frx-scrolly.is-static .frx-scrolly-list li, .frx-scrolly-list li.is-active { opacity: 1; } }

/* slower scroll sequence */
.frx-scrolly { height: 1100vh; }
@media (max-width: 900px) { .frx-scrolly { height: 950vh; } }

/* home: single feature */
.frx-feature { position: relative; display: flex; align-items: flex-end; min-height: 520px; border-radius: 18px; overflow: hidden;
  text-decoration: none; border: 1px solid var(--frx-line); padding: 48px; transition: border-color .3s; }
.frx-feature:hover { border-color: var(--frx-green); }
.frx-feature::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(14,33,49,.94) 0%, rgba(14,33,49,.75) 40%, rgba(14,33,49,.1) 75%); }
.frx-feature > div { position: relative; z-index: 1; max-width: 560px; }
.frx-feature p { color: #C9D4DD !important; font-size: 18px; margin-bottom: 26px !important; }
.frx-feature .frx-bgimg { object-position: 70% 30%; transition: transform .8s cubic-bezier(.16,1,.3,1); }
.frx-feature:hover .frx-bgimg { transform: scale(1.03); }
@media (max-width: 900px) {
  .frx-feature { min-height: 560px; padding: 28px; }
  .frx-feature::after { background: linear-gradient(180deg, rgba(14,33,49,.05) 25%, rgba(14,33,49,.95) 62%); }
}
.frx-feature p { line-height: 1.6 !important; } .frx-feature h2 { margin-bottom: 14px !important; }

/* Home: Robotics & Physical AI as a third tile in "Digital Solutions" */
.elementor-1803 .elementor-element.elementor-element-c4f18e1 { --width: 19%; }
.elementor-1803 .elementor-element.elementor-element-6762d86,
.elementor-1803 .elementor-element.elementor-element-79d1c2b { --width: 27%; }
a.frx-tile { position: relative; isolation: isolate; overflow: hidden; }
a.frx-tile::before { content: ""; position: absolute; inset: 0; z-index: -2;
  background: url("/wp-content/uploads/fairrobotics/g1-sap-hero-poster.webp") 72% 35% / cover no-repeat;
  transition: transform 1.3s cubic-bezier(.16,1,.3,1); }
a.frx-tile::after { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(14,33,49,.35) 0%, rgba(14,33,49,.15) 45%, rgba(14,33,49,.7) 100%); }
a.frx-tile:hover::before { transform: scale(1.04); }
@media (max-width: 1024px) {
  .elementor-1803 .elementor-element.elementor-element-c4f18e1 { --width: 100%; }
  .elementor-1803 .elementor-element.elementor-element-6762d86,
  .elementor-1803 .elementor-element.elementor-element-79d1c2b { --width: 33.333%; }
}
@media (max-width: 767px) {
  .elementor-1803 .elementor-element.elementor-element-6762d86,
  .elementor-1803 .elementor-element.elementor-element-79d1c2b { --width: 100%; }
}
a.frx-tile::after { background: linear-gradient(180deg, rgba(14,33,49,.78) 0%, rgba(14,33,49,.25) 30%, rgba(14,33,49,.2) 60%, rgba(14,33,49,.75) 100%); }
a.frx-tile::after { background: linear-gradient(180deg, rgba(14,33,49,.78) 0%, rgba(14,33,49,.25) 30%, rgba(14,33,49,.3) 55%, rgba(14,33,49,.92) 100%); }
/* tile: crisp render of the robots working together */
a.frx-tile::before { background-image: url("/wp-content/uploads/fairrobotics/robots-collab-tile.webp"); background-position: 30% 55%; }
a.frx-tile::after { background: linear-gradient(180deg, rgba(14,33,49,.7) 0%, rgba(14,33,49,.2) 30%, rgba(14,33,49,.25) 55%, rgba(14,33,49,.88) 100%), rgba(14,33,49,.18); }
/* who we are: link in the site's accent */
a.frx-inline-link { color: #FA972A; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
a.frx-inline-link:hover { color: #F0E7DE; }
a.frx-tile::after { background: linear-gradient(180deg, rgba(14,33,49,.82) 0%, rgba(14,33,49,.3) 30%, rgba(14,33,49,.25) 55%, rgba(14,33,49,.88) 100%), rgba(14,33,49,.18); }
/* tile: real photo, G1 at Arçelik-LG */
a.frx-tile::before { background-image: url("/wp-content/uploads/fairrobotics/g1-real-tile.webp"); background-position: 50% 30%; }
a.frx-tile::after { background: linear-gradient(180deg, rgba(14,33,49,.72) 0%, rgba(14,33,49,.12) 26%, rgba(14,33,49,.12) 58%, rgba(14,33,49,.86) 100%), rgba(14,33,49,.16); }

/* Home: full-width Robotics & Physical AI band (replaces the Digital Solutions strip) */
.frx-band { position: relative; min-height: 78vh; display: flex; align-items: center; overflow: hidden; background: #0E2131; }
.frx-band .frx-bgimg { object-position: 75% 40%; z-index: 0; }
.frx-band::after { content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(90deg, rgba(14,33,49,.95) 0%, rgba(14,33,49,.82) 30%, rgba(14,33,49,.25) 58%, rgba(14,33,49,0) 75%),
              linear-gradient(180deg, rgba(14,33,49,.55) 0%, rgba(14,33,49,0) 20%, rgba(14,33,49,0) 80%, rgba(14,33,49,.6) 100%); }
.frx-band .frx-wrap { position: relative; z-index: 2; width: 100%; }
.frx-band-text { max-width: 480px; }
.frx-band h2 { font-size: clamp(32px, 3.6vw, 50px); font-weight: 300; margin-bottom: 20px; }
.frx-band p { color: #C9D4DD !important; font-size: 18px; line-height: 1.65 !important; margin-bottom: 34px !important; }
.frx-more-link { display: inline-flex; align-items: center; gap: 22px; text-decoration: none; color: var(--frx-text) !important;
  font-size: 14px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
.frx-more-link svg { width: 45px; height: 45px; transition: transform .4s cubic-bezier(.16,1,.3,1); }
.frx-more-link:hover svg { transform: scale(1.1); }
@media (max-width: 900px) {
  .frx-band { min-height: 0; flex-direction: column; align-items: stretch; }
  .frx-band .frx-bgimg { position: relative !important; height: 56vw !important; inset: auto !important; object-position: 70% 40%; }
  .frx-band::after { background: linear-gradient(180deg, rgba(14,33,49,0) 0%, rgba(14,33,49,0) 30%, rgba(14,33,49,1) 56vw); }
  .frx-band .frx-wrap { padding-top: 28px; padding-bottom: 64px; }
}
@media (max-width: 900px) {
  .frx.frx-band img.frx-bgimg { position: relative !important; inset: auto !important; height: 56vw !important; width: 100% !important; }
}
/* tile: the real G1 photo supplied by the team */
a.frx-tile::before { background-image: url("/wp-content/uploads/fairrobotics/g1-arcelik-banner.webp"); background-position: 68% 40%; }
a.frx-tile::after { background: linear-gradient(180deg, rgba(14,33,49,.72) 0%, rgba(14,33,49,.12) 26%, rgba(14,33,49,.12) 58%, rgba(14,33,49,.86) 100%), rgba(14,33,49,.16); }
a.frx-tile::before { background-position: 80% 40%; }

/* Robotics tile sits on the strip's own solar photo, like SAP Solutions and New Technologies */
a.frx-tile::before, a.frx-tile::after { content: none !important; display: none !important; }

/* Digital Solutions strip: one continuous industry photo, quieter dividers (27 Oct) */
.elementor-1803 .elementor-element.elementor-element-1c77446:not(.elementor-motion-effects-element-type-background) {
  background-image: url("/wp-content/uploads/fairrobotics/strip-industry.webp") !important; background-position: center 55% !important; }
.elementor-1803 .elementor-element.elementor-element-6762d86,
.elementor-1803 .elementor-element.elementor-element-79d1c2b { border-color: rgba(240,231,222,.12) !important; }
.elementor-1803 .elementor-element.elementor-element-1c77446 { --overlay-opacity: 0.62 !important; }
.elementor-1803 .elementor-element.elementor-element-1c77446::before { opacity: .62 !important; background-color: #0E2131 !important; }


/* ---- Hero (28 Oct): robot video only; lighter tint so the G1 comes through ---- */
.elementor-1803 .elementor-element.elementor-element-9c95df9 > .elementor-background-overlay {
  opacity: 1 !important;
  background: linear-gradient(180deg, rgba(14,33,49,.82) 0%, rgba(14,33,49,.5) 35%, rgba(14,33,49,.5) 65%, rgba(14,33,49,.88) 100%) !important; }
.elementor-1803 .elementor-element.elementor-element-9c95df9 .elementor-background-video-hosted { object-fit: cover; }
.elementor-1803 .elementor-element.elementor-element-0177e0b .eael-fancy-text-container,
.elementor-1803 .elementor-element.elementor-element-343f460 .elementor-heading-title { text-shadow: 0 2px 18px rgba(14,33,49,.7); }
@media (max-width: 1024px) {
  /* keep the G1 in frame on narrow screens */
  .elementor-1803 .elementor-element.elementor-element-9c95df9 .elementor-background-video-hosted {
    width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; transform: none !important;
    object-fit: cover; object-position: 82% 50%; }
}
/* Who we are: balanced heading, comfortable line length */
.elementor-1803 .elementor-element.elementor-element-702af7b6 .elementor-heading-title { text-wrap: balance; }
.elementor-1803 .elementor-element.elementor-element-300095ab p { max-width: 68ch; margin-left: auto; margin-right: auto; }
@media (max-width: 1024px) {
  .elementor-1803 .elementor-element.elementor-element-9c95df9 > .elementor-background-overlay {
    background: linear-gradient(180deg, rgba(14,33,49,.82) 0%, rgba(14,33,49,.66) 30%, rgba(14,33,49,.62) 60%, rgba(14,33,49,.9) 100%) !important; }
}

/* ---- Home: Robotics & Physical AI highlights, in the FairConsult house style (28 Oct) ---- */
.frx-home-robotics { color: #F0E7DE; font-family: "Ubuntu", sans-serif; padding: 120px 4.65% 110px; }
.frx-hr-wrap { max-width: 1306px; margin: 0 auto; }
.frx-hr-head { max-width: 760px; }
.frx-hr-label { font-family: "Ubuntu", sans-serif; font-size: 18px; font-weight: 400; line-height: 22px; color: #F0E7DE; margin: 0 0 28px; }
.frx-hr-title { font-family: "Ubuntu", sans-serif; font-size: 50px; font-weight: 200; line-height: 57px; color: #F0E7DE; margin: 0 0 28px; text-wrap: balance; }
.frx-hr-head p { font-size: 16px; line-height: 25px; color: #F0E7DE; margin: 0; max-width: 68ch; }
.frx-hr-grid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 64px; align-items: center; margin-top: 64px; }
.frx-hr-video { margin: 0; }
.frx-hr-embed { position: relative; aspect-ratio: 16 / 9; background: #0B1825; }
.frx-hr-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.frx-hr-video figcaption { font-size: 13px; color: #C9D4DD; margin-top: 12px; }
.frx-hr-steps { list-style: none; margin: 0; padding: 0; counter-reset: hr; }
.frx-hr-steps li { counter-increment: hr; padding: 22px 0; border-top: 1px solid rgba(240,231,222,.18); }
.frx-hr-steps li:last-child { border-bottom: 1px solid rgba(240,231,222,.18); }
.frx-hr-steps li::before { content: "0" counter(hr); display: block; color: #FA972A; font-size: 14px; margin-bottom: 8px; font-variant-numeric: tabular-nums; }
.frx-hr-steps b { display: block; font-size: 22px; font-weight: 300; line-height: 1.3; margin-bottom: 6px; }
.frx-hr-steps span { display: block; font-size: 16px; line-height: 25px; color: #C9D4DD; }
.frx-hr-links { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; margin-top: 56px; }
.frx-hr-more { display: inline-flex; align-items: center; gap: 25px; color: #F0E7DE !important; text-decoration: none;
  font-size: 13px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }
.frx-hr-more svg { width: 45px; height: 45px; transition: transform .4s cubic-bezier(.16,1,.3,1); }
.frx-hr-more:hover svg { transform: scale(1.1); }
.frx-hr-news { color: #FA972A !important; font-size: 16px; text-decoration: underline; text-underline-offset: 3px; }
.frx-hr-news:hover { color: #F0E7DE !important; }
.frx-home-robotics a:focus-visible { outline: 2px solid #FA972A; outline-offset: 4px; }
@media (max-width: 1024px) {
  .frx-home-robotics { padding: 80px 6% 80px; }
  .frx-hr-title { font-size: 32px; line-height: 1.2; }
  .frx-hr-grid { grid-template-columns: 1fr; gap: 40px; margin-top: 44px; }
}

/* Phones (2 Nov): the new bright photos read whitish under the light tint; keep the site's deep navy look */
@media (max-width: 767px) {
  .elementor-1803 .elementor-element.elementor-element-9c95df9 > .elementor-background-overlay {
    background: linear-gradient(180deg, rgba(14,33,49,.88) 0%, rgba(14,33,49,.78) 35%, rgba(14,33,49,.76) 65%, rgba(14,33,49,.92) 100%) !important; }
  .elementor-1803 .elementor-element.elementor-element-1c77446 { --overlay-opacity: 0.78 !important; }
  .elementor-1803 .elementor-element.elementor-element-1c77446::before { opacity: .78 !important; }
  .frx-hero::after { background: linear-gradient(180deg, rgba(14,33,49,.88) 0%, rgba(14,33,49,.7) 40%, rgba(14,33,49,.95) 100%) !important; }
}

/* Tell browsers the site is already dark so Chrome's auto dark mode leaves our colours alone (2 Nov) */
:root { color-scheme: dark; }