:root {
  --iyi-red: #df2b24;
  --iyi-red-dark: #b71914;
  --iyi-black: #0b0b0c;
  --iyi-ink: #151516;
  --iyi-muted: #67676d;
  --iyi-line: #e8e8ea;
  --iyi-soft: #f6f6f7;
  --iyi-white: #fff;
  --iyi-radius: 22px;
  --iyi-shadow: 0 24px 70px rgba(18, 18, 22, .08);
}

.iyisite-managed-page .page-title,
.iyisite-managed-page .wd-page-title { display: none !important; }
.iyisite-managed-page .main-page-wrapper { padding-top: 0 !important; }
.iyisite-managed-page .site-content { margin-bottom: 0 !important; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--iyi-ink);
  background: var(--iyi-white);
  font-family: Manrope, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
.iyi-home { overflow: hidden; }
.iyi-home svg { display: block; }
.iyi-container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.iyi-section { padding: 122px 0; }
.iyi-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: var(--iyi-red);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.iyi-eyebrow::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.iyi-eyebrow--light { color: #ff6a62; }
.iyi-section-head h2,
.iyi-needs h2,
.iyi-case h2,
.iyi-brand h2,
.iyi-faq h2,
.iyi-cta h2 {
  margin: 0;
  color: var(--iyi-black);
  font-size: clamp(40px, 5.2vw, 72px);
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: 1.04;
}
.iyi-section-head h2 em,
.iyi-needs h2 em,
.iyi-case h2 em,
.iyi-brand h2 em,
.iyi-faq h2 em,
.iyi-cta h2 em {
  color: var(--iyi-red);
  font-style: normal;
}
.iyi-section-head--row {
  display: grid;
  grid-template-columns: 1.45fr .55fr;
  align-items: end;
  gap: 80px;
  margin-bottom: 54px;
}
.iyi-section-head--row > p,
.iyi-section-head--row > div > p {
  margin: 0;
  color: var(--iyi-muted);
  font-size: 16px;
  line-height: 1.75;
}
.iyi-section-head--center { max-width: 850px; margin: 0 auto 70px; text-align: center; }
.iyi-section-head--center .iyi-eyebrow { justify-content: center; }
.iyi-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  padding-bottom: 7px;
  border-bottom: 1px solid #bfc0c4;
  font-size: 14px;
  font-weight: 800;
}
.iyi-text-link span,
.iyi-card-link b { color: var(--iyi-red); transition: transform .25s ease; }
.iyi-text-link:hover span,
.iyi-service-card:hover .iyi-card-link b { transform: translate(3px, -3px); }
.iyi-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 56px;
  padding: 0 24px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 800;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.iyi-button:hover { transform: translateY(-3px); }
.iyi-button--dark { color: #fff; background: var(--iyi-black); box-shadow: 0 18px 34px rgba(0,0,0,.14); }
.iyi-button--light { color: var(--iyi-black); background: #fff; }
.iyi-button--red { color: #fff; background: var(--iyi-red); box-shadow: 0 20px 50px rgba(223,43,36,.27); }
.iyi-button--red:hover { background: #f0362e; }

.iyi-proof { position: relative; z-index: 3; background: #fff; border-bottom: 1px solid var(--iyi-line); }
.iyi-proof__grid { display: grid; grid-template-columns: 1.55fr repeat(3, .65fr); align-items: stretch; }
.iyi-proof__intro { padding: 42px 48px 42px 0; }
.iyi-proof__intro .iyi-eyebrow { margin-bottom: 12px; }
.iyi-proof__intro p { max-width: 490px; margin: 0; color: var(--iyi-muted); font-size: 14px; line-height: 1.65; }
.iyi-metric { display: flex; flex-direction: column; justify-content: center; min-height: 150px; padding: 28px; border-left: 1px solid var(--iyi-line); }
.iyi-metric strong { color: var(--iyi-black); font-size: 39px; line-height: 1; letter-spacing: -.05em; }
.iyi-metric span { margin-top: 10px; color: var(--iyi-muted); font-size: 12px; font-weight: 700; }

.iyi-intro { background: linear-gradient(180deg, #fff 0%, #f7f7f8 100%); }
.iyi-intro__grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 100px; align-items: start; }
.iyi-intro__copy {
  padding: 34px;
  border: 1px solid var(--iyi-line);
  border-radius: var(--iyi-radius);
  background: rgba(255,255,255,.82);
  box-shadow: 0 22px 55px rgba(20,20,24,.055);
}
.iyi-intro__copy p { margin: 0 0 18px; color: var(--iyi-muted); font-size: 15px; line-height: 1.8; }
.iyi-intro__copy .iyi-lead { color: #242428; font-size: 20px; font-weight: 600; line-height: 1.6; }
.iyi-value-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: -30px;
}
.iyi-value-card {
  min-height: 220px;
  padding: 25px;
  border: 1px solid var(--iyi-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 35px rgba(20,20,24,.04);
  position: relative;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.iyi-value-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: var(--iyi-red);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}
.iyi-value-card:hover { transform: translateY(-8px); border-color: #d5d5d8; box-shadow: var(--iyi-shadow); }
.iyi-value-card:hover::after { transform: scaleX(1); }
.iyi-value-card strong { transition: transform .3s ease; }
.iyi-value-card:hover strong { transform: translateY(-3px); }
.iyi-value-card > span { color: #aaaab0; font-size: 10px; font-weight: 800; }
.iyi-value-card strong { display: block; margin: 48px 0 16px; font-size: 32px; letter-spacing: -.045em; line-height: 1.05; }
.iyi-value-card p { margin: 0; color: var(--iyi-muted); font-size: 14px; line-height: 1.65; }
.iyi-value-card--red { color: #fff; border-color: var(--iyi-red); background: linear-gradient(145deg,#f13d34,#bc1712); }
.iyi-value-card--red > span,.iyi-value-card--red p { color: rgba(255,255,255,.68); }
.iyi-value-card--red strong { font-size: 58px; line-height: .85; }
.iyi-value-card--dark { color: #fff; border-color: #222; background: var(--iyi-black); }
.iyi-value-card--dark > span,.iyi-value-card--dark p { color: #919197; }
.iyi-value-card--dark strong { color: #ff5a52; font-size: 58px; line-height: .85; }

.iyi-services { background: #fafafa; padding-top: 20px; }
.iyi-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.iyi-service-card {
  position: relative;
  min-height: 470px;
  padding: 30px;
  overflow: hidden;
  border: 1px solid var(--iyi-line);
  border-radius: var(--iyi-radius);
  background: #fff;
  box-shadow: 0 10px 32px rgba(18,18,22,.035);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.iyi-service-card:hover { transform: translateY(-9px); border-color: #d8d8dc; box-shadow: var(--iyi-shadow); }
.iyi-service-card__icon { transition: transform .35s ease, background .35s ease, color .35s ease; }
.iyi-service-card:hover .iyi-service-card__icon { transform: translateY(-5px) rotate(-4deg) scale(1.06); color: #fff; background: var(--iyi-red); }
.iyi-service-card--dark:hover .iyi-service-card__icon,
.iyi-service-card--accent:hover .iyi-service-card__icon { color: var(--iyi-red); background: #fff; }
.iyi-service-card h3 { transition: color .25s ease; }
.iyi-service-card:not(.iyi-service-card--dark):not(.iyi-service-card--accent):hover h3 { color: var(--iyi-red); }
.iyi-service-card__number { position: absolute; right: 26px; top: 26px; color: #babac0; font-size: 12px; font-weight: 800; }
.iyi-service-card__icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 66px;
  color: var(--iyi-red);
  border-radius: 16px;
  background: #fff2f1;
}
.iyi-service-card__icon svg { width: 26px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.iyi-service-card h3 { margin: 0 0 14px; font-size: 26px; letter-spacing: -.035em; line-height: 1.15; }
.iyi-service-card p { min-height: 78px; margin: 0; color: var(--iyi-muted); font-size: 14px; line-height: 1.65; }
.iyi-service-card ul { display: grid; gap: 7px; margin: 24px 0 28px; padding: 20px 0 0; border-top: 1px solid var(--iyi-line); list-style: none; }
.iyi-service-card li { color: #55555b; font-size: 12px; font-weight: 600; }
.iyi-service-card li::before { content: "—"; margin-right: 8px; color: var(--iyi-red); }
.iyi-card-link { display: flex; justify-content: space-between; align-items: center; margin-top: auto; font-size: 13px; font-weight: 800; }
.iyi-card-link b { font-size: 20px; }
.iyi-service-card--dark { color: #fff; border-color: #222; background: var(--iyi-black); }
.iyi-service-card--dark p, .iyi-service-card--dark li { color: #aaaab0; }
.iyi-service-card--dark ul { border-color: #303034; }
.iyi-service-card--dark .iyi-service-card__number { color: #666; }
.iyi-service-card--dark .iyi-service-card__icon { background: #242426; }
.iyi-service-card--accent { color: #fff; border-color: var(--iyi-red); background: linear-gradient(145deg, #ef3b33, #bd1813); }
.iyi-service-card--accent p, .iyi-service-card--accent li { color: rgba(255,255,255,.75); }
.iyi-service-card--accent ul { border-color: rgba(255,255,255,.22); }
.iyi-service-card--accent li::before, .iyi-service-card--accent .iyi-card-link b { color: #fff; }
.iyi-service-card--accent .iyi-service-card__number { color: rgba(255,255,255,.5); }
.iyi-service-card--accent .iyi-service-card__icon { color: #fff; background: rgba(255,255,255,.14); }

.iyi-needs { color: #fff; background: var(--iyi-black); }
.iyi-needs__layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; }
.iyi-needs__sticky { align-self: start; position: sticky; top: 40px; }
.iyi-needs h2 { color: #fff; font-size: clamp(40px, 4.5vw, 64px); }
.iyi-needs__sticky p { max-width: 430px; margin: 28px 0 34px; color: #a7a7ad; font-size: 15px; line-height: 1.75; }
.iyi-need-row { display: grid; grid-template-columns: 36px 1fr 28px; gap: 18px; align-items: center; min-height: 104px; border-bottom: 1px solid #303034; transition: padding .25s ease, color .25s ease; }
.iyi-need-row:first-child { border-top: 1px solid #303034; }
.iyi-need-row:hover { padding-left: 12px; color: #ff635b; }
.iyi-need-row > span { color: #77777d; font-size: 11px; font-weight: 800; }
.iyi-need-row h3 { margin: 0; font-size: 19px; font-weight: 600; letter-spacing: -.02em; }
.iyi-need-row b { color: var(--iyi-red); font-size: 20px; }

.iyi-work { background: #fff; }
.iyi-project-grid { display: grid; grid-template-columns: 1.2fr .8fr; grid-auto-rows: 330px; gap: 18px; }
.iyi-project {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  overflow: hidden;
  color: #fff;
  border-radius: var(--iyi-radius);
  background: var(--project-image);
  isolation: isolate;
}
.iyi-project::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.78)); }
.iyi-project::after { content: ""; position: absolute; inset: 0; z-index: -2; background: inherit; transition: transform .55s ease; }
.iyi-project { transition: transform .38s ease, box-shadow .38s ease; }
.iyi-project:hover { transform: translateY(-7px); box-shadow: 0 28px 60px rgba(15,15,18,.2); }
.iyi-project:hover::after { transform: scale(1.06); }
.iyi-project div { transition: transform .35s ease; }
.iyi-project:hover div { transform: translateY(-7px); }
.iyi-project--large { grid-row: span 2; }
.iyi-project--wide { grid-column: span 1; }
.iyi-project__category { align-self: flex-start; padding: 8px 11px; border: 1px solid rgba(255,255,255,.28); border-radius: 30px; background: rgba(0,0,0,.18); backdrop-filter: blur(10px); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.iyi-project h3 { max-width: 500px; margin: 0 0 16px; font-size: clamp(25px, 3vw, 42px); line-height: 1.06; letter-spacing: -.045em; }
.iyi-project:not(.iyi-project--large) h3 { font-size: 27px; }
.iyi-project div > span { font-size: 12px; font-weight: 800; }

.iyi-case { background: linear-gradient(135deg, #f8f8f9, #fff); }
.iyi-case__grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 85px; }
.iyi-case__visual { min-height: 620px; display: grid; place-items: center; }
.iyi-browser { width: 100%; transform: perspective(1200px) rotateY(6deg) rotateX(2deg); border: 9px solid #171719; border-radius: 20px; background: #171719; box-shadow: 0 45px 90px rgba(20,20,24,.2); }
.iyi-browser__bar { display: flex; align-items: center; gap: 7px; height: 43px; padding: 0 12px; color: #929299; font-size: 9px; }
.iyi-browser__bar i { width: 7px; height: 7px; border-radius: 50%; background: #555; }
.iyi-browser__bar i:first-child { background: var(--iyi-red); }
.iyi-browser__bar span { margin-left: auto; }
.iyi-browser__screen { min-height: 470px; padding: 48px; border-radius: 12px; color: #fff; background: radial-gradient(circle at 78% 28%, rgba(223,43,36,.62), transparent 28%), linear-gradient(145deg,#0b0b0c,#232326); }
.iyi-browser__screen > span { color: #ff7770; font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.iyi-browser__screen > strong { display: block; margin-top: 85px; font-size: clamp(34px,4vw,54px); line-height: .98; letter-spacing: -.05em; }
.iyi-browser__cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 60px; }
.iyi-browser__cards i { height: 70px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(255,255,255,.06); }
.iyi-case__content > p { margin: 28px 0; color: var(--iyi-muted); line-height: 1.8; }
.iyi-case__results { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin: 36px 0; }
.iyi-case__results div { min-height: 105px; padding: 20px 13px; border: 1px solid var(--iyi-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 25px rgba(20,20,24,.035); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.iyi-case__results div:hover { transform: translateY(-6px); border-color: rgba(223,43,36,.35); box-shadow: 0 18px 35px rgba(20,20,24,.09); }
.iyi-case__results dt { color: var(--iyi-red); font-size: 28px; font-weight: 800; letter-spacing: -.05em; }
.iyi-case__results dd { margin: 5px 0 0; color: var(--iyi-muted); font-size: 10px; font-weight: 700; }
.iyi-case__content small, .iyi-content-note { display: block; margin-top: 16px; color: #99999e; font-size: 9px; }

.iyi-software { position: relative; color: #fff; background: #0b0b0c; }
.iyi-software::before { content:""; position:absolute; inset:0; opacity:.25; background-image: linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(to bottom,#000,transparent 72%); }
.iyi-software .iyi-container { position: relative; z-index: 1; }
.iyi-software__top { display: grid; grid-template-columns: 1.35fr .65fr; gap: 80px; align-items: end; }
.iyi-software .iyi-section-head h2 { color: #fff; }
.iyi-software__top > p { margin: 0 0 8px; color: #a7a7ad; line-height: 1.8; }
.iyi-software__stage { position: relative; min-height: 640px; margin: 70px 0 55px; display: grid; place-items: center; }
.iyi-dashboard { display: grid; grid-template-columns: 118px 1fr; width: min(880px,86%); min-height: 500px; overflow: hidden; border: 1px solid #343438; border-radius: 24px; background: #171719; box-shadow: 0 50px 110px rgba(0,0,0,.45); transform: perspective(1300px) rotateX(5deg); }
.iyi-dashboard aside { display: flex; flex-direction: column; gap: 18px; padding: 25px 20px; border-right: 1px solid #303034; }
.iyi-dashboard__logo {
  width: 74px;
  height: auto;
  margin: 0 0 28px;
  object-fit: contain;
}
.iyi-dashboard aside i { width: 100%; height: 28px; border-radius: 7px; background: #27272a; }
.iyi-dashboard aside i.active { background: var(--iyi-red); }
.iyi-dashboard__main { padding: 32px; background: #111113; }
.iyi-dashboard__head { display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; font-size:18px; font-weight:700; }
.iyi-dashboard__head b { padding:10px 14px; border-radius:8px; color:#fff; background:var(--iyi-red); font-size:9px; }
.iyi-dashboard__stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.iyi-dashboard__stats i { height:100px; border:1px solid #303034; border-radius:12px; background:linear-gradient(145deg,#222225,#18181a); }
.iyi-dashboard__chart { height:235px; margin-top:14px; border:1px solid #303034; border-radius:12px; background: linear-gradient(180deg,transparent,rgba(223,43,36,.08)), repeating-linear-gradient(0deg,transparent 0 38px,#29292c 39px); }
.iyi-float-card { position:absolute; min-width:190px; padding:20px; border:1px solid rgba(255,255,255,.15); border-radius:15px; background:rgba(35,35,38,.8); backdrop-filter:blur(14px); box-shadow:0 25px 50px rgba(0,0,0,.35); }
.iyi-float-card span { display:block; color:#929299; font-size:9px; text-transform:uppercase; }.iyi-float-card strong { display:block; margin-top:7px; font-size:20px; }
.iyi-float-card--one { left:0; top:130px; }.iyi-float-card--two { right:0; bottom:110px; }.iyi-float-card--two strong { color:#ff645c; font-size:30px; }
.iyi-capability-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #303034; }
.iyi-capability { padding:30px 25px; border-right:1px solid #303034; transition: background .3s ease, transform .3s ease; }.iyi-capability:last-child { border:0; }
.iyi-capability:hover { background:#171719; transform:translateY(-6px); }
.iyi-capability h3 { transition:color .25s ease; }.iyi-capability:hover h3 { color:#ff5a52; }
.iyi-capability > span { color:var(--iyi-red); font-size:10px; font-weight:800; }.iyi-capability h3 { min-height:52px; margin:28px 0 12px; font-size:18px; }.iyi-capability p { margin:0; color:#929299; font-size:12px; line-height:1.65; }

.iyi-brand { background:#fff; }
.iyi-brand__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:center; }
.iyi-brand__content {
  padding: 42px;
  border: 1px solid var(--iyi-line);
  border-radius: var(--iyi-radius);
  background: linear-gradient(145deg,#fff,#f8f8f9);
  box-shadow: 0 24px 60px rgba(20,20,24,.055);
}
.iyi-brand__content > p { margin:28px 0; color:var(--iyi-muted); line-height:1.8; }
.iyi-check-list { display:grid; grid-template-columns:1fr 1fr; gap:13px 20px; margin:0 0 34px; padding:0; list-style:none; }
.iyi-check-list li { font-size:12px; font-weight:700; }.iyi-check-list li::before { content:"✓"; display:inline-grid; place-items:center; width:20px; height:20px; margin-right:8px; color:#fff; border-radius:50%; background:var(--iyi-red); font-size:10px; }
.iyi-brand-board { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:13px; min-height:620px; padding:18px; border-radius:26px; background:#eeeef0; box-shadow:var(--iyi-shadow); transform:rotate(2deg); }
.iyi-brand-board > div { padding:28px; border-radius:16px; background:#fff; }
.iyi-brand-board__logo { display:grid; place-items:center; }
.iyi-brand-board__logo img { display:block; width:min(100%,210px); height:auto; }
.iyi-brand-board__colors { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }.iyi-brand-board__colors i { border-radius:10px; background:#df2b24; }.iyi-brand-board__colors i:nth-child(2){background:#0b0b0c}.iyi-brand-board__colors i:nth-child(3){background:#d8d8dc}.iyi-brand-board__colors i:nth-child(4){background:#f8f8f8;border:1px solid #ddd}
.iyi-brand-board__type small { color:#999; font-size:8px; }.iyi-brand-board__type strong { display:block; font-size:80px; line-height:1; letter-spacing:-.08em; }.iyi-brand-board__type p { margin:10px 0 0; font-size:11px; font-weight:800; }
.iyi-brand-board__card { color:#fff; background:var(--iyi-red)!important; }.iyi-brand-board__card span { font-size:8px; letter-spacing:.15em; }.iyi-brand-board__card b { display:block; margin-top:70px; font-size:33px; line-height:1; letter-spacing:-.05em; }

.iyi-process { background:var(--iyi-soft); }
.iyi-process__line { position:relative; height:2px; margin-bottom:-1px; background:#d9d9dc; }.iyi-process__line i { display:block; width:0; height:100%; background:var(--iyi-red); }
.iyi-process__grid { display:grid; grid-template-columns:repeat(4,1fr); }
.iyi-process-card { position:relative; padding:46px 28px 24px 18px; border-radius:16px; transition:transform .3s ease,background .3s ease,box-shadow .3s ease; }.iyi-process-card::before { content:""; position:absolute; top:-6px; left:18px; width:12px; height:12px; border:3px solid var(--iyi-soft); border-radius:50%; background:var(--iyi-red); transition:transform .3s ease; }
.iyi-process-card:hover { transform:translateY(-6px); background:#fff; box-shadow:0 18px 40px rgba(20,20,24,.07); }.iyi-process-card:hover::before { transform:scale(1.35); }
.iyi-process-card > span { color:var(--iyi-red); font-size:10px; font-weight:800; }.iyi-process-card h3 { margin:25px 0 13px; font-size:19px; }.iyi-process-card p { margin:0; color:var(--iyi-muted); font-size:12px; line-height:1.75; }

.iyi-industries { background:#fff; }
.iyi-industry-cloud { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; padding:55px; border:1px solid var(--iyi-line); border-radius:var(--iyi-radius); background:linear-gradient(135deg,#fff,#f8f8f9); box-shadow:0 25px 60px rgba(20,20,24,.05); }
.iyi-industry-cloud span { padding:14px 19px; border:1px solid #dddde0; border-radius:50px; background:#fff; font-size:13px; font-weight:700; transition:.25s ease; }.iyi-industry-cloud span:hover { color:#fff; border-color:var(--iyi-red); background:var(--iyi-red); transform:translateY(-3px); }

.iyi-testimonials { color:#fff; background:var(--iyi-black); }
.iyi-testimonials .iyi-section-head h2 { color:#fff; }.iyi-testimonials .iyi-section-head--row > p { color:#99999f; }
.iyi-testimonial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.iyi-quote { margin:0; padding:30px; border:1px solid #303034; border-radius:var(--iyi-radius); background:#171719; transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; }
.iyi-quote:hover { transform:translateY(-8px); border-color:rgba(223,43,36,.7); box-shadow:0 28px 60px rgba(0,0,0,.3); }
.iyi-quote footer > span { transition:transform .3s ease; }.iyi-quote:hover footer > span { transform:scale(1.1) rotate(-5deg); }
.iyi-stars { color:#ff5a52; font-size:12px; letter-spacing:3px; }.iyi-quote > p { min-height:150px; margin:32px 0; color:#d8d8dc; font-size:16px; line-height:1.75; }
.iyi-quote footer { display:flex; align-items:center; gap:13px; padding-top:20px; border-top:1px solid #303034; }.iyi-quote footer > span { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; color:#fff; background:var(--iyi-red); font-size:11px; font-weight:800; }.iyi-quote footer strong,.iyi-quote footer small { display:block; }.iyi-quote footer strong { font-size:12px; }.iyi-quote footer small { margin-top:3px; color:#88888e; font-size:9px; }

.iyi-faq { background:#fff; }
.iyi-faq__grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:100px; }
.iyi-faq__intro {
  position:sticky;
  top:40px;
  align-self:start;
  padding: 34px;
  border-radius: var(--iyi-radius);
  background: linear-gradient(145deg,#f7f7f8,#fff);
  box-shadow: 0 20px 50px rgba(20,20,24,.05);
}
.iyi-faq__intro > p { max-width:390px; margin:28px 0 0; color:var(--iyi-muted); line-height:1.75; }
.iyi-faq-item { padding:0 18px; border-bottom:1px solid var(--iyi-line); border-radius:12px; transition:background .25s ease,transform .25s ease; }.iyi-faq-item:first-child { border-top:1px solid var(--iyi-line); }
.iyi-faq-item:hover { background:#f8f8f9; transform:translateX(5px); }
.iyi-faq-item summary { display:grid; grid-template-columns:1fr 24px; gap:20px; align-items:center; padding:27px 0; cursor:pointer; list-style:none; font-size:17px; font-weight:700; }.iyi-faq-item summary::-webkit-details-marker { display:none; }
.iyi-faq-item summary span { position:relative; width:20px; height:20px; }.iyi-faq-item summary span::before,.iyi-faq-item summary span::after { content:""; position:absolute; left:50%; top:50%; width:13px; height:2px; background:var(--iyi-red); transform:translate(-50%,-50%); }.iyi-faq-item summary span::after { transform:translate(-50%,-50%) rotate(90deg); transition:transform .2s ease; }.iyi-faq-item[open] summary span::after { transform:translate(-50%,-50%) rotate(0); }
.iyi-faq-item p { margin:-8px 55px 28px 0; color:var(--iyi-muted); font-size:13px; line-height:1.8; }

.iyi-cta { position:relative; min-height:650px; display:flex; align-items:center; overflow:hidden; color:#fff; background:#09090a; }
.iyi-cta::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.7)),repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,255,255,.035) 120px); }
.iyi-cta__orb { position:absolute; right:-10%; top:0; width:650px; height:650px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#ff4d44,#9f0d09 45%,#210000 68%,transparent 69%); filter:blur(2px); opacity:.82; }
.iyi-cta__content { position:relative; z-index:2; }
.iyi-cta h2 { max-width:900px; color:#fff; font-size:clamp(46px,6vw,80px); }.iyi-cta__content > p { max-width:610px; margin:28px 0 36px; color:#aaaab0; line-height:1.75; }
.iyi-cta__actions { display:flex; align-items:center; gap:34px; }.iyi-cta__contact small,.iyi-cta__contact strong { display:block; }.iyi-cta__contact small { margin-bottom:5px; color:#88888e; font-size:9px; text-transform:uppercase; }.iyi-cta__contact strong { font-size:15px; }

.no-js .iyi-reveal { opacity:1!important; transform:none!important; }

@media (max-width: 1024px) {
  .iyi-section { padding:95px 0; }
  .iyi-proof__grid { grid-template-columns:1.3fr repeat(3,.7fr); }
  .iyi-intro__grid,.iyi-case__grid,.iyi-brand__grid { gap:55px; }
  .iyi-value-grid { grid-template-columns:repeat(2,1fr); margin-top:0; }
  .iyi-service-grid { grid-template-columns:repeat(2,1fr); }
  .iyi-needs__layout { gap:55px; }
  .iyi-software__stage { min-height:540px; }
  .iyi-dashboard { width:88%; min-height:430px; }
  .iyi-dashboard__chart { height:180px; }
  .iyi-capability-grid { grid-template-columns:repeat(2,1fr); }
  .iyi-capability:nth-child(2) { border-right:0; }.iyi-capability:nth-child(-n+2){border-bottom:1px solid #303034}
  .iyi-brand-board { min-height:520px; }
}

@media (max-width: 760px) {
  .iyi-container { width:min(100% - 30px, 600px); }
  .iyi-section { padding:76px 0; }
  .iyi-section-head h2,.iyi-needs h2,.iyi-case h2,.iyi-brand h2,.iyi-faq h2,.iyi-cta h2 { font-size:clamp(36px,11vw,52px); }
  .iyi-section-head--row,.iyi-intro__grid,.iyi-needs__layout,.iyi-case__grid,.iyi-software__top,.iyi-brand__grid,.iyi-faq__grid { grid-template-columns:1fr; gap:36px; }
  .iyi-section-head--row { margin-bottom:40px; }
  .iyi-proof__grid { grid-template-columns:repeat(3,1fr); }
  .iyi-proof__intro { grid-column:1/-1; padding:30px 0; }
  .iyi-metric { min-height:120px; padding:18px 10px; text-align:center; border-top:1px solid var(--iyi-line); }
  .iyi-metric:first-of-type { border-left:0; }
  .iyi-metric strong { font-size:29px; }.iyi-metric span { font-size:9px; }
  .iyi-intro__copy { padding:25px; }
  .iyi-value-grid { grid-template-columns:1fr; gap:12px; }
  .iyi-value-card { min-height:170px; }
  .iyi-value-card strong { margin-top:35px; font-size:30px; }
  .iyi-value-card--red strong,.iyi-value-card--dark strong { font-size:52px; }
  .iyi-service-grid { grid-template-columns:1fr; }
  .iyi-service-card { min-height:0; }
  .iyi-service-card__icon { margin-bottom:46px; }
  .iyi-service-card p { min-height:0; }
  .iyi-needs__sticky,.iyi-faq__intro { position:static; }
  .iyi-need-row { min-height:92px; }
  .iyi-need-row h3 { font-size:16px; }
  .iyi-project-grid { grid-template-columns:1fr; grid-auto-rows:300px; }
  .iyi-project--large { grid-row:span 1; }.iyi-project--wide { grid-column:span 1; }
  .iyi-case__visual { min-height:auto; order:2; }
  .iyi-browser { transform:none; }
  .iyi-browser__screen { min-height:390px; padding:30px; }
  .iyi-case__results dt { font-size:23px; }
  .iyi-software__stage { min-height:430px; margin:45px 0; }
  .iyi-dashboard { grid-template-columns:62px 1fr; width:100%; min-height:370px; transform:none; }
  .iyi-dashboard aside { padding:18px 11px; }
  .iyi-dashboard__logo { width:38px; margin:0 auto 28px; }
  .iyi-dashboard__main { padding:18px; }.iyi-dashboard__stats i { height:70px; }.iyi-dashboard__chart { height:170px; }.iyi-dashboard__head { font-size:13px; }
  .iyi-float-card { min-width:145px; padding:14px; }.iyi-float-card--one { left:-10px; top:90px; }.iyi-float-card--two { right:-10px; bottom:40px; }
  .iyi-capability-grid { grid-template-columns:1fr; }.iyi-capability { border-right:0; border-bottom:1px solid #303034!important; }.iyi-capability:last-child{border-bottom:0!important}
  .iyi-check-list { grid-template-columns:1fr; }
  .iyi-brand__content,.iyi-faq__intro { padding:25px; }
  .iyi-brand-board { min-height:430px; padding:10px; gap:8px; transform:none; }.iyi-brand-board > div { padding:17px; }.iyi-brand-board__logo { font-size:34px; }.iyi-brand-board__type strong { font-size:52px; }.iyi-brand-board__card b { margin-top:45px; font-size:22px; }
  .iyi-process__line { display:none; }.iyi-process__grid { grid-template-columns:1fr; gap:22px; }.iyi-process-card { padding:25px 24px; border:1px solid var(--iyi-line); border-radius:16px; background:#fff; }.iyi-process-card::before { display:none; }
  .iyi-industry-cloud { padding:25px 15px; }
  .iyi-testimonial-grid { grid-template-columns:1fr; }.iyi-quote > p { min-height:0; }
  .iyi-faq__grid { gap:50px; }
  .iyi-cta { min-height:620px; }.iyi-cta__orb { right:-60%; top:20%; width:520px; height:520px; opacity:.55; }.iyi-cta__actions { align-items:flex-start; flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}