/* ===================== FONTS ===================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Montserrat:wght@400;600&display=swap');

/* ===================== RESET ===================== */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body {
  background: #FBFDFF;
  color: #19191B;
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
}
p { margin: 0; }
a { color: inherit; }
img { display: block; max-width: 100%; }

/* ===================== UTILITIES ===================== */
.link-mailto {
  text-decoration: none;
  transition: text-decoration 0s;
}
.link-mailto:hover { text-decoration: underline; }

.btn-hero {
  --hover: #FBFDFF;
  background: #3BA6F4;
  color: #FBFDFF;
  transition: box-shadow 0.4s ease, color 0.4s ease;
  box-shadow: inset 0 0 0 0 var(--hover);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  text-decoration: none;
}
.btn-hero:hover {
  box-shadow: inset 20em 0 0 0 var(--hover);
  color: #3BA6F4;
}
.btn-hero.btn-outline {
  border: 1px solid #FBFDFF;
  background: transparent;
}

/* Scroll-reveal animations */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.75s cubic-bezier(0.22,1,0.36,1),
              transform 0.75s cubic-bezier(0.22,1,0.36,1);
  will-change: opacity, transform;
}
.reveal.reveal-left  { transform: translateX(-40px); }
.reveal.reveal-right { transform: translateX(40px); }
.reveal.visible      { opacity: 1; transform: translate(0,0); }

/* Image hover zoom */
.img-zoom img {
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}
.img-zoom:hover img { transform: scale(1.06); }

/* Responsive visibility */
.desktop-only { display: block; }
.tablet-only  { display: none; }
.mobile-only  { display: none; }

@media (min-width: 576px) and (max-width: 1023px) {
  .desktop-only { display: none; }
  .tablet-only  { display: block; }
  .mobile-only  { display: none; }
}
@media (max-width: 575px) {
  .desktop-only { display: none; }
  .tablet-only  { display: none; }
  .mobile-only  { display: block; }
}

/* ===================== SHARED ICON ===================== */
.star-icon {
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  overflow: hidden;
}
.star-icon .star-inner {
  position: absolute; inset: 8.32%;
}
.star-icon .star-outer {
  position: absolute; inset: 4.16%;
}
.star-icon svg {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  display: block;
}

/* ===================== DESKTOP ===================== */
.desktop-root {
  background: #FBFDFF;
  min-height: 100vh;
  font-family: 'Inter', sans-serif;
}

.d-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #FBFDFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 80px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}
.d-header .logo-dark {
  height: 20px;
  width: 167px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.d-header .logo-dark svg { width: 100%; height: 100%; display: block; }
.d-header .email {
  font-size: 20px;
  color: #19191B;
  font-weight: 400;
}

.d-main {
  max-width: 1760px;
  margin: 0 auto;
  padding: 20px 80px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Hero */
.d-hero {
  background: #FBFDFF;
  border-radius: 24px;
  height: 800px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.d-hero .hero-bg-wrap {
  position: absolute;
  inset: 0;
  transform: scaleY(-1) rotate(180deg);
  overflow: hidden;
}
.d-hero .hero-bg-wrap img {
  position: absolute;
  width: 99.96%;
  height: 100%;
  left: 0; top: 0;
  max-width: none;
}
.d-hero .hero-fg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.d-hero .hero-content {
  position: absolute;
  left: 60px;
  right: 60px;
  top: 279px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  max-width: 864px;
}
.d-hero .hero-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #19191B;
  line-height: 1.4;
}
.d-hero .hero-title .brand { color: #3BA6F4; font-size: 48px; }
.d-hero .hero-title .rest  { font-size: 48px; }
.d-hero .btn-hero {
  align-self: flex-start;
  padding: 24px;
}
.d-hero .btn-hero span { font-size: 20px; white-space: nowrap; color: inherit; }

/* Services row */
.d-services {
  display: flex;
  gap: 20px;
  height: 300px;
  align-items: center;
  flex-shrink: 0;
}
.d-services-left {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
}
.d-services-right {
  flex: 1 0 0;
  height: 100%;
}
.d-service-card {
  background: #FBFDFF;
  flex: 1 0 0;
  border-radius: 24px;
  position: relative;
  border: 1px solid #3BA6F4;
  height: 100%;
}
.d-service-card .inner {
  padding: 32px 48px;
  height: 100%;
  display: flex;
  align-items: center;
}
.d-service-card p {
  font-size: 28px;
  color: #19191B;
  line-height: normal;
  font-weight: 400;
}

/* Generic photo section */
.d-photo-section {
  border-radius: 24px;
  height: 700px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  padding: 60px;
  display: flex;
  flex-direction: column;
}
.d-photo-section > img.bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  pointer-events: none;
}
.d-photo-section .content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 650px;
}
.d-photo-section .content h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  margin: 0;
}
.d-photo-section .content p {
  font-size: 20px;
  line-height: normal;
  font-weight: 400;
}
.d-photo-section .cards {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.d-photo-section.justify-between { justify-content: space-between; }
.d-photo-section.justify-start    { justify-content: flex-start; }

.d-photo-section.consulting .bg-wrap {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 24px;
}
.d-photo-section.consulting .bg-wrap img {
  position: absolute;
  left: 0;
  top: -0.03%;
  width: 100%;
  height: 100.06%;
  max-width: none;
}

.d-photo-section.dark .content h2,
.d-photo-section.dark .content p { color: #FBFDFF; }
.d-photo-section.light .content h2,
.d-photo-section.light .content p { color: #19191B; }

/* Glass card (desktop) */
.d-glass-card {
  background: rgba(255,255,255,0.55);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.6);
  flex: 1 0 0;
  min-height: 160px;
  min-width: 300px;
  border-radius: 24px;
  position: relative;
}
.d-glass-card .inner {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  height: 100%;
}
.d-glass-card p {
  font-size: 20px;
  color: #19191B;
  line-height: normal;
  font-weight: 400;
}

/* Footer */
.d-footer {
  background: #3BA6F4;
  border-radius: 24px;
  height: 800px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 60px;
  overflow: hidden;
}
.d-footer .center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 88px;
  flex: 1 0 0;
  width: 100%;
  justify-content: center;
}
.d-footer .logo-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  width: 100%;
}
.d-footer .logo-white {
  position: relative;
  width: 100%;
  aspect-ratio: 251/30;
  overflow: hidden;
}
.d-footer .logo-white .logo-white-inner {
  position: absolute;
  inset: 0.1% 0;
}
.d-footer .logo-white .logo-part {
  position: absolute;
}
.d-footer .logo-white .logo-part svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.d-footer .tagline {
  font-size: 28px;
  color: #FBFDFF;
  text-align: center;
  white-space: nowrap;
  font-weight: 400;
}
.d-footer .btn-hero {
  padding: 32px 56px;
}
.d-footer .btn-hero span { font-size: 20px; white-space: nowrap; color: inherit; font-weight: 400; }
.d-footer .bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
}
.d-footer .bottom span,
.d-footer .bottom a {
  font-size: 20px;
  color: #FBFDFF;
  font-weight: 400;
}

/* ===================== TABLET ===================== */
.tablet-root {
  background: #FBFDFF;
  min-height: 100vh;
  font-family: 'Inter', sans-serif;
}
.t-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #FBFDFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}
.t-header .logo-dark {
  height: 20px;
  width: 167px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.t-header .logo-dark svg { width: 100%; height: 100%; display: block; }
.t-header .email { font-size: 16px; color: #19191B; font-weight: 400; }

.t-main {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.t-hero {
  background: #FBFDFF;
  border-radius: 24px;
  height: 400px;
  overflow: hidden;
  position: relative;
}
.t-hero img.hero-fg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
}
.t-hero .hero-title {
  position: absolute;
  left: 24px;
  top: 85px;
  width: 308px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #19191B;
  line-height: 1.4;
}
.t-hero .hero-title .brand { color: #3BA6F4; font-size: 24px; }
.t-hero .hero-title .rest  { font-size: 24px; }
.t-hero .btn-hero {
  position: absolute;
  left: 24px;
  top: 280px;
  padding: 24px;
}
.t-hero .btn-hero span { font-size: 16px; white-space: nowrap; color: inherit; font-weight: 400; }

.t-services {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.t-services .row {
  display: flex;
  gap: 10px;
}
.t-service-card {
  background: #FBFDFF;
  border-radius: 16px;
  position: relative;
  flex: 1 0 0;
  min-height: 100px;
}
.t-service-card .inner {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  height: 100%;
}
.t-service-card p {
  font-size: 16px;
  color: #19191B;
  line-height: normal;
  font-weight: 400;
}
.t-service-card .border-overlay {
  position: absolute;
  inset: 0;
  border: 1px solid #3BA6F4;
  border-radius: 16px;
  pointer-events: none;
}

.t-photo-section {
  border-radius: 24px;
  height: 400px;
  overflow: hidden;
  position: relative;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.t-photo-section.justify-start { justify-content: flex-start; }
.t-photo-section.tall-410 { height: 410px; }
.t-photo-section.consulting { border-radius: 16px; }
.t-photo-section > img.bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  pointer-events: none;
}
.t-photo-section.consulting .bg-wrap {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 16px;
}
.t-photo-section.consulting .bg-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 20% center;
  max-width: none;
}
.t-photo-section.ai > img.bg { object-position: 30% center; }
.t-photo-section .content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.t-photo-section .content.maxw { max-width: 480px; }
.t-photo-section .content h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.4;
}
.t-photo-section .content p {
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  max-width: 500px;
}
.t-photo-section.dark .content h2,
.t-photo-section.dark .content p { color: #FBFDFF; }
.t-photo-section.light .content h2,
.t-photo-section.light .content p { color: #19191B; }

.t-cards-grid {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.t-cards-grid .row {
  display: flex;
  gap: 12px;
}
.t-cards-row {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 12px;
}
.t-glass-card {
  background: rgba(255,255,255,0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 8px;
  flex: 1 0 0;
  min-width: 0;
}
.t-glass-card .inner {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 12px 16px;
}
.t-glass-card p {
  font-size: 16px;
  color: #19191B;
  line-height: normal;
  font-weight: 400;
  flex: 1 0 0;
}
.t-glass-card-full {
  background: rgba(255,255,255,0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 8px;
  width: 100%;
}
.t-glass-card-full .inner {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 12px 16px;
}
.t-glass-card-full p {
  font-size: 16px;
  color: #19191B;
  line-height: normal;
  font-weight: 400;
  flex: 1 0 0;
}

.t-footer {
  background: #3BA6F4;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 40px 24px 32px;
  gap: 40px;
  overflow: hidden;
}
.t-footer .center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
  width: 100%;
  flex: 1 0 0;
  justify-content: center;
}
.t-footer .logo-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 420px;
}
.t-footer .logo-white {
  position: relative;
  width: 100%;
  aspect-ratio: 251/30;
  overflow: hidden;
}
.t-footer .logo-white .logo-white-inner { position: absolute; inset: 0.1% 0; }
.t-footer .logo-white .logo-part { position: absolute; }
.t-footer .logo-white .logo-part svg {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  display: block;
}
.t-footer .tagline {
  font-size: 16px;
  color: #FBFDFF;
  text-align: center;
  font-weight: 400;
}
.t-footer .btn-hero { padding: 32px 56px; }
.t-footer .btn-hero span { font-size: 16px; white-space: nowrap; color: inherit; font-weight: 400; }
.t-footer .bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 8px;
}
.t-footer .bottom span,
.t-footer .bottom a {
  font-size: 16px;
  color: #FBFDFF;
  font-weight: 400;
}

/* ===================== MOBILE ===================== */
.mobile-root {
  background: #FBFDFF;
  min-height: 100vh;
  font-family: 'Inter', sans-serif;
}
.m-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #FBFDFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 10px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}
.m-header .logo-dark {
  height: 20px;
  width: 167px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.m-header .logo-dark svg { width: 100%; height: 100%; display: block; }
.m-header .email { font-size: 16px; color: #19191B; font-weight: 400; }

.m-main {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.m-hero {
  background: #FBFDFF;
  border-radius: 16px;
  height: 400px;
  overflow: hidden;
  position: relative;
}
.m-hero .hero-img-wrap {
  position: absolute;
  top: -1.5%;
  bottom: -1.5%;
  left: -194px;
  aspect-ratio: 7583/3085;
}
.m-hero .hero-img-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  pointer-events: none;
  transform: translateX(-50px);
}
.m-hero .hero-title {
  position: absolute;
  left: 24px;
  top: 85px;
  right: 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #19191B;
  line-height: 1.4;
  text-align: center;
}
.m-hero .hero-title .brand { color: #3BA6F4; font-size: 24px; }
.m-hero .hero-title .rest  { font-size: 24px; }
.m-hero .btn-hero {
  position: absolute;
  left: 50%;
  top: 280px;
  transform: translateX(-50%);
  padding: 24px;
}
.m-hero .btn-hero span { font-size: 16px; white-space: nowrap; color: inherit; font-weight: 400; }

.m-services {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.m-service-card {
  background: #FBFDFF;
  border-radius: 16px;
  position: relative;
  width: 100%;
}
.m-service-card .inner {
  padding: 16px 24px;
  display: flex;
  align-items: center;
}
.m-service-card p {
  font-size: 16px;
  color: #19191B;
  line-height: normal;
  font-weight: 400;
}
.m-service-card .border-overlay {
  position: absolute;
  inset: 0;
  border: 1px solid #3BA6F4;
  border-radius: 16px;
  pointer-events: none;
}

.m-photo-section {
  border-radius: 16px;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.m-photo-section.justify-start    { justify-content: flex-start; }
.m-photo-section.justify-between  { justify-content: space-between; }

.m-photo-section > .img-wrap {
  position: absolute;
}
.m-photo-section > .img-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  border-radius: 16px;
  pointer-events: none;
}
.m-photo-section.engineering > .img-wrap {
  top: -1.51%;
  bottom: -0.86%;
  left: -54px;
  aspect-ratio: 847/475;
}
.m-photo-section.automation > .img-wrap {
  top: -2.44%;
  bottom: -2.44%;
  left: -43px;
  aspect-ratio: 766/430;
}
.m-photo-section.consulting .bg-wrap {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 16px;
}
.m-photo-section.consulting .bg-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 20% center;
  max-width: none;
}
.m-photo-section.ai > .img-wrap {
  top: -0.65%;
  bottom: -0.65%;
  left: -44px;
  aspect-ratio: 836/470;
}
.m-photo-section.ai > .img-wrap img { object-position: 30% center; }

.m-photo-section .content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.m-photo-section .content h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.4;
}
.m-photo-section .content p {
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
}
.m-photo-section.dark .content h2,
.m-photo-section.dark .content p { color: #FBFDFF; }
.m-photo-section.light .content h2,
.m-photo-section.light .content p { color: #19191B; }

.m-cards {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.m-glass-card {
  background: rgba(255,255,255,0.55);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 8px;
  width: 100%;
}
.m-glass-card .inner {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 12px 16px;
}
.m-glass-card p {
  font-size: 16px;
  color: #19191B;
  line-height: normal;
  font-weight: 400;
  flex: 1 0 0;
}

.m-footer {
  background: #3BA6F4;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 32px 24px;
  gap: 40px;
  overflow: hidden;
}
.m-footer .center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  width: 100%;
  flex: 1 0 0;
  justify-content: center;
}
.m-footer .logo-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.m-footer .logo-white {
  position: relative;
  width: 100%;
  aspect-ratio: 251/30;
  overflow: hidden;
}
.m-footer .logo-white .logo-white-inner { position: absolute; inset: 0.1% 0; }
.m-footer .logo-white .logo-part { position: absolute; }
.m-footer .logo-white .logo-part svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.m-footer .tagline {
  font-size: 16px;
  color: #FBFDFF;
  text-align: center;
  font-weight: 400;
}
.m-footer .btn-hero { padding: 32px 56px; }
.m-footer .btn-hero span { font-size: 16px; white-space: nowrap; color: inherit; font-weight: 400; }
.m-footer .bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  text-align: center;
}
.m-footer .bottom span,
.m-footer .bottom a {
  font-size: 16px;
  color: #FBFDFF;
  font-weight: 400;
}

/* Shared footer logo part insets (same % across breakpoints) */
.logo-part.p1 { inset: 15.32% 61.36% 1.25% 22.42%; }
.logo-part.p2 { inset: 15.32% 0 1.23% 85.59%; }
.logo-part.p3 { inset: 15.32% 56.49% 1.25% 39.83%; }
.logo-part.p4 { inset: 15.32% 22.22% 1.25% 63.12%; }
.logo-part.p5 { inset: 15.32% 16.42% 1.25% 79.91%; }
.logo-part.p6 { inset: 21.36% 76.75% 1.23% 9.7%; }
.logo-part.p7 { inset: 0.1% 83.25% 1.23% 0; }
.logo-part.p8 { inset: 14.15% 38.28% 0.1% 45.08%; }