/* CSS source: assets/css/new-style/add-project-style.css */
/* Add Project entrypoint. Requires ui-global-style.css. Keep the separate add-project-screenshots.css connection: that file is not in the supplied archive. */
/* CSS source: assets/css/new-style/add-project/shared.css */
/* Add Project layout and legacy element resets. Shared controls are provided by ui-global-style.css. */
.ap-main { position: relative; z-index: 1; }
.ap-main a { color: var(--kh-indigo); text-decoration: none; }
.ap-main img,
.ap-main svg { display: block; max-width: 100%; }
/* Low-specificity fallback: shared field and button typography must take precedence. */
:where(.ap-main) button,
:where(.ap-main) input { font: inherit; color: inherit; }
.ap-main ul,
.ap-main ol { list-style: none; margin: 0; padding: 0; }
.ap-main h1,
.ap-main h2,
.ap-main h3,
.ap-main p,
.ap-main dl,
.ap-main dd { margin: 0; }
.ap-main :focus-visible { outline: 2px solid var(--kh-blue); outline-offset: 3px; }

.ap-page .kh-container {
  padding-inline: var(--nk-gutter);
}

.ap-ic-fill {
  fill: var(--kh-icon-fill);
  fill-opacity: .55;
}

.ap-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.ap-page .kh-lead {
  margin-block-start: var(--nk-sp-4);
}

.ap-section {
  padding-block: var(--nk-section);
}

.ap-section .kh-container {
  position: relative;
  z-index: 1;
}

.ap-section--bg {
  background: var(--kh-bg);
}

.ap-section .kh-section__head {
  margin-block-end: var(--nk-head);
}

/* CSS source: assets/css/new-style/add-project/screen-frame.css */
/* NewKey Israel - Add Project: Reusable browser screenshot frame used in hero and look sections. */

.ap-screen {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: var(--kh-surface);
  border: 1px solid var(--kh-mist);
  box-shadow: var(--kh-sh-md);
  isolation: isolate;
}

.ap-screen__bar {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding-inline: var(--nk-sp-3);
  background: var(--kh-bg);
  border-block-end: 1px solid var(--kh-line);
}

.ap-screen__bar i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--kh-mist);
}

.ap-screen__url {
  margin-inline-start: var(--nk-sp-2);
  padding: 2px 10px;
  border-radius: var(--kh-r-pill);
  background: var(--kh-surface);
  border: 1px solid var(--kh-line);
  font-size: 11px;
  line-height: 1.4;
  color: var(--kh-text-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70%;
}

.ap-screen__body {
  position: relative;
  aspect-ratio: 16 / 10;
}

.ap-screen__ph {
  position: absolute;
  inset: 0;
}

.ap-screen__ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
}

.ap-screen__ph::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .55;
  background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)) 6% 10% / 32% 7% no-repeat,
    linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)) 6% 24% / 48% 4% no-repeat,
    linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)) 6% 33% / 40% 4% no-repeat,
    linear-gradient(rgba(255,255,255,.35), rgba(255,255,255,.35)) 60% 10% / 34% 46% no-repeat,
    linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)) 6% 72% / 27% 18% no-repeat,
    linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)) 39% 72% / 27% 18% no-repeat,
    linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)) 72% 72% / 27% 18% no-repeat;
}

.ap-screen__cap {
  position: absolute;
  inset-inline-start: var(--nk-sp-3);
  inset-block-end: var(--nk-sp-3);
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: calc(100% - 2 * var(--nk-sp-3));
  padding: 6px 10px;
  border-radius: var(--kh-r-pill);
  background: rgba(255,255,255,.94);
  color: var(--kh-indigo);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.ap-screen__cap .nk-icon {
  --nk-icon-box: 16px;
  --nk-icon-size: 14px;
  color: var(--kh-blue);
}

/* CSS source: assets/css/new-style/add-project/hero.css */
/* NewKey Israel - Add Project: Hero and animated screenshot cascade, motion and responsive. */

.ap-hero {
  padding-block: var(--nk-section-hero) var(--nk-section);
  background: linear-gradient(180deg, var(--kh-sky) 0%, var(--kh-sky-050) 100%);
  overflow: hidden;
}

.ap-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: var(--nk-cols);
  align-items: center;
}

.ap-hero .kh-lead {
  max-width: 560px;
}

.ap-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--nk-sp-3) var(--nk-sp-5);
  margin-block-start: var(--nk-sp-8);
}

.kh-main a.ap-hero__pro {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 500;
  color: var(--kh-indigo);
}

.kh-main a.ap-hero__pro b {
  font-weight: 500;
  color: var(--kh-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(40,142,255,.5);
}

.kh-main a.ap-hero__pro:hover b {
  color: var(--kh-indigo);
}

.kh-main a.ap-hero__pro svg {
  width: 16px;
  height: 16px;
  color: var(--kh-blue);
}

.kh-main .ap-hero__note {
  margin-block-start: var(--nk-stack);
  padding-block-start: var(--nk-sp-5);
  border-block-start: 1px solid rgba(47,41,99,.12);
  font-size: 14px;
  color: var(--kh-text-2);
}

.kh-main .ap-hero__note b {
  font-weight: 500;
  color: var(--kh-indigo);
}

.ap-stage {
  position: relative;
  aspect-ratio: 5 / 4;
  perspective: 1400px;
}

.ap-stage__plane {
  position: absolute;
  inset: 0;
  transform: rotateY(calc(var(--px, 0) * -6deg)) rotateX(calc(var(--py, 0) * 6deg));
  transform-style: preserve-3d;
  transition: transform .6s var(--kh-ease-out);
  will-change: transform;
}

.ap-stage .ap-screen {
  position: absolute;
  width: 74%;
  opacity: 0;
  transform: translateY(24px);
}

.ap-stage .ap-screen--a {
  inset-inline-start: 0;
  inset-block-start: 6%;
  z-index: 1;
}

.ap-stage .ap-screen--b {
  inset-inline-end: 0;
  inset-block-start: 0;
  width: 46%;
  z-index: 2;
  box-shadow: var(--kh-sh-lg);
}

.ap-stage .ap-screen--c {
  inset-inline-end: 4%;
  inset-block-end: 0;
  width: 56%;
  z-index: 3;
  box-shadow: var(--kh-sh-lg);
}

.ap-stage.is-in .ap-screen {
  animation: ap-cascade .9s var(--kh-ease-out) both;
}

.ap-stage.is-in .ap-screen--b {
  animation-delay: .18s;
}

.ap-stage.is-in .ap-screen--c {
  animation-delay: .36s;
}

@keyframes ap-cascade { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  .ap-stage__plane {
    transform: none;
    transition: none;
  }

  .ap-stage .ap-screen {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

@media (max-width: 900px) {
  .ap-hero__inner {
    grid-template-columns: 1fr;
  }

  .ap-stage {
    max-width: 560px;
    margin-inline: auto;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .ap-hero__actions .kh-btn {
    width: 100%;
  }

  .ap-stage {
    aspect-ratio: auto;
    perspective: none;
  }

  .ap-stage__plane {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--nk-sp-3);
    transform: none;
  }

  .ap-stage .ap-screen,
.ap-stage .ap-screen--a,
.ap-stage .ap-screen--b,
.ap-stage .ap-screen--c {
    position: static;
    width: auto;
    inset: auto;
  }

  .ap-stage .ap-screen--a {
    grid-column: 1 / -1;
  }

  .ap-stage .ap-screen__cap {
    font-size: 11px;
    padding: 4px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  .ap-stage .ap-screen__cap .nk-icon {
    display: none;
  }
}

/* CSS source: assets/css/new-style/add-project/form.css */
/* NewKey Israel - Add Project: Developer application form and benefit cards, motion and responsive. */

.ap-apply {
  scroll-margin-top: calc(var(--header-height, 62px) + var(--nk-sp-4));
}

.ap-apply__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: var(--nk-cols);
  align-items: start;
}

.ap-apply__copy {
  position: sticky;
  inset-block-start: calc(var(--header-height, 62px) + var(--nk-sp-6));
}

.ap-trust {
  display: grid;
  gap: var(--nk-grid);
  margin-block-start: var(--nk-stack);
}

.ap-trust li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--nk-sp-4);
  align-items: start;
  padding: var(--nk-card-pad);
  border-radius: 20px;
  background: var(--kh-surface);
  border: 1px solid var(--kh-mist);
  box-shadow: var(--kh-sh-sm);
}

.ap-trust .nk-icon {
  --nk-icon-box: 48px;
  --nk-icon-size: 26px;
  border-radius: 14px;
  background: var(--kh-sky);
  color: var(--kh-blue);
}

.ap-trust b {
  display: block;
  font-size: 17px;
  font-weight: 500;
  color: var(--kh-indigo);
}

.ap-trust span {
  display: block;
  margin-block-start: var(--nk-sp-1);
  font-size: 14px;
  line-height: 1.55;
  color: var(--kh-text-2);
}

.kh-main .ap-apply__mail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--nk-sp-2) var(--nk-sp-4);
  margin-block-start: var(--nk-stack);
  font-size: 14px;
  color: var(--kh-text-2);
}

.kh-main a.ap-mail {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px 8px 10px;
  border-radius: var(--kh-r-pill);
  background: var(--kh-sky);
  color: var(--kh-indigo);
  font-size: 15px;
  font-weight: 500;
  transition: background var(--kh-dur-fast), color var(--kh-dur-fast);
}

.kh-main a.ap-mail:hover,
.kh-main a.ap-mail:focus-visible {
  background: var(--kh-blue);
  color: var(--kh-surface);
}

.ap-mail .nk-icon {
  --nk-icon-box: 24px;
  --nk-icon-size: 18px;
  color: var(--kh-blue);
}

.kh-main a.ap-mail:hover .nk-icon {
  color: var(--kh-surface);
}

.ap-form-card {
  padding: var(--nk-sp-8) var(--nk-sp-8) var(--nk-sp-8);
  background: var(--kh-surface);
  border: 1px solid var(--kh-mist);
  border-radius: var(--kh-r-card);
  box-shadow: var(--kh-sh-lg);
}

.ap-form-card__head {
  display: grid;
  gap: var(--nk-sp-2);
  margin-block-end: var(--nk-sp-6);
}

.kh-main .ap-form-card__title {
  font-size: 26px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--kh-indigo);
  margin: 0;
}

.kh-main .ap-form-card__text {
  font-size: 15px;
  line-height: 1.55;
  color: var(--kh-text-2);
  margin: 0;
}

.ap-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--nk-sp-4);
}

.ap-form .kh-field__label .req {
  color: var(--kh-blue);
}

.ap-form .kh-submit {
  margin-block-start: var(--nk-sp-1);
}

.ap-form .kh-submit svg {
  width: 20px;
  height: 20px;
}

.kh-main .ap-form__foot {
  margin-block-start: var(--nk-sp-4);
  font-size: 13px;
  line-height: 1.5;
  color: var(--kh-text-3);
  text-align: center;
}

.ap-form__done {
  display: grid;
  justify-items: center;
  text-align: center;
  padding-block: var(--nk-sp-6);
}

.kh-main .ap-form__done:focus {
  outline: none;
}

.ap-form__done-icon {
  --nk-icon-box: 64px;
  --nk-icon-size: 32px;
  border-radius: 50%;
  background: var(--kh-success-bg);
  color: var(--kh-success);
  margin-block-end: var(--nk-sp-4);
}

.kh-main .ap-form__done-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--kh-indigo);
  margin: 0 0 var(--nk-sp-2);
}

.kh-main .ap-form__done-text {
  font-size: 15px;
  line-height: 1.6;
  color: var(--kh-text-2);
  max-width: 420px;
  margin: 0;
}









/* Retain the original Hebrew email-field direction; shared blog forms use LTR. */
.ap-page.lang-he .ap-form input[type="email"] { direction: rtl; text-align: start; }

@media (max-width: 900px) {
  .ap-apply__grid {
    grid-template-columns: 1fr;
  }

  .ap-apply__copy {
    position: static;
  }
}

@media (max-width: 767px) {
  .ap-form-card {
    padding: var(--nk-sp-6) var(--nk-card-pad) var(--nk-card-pad);
  }

  .ap-form__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

/* CSS source: assets/css/new-style/add-project/look.css */
/* NewKey Israel - Add Project: Project screenshot presentation, motion and responsive. */

.ap-shots {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--nk-grid);
}

.ap-shot {
  display: grid;
  gap: var(--nk-sp-4);
}

.ap-shot .ap-screen {
  transition: transform var(--kh-dur-base) var(--kh-ease), box-shadow var(--kh-dur-base) var(--kh-ease);
}

.ap-shot:hover .ap-screen {
  transform: translateY(-6px) scale(1.01);
  box-shadow: var(--kh-sh-lg);
}

.ap-shot__text {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--nk-sp-3);
  align-items: start;
  padding-inline: var(--nk-sp-1);
}

.ap-shot__text .nk-icon {
  --nk-icon-box: 40px;
  --nk-icon-size: 22px;
  border-radius: 12px;
  background: var(--kh-surface);
  border: 1px solid var(--kh-mist);
  color: var(--kh-blue);
}

.ap-shot__text b {
  display: block;
  font-size: 17px;
  font-weight: 500;
  color: var(--kh-indigo);
}

.ap-shot__text span {
  display: block;
  margin-block-start: var(--nk-sp-1);
  font-size: 14px;
  line-height: 1.55;
  color: var(--kh-text-2);
}

@media (prefers-reduced-motion: reduce) {
  .ap-shot .ap-screen {
    transition: none;
  }

  .ap-shot:hover .ap-screen {
    transform: none;
  }
}

@media (max-width: 767px) {
  .ap-shots {
    grid-template-columns: 1fr;
  }
}

/* CSS source: assets/css/new-style/add-project/pro.css */
/* NewKey Israel - Add Project: NewKey PRO section and responsive. */

.ap-pro {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, var(--kh-indigo) 0%, var(--kh-indigo-deep) 100%);
  color: var(--kh-surface);
}

.ap-pro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: var(--nk-cols);
  align-items: center;
}

.ap-pro .kh-eyebrow {
  color: var(--kh-blue-light);
}

.ap-pro .kh-h2 {
  color: var(--kh-surface);
}

.kh-main .ap-pro__text {
  margin-block-start: var(--nk-sp-4);
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255,255,255,.78);
  max-width: 520px;
}

.ap-pro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nk-sp-3);
  margin-block-start: var(--nk-sp-8);
}

.kh-main .ap-pro__url {
  margin-block-start: var(--nk-sp-4);
  font-size: 13px;
  color: rgba(255,255,255,.55);
}

.kh-main .ap-pro__url a {
  color: rgba(255,255,255,.85);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.kh-main .ap-pro__url a:hover {
  color: var(--kh-surface);
}

.ap-pro__feats {
  display: grid;
  gap: var(--nk-grid);
}

.ap-pro__feats li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--nk-sp-4);
  align-items: start;
  padding: var(--nk-card-pad);
  border-radius: 20px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}

.ap-pro__feats .nk-icon {
  --nk-icon-box: 44px;
  --nk-icon-size: 24px;
  border-radius: 13px;
  background: rgba(40,142,255,.22);
  color: var(--kh-blue-light);
}

.ap-pro__feats b {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: var(--kh-surface);
}

.ap-pro__feats span {
  display: block;
  margin-block-start: var(--nk-sp-1);
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,.72);
}

@media (max-width: 900px) {
  .ap-pro__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .ap-pro__actions .kh-btn {
    width: 100%;
  }
}

/* CSS source: assets/css/new-style/add-project/about.css */
/* NewKey Israel - Add Project: Service benefits and customer logos, motion and responsive. */

.ap-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--nk-grid);
}

.ap-point {
  display: grid;
  gap: var(--nk-sp-2);
  padding: var(--nk-card-pad);
  border-radius: 20px;
  background: var(--kh-surface);
  border: 1px solid var(--kh-mist);
  box-shadow: var(--kh-sh-sm);
  transition: transform var(--kh-dur-base) var(--kh-ease), box-shadow var(--kh-dur-base) var(--kh-ease);
}

.ap-point:hover {
  transform: translateY(-4px);
  box-shadow: var(--kh-sh-md);
}

.ap-point .nk-icon {
  --nk-icon-box: 48px;
  --nk-icon-size: 26px;
  border-radius: 14px;
  background: var(--kh-sky);
  color: var(--kh-blue);
  margin-block-end: var(--nk-sp-1);
}

.ap-point b {
  font-size: 17px;
  font-weight: 500;
  color: var(--kh-indigo);
}

.ap-point > span {
  font-size: 14px;
  line-height: 1.55;
  color: var(--kh-text-2);
}

.ap-clients {
  margin-block-start: var(--nk-stack);
  padding-block-start: var(--nk-stack);
  border-block-start: 1px solid var(--kh-line);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--nk-sp-4) var(--nk-cols);
  align-items: center;
}

.kh-main .ap-clients__title {
  font-size: 16px;
  font-weight: 500;
  color: var(--kh-indigo);
  margin: 0;
}

.kh-main .ap-clients__sub {
  margin-block-start: var(--nk-sp-1);
  font-size: 14px;
  color: var(--kh-text-2);
}

.ap-clients__logos {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nk-sp-3);
}

.ap-clients__logos li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  min-height: 64px;
  padding: var(--nk-sp-3) var(--nk-sp-5);
  border-radius: 16px;
  background: var(--kh-surface);
  border: 1px solid var(--kh-mist);
  transition: transform var(--kh-dur-base) var(--kh-ease), box-shadow var(--kh-dur-base) var(--kh-ease);
}

.ap-clients__logos li:hover {
  transform: translateY(-3px);
  box-shadow: var(--kh-sh-md);
}

.ap-clients__logos img {
  display: block;
  height: 40px;
  width: auto;
}

.kh-main .ap-more {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--nk-sp-3) var(--nk-sp-5);
  margin-block-start: var(--nk-stack);
  padding-block-start: var(--nk-sp-5);
  border-block-start: 1px solid var(--kh-line);
  font-size: 15px;
  color: var(--kh-text-2);
}

.kh-main .ap-more a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  color: var(--kh-indigo);
}

.kh-main .ap-more a svg {
  color: var(--kh-blue);
}

.kh-main .ap-more a:hover {
  color: var(--kh-blue);
}

.lang-he .kh-main .ap-more a svg {transform: rotate(180deg);}

@media (prefers-reduced-motion: reduce) {
  .ap-point,
.ap-clients__logos li {
    transition: none;
  }

  .ap-point:hover,
.ap-clients__logos li:hover {
    transform: none;
  }
}

@media (max-width: 1100px) {
  .ap-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .ap-clients {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .ap-points {
    grid-template-columns: 1fr;
  }

  .ap-clients__logos li {
    min-width: calc(50% - var(--nk-sp-3) / 2);
  }
}


/*# sourceMappingURL=add-project-style.2634b28b93d98a34.css.map */