:root{
  --paper:#f3f0e8;--paper2:#ebe7dd;--ink:#14130f;--muted:#656157;--line:#cbc5b8;
  --purple:#6550d8;--purple2:#8f78ff;--dark:#11120f;--dark2:#171814;--white:#fff;
  --frame:min(92vw,1540px);--serif:Georgia,"Times New Roman",serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}.section-frame{width:var(--frame);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(243,240,232,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.header-inner{width:calc(100% - 64px);max-width:1680px;height:92px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:210px}.brand img{width:44px;height:44px;object-fit:contain;background:#fff}.brand-copy{display:flex;flex-direction:column;gap:5px}.brand strong{font-size:18px;letter-spacing:.26em;line-height:1}.brand small{font-size:7px;letter-spacing:.12em;color:#777267}.site-header nav{display:flex;justify-content:center;gap:25px}.site-header nav a{font-size:10px;font-weight:650;text-decoration:none;color:#3f3c35;white-space:nowrap}.site-header nav a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{height:42px;padding:0 14px;border:1px solid #c8c2b6;background:transparent;font-size:9px;font-weight:800;letter-spacing:.06em;color:#3b3933}.header-cta{height:42px;padding:0 18px;background:var(--purple);color:#fff;text-decoration:none;display:flex;align-items:center;gap:22px;font-size:10px;font-weight:800;box-shadow:0 8px 22px rgba(101,80,216,.22)}.menu-btn{display:none;border:1px solid var(--line);width:42px;height:42px;background:transparent;font-size:18px}
.hero-shell{padding:76px 0 66px}.hero-media{width:var(--frame);height:min(66vh,730px);min-height:540px;margin:auto;position:relative;overflow:hidden;background:#151814}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.88) contrast(1.06)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,7,.74) 0%,rgba(4,10,7,.50) 42%,rgba(4,10,7,.12) 76%,rgba(4,10,7,.16) 100%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.34))}.hero-content{position:absolute;left:3.3%;bottom:10%;color:#fff;max-width:920px}.hero-kicker{font-size:9px;letter-spacing:.16em;font-weight:800;display:flex;align-items:center;gap:12px;margin-bottom:22px}.hero-kicker span{display:block;width:34px;height:2px;background:#93e6dc}.hero h1,.hero-content h1{font:500 clamp(66px,6.5vw,116px)/.88 var(--serif);letter-spacing:-.055em;margin:0;text-wrap:balance}.hero-intro-wrap{width:var(--frame);margin:24px auto 0}.hero-intro{max-width:860px;background:rgba(255,255,255,.74);border-left:3px solid var(--purple);padding:24px 28px;box-shadow:0 18px 42px rgba(30,29,23,.05)}.hero-intro p{font:italic 15px/1.65 var(--serif);margin:0;color:#28261f}.hero-links{display:flex;align-items:stretch;margin-top:24px;max-width:470px;border:1px solid #1d1c18}.hero-link{height:48px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 18px;text-decoration:none;font-size:9px;font-weight:800}.hero-link.primary{background:#171815;color:#fff;min-width:230px}.hero-link.secondary{background:transparent;min-width:235px}.section-rule{border-top:1px solid #41443f;padding-top:12px;margin-bottom:50px}.section-rule span,.eyebrow{font-size:8px;letter-spacing:.18em;font-weight:800;color:var(--purple)}
.institution-band{background:#10120f;color:#fff;padding:78px 0 88px}.institution-grid{display:grid;grid-template-columns:1.05fr .9fr;gap:8vw;align-items:start}.institution-grid h2,.section-title-row h2,.contact h2{font:500 clamp(48px,4.8vw,82px)/.98 var(--serif);letter-spacing:-.045em;margin:12px 0 0}.institution-grid h2 em,.contact h2 em{font-weight:400;color:#9f8dff}.institution-copy{padding-top:18px}.institution-copy p{font-size:14px;line-height:1.85;color:#b4b2aa;margin:0 0 18px}
.services{padding:100px 0}.section-title-row{display:grid;grid-template-columns:1.25fr .6fr;gap:8vw;align-items:end;margin-bottom:48px}.section-title-row h2{font-size:clamp(44px,4.3vw,74px);max-width:930px}.section-title-row>p{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 8px}.service-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:15px}.service-card{min-height:360px;border:1px solid #d4cec2;background:#f8f6f0;padding:28px;display:flex;flex-direction:column;position:relative}.service-card.dark-card{grid-row:span 2;min-height:735px;background:#181a16;color:#fff;border-color:#242822}.card-num{position:absolute;top:24px;right:24px;font:500 20px var(--serif);color:#8d887e}.service-card.dark-card .card-num{color:#6d6f68}.service-card h3{font:500 28px/1.08 var(--serif);letter-spacing:-.025em;margin:55px 0 15px;max-width:420px}.service-card>p:not(.eyebrow){font-size:12px;line-height:1.75;color:#6f6a61}.service-card.dark-card>p:not(.eyebrow){color:#aaa9a2}.service-card ul{list-style:none;padding:0;margin:35px 0 20px}.service-card li{padding:13px 0;border-bottom:1px solid #30332d;font-size:10px;color:#c2c1ba}.service-card a{margin-top:auto;padding-top:18px;border-top:1px solid #ded8cc;text-decoration:none;color:var(--purple);font-size:10px;font-weight:800}.service-card.dark-card a{border-color:#333730;color:#a895ff}
.approach{background:#151713;color:#fff;padding:92px 0}.inverse h2{color:#fff}.inverse>p{color:#aaa99f}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #383b35;border-left:1px solid #383b35}.process-grid article{min-height:220px;padding:28px;border-right:1px solid #383b35;border-bottom:1px solid #383b35}.process-grid span{font-size:9px;color:#9f8dff}.process-grid h3{font:500 26px var(--serif);margin:52px 0 10px}.process-grid p{font-size:11px;line-height:1.7;color:#96968f}
.sectors{padding:100px 0}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sector-grid article{min-height:240px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.sector-grid span{font-size:9px;color:var(--purple)}.sector-grid h3{font:500 24px/1.15 var(--serif);margin:50px 0 11px}.sector-grid p{font-size:11px;line-height:1.7;color:#6e6a61}
.insights{background:#25221c;color:#fff;padding:90px 0}.insight-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #4b473e}.insight-strip div{padding:30px;border-right:1px solid #4b473e;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.insight-strip div:last-child{border-right:0}.insight-strip span{font-size:9px;color:#a695ff}.insight-strip strong{font:500 24px var(--serif)}
.contact{padding:96px 0;background:#ece8de}.contact-grid{display:grid;grid-template-columns:1.25fr .65fr;gap:9vw;align-items:center}.contact-card{border-left:2px solid var(--purple);padding:8px 0 8px 28px}.contact-card p{font-size:13px;line-height:1.7;color:#655f55}.contact-card a{display:flex;justify-content:space-between;margin:24px 0 16px;padding:16px 18px;background:#171815;color:#fff;text-decoration:none;font-size:10px;font-weight:800}.contact-card small{font-size:9px;color:#777166;line-height:1.6}.footer{background:#0f100e;color:#fff;padding:30px 0}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.footer p{text-align:center;font-size:9px;letter-spacing:.08em;color:#8a8982}.footer>div>span{font-size:8px;color:#74736c}.footer .brand strong{color:#fff}
body.dark{--paper:#0e0f0d;--paper2:#11130f;--ink:#f5f2e9;--muted:#aaa79d;--line:#32342f}.dark .site-header{background:rgba(14,15,13,.96)}.dark .site-header nav a,.dark .theme-toggle{color:#dedbd2}.dark .hero-intro{background:#171914;color:#fff}.dark .hero-intro p{color:#dedbd2}.dark .hero-link.secondary{color:#fff}.dark .services,.dark .sectors{background:#0e0f0d}.dark .service-card{background:#171914;border-color:#30332d;color:#fff}.dark .service-card>p:not(.eyebrow),.dark .sector-grid p{color:#aaa79d}.dark .sector-grid{border-color:#34362f}.dark .sector-grid article{border-color:#34362f}.dark .contact{background:#171914}.dark .contact-card p{color:#b4b1a8}
@media(max-width:1180px){.header-inner{width:calc(100% - 36px)}.site-header nav{gap:14px}.site-header nav a{font-size:9px}.theme-toggle span{display:none}.hero-media{height:610px}.service-grid{grid-template-columns:1fr 1fr}.service-card.dark-card{grid-column:1/-1;grid-row:auto;min-height:500px}.section-title-row{grid-template-columns:1fr .7fr}}
@media(max-width:900px){.site-header nav,.theme-toggle,.header-cta{display:none}.menu-btn{display:block}.header-inner{height:76px;grid-template-columns:1fr auto}.site-header.open nav{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-top:1px solid var(--line);padding:12px 22px}.site-header.open nav a{padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.hero-shell{padding-top:34px}.hero-media{min-height:520px;height:68vh}.hero-content{left:5%;right:5%;bottom:8%}.hero-content h1{font-size:clamp(56px,10vw,88px)}.institution-grid,.section-title-row,.contact-grid{grid-template-columns:1fr;gap:30px}.service-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.sector-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr;text-align:center}.footer .brand{justify-content:center}}
@media(max-width:620px){:root{--frame:calc(100vw - 32px)}.header-inner{width:calc(100% - 28px)}.brand{min-width:0}.brand img{width:38px;height:38px}.brand strong{font-size:15px}.brand small{font-size:6px}.hero-shell{padding:18px 0 44px}.hero-media{min-height:470px;height:70vh}.hero-content{bottom:7%}.hero-kicker{font-size:7px}.hero-content h1{font-size:49px;line-height:.93}.hero-intro{padding:20px}.hero-intro p{font-size:13px}.hero-links{display:grid;max-width:none}.hero-link.primary,.hero-link.secondary{min-width:0}.institution-band,.approach,.insights{padding:65px 0}.services,.sectors{padding:70px 0}.institution-grid h2,.section-title-row h2,.contact h2{font-size:43px}.service-grid,.process-grid,.sector-grid,.insight-strip{grid-template-columns:1fr}.service-card.dark-card{min-height:560px}.service-card{min-height:320px}.process-grid article{min-height:170px}.insight-strip div{border-right:0;border-bottom:1px solid #4b473e}.insight-strip div:last-child{border-bottom:0}.contact{padding:70px 0}.contact-card{padding-left:18px}}

/* =========================================================
 F1RMA FONT SIZE VISIBILITY UPDATE
 ========================================================= */

/* Logo / brand */
.site-brand .brand-name,
.logo-text,
.brand-title {
  font-size: 26px !important;
  font-weight: 800 !important;
}

/* Header navigation */
header nav a,
.site-nav a,
.nav-link {
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Hero heading */
.hero h1,
.hero-title,
.main-hero h1 {
  font-size: clamp(54px, 6vw, 96px) !important;
  line-height: 0.95 !important;
}

/* Section headings */
section h2,
.section-title {
  font-size: clamp(34px, 3.5vw, 56px) !important;
  line-height: 1.05 !important;
}

/* Card headings */
.service-card h3,
.capability-card h3,
.process-card h3,
.sector-card h3,
.insight-card h3,
.content-card h3 {
  font-size: 22px !important;
  line-height: 1.2 !important;
}

/* Normal paragraphs */
p,
.body-copy,
.lead-copy {
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* Hero / intro paragraph */
.hero p,
.hero-copy p,
.intro-copy,
.section-intro {
  font-size: 19px !important;
  line-height: 1.7 !important;
}

/* Small text */
small,
.eyebrow,
.kicker,
.section-kicker,
.overline,
.card-label,
.meta,
.brand-subtitle,
.logo-subtitle {
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Buttons */
button,
.btn,
.button,
.cta-button,
.primary-button,
.secondary-button,
a.button {
  font-size: 13px !important;
  font-weight: 800 !important;
}

/* Footer */
footer,
footer p,
footer a {
  font-size: 13px !important;
}

/* Mobile */
@media (max-width: 768px) {
  .site-brand .brand-name,
  .logo-text,
  .brand-title {
  font-size: 22px !important;
  }

  header nav a,
  .site-nav a,
  .nav-link {
  font-size: 13px !important;
  }

  .hero h1,
  .hero-title,
  .main-hero h1 {
  font-size: 48px !important;
  }

  section h2,
  .section-title {
  font-size: 34px !important;
  }

  p,
  .body-copy,
  .lead-copy {
  font-size: 16px !important;
  }

  .hero p,
  .hero-copy p,
  .intro-copy,
  .section-intro {
  font-size: 17px !important;
  }
}


/* =========================================================
 F1RMA HOMEPAGE REFINEMENT
 ========================================================= */

/* Reduce the excessive gap above the hero */
.hero,
.home-hero,
.main-hero,
.hero-section,
main > section:first-child {
  margin-top: 0 !important;
  padding-top: 38px !important;
}

/* Wider homepage presentation */
.hero-inner,
.hero-wrap,
.hero-container,
.section-inner,
.container {
  width: min(95vw, 1560px) !important;
  max-width: 1560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Make hero dominate the first screen */
.hero img,
.hero-image,
.main-hero img {
  width: 100% !important;
  min-height: 650px !important;
  max-height: 760px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Stronger hero headline */
.hero h1,
.hero-title,
.main-hero h1 {
  font-size: clamp(64px, 6.3vw, 108px) !important;
  line-height: 0.91 !important;
  letter-spacing: -0.045em !important;
  font-weight: 500 !important;
  max-width: 920px !important;
}

/* Hero label */
.hero .eyebrow,
.hero .kicker,
.hero .overline {
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
}

/* Hero description */
.hero p,
.hero-copy p,
.hero-content p {
  font-size: 18px !important;
  line-height: 1.65 !important;
  max-width: 680px !important;
}

/* Header: readable but less vertically wasteful */
.site-header,
header {
  min-height: 104px !important;
}

.header-inner,
header .container {
  min-height: 104px !important;
}

/* F1RMA brand */
.brand-name,
.logo-text,
.brand-title {
  font-size: 27px !important;
  font-weight: 800 !important;
  letter-spacing: .19em !important;
}

.brand-subtitle,
.logo-subtitle {
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Main navigation */
header nav a,
.site-nav a,
.nav-link {
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Make ordinary small copy readable */
p {
  font-size: 17px;
  line-height: 1.7;
}

small,
.meta,
.card-label,
.section-kicker,
.eyebrow,
.overline {
  font-size: 12px !important;
}

/* Give content below hero breathing room */
.hero + section,
.hero-section + section {
  margin-top: 68px !important;
}

/* Mobile */
@media (max-width: 768px) {

  .hero,
  .home-hero,
  .main-hero,
  .hero-section,
  main > section:first-child {
  padding-top: 20px !important;
  }

  .hero img,
  .hero-image,
  .main-hero img {
  min-height: 500px !important;
  }

  .hero h1,
  .hero-title,
  .main-hero h1 {
  font-size: 48px !important;
  line-height: .96 !important;
  }

  .hero p,
  .hero-copy p {
  font-size: 16px !important;
  }

  .brand-name,
  .logo-text,
  .brand-title {
  font-size: 21px !important;
  }

  .site-header,
  header,
  .header-inner {
  min-height: 82px !important;
  }
}


/* =========================================================
 MOVE HERO TEXT UP
 ========================================================= */

/* Move the complete hero text group upward */
.hero-content,
.hero-copy,
.hero-overlay,
.hero-text {
  transform: translateY(-110px) !important;
}

/* Keep the label and headline together */
.hero .eyebrow,
.hero .kicker,
.hero .overline,
.hero h1,
.hero-title {
  position: relative;
  z-index: 3;
}

/* Tablet */
@media (max-width: 1100px) {
  .hero-content,
  .hero-copy,
  .hero-overlay,
  .hero-text {
  transform: translateY(-75px) !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .hero-content,
  .hero-copy,
  .hero-overlay,
  .hero-text {
  transform: translateY(-45px) !important;
  }
}


/* =========================================================
 MOVE HERO TEXT FURTHER UP
 ========================================================= */

.hero-content,
.hero-copy,
.hero-overlay,
.hero-text {
  transform: translateY(-180px) !important;
}

@media (max-width: 1100px) {
  .hero-content,
  .hero-copy,
  .hero-overlay,
  .hero-text {
  transform: translateY(-120px) !important;
  }
}

@media (max-width: 768px) {
  .hero-content,
  .hero-copy,
  .hero-overlay,
  .hero-text {
  transform: translateY(-70px) !important;
  }
}


/* =========================================================
 MOVE HERO TEXT EVEN FURTHER UP
 ========================================================= */

.hero-content,
.hero-copy,
.hero-overlay,
.hero-text {
  transform: translateY(-250px) !important;
}

@media (max-width: 1100px) {
  .hero-content,
  .hero-copy,
  .hero-overlay,
  .hero-text {
  transform: translateY(-165px) !important;
  }
}

@media (max-width: 768px) {
  .hero-content,
  .hero-copy,
  .hero-overlay,
  .hero-text {
  transform: translateY(-95px) !important;
  }
}


/* =========================================================
 F1RMA ASSISTANT AI  HERO PANEL
 ========================================================= */

.hero-media {
  position: relative !important;
}

/* Main assistant block */
.f1rma-ai-card {
  position: absolute;

  top: 50%;
  right: 5%;

  transform: translateY(-50%);

  width: 390px;
  min-height: 390px;

  padding: 26px;

  border-radius: 28px;

  color: #fff;

  background:
  linear-gradient(
  145deg,
  rgba(24, 25, 31, 0.72),
  rgba(22, 20, 32, 0.55)
  );

  border: 1px solid rgba(255,255,255,.22);

  backdrop-filter: blur(26px);
  -webkit-backdrop-filter: blur(26px);

  box-shadow:
  0 25px 70px rgba(0,0,0,.40),
  inset 0 1px 0 rgba(255,255,255,.12),
  0 0 45px rgba(106,77,255,.18);

  z-index: 10;

  overflow: hidden;
}

/* plasma/glass border */
.f1rma-ai-card::before {
  content: "";

  position: absolute;
  inset: -1px;

  border-radius: inherit;

  padding: 1px;

  background:
  linear-gradient(
  135deg,
  rgba(255,255,255,.5),
  rgba(113,78,255,.72),
  rgba(113,191,255,.36),
  rgba(207,130,255,.55),
  rgba(255,255,255,.12)
  );

  -webkit-mask:
  linear-gradient(#fff 0 0) content-box,
  linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

/* top row */
.f1rma-ai-top {
  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-bottom: 24px;
}

.f1rma-ai-status {
  display: flex;
  align-items: center;
  gap: 8px;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .13em;

  color: rgba(255,255,255,.68);
}

.f1rma-ai-status i {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #8e70ff;

  box-shadow:
  0 0 12px #8e70ff;
}

.f1rma-ai-plus {
  width: 38px;
  height: 38px;

  border-radius: 50%;

  border: 1px solid rgba(255,255,255,.20);

  background: rgba(255,255,255,.08);

  color: white;

  font-size: 22px;

  cursor: pointer;
}

/* title */
.f1rma-ai-title {
  display: flex;
  align-items: center;

  gap: 14px;

  margin-bottom: 23px;
}

.f1rma-ai-logo {
  width: 48px;
  height: 48px;

  border-radius: 14px;

  display: grid;
  place-items: center;

  background:
  linear-gradient(
  135deg,
  #6d50ff,
  #aa7cff
  );

  font-weight: 900;
  font-size: 18px;

  box-shadow:
  0 10px 28px rgba(106,77,255,.40);
}

.f1rma-ai-title strong {
  display: block;

  font-size: 21px;
  font-weight: 800;
}

.f1rma-ai-title small {
  display: block;

  margin-top: 5px;

  font-size: 10px !important;

  color: rgba(255,255,255,.55);
}

/* quick actions */
.f1rma-ai-actions {
  display: grid;

  grid-template-columns:
  repeat(3, 1fr);

  gap: 7px;

  margin-bottom: 16px;
}

.f1rma-ai-actions button {
  padding: 11px 8px;

  border-radius: 18px;

  border:
  1px solid rgba(255,255,255,.17);

  background:
  rgba(255,255,255,.06);

  color:
  rgba(255,255,255,.85);

  font-size: 10px !important;
  font-weight: 700 !important;

  cursor: pointer;
}

.f1rma-ai-actions button:hover {
  background:
  rgba(117,87,255,.18);
}

/* prompt box */
.f1rma-ai-input {
  padding: 15px;

  border-radius: 22px;

  background:
  rgba(255,255,255,.075);

  border:
  1px solid rgba(255,255,255,.17);
}

.f1rma-ai-input textarea {
  display: block;

  width: 100%;

  border: none;
  outline: none;

  resize: none;

  background: transparent;

  color: white;

  font-family: inherit;
  font-size: 14px;

  line-height: 1.5;
}

.f1rma-ai-input textarea::placeholder {
  color:
  rgba(255,255,255,.58);
}

.f1rma-ai-input-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 12px;
}

.f1rma-ai-input-footer > div {
  display: flex;
  gap: 7px;
}

.f1rma-ai-input-footer button {
  width: 34px;
  height: 34px;

  border-radius: 50%;

  border:
  1px solid rgba(255,255,255,.17);

  background:
  rgba(255,255,255,.07);

  color: white;

  cursor: pointer;
}

.f1rma-ai-send {
  background:
  linear-gradient(
  135deg,
  #7052ff,
  #a579ff
  ) !important;

  border: none !important;

  font-size: 18px !important;
}

/* bottom caption */
.f1rma-ai-powered {
  margin-top: 14px;

  text-align: center;

  font-size: 9px;

  letter-spacing: .08em;

  color:
  rgba(255,255,255,.35);
}

/* Keep headline on left side */
.hero-content {
  max-width: 58% !important;
}

/* Tablet */
@media (max-width: 1150px) {

  .f1rma-ai-card {
  width: 340px;
  min-height: 350px;

  right: 3%;
  }

}

/* Mobile */
@media (max-width: 820px) {

  .f1rma-ai-card {
  position: relative;

  top: auto;
  right: auto;

  transform: none;

  width: calc(100% - 32px);
  min-height: auto;

  margin: 24px auto;
  }

  .hero-content {
  max-width: 100% !important;
  }

}


/* =========================================================
 F1RMA AI ASSISTANT  CLEAN FINAL HERO VERSION
 ========================================================= */

/* Remove unnecessary labels */
.f1rma-ai-top,
.f1rma-ai-powered {
  display: none !important;
}

/* Move assistant significantly higher */
.f1rma-ai-card {
  top: 31% !important;
  right: 5% !important;

  width: 370px !important;
  min-height: 320px !important;

  padding: 28px !important;

  border-radius: 26px !important;

  background:
  linear-gradient(
  145deg,
  rgba(19, 21, 27, 0.72),
  rgba(24, 21, 36, 0.58)
  ) !important;

  backdrop-filter: blur(28px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(140%) !important;

  border: 1px solid rgba(255,255,255,.20) !important;

  box-shadow:
  0 24px 60px rgba(0,0,0,.34),
  inset 0 1px 0 rgba(255,255,255,.12),
  0 0 36px rgba(112,82,255,.15) !important;
}

/* Cleaner title area */
.f1rma-ai-title {
  margin-bottom: 24px !important;
  gap: 13px !important;
}

.f1rma-ai-logo {
  width: 46px !important;
  height: 46px !important;

  border-radius: 13px !important;

  background:
  linear-gradient(
  135deg,
  #7658ff,
  #a879ff
  ) !important;
}

.f1rma-ai-title strong {
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}

.f1rma-ai-title small {
  margin-top: 5px !important;

  font-size: 11px !important;
  font-weight: 600 !important;

  letter-spacing: .02em !important;

  color: rgba(255,255,255,.56) !important;
}

/* Simple quick actions */
.f1rma-ai-actions {
  gap: 8px !important;
  margin-bottom: 15px !important;
}

.f1rma-ai-actions button {
  min-height: 38px !important;

  border-radius: 20px !important;

  font-size: 11px !important;
  font-weight: 700 !important;

  background:
  rgba(255,255,255,.055) !important;

  border:
  1px solid rgba(255,255,255,.14) !important;

  transition:
  background .20s ease,
  transform .20s ease,
  border-color .20s ease !important;
}

.f1rma-ai-actions button:hover {
  background:
  rgba(117,87,255,.16) !important;

  border-color:
  rgba(153,130,255,.42) !important;

  transform: translateY(-1px) !important;
}

/* Main ask box */
.f1rma-ai-input {
  padding: 16px !important;

  border-radius: 22px !important;

  background:
  rgba(255,255,255,.07) !important;

  border:
  1px solid rgba(255,255,255,.15) !important;

  box-shadow:
  inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.f1rma-ai-input textarea {
  min-height: 54px !important;

  font-size: 14px !important;
  line-height: 1.55 !important;
}

.f1rma-ai-input textarea::placeholder {
  color:
  rgba(255,255,255,.58) !important;
}

/* Cleaner bottom controls */
.f1rma-ai-input-footer {
  margin-top: 10px !important;
}

.f1rma-ai-input-footer button {
  transition:
  transform .18s ease,
  background .18s ease !important;
}

.f1rma-ai-input-footer button:hover {
  transform: scale(1.06) !important;
}

.f1rma-ai-send {
  width: 38px !important;
  height: 38px !important;

  background:
  linear-gradient(
  135deg,
  #7657ff,
  #a376ff
  ) !important;

  box-shadow:
  0 8px 22px rgba(117,87,255,.32) !important;
}

/* Give headline enough room */
.hero-content {
  max-width: 58% !important;
}

/* Tablet */
@media (max-width: 1150px) {
  .f1rma-ai-card {
  top: 34% !important;

  width: 340px !important;
  right: 3% !important;
  }
}

/* Mobile */
@media (max-width: 820px) {
  .f1rma-ai-card {
  position: relative !important;

  top: auto !important;
  right: auto !important;

  transform: none !important;

  width: calc(100% - 30px) !important;
  min-height: auto !important;

  margin: 24px auto !important;
  }

  .hero-content {
  max-width: 100% !important;
  }
}


/* =========================================================
 F1RMA AI ASSISTANT  RESPONSE WINDOW
 ========================================================= */

.f1rma-ai-card {
  min-height: 440px !important;
}

.f1rma-ai-response {
  margin-bottom: 15px;

  border-radius: 20px;

  border:
  1px solid rgba(255,255,255,.14);

  background:
  rgba(255,255,255,.055);

  overflow: hidden;

  box-shadow:
  inset 0 1px 0 rgba(255,255,255,.04);
}

.f1rma-ai-response-head {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 11px 14px;

  border-bottom:
  1px solid rgba(255,255,255,.09);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .08em;

  color:
  rgba(255,255,255,.60);
}

.f1rma-ai-live-dot {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #8a6cff;

  box-shadow:
  0 0 10px rgba(138,108,255,.9);
}

.f1rma-ai-response-body {
  min-height: 110px;
  max-height: 150px;

  padding: 14px 15px;

  overflow-y: auto;

  scrollbar-width: thin;

  font-size: 13px;
  line-height: 1.58;

  color:
  rgba(255,255,255,.88);
}

.f1rma-ai-response-body p {
  margin: 0 !important;

  font-size: 13px !important;
  line-height: 1.58 !important;

  color:
  rgba(255,255,255,.88);
}

.f1rma-ai-response-body::-webkit-scrollbar {
  width: 5px;
}

.f1rma-ai-response-body::-webkit-scrollbar-thumb {
  background:
  rgba(138,108,255,.45);

  border-radius: 10px;
}

/* Thinking animation */

.f1rma-ai-thinking {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

.f1rma-ai-thinking span {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: rgba(255,255,255,.65);

  animation: f1rmaThink 1.1s infinite ease-in-out;
}

.f1rma-ai-thinking span:nth-child(2) {
  animation-delay: .15s;
}

.f1rma-ai-thinking span:nth-child(3) {
  animation-delay: .30s;
}

@keyframes f1rmaThink {
  0%, 80%, 100% {
  opacity: .25;
  transform: translateY(0);
  }

  40% {
  opacity: 1;
  transform: translateY(-3px);
  }
}

/* Mobile */
@media (max-width: 820px) {
  .f1rma-ai-card {
  min-height: auto !important;
  }

  .f1rma-ai-response-body {
  max-height: 180px;
  }
}


/* =========================================================
 F1RMA FULL HERO + AI PANEL FINAL FIX
 ========================================================= */

html, body {
  overflow-x: hidden !important;
}

/* Main page and hero should go edge-to-edge */
main,
.hero-shell,
.hero-section,
.home-hero,
.main-hero {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove gap under header */
.hero-shell,
.hero-section,
.home-hero,
.main-hero,
main > section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Make hero stretch to full viewport width */
.hero-media,
.hero-inner,
.hero-wrap,
.hero-container {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Hero image fills entire band */
.hero-media img,
.hero-image,
.hero-picture,
.main-hero img {
  width: 100vw !important;
  height: calc(100vh - 118px) !important;
  min-height: 760px !important;
  max-height: none !important;
  object-fit: cover !important;
  display: block !important;
}

/* Slight dark overlay for readability */
.hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
  linear-gradient(
  90deg,
  rgba(6,10,14,0.34) 0%,
  rgba(6,10,14,0.16) 38%,
  rgba(6,10,14,0.18) 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* Hero text sits high, just under header separator */
.hero-content,
.hero-copy,
.hero-overlay,
.hero-text {
  position: absolute !important;
  top: 34px !important;
  left: 56px !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  max-width: 48% !important;
  z-index: 12 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Eyebrow / kicker */
.hero-kicker,
.hero .eyebrow,
.hero .kicker,
.hero .overline {
  margin-bottom: 22px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
}

/* Headline */
.hero h1,
.hero-title,
#hero-title {
  margin: 0 !important;
  font-size: clamp(72px, 7vw, 118px) !important;
  line-height: 0.90 !important;
  letter-spacing: -0.05em !important;
  max-width: 920px !important;
}

/* Optional hero paragraph */
.hero p,
.hero-copy p,
.hero-content p {
  margin-top: 18px !important;
  max-width: 640px !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

/* AI block aligned to top, filling hero height */
.f1rma-ai-card {
  position: absolute !important;
  top: 24px !important;
  right: 56px !important;
  left: auto !important;
  bottom: 24px !important;
  transform: none !important;

  width: 430px !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;

  display: flex !important;
  flex-direction: column !important;

  padding: 24px !important;
  border-radius: 28px !important;

  background:
  linear-gradient(
  145deg,
  rgba(20, 22, 28, 0.78),
  rgba(24, 22, 34, 0.60)
  ) !important;

  backdrop-filter: blur(28px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(135%) !important;

  border: 1px solid rgba(255,255,255,.18) !important;

  box-shadow:
  0 24px 64px rgba(0,0,0,.34),
  inset 0 1px 0 rgba(255,255,255,.10),
  0 0 40px rgba(112,82,255,.15) !important;

  z-index: 12 !important;
  overflow: hidden !important;
}

/* Keep only clean interface */
.f1rma-ai-top,
.f1rma-ai-powered {
  display: none !important;
}

/* AI title */
.f1rma-ai-title,
.f1rma-ai-heading {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 18px 0 !important;
}

.f1rma-ai-logo,
.f1rma-ai-mark {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, #7657ff, #a579ff) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 28px rgba(106,77,255,.40) !important;
}

.f1rma-ai-title strong,
.f1rma-ai-heading strong {
  display: block !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -.02em !important;
}

.f1rma-ai-title small,
.f1rma-ai-heading small {
  display: block !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.60) !important;
}

/* Action buttons */
.f1rma-ai-actions {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  margin: 0 0 16px 0 !important;
}

.f1rma-ai-actions button {
  min-height: 44px !important;
  padding: 10px 10px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.05) !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background .18s ease, transform .18s ease, border-color .18s ease !important;
}

.f1rma-ai-actions button:hover {
  background: rgba(117,87,255,.18) !important;
  border-color: rgba(150,125,255,.40) !important;
  transform: translateY(-1px) !important;
}

/* Response window should expand */
.f1rma-ai-response {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 0 14px 0 !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.055) !important;
  overflow: hidden !important;
  min-height: 200px !important;
}

.f1rma-ai-response-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 12px 15px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  color: rgba(255,255,255,.66) !important;
}

.f1rma-ai-live-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #8a6cff !important;
  box-shadow: 0 0 10px rgba(138,108,255,.90) !important;
}

.f1rma-ai-response-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 18px 16px !important;
  overflow-y: auto !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,.92) !important;
}

.f1rma-ai-response-body p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,.92) !important;
}

/* Prompt box at bottom */
.f1rma-ai-input {
  flex: 0 0 auto !important;
  padding: 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.065) !important;
}

.f1rma-ai-input textarea {
  width: 100% !important;
  min-height: 64px !important;
  resize: none !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-family: inherit !important;
}

.f1rma-ai-input textarea::placeholder {
  color: rgba(255,255,255,.60) !important;
}

.f1rma-ai-input-footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 12px !important;
}

.f1rma-ai-input-footer > div {
  display: flex !important;
  gap: 8px !important;
}

.f1rma-ai-input-footer button {
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: 19px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.07) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.f1rma-ai-send {
  min-width: 72px !important;
  padding: 0 16px !important;
  background: linear-gradient(135deg, #7657ff, #a376ff) !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(117,87,255,.32) !important;
}

/* Header cleanup */
.brand-subtitle,
.logo-subtitle {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
}

header nav a,
.site-nav a,
.nav-link {
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Safer button text */
button,
.btn,
.button,
a.button {
  white-space: nowrap !important;
}

/* Responsive */
@media (max-width: 1300px) {
  .hero-content,
  .hero-copy,
  .hero-overlay,
  .hero-text {
  max-width: 50% !important;
  }

  .f1rma-ai-card {
  width: 390px !important;
  right: 32px !important;
  }
}

@media (max-width: 1100px) {
  .hero-media img,
  .hero-image,
  .hero-picture,
  .main-hero img {
  min-height: 680px !important;
  height: auto !important;
  }

  .hero-content,
  .hero-copy,
  .hero-overlay,
  .hero-text {
  top: 28px !important;
  left: 32px !important;
  max-width: 52% !important;
  }

  .hero h1,
  .hero-title,
  #hero-title {
  font-size: 74px !important;
  }

  .f1rma-ai-card {
  top: 20px !important;
  right: 24px !important;
  bottom: 20px !important;
  width: 350px !important;
  }
}

@media (max-width: 820px) {
  .hero-media,
  .hero-inner,
  .hero-wrap,
  .hero-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  }

  .hero-media img,
  .hero-image,
  .hero-picture,
  .main-hero img {
  width: 100% !important;
  min-height: 860px !important;
  height: auto !important;
  }

  .hero-content,
  .hero-copy,
  .hero-overlay,
  .hero-text {
  position: absolute !important;
  top: 24px !important;
  left: 22px !important;
  max-width: calc(100% - 44px) !important;
  }

  .hero h1,
  .hero-title,
  #hero-title {
  font-size: 52px !important;
  line-height: .95 !important;
  }

  .f1rma-ai-card {
  position: absolute !important;
  top: auto !important;
  right: 16px !important;
  left: 16px !important;
  bottom: 16px !important;
  width: auto !important;
  height: 430px !important;
  }
}


/* =========================================================
 F1RMA ASSISTANT - FIT EVERYTHING IN FIRST VIEW
 ========================================================= */

/* Remove unnecessary quick-action buttons */
.f1rma-ai-actions {
  display: none !important;
}

/* Keep the assistant compact enough for the hero */
.f1rma-ai-card {
  top: 24px !important;
  bottom: 24px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100% - 48px) !important;

  padding: 22px !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}

/* Compact heading */
.f1rma-ai-title,
.f1rma-ai-heading {
  flex: 0 0 auto !important;

  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.f1rma-ai-title strong,
.f1rma-ai-heading strong {
  font-size: 23px !important;
}

.f1rma-ai-title small,
.f1rma-ai-heading small {
  margin-top: 4px !important;
  font-size: 11px !important;
}

/* Response window uses available middle space */
.f1rma-ai-response {
  flex: 1 1 auto !important;

  min-height: 140px !important;
  max-height: none !important;

  margin: 0 0 14px 0 !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}

/* Small response heading */
.f1rma-ai-response-head {
  flex: 0 0 auto !important;

  padding: 10px 14px !important;
}

/* Response text scrolls internally only when genuinely long */
.f1rma-ai-response-body {
  flex: 1 1 auto !important;

  min-height: 0 !important;
  max-height: none !important;

  padding: 15px !important;

  overflow-y: auto !important;
}

/* Input stays permanently visible */
.f1rma-ai-input {
  flex: 0 0 auto !important;

  margin: 0 !important;

  padding: 13px 14px !important;

  border-radius: 20px !important;
}

/* Smaller text box so it fits in first view */
.f1rma-ai-input textarea {
  min-height: 42px !important;
  max-height: 70px !important;

  font-size: 14px !important;

  overflow-y: auto !important;
}

/* Compact controls */
.f1rma-ai-input-footer {
  margin-top: 8px !important;
}

/* Hide unnecessary secondary tool buttons */
.f1rma-ai-input-footer > div {
  display: none !important;
}

/* Keep only Send */
.f1rma-ai-send {
  margin-left: auto !important;

  min-width: 78px !important;
  width: auto !important;

  height: 38px !important;

  padding: 0 18px !important;

  border-radius: 19px !important;

  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Remove any old top controls and footer labels */
.f1rma-ai-top,
.f1rma-ai-powered {
  display: none !important;
}

/* Tablet */
@media (max-width: 1150px) {

  .f1rma-ai-card {
  padding: 18px !important;
  }

  .f1rma-ai-response {
  min-height: 120px !important;
  }

}

/* Mobile */
@media (max-width: 820px) {

  .f1rma-ai-card {
  max-height: none !important;
  min-height: 430px !important;
  }

}


/* =========================================================
 F1RMA ASSISTANT - CLEAN COMPACT FINAL LAYOUT
 ========================================================= */

/* Remove duplicated upper identity area completely */
.f1rma-ai-title,
.f1rma-ai-heading,
.f1rma-ai-logo,
.f1rma-ai-mark,
.f1rma-ai-actions,
.f1rma-ai-top,
.f1rma-ai-powered {
  display: none !important;
}

/* Compact assistant panel */
.f1rma-ai-card {
  top: 22px !important;
  right: 40px !important;
  bottom: 22px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100% - 44px) !important;

  padding: 18px !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}

/* Response block starts immediately at top */
.f1rma-ai-response {
  flex: 1 1 auto !important;

  display: flex !important;
  flex-direction: column !important;

  min-height: 0 !important;
  max-height: none !important;

  margin: 0 0 12px 0 !important;

  overflow: hidden !important;

  border-radius: 22px !important;
}

/* Only visible assistant title */
.f1rma-ai-response-head {
  flex: 0 0 auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding: 14px 16px !important;

  font-size: 15px !important;
  font-weight: 800 !important;

  letter-spacing: 0 !important;
}

/* Response area */
.f1rma-ai-response-body {
  flex: 1 1 auto !important;

  min-height: 0 !important;
  max-height: none !important;

  padding: 18px 16px !important;

  overflow-y: auto !important;
}

.f1rma-ai-response-body p {
  margin: 0 !important;

  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Input remains visible at all times */
.f1rma-ai-input {
  flex: 0 0 auto !important;

  margin: 0 !important;

  padding: 13px 14px !important;

  border-radius: 22px !important;
}

/* Compact input */
.f1rma-ai-input textarea {
  width: 100% !important;

  min-height: 42px !important;
  max-height: 60px !important;

  font-size: 15px !important;

  resize: none !important;
  overflow-y: auto !important;
}

/* Bottom controls */
.f1rma-ai-input-footer {
  margin-top: 8px !important;
}

/* Remove extra document/add controls */
.f1rma-ai-input-footer > div {
  display: none !important;
}

/* Clean Send button */
.f1rma-ai-send {
  margin-left: auto !important;

  width: auto !important;
  min-width: 74px !important;

  height: 38px !important;

  padding: 0 17px !important;

  border-radius: 19px !important;

  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Keep visible indicator simple */
.f1rma-ai-live-dot {
  width: 8px !important;
  height: 8px !important;

  border-radius: 50% !important;

  background: #8a6cff !important;
}

/* Desktop sizing */
@media (min-width: 1160px) {

  .f1rma-ai-card {
  width: 500px !important;
  }

}

/* Tablet */
@media (max-width: 1159px) {

  .f1rma-ai-card {
  right: 24px !important;

  width: 390px !important;
  }

}

/* Mobile */
@media (max-width: 820px) {

  .f1rma-ai-card {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;

  width: calc(100% - 30px) !important;
  max-height: none !important;

  margin: 20px auto !important;
  }

  .f1rma-ai-response {
  min-height: 220px !important;
  }

}


/* =========================================================
 F1RMA ASSISTANT - MOVE UP + FIT IN FIRST VIEW
 ========================================================= */

/* MOVE THE WHOLE BLOCK UP */
.f1rma-ai-card {
  top: 12px !important;
  bottom: auto !important;

  height: 555px !important;
  min-height: 0 !important;
  max-height: 555px !important;

  right: 40px !important;

  padding: 16px !important;

  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;
}

/* REMOVE ALL UNUSED TOP MATERIAL */
.f1rma-ai-title,
.f1rma-ai-heading,
.f1rma-ai-logo,
.f1rma-ai-mark,
.f1rma-ai-actions,
.f1rma-ai-top,
.f1rma-ai-powered {
  display: none !important;
}

/* F1RMA Assistant starts immediately at the top */
.f1rma-ai-response {
  flex: 1 1 auto !important;

  min-height: 0 !important;
  max-height: none !important;

  margin: 0 0 12px 0 !important;

  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;
}

/* Single heading */
.f1rma-ai-response-head {
  flex: 0 0 auto !important;

  padding: 12px 15px !important;

  font-size: 15px !important;
  font-weight: 800 !important;

  min-height: 44px !important;
}

/* Response area is shorter */
.f1rma-ai-response-body {
  flex: 1 1 auto !important;

  min-height: 0 !important;
  max-height: 330px !important;

  padding: 15px !important;

  overflow-y: auto !important;
}

.f1rma-ai-response-body p {
  margin: 0 !important;

  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* INPUT ALWAYS VISIBLE */
.f1rma-ai-input {
  flex: 0 0 125px !important;

  height: 125px !important;

  margin: 0 !important;

  padding: 13px 14px !important;

  border-radius: 20px !important;

  overflow: hidden !important;
}

.f1rma-ai-input textarea {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;

  resize: none !important;

  font-size: 15px !important;
}

/* Bottom controls */
.f1rma-ai-input-footer {
  height: 40px !important;

  margin-top: 5px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

/* Remove upload/add controls */
.f1rma-ai-input-footer > div {
  display: none !important;
}

/* Send button */
.f1rma-ai-send {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 78px !important;
  min-width: 78px !important;
  height: 36px !important;

  padding: 0 15px !important;

  border-radius: 18px !important;

  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Desktop assistant width */
@media (min-width: 1200px) {
  .f1rma-ai-card {
  width: 500px !important;
  }
}

/* Smaller laptop */
@media (max-width: 1199px) {
  .f1rma-ai-card {
  width: 420px !important;
  right: 22px !important;

  height: 520px !important;
  max-height: 520px !important;
  }
}


/* F1RMA ASSISTANT - MOVE UP ONLY */
.f1rma-ai-card {
  top: -70px !important;
}


/* F1RMA ASSISTANT - REDUCE SIZE ONLY */
.f1rma-ai-card {
  width: 390px !important;
  max-width: 390px !important;

  height: 430px !important;
  min-height: 430px !important;
  max-height: 430px !important;
}


/* F1RMA ASSISTANT - MOVE DOWN ONLY */
.f1rma-ai-card {
  top: 70px !important;
}


/* F1RMA ASSISTANT - ALIGN EXACTLY WITH HERO IMAGE TOP */
.hero-media {
  position: relative !important;
}

.f1rma-ai-card {
  top: 0 !important;
  right: 40px !important;
  bottom: auto !important;
  margin-top: 0 !important;
}


/* =========================================================
 ABOUT US - LIQUID GLASS OVER AFRICA HERO
 ========================================================= */

.hero-media {
  position: relative !important;
}

/* About block now overlays the hero image */
.about-glass {
  position: absolute !important;

  left: 54px !important;
  bottom: 28px !important;

  width: min(650px, 43vw) !important;

  margin: 0 !important;
  padding: 0 !important;

  z-index: 20 !important;

  background: transparent !important;
}

/* Liquid glass surface */
.about-glass-inner {
  position: relative;

  padding: 20px 22px 21px;

  border-radius: 22px;

  background:
  linear-gradient(
  135deg,
  rgba(255,255,255,0.16),
  rgba(255,255,255,0.075)
  );

  border:
  1px solid rgba(255,255,255,0.26);

  backdrop-filter:
  blur(22px) saturate(145%);

  -webkit-backdrop-filter:
  blur(22px) saturate(145%);

  box-shadow:
  0 18px 50px rgba(0,0,0,0.22),
  inset 0 1px 0 rgba(255,255,255,0.25);

  overflow: hidden;
}

/* subtle glass reflection */
.about-glass-inner::before {
  content: "";

  position: absolute;

  inset: 0;

  background:
  linear-gradient(
  120deg,
  rgba(255,255,255,0.14),
  transparent 38%,
  transparent 70%,
  rgba(255,255,255,0.05)
  );

  pointer-events: none;
}

/* About Us label */
.about-glass-label {
  position: relative;

  margin-bottom: 10px;

  color: #ffffff;

  font-size: 11px !important;
  font-weight: 800 !important;

  letter-spacing: .14em;

  text-transform: uppercase;
}

/* Passage */
.about-glass-copy {
  position: relative;

  margin: 0 !important;

  color: rgba(255,255,255,0.94) !important;

  font-size: 15px !important;
  line-height: 1.58 !important;

  font-style: normal !important;
  font-weight: 500 !important;
}

/* Tablet */
@media (max-width: 1100px) {

  .about-glass {
  left: 32px !important;
  bottom: 24px !important;

  width: min(600px, 55vw) !important;
  }

  .about-glass-copy {
  font-size: 14px !important;
  }

}

/* Mobile */
@media (max-width: 760px) {

  .about-glass {
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;

  width: auto !important;
  }

  .about-glass-inner {
  padding: 16px 17px;
  }

  .about-glass-copy {
  font-size: 13px !important;
  line-height: 1.52 !important;
  }

}



/* =========================================================
   ABOUT US - MOVE TO LOWER HERO AREA ONLY
   ========================================================= */

.hero-media {
    position: relative !important;
}

/* Move the About Us glass block down into the lower-left hero area */
.about-glass {
    position: absolute !important;

    top: auto !important;
    bottom: 22px !important;

    left: 54px !important;
    right: auto !important;

    width: min(760px, 45vw) !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 30 !important;

    background: transparent !important;
}

/* Keep the glass compact and horizontal */
.about-glass-inner {
    padding: 18px 22px 20px !important;

    border-radius: 22px !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.16),
            rgba(255,255,255,0.07)
        ) !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    backdrop-filter:
        blur(20px) saturate(140%) !important;

    -webkit-backdrop-filter:
        blur(20px) saturate(140%) !important;

    box-shadow:
        0 16px 44px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.20) !important;
}

/* Small About Us label */
.about-glass-label {
    margin-bottom: 8px !important;

    color: #ffffff !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    letter-spacing: 0.14em !important;
}

/* Compact passage */
.about-glass-copy {
    margin: 0 !important;

    color: rgba(255,255,255,0.94) !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.52 !important;

    font-style: normal !important;
}

/* Tablet */
@media (max-width: 1100px) {
    .about-glass {
        left: 30px !important;
        bottom: 20px !important;

        width: min(650px, 55vw) !important;
    }
}

/* Mobile */
@media (max-width: 760px) {
    .about-glass {
        left: 16px !important;
        right: 16px !important;
        bottom: 16px !important;

        width: auto !important;
    }

    .about-glass-copy {
        font-size: 13px !important;
    }
}



/* =========================================================
   ABOUT US - MOVE TO LOWER HERO AREA ONLY
   ========================================================= */

.hero-media {
    position: relative !important;
}

/* Move About Us into the lower area of the Africa image */
.about-glass {
    position: absolute !important;

    left: 54px !important;
    right: 54px !important;

    top: auto !important;
    bottom: 24px !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 20 !important;
}

/* Make the glass block wide and lower-profile */
.about-glass-inner {
    width: 100% !important;

    padding: 18px 24px !important;

    border-radius: 22px !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.14),
            rgba(255,255,255,0.07)
        ) !important;

    border:
        1px solid rgba(255,255,255,0.24) !important;

    backdrop-filter:
        blur(22px) saturate(145%) !important;

    -webkit-backdrop-filter:
        blur(22px) saturate(145%) !important;

    box-shadow:
        0 18px 48px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.20) !important;
}

/* ABOUT US label */
.about-glass-label {
    margin: 0 0 9px 0 !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    letter-spacing: 0.14em !important;

    color: #ffffff !important;
}

/* Keep paragraph compact so it fits the circled area */
.about-glass-copy {
    margin: 0 !important;

    max-width: 1320px !important;

    font-size: 15px !important;
    line-height: 1.55 !important;

    font-weight: 500 !important;
    font-style: normal !important;

    color: rgba(255,255,255,0.94) !important;
}

/* Tablet */
@media (max-width: 1100px) {

    .about-glass {
        left: 30px !important;
        right: 30px !important;
        bottom: 22px !important;
    }

    .about-glass-copy {
        font-size: 14px !important;
    }

}

/* Mobile */
@media (max-width: 760px) {

    .about-glass {
        left: 16px !important;
        right: 16px !important;
        bottom: 16px !important;
    }

    .about-glass-inner {
        padding: 15px 17px !important;
    }

    .about-glass-copy {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

}



/* ABOUT US - ALIGN TO BOTTOM EDGE OF AFRICA IMAGE */
.about-glass {
    bottom: 0 !important;
}



/* ABOUT US - MOVE DOWN ONLY */
.about-glass {
    transform: translateY(180px) !important;
}



/* =========================================================
   ABOUT US - LIVE LIQUID GLASS EDGE EFFECT
   ========================================================= */

.about-glass-inner {
    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.14),
            rgba(255,255,255,0.06)
        ) !important;

    backdrop-filter:
        blur(24px) saturate(155%) !important;

    -webkit-backdrop-filter:
        blur(24px) saturate(155%) !important;

    border:
        1px solid rgba(255,255,255,0.20) !important;

    box-shadow:
        0 18px 48px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.20),
        inset 0 -1px 0 rgba(255,255,255,0.05) !important;
}

/* Animated liquid edge */
.about-glass-inner::before {
    content: "" !important;

    position: absolute !important;
    inset: -2px !important;

    border-radius: inherit !important;

    padding: 2px !important;

    background:
        conic-gradient(
            from 0deg,
            rgba(255,255,255,0.08),
            rgba(120,210,255,0.55),
            rgba(140,100,255,0.65),
            rgba(255,255,255,0.18),
            rgba(80,190,255,0.50),
            rgba(170,120,255,0.58),
            rgba(255,255,255,0.08)
        ) !important;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0) !important;

    -webkit-mask-composite:
        xor !important;

    mask-composite:
        exclude !important;

    pointer-events:
        none !important;

    animation:
        aboutLiquidEdge 7s linear infinite !important;

    opacity:
        0.95 !important;
}

/* Moving internal water light */
.about-glass-inner::after {
    content: "" !important;

    position: absolute !important;

    width: 55% !important;
    height: 180% !important;

    top: -40% !important;
    left: -20% !important;

    background:
        radial-gradient(
            ellipse at center,
            rgba(255,255,255,0.16),
            rgba(105,170,255,0.10) 35%,
            transparent 68%
        ) !important;

    transform:
        rotate(18deg) !important;

    animation:
        aboutWaterDrift 8s ease-in-out infinite alternate !important;

    pointer-events:
        none !important;

    filter:
        blur(10px) !important;
}

/* Keep text above the animated glass */
.about-glass-label,
.about-glass-copy {
    position:
        relative !important;

    z-index:
        3 !important;
}

/* Subtle edge breathing */
@keyframes aboutLiquidEdge {

    0% {
        transform: rotate(0deg);
        filter: brightness(0.95);
    }

    50% {
        filter: brightness(1.25);
    }

    100% {
        transform: rotate(360deg);
        filter: brightness(0.95);
    }

}

/* Slow water movement */
@keyframes aboutWaterDrift {

    0% {
        transform:
            translateX(-4%)
            translateY(-2%)
            rotate(18deg)
            scale(1);
    }

    50% {
        transform:
            translateX(55%)
            translateY(4%)
            rotate(25deg)
            scale(1.12);
    }

    100% {
        transform:
            translateX(105%)
            translateY(-2%)
            rotate(14deg)
            scale(1.02);
    }

}

/* Slow floating motion */
.about-glass {
    animation:
        aboutFloat 5.5s ease-in-out infinite !important;
}

@keyframes aboutFloat {

    0%, 100% {
        translate: 0 0;
    }

    50% {
        translate: 0 -5px;
    }

}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {

    .about-glass,
    .about-glass-inner::before,
    .about-glass-inner::after {
        animation:
            none !important;
    }

}



/* =========================================================
   F1RMA WHAT WE DO - VISUAL CONSULTANCY GRID
   ========================================================= */

.f1rma-services-visual {
    background: #f4f2ed !important;
    padding: 78px 0 90px !important;
}

.f1rma-services-wrap {
    width: min(1180px, calc(100% - 64px)) !important;
    margin: 0 auto !important;
}

.f1rma-services-header {
    text-align: center !important;
    max-width: 800px !important;
    margin: 0 auto 42px !important;
}

.f1rma-services-kicker {
    color: #6557ef !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
    margin-bottom: 12px !important;
}

.f1rma-services-header h2 {
    margin: 0 0 13px !important;
    color: #121212 !important;
    font-size: 42px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
}

.f1rma-services-header p {
    margin: 0 auto !important;
    max-width: 720px !important;
    color: #67645d !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}


.f1rma-services-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}


.f1rma-service-box {
    position: relative !important;

    min-height: 235px !important;

    padding: 28px 24px 24px !important;

    background: rgba(255,255,255,0.82) !important;

    border: 1px solid rgba(25,25,25,0.09) !important;

    border-radius: 8px !important;

    text-align: center !important;

    box-shadow:
        0 10px 32px rgba(0,0,0,0.06) !important;

    overflow: hidden !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

.f1rma-service-box:hover {
    transform: translateY(-4px) !important;

    box-shadow:
        0 16px 38px rgba(0,0,0,0.10) !important;
}


.f1rma-service-icon {
    width: 54px !important;
    height: 54px !important;

    margin: 0 auto 17px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 50% !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 900 !important;
}


.f1rma-service-box h3 {
    margin: 0 0 10px !important;

    color: #181818 !important;

    font-size: 19px !important;
    line-height: 1.25 !important;

    font-weight: 800 !important;
}


.f1rma-service-box p {
    margin: 0 auto !important;

    max-width: 290px !important;

    color: #77736c !important;

    font-size: 14px !important;
    line-height: 1.6 !important;
}


/* Individual service colors */

.service-red .f1rma-service-icon {
    background: #ef5546 !important;
}

.service-blue .f1rma-service-icon {
    background: #3678e5 !important;
}

.service-teal .f1rma-service-icon {
    background: #35aeb8 !important;
}

.service-purple .f1rma-service-icon {
    background: #7d3ec8 !important;
}

.service-green .f1rma-service-icon {
    background: #2d9b69 !important;
}

.service-orange .f1rma-service-icon {
    background: #ec9b27 !important;
}


/* Corner accents similar to reference image */

.f1rma-service-box::before,
.f1rma-service-box::after {
    content: "" !important;

    position: absolute !important;

    width: 26px !important;
    height: 26px !important;

    pointer-events: none !important;
}

.f1rma-service-box::before {
    top: 8px !important;
    left: 8px !important;

    border-top: 2px solid rgba(101,87,239,0.52) !important;
    border-left: 2px solid rgba(101,87,239,0.52) !important;
}

.f1rma-service-box::after {
    right: 8px !important;
    bottom: 8px !important;

    border-right: 2px solid rgba(101,87,239,0.52) !important;
    border-bottom: 2px solid rgba(101,87,239,0.52) !important;
}


/* =========================================================
   HOW WE WORK STRIP
   ========================================================= */

.f1rma-workflow {
    margin-top: 32px !important;

    padding: 26px 30px !important;

    display: grid !important;

    grid-template-columns:
        minmax(220px, 0.8fr)
        minmax(0, 2fr) !important;

    align-items: center !important;

    gap: 30px !important;

    background: #141817 !important;

    border-radius: 10px !important;
}


.f1rma-workflow-intro span {
    display: block !important;

    margin-bottom: 7px !important;

    color: #8e7fff !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    letter-spacing: 0.14em !important;
}


.f1rma-workflow-intro strong {
    display: block !important;

    color: #ffffff !important;

    font-size: 22px !important;
    line-height: 1.2 !important;
}


.f1rma-workflow-steps {
    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;
}


.f1rma-workflow-step {
    min-width: 92px !important;

    text-align: center !important;
}


.f1rma-workflow-step b {
    display: block !important;

    margin-bottom: 5px !important;

    color: #9182ff !important;

    font-size: 12px !important;
}


.f1rma-workflow-step span {
    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;
}


.f1rma-workflow-line {
    height: 1px !important;

    flex: 1 !important;

    margin: 0 12px !important;

    background:
        rgba(255,255,255,0.18) !important;
}


@media (max-width: 900px) {

    .f1rma-services-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    .f1rma-workflow {
        grid-template-columns: 1fr !important;
    }

}


@media (max-width: 620px) {

    .f1rma-services-wrap {
        width: calc(100% - 30px) !important;
    }

    .f1rma-services-grid {
        grid-template-columns: 1fr !important;
    }

    .f1rma-services-header h2 {
        font-size: 34px !important;
    }

    .f1rma-workflow-steps {
        display: grid !important;
        grid-template-columns:
            repeat(2, 1fr) !important;

        gap: 18px !important;
    }

    .f1rma-workflow-line {
        display: none !important;
    }

}


/* PULL WHAT WE DO UP AFTER OLD STRIP REMOVAL */
#services,
.f1rma-services-visual {
    margin-top: 0 !important;
}



/* PULL WHAT WE DO UP AFTER OLD STRIP REMOVAL */
#services,
.f1rma-services-visual {
    margin-top: 0 !important;
}



/* REMOVE ONLY THE OLD BLOCK ABOVE WHAT WE DO */
.hero-intro-wrap {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}



/* =========================================================
   WHAT WE DO - LARGE MOVING BANNER
   ========================================================= */

.f1rma-services-kicker,
.f1rma-section-label {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 86px !important;

    margin: 0 0 34px 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-top: 1px solid rgba(20,20,20,0.12) !important;
    border-bottom: 1px solid rgba(20,20,20,0.12) !important;

    background:
        linear-gradient(
            90deg,
            rgba(101,87,239,0.08),
            rgba(255,255,255,0.55),
            rgba(101,87,239,0.08)
        ) !important;

    color: #5f50f0 !important;

    font-size: 34px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;

    white-space: nowrap !important;
    text-transform: uppercase !important;
}

/* Moving text itself */
.f1rma-services-kicker,
.f1rma-section-label {
    animation:
        f1rmaWhatWeDoBounce 8s ease-in-out infinite alternate !important;
}

/* Horizontal end-to-end movement */
@keyframes f1rmaWhatWeDoBounce {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(100vw - 420px));
    }

}

/* Make sure it stays visible and smooth */
.f1rma-services-kicker,
.f1rma-section-label {
    will-change: transform !important;
}

/* Tablet */
@media (max-width: 1000px) {

    .f1rma-services-kicker,
    .f1rma-section-label {
        min-height: 74px !important;

        font-size: 28px !important;

        animation-duration: 7s !important;
    }

    @keyframes f1rmaWhatWeDoBounce {

        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(100vw - 330px));
        }

    }

}

/* Mobile */
@media (max-width: 650px) {

    .f1rma-services-kicker,
    .f1rma-section-label {
        min-height: 64px !important;

        font-size: 22px !important;

        letter-spacing: 0.08em !important;

        animation-duration: 6s !important;
    }

    @keyframes f1rmaWhatWeDoBounce {

        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(100vw - 230px));
        }

    }

}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {

    .f1rma-services-kicker,
    .f1rma-section-label {
        animation: none !important;
        transform: none !important;
    }

}



/* =========================================================
   WHAT WE DO - SMALL MOVING HEADING BLOCK ONLY
   ========================================================= */

/* Invisible full-width movement track */
.f1rma-services-kicker {
    position: relative !important;

    display: block !important;

    width: 100vw !important;
    height: 76px !important;
    min-height: 76px !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: 28px !important;

    padding: 0 !important;

    overflow: hidden !important;

    background: transparent !important;
    border: 0 !important;

    color: transparent !important;
    font-size: 0 !important;

    transform: none !important;
    animation: none !important;
}

/* ONLY this small block moves */
.f1rma-services-kicker::before {
    content: "WHAT WE DO";

    position: absolute;

    top: 7px;
    left: 0;

    width: 230px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #6557ef,
            #806dff
        );

    color: #ffffff;

    font-size: 22px;
    font-weight: 900;

    letter-spacing: 0.12em;

    white-space: nowrap;

    box-shadow:
        0 10px 28px rgba(101,87,239,0.22);

    animation:
        f1rmaWhatWeDoTravel 9s ease-in-out infinite alternate;

    will-change: transform;
}

/* Move from left edge to right edge */
@keyframes f1rmaWhatWeDoTravel {

    0% {
        transform: translateX(24px);
    }

    50% {
        transform: translateX(
            calc(50vw - 115px)
        );
    }

    100% {
        transform: translateX(
            calc(100vw - 254px)
        );
    }

}

/* Keep the main What We Do content underneath stable */
.f1rma-services-header {
    overflow: visible !important;
}

.f1rma-services-header h2,
.f1rma-services-header p {
    transform: none !important;
    animation: none !important;
}

/* Tablet */
@media (max-width: 900px) {

    .f1rma-services-kicker {
        height: 66px !important;
        min-height: 66px !important;
    }

    .f1rma-services-kicker::before {
        width: 190px;
        height: 52px;

        font-size: 18px;

        border-radius: 26px;

        animation-duration: 8s;
    }

    @keyframes f1rmaWhatWeDoTravel {

        0% {
            transform: translateX(16px);
        }

        50% {
            transform: translateX(
                calc(50vw - 95px)
            );
        }

        100% {
            transform: translateX(
                calc(100vw - 206px)
            );
        }

    }

}

/* Mobile */
@media (max-width: 600px) {

    .f1rma-services-kicker::before {
        width: 170px;

        font-size: 16px;

        letter-spacing: 0.08em;
    }

    @keyframes f1rmaWhatWeDoTravel {

        0% {
            transform: translateX(12px);
        }

        50% {
            transform: translateX(
                calc(50vw - 85px)
            );
        }

        100% {
            transform: translateX(
                calc(100vw - 182px)
            );
        }

    }

}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {

    .f1rma-services-kicker::before {
        animation: none !important;

        left: 50%;

        transform: translateX(-50%) !important;
    }

}



/* REMOVE ONLY THE UPPER HOW WE WORK STRIP */
.remove-how-we-work-strip {
    display: none !important;
}

/* MOVE THE LOWER HOW F1RMA WORKS SECTION UP SLIGHTLY */
#approach,
.how-f1rma-works,
.approach-section {
    margin-top: -40px !important;
}



/* =========================================================
   REMOVE ONLY THE 01 UNDERSTAND / INVESTIGATE / DESIGN / DELIVER STRIP
   ========================================================= */

.f1rma-workflow {
    display: none !important;
}

/* Remove the space it occupied at the bottom of What We Do */
.f1rma-services-visual {
    padding-bottom: 20px !important;
}

/* Pull ONLY the existing HOW F1RMA WORKS section upward */
#approach {
    margin-top: 0 !important;
    padding-top: 42px !important;
}