.elementor-458 .elementor-element.elementor-element-e834cc0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-b6ab22e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-b12d036{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-38ac2e5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-3568b06{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-416c746{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8f9f301 *//* =========================
NOAR – Needle Extension / HERO (SOFT) – Scoped CSS
Scope: .noar-needle__hero
========================= */

.noar-needle__hero{
  position: relative;
  overflow: hidden;
  padding: 0;
  background:
    radial-gradient(900px 380px at 12% 20%, rgba(180,83,60,.06), transparent 58%),
    radial-gradient(760px 340px at 88% 10%, rgba(231,179,159,.10), transparent 62%),
    linear-gradient(180deg, #ffffff 0%, #fffaf6 100%);
  border-bottom: 1px solid rgba(15,23,42,.06);
}

.noar-needle__hero .noar-needleHero__grid{
  min-height: clamp(560px, 82vh, 880px);
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  align-items: center;
  gap: clamp(16px, 2.2vw, 28px);
  padding: clamp(24px, 3.6vh, 46px) 0;
}

.noar-needle__hero .noar-needleHero__left{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-height: 0;
}

.noar-needle__hero .noar-needleHero__badge{
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  color: rgba(15,23,42,.88);
  border: 1px solid rgba(180,83,60,.20);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  width: fit-content;
}

.noar-needle__hero .noar-needleHero__title{
  margin: 0;
  color: var(--noar-ink);
  font-size: clamp(30px, 3.9vw, 56px);
  line-height: 1.06;
  letter-spacing: -0.6px;
  font-weight: 950;
}

.noar-needle__hero .noar-needleHero__sub{
  margin: 0;
  color: rgba(100,116,139,.95);
  font-size: 16px;
  line-height: 1.65;
  max-width: 60ch;
}

.noar-needle__hero .noar-needleHero__ctas{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.noar-needle__hero .noar-needleHero__micro{
  margin-top: 4px;
  color: rgba(100,116,139,.95);
  font-size: 13px;
  line-height: 1.6;
  max-width: 72ch;
}

/* Buttons */
.noar-needle__hero .noar-needleBtn{
  appearance: none;
  border: 1px solid rgba(15,23,42,.12);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 750;
  letter-spacing: 1px;
  background: rgba(255,255,255,.92);
  color: rgba(15,23,42,.90);
  transition: transform .12s ease, filter .12s ease, background .12s ease, border-color .12s ease;
  backdrop-filter: blur(10px);
}

.noar-needle__hero .noar-needleBtn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  border-color: rgba(15,23,42,.16);
}

.noar-needle__hero .noar-needleBtn__arrow{
  margin-left: 8px;
  position: relative;
  top: -1px;
}

.noar-needle__hero .noar-needleBtn--primary{
  color: #fff;
  border: 1px solid rgba(180,83,60,.16);
  background: linear-gradient(135deg, var(--noar-brick), var(--noar-brick-2));
  box-shadow: 0 18px 54px rgba(180,83,60,.18);
}

.noar-needle__hero .noar-needleBtn--wa{
  color: #fff;
  border: 1px solid rgba(34,197,94,.18);
  background: linear-gradient(135deg, var(--wa-1), var(--wa-2));
  box-shadow: 0 18px 54px rgba(34,197,94,.16);
}

.noar-needle__hero .noar-needleBtn--ghost{
  box-shadow: none;
}

/* Trust chips */
.noar-needle__hero .noar-needleHero__trust{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.noar-needle__hero .noar-needleTrust{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
}

.noar-needle__hero .noar-needleTrust__ico{
  font-size: 16px;
  line-height: 1;
}

.noar-needle__hero .noar-needleTrust__txt{
  font-size: 13px;
  color: rgba(15,23,42,.86);
  font-weight: 750;
}

/* Right / media */
.noar-needle__hero .noar-needleHero__right{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 40px;
}

.noar-needle__hero .noar-needleHero__media{
  width: min(460px, 100%);
  margin: 0;
  position: relative;
  border-radius: 48px;
  overflow: hidden;
  box-shadow: 0 22px 60px rgba(15,23,42,.10);
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.20);
}

.noar-needle__hero .noar-needleHero__img{
  width: 100%;
  height: 560px;
  display: block;
  object-fit: cover;
  object-position: center;
}

.noar-needle__hero .noar-needleHero__float{
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  border-radius: 22px;
  padding: 14px 14px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
  backdrop-filter: blur(12px);
}

.noar-needle__hero .noar-needleFloat__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.noar-needle__hero .noar-needleFloat__pill{
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 1.4px;
  color: rgba(15,23,42,.78);
  border: 1px solid rgba(180,83,60,.22);
  background: rgba(255,255,255,.92);
}

.noar-needle__hero .noar-needleFloat__dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--noar-brick), var(--noar-brick-2));
  box-shadow: 0 10px 26px rgba(180,83,60,.25);
}

.noar-needle__hero .noar-needleFloat__title{
  font-size: 13.5px;
  font-weight: 950;
  color: rgba(15,23,42,.90);
  margin-bottom: 8px;
}

.noar-needle__hero .noar-needleFloat__list{
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
  color: rgba(15,23,42,.80);
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 1440px) and (max-height: 820px){
  .noar-needle__hero .noar-needleHero__right{ padding-left: 28px; }
  .noar-needle__hero .noar-needleHero__media{ width: min(400px, 100%); border-radius: 44px; }
  .noar-needle__hero .noar-needleHero__img{ height: 560px; }
}

@media (max-width: 980px){
  .noar-needle__hero .noar-needleHero__grid{
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 34px 0 40px;
  }
  .noar-needle__hero .noar-needleHero__right{
    justify-content: flex-start;
    padding-left: 0;
  }
  .noar-needle__hero .noar-needleHero__media{
    width: min(520px, 100%);
    border-radius: 44px;
  }
  .noar-needle__hero .noar-needleHero__img{ height: 520px; }
  .noar-needle__hero .noar-needleHero__sub{ max-width: 100%; }
}

@media (max-width: 560px){
  .noar-needle__hero .noar-needleBtn{ width: 100%; }
  .noar-needle__hero .noar-needleHero__img{ height: 480px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-acb677a *//* =========================
NOAR – Needle Extension / SOFT INFO (BLOCK 2) – Scoped CSS
Scope: .noar-needle__about
========================= */

.noar-needle__about{
  padding: 62px 0;
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(180,83,60,.10), transparent 60%),
    radial-gradient(760px 320px at 88% 10%, rgba(231,179,159,.10), transparent 62%),
    linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
  border-top: 1px solid rgba(15,23,42,.06);
  border-bottom: 1px solid rgba(15,23,42,.06);
}

.noar-needle__about .noar-needleAbout__head{ margin-bottom: 18px; }

.noar-needle__about .noar-needleAbout__badge{
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(180,83,60,.20);
  background: rgba(255,255,255,.92);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  color: rgba(15,23,42,.88);
  width: fit-content;
}

.noar-needle__about .noar-needleAbout__title{
  margin: 10px 0 6px;
  font-size: clamp(22px, 2.4vw, 36px);
  line-height: 1.15;
  font-weight: 950;
  color: var(--noar-ink, #0F172A);
}

.noar-needle__about .noar-needleAbout__sub{
  margin: 0;
  color: rgba(100,116,139,.95);
  font-size: 14.5px;
  line-height: 1.7;
  max-width: 92ch;
}

.noar-needle__about .noar-needleAbout__nav{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.noar-needle__about .noar-needleNav__link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .6px;
  color: rgba(15,23,42,.86);
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.92);
  transition: transform .12s ease, filter .12s ease, border-color .12s ease;
}

.noar-needle__about .noar-needleNav__link:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  border-color: rgba(15,23,42,.16);
}

.noar-needle__about .noar-needleAbout__grid{
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 14px;
  align-items: start;
}

.noar-needle__about .noar-needleAbout__copy{
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.05);
  padding: 18px 16px;
}

.noar-needle__about .noar-needleAbout__h3{
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 950;
  color: rgba(15,23,42,.92);
}

.noar-needle__about .noar-needleAbout__h4{
  margin: 14px 0 8px;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .6px;
  color: rgba(15,23,42,.82);
}

.noar-needle__about .noar-needleAbout__p{
  margin: 0 0 10px;
  font-size: 13.8px;
  line-height: 1.7;
  color: rgba(100,116,139,.95);
}

.noar-needle__about .noar-needleAbout__list{
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
  font-size: 13.2px;
  line-height: 1.55;
  color: rgba(15,23,42,.82);
}

.noar-needle__about .noar-needleAbout__note{
  margin-top: 12px;
  border-radius: 18px;
  padding: 12px 12px;
  border: 1px solid rgba(180,83,60,.18);
  background:
    radial-gradient(380px 180px at 20% 0%, rgba(180,83,60,.14), transparent 60%),
    rgba(255,255,255,.92);
  color: rgba(15,23,42,.86);
  font-size: 13.2px;
  line-height: 1.65;
}

/* RIGHT MEDIA */
.noar-needle__about .noar-needleAbout__media{ display: grid; gap: 12px; }

.noar-needle__about .noar-needleMediaSplit{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.noar-needle__about .noar-needleMedia__frame{
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.06);
  background: rgba(255,255,255,.92);
  position:relative;
}

.noar-needle__about .noar-needleMedia__img{
  width: 100%;
  height: 520px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.noar-needle__about .noar-needleMedia__img--split{
  height: 520px;
}

/* VIDEO OVERLAY */
.noar-needle__about .noar-needleMedia__frame--video{
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
}
.noar-needle__about .noar-needleVid__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.06) 35%, rgba(0,0,0,.66) 100%);
  pointer-events:none;
}
.noar-needle__about .noar-needleVid__play{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background: rgba(255,255,255,.20);
  border: 1px solid rgba(255,255,255,.28);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  z-index: 2;
}
.noar-needle__about .noar-needleVid__play img{
  width: 28px;
  height: 28px;
  display:block;
  opacity: .95;
}
.noar-needle__about .noar-needleVid__meta{
  position:absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  color:#fff;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.noar-needle__about .noar-needleVid__pill{
  width: fit-content;
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 1.6px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.noar-needle__about .noar-needleVid__title{
  font-size: 14px;
  font-weight: 950;
  line-height: 1.2;
}
.noar-needle__about .noar-needleVid__sub{
  font-size: 12.5px;
  font-weight: 800;
  opacity: .92;
}

/* MINI GRID (INSIDE COPY) */
.noar-needle__about .noar-needleMedia__miniGrid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 14px;
}

.noar-needle__about .noar-needleMini{
  border-radius: 18px;
  padding: 12px 12px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 44px rgba(15,23,42,.05);
}

.noar-needle__about .noar-needleMini__k{
  font-size: 11.5px;
  font-weight: 950;
  letter-spacing: 1.2px;
  color: rgba(15,23,42,.62);
  margin-bottom: 4px;
}

.noar-needle__about .noar-needleMini__v{
  font-size: 13.3px;
  line-height: 1.5;
  font-weight: 850;
  color: rgba(15,23,42,.86);
}

/* CARDS */
.noar-needle__about .noar-needleCards__grid{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.noar-needle__about .noar-needleCard{
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 50px rgba(15,23,42,.05);
  padding: 18px 16px;
  min-height: 260px;
}

.noar-needle__about .noar-needleCard__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.noar-needle__about .noar-needleCard__icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background: linear-gradient(135deg, rgba(180,83,60,.16), rgba(207,106,83,.10));
  border: 1px solid rgba(180,83,60,.18);
}

.noar-needle__about .noar-needleCard__pill{
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 1.6px;
  color: rgba(15,23,42,.75);
  border: 1px solid rgba(180,83,60,.22);
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
}

.noar-needle__about .noar-needleCard__title{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 950;
  color: rgba(15,23,42,.92);
}

.noar-needle__about .noar-needleCard__text{
  margin: 0 0 10px;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(100,116,139,.95);
}

.noar-needle__about .noar-needleCard__list{
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
  color: rgba(15,23,42,.82);
  font-size: 13px;
  line-height: 1.5;
}

.noar-needle__about .noar-needleCard--featured{
  background:
    radial-gradient(900px 380px at 10% 20%, rgba(180,83,60,.10), transparent 60%),
    rgba(255,255,255,.92);
  border: 1px solid rgba(180,83,60,.18);
}

.noar-needle__about .noar-needleCard--softWarn{
  background:
    radial-gradient(900px 380px at 10% 20%, rgba(231,179,159,.20), transparent 60%),
    rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
}

/* RESPONSIVE */
@media (max-width: 980px){
  .noar-needle__about{ padding: 52px 0; }

  .noar-needle__about .noar-needleAbout__grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .noar-needle__about .noar-needleMediaSplit{
    grid-template-columns: 1fr;
  }

  .noar-needle__about .noar-needleMedia__img--split{ height: 460px; }

  .noar-needle__about .noar-needleMedia__miniGrid{
    grid-template-columns: 1fr;
  }

  .noar-needle__about .noar-needleCards__grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media (max-width: 560px){
  .noar-needle__about .noar-needleAbout__nav{ gap: 8px; }
  .noar-needle__about .noar-needleNav__link{
    width: 100%;
    justify-content: flex-start;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71130a8 */.noar-gallery{padding:56px 0;background:#fff}
.noar-gallery__badge{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.12);font-size:12px;font-weight:700}
.noar-gallery__title{margin:10px 0;font-size:32px;font-weight:800}
.noar-gallery__sub{color:#555;max-width:70ch}

.noar-gallery__wrap{position:relative}
.noar-gallery__track{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.noar-gallery__track::-webkit-scrollbar{display:none}

.noar-gcard{flex:0 0 22%;border-radius:18px;border:1px solid #e5e7eb;background:#fff;overflow:hidden}
@media(max-width:1200px){.noar-gcard{flex-basis:28%}}
@media(max-width:900px){.noar-gcard{flex-basis:45%}}
@media(max-width:600px){.noar-gcard{flex-basis:70%}}

.noar-gcard__img{
  height:360px;
  position:relative;
  background:#000;
  display:block;
  line-height:0;
  overflow:hidden;
  border-radius:18px;
}

.noar-gthumb{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.noar-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:72px;
  height:72px;
  border-radius:50%;
  background: rgba(255,255,255,.20);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.28);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  z-index:2;
  -webkit-tap-highlight-color: transparent;
  user-select:none;
  touch-action: manipulation;
}

.noar-play img{
  width:28px;
  height:28px;
  display:block;
  opacity:.95;
  pointer-events:none;
}

.noar-play:active,
.noar-play:focus{
  outline:none;
  transform:translate(-50%,-50%);
}

@media (hover:hover){
  .noar-play:hover{ background: rgba(255,255,255,.26); }
}

.noar-gcard__meta{padding:12px;text-align:center}
.noar-gcard__tag{font-size:12px;border:1px solid #ddd;border-radius:999px;padding:6px 10px;display:inline-block}
.noar-gcard__name{font-size:13px;font-weight:600;margin-top:6px}

.noar-gbtn{
  position:absolute;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%;
  background:#fff;border:1px solid #ccc;cursor:pointer;z-index:10
}
.noar-gbtn--left{left:-10px}
.noar-gbtn--right{right:-10px}

/* LIGHTBOX */
.noar-lightbox{
  position:fixed;inset:0;
  background:rgba(0,0,0,.85);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
  padding:18px;
}
.noar-lightbox.active{display:flex}

.noar-lb-inner{
  position:relative;
  width:min(90vw,420px);
  max-height:86vh;
}
.noar-lightbox video{
  width:100%;
  max-height:86vh;
  border-radius:12px;
  background:#000;
  display:block;
}

/* KAPAT BUTONU (üstte) */
.noar-lb-close{
  position:absolute;
  top:-14px;
  right:-14px;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.14);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow:0 14px 40px rgba(0,0,0,.30);
  z-index:5;
  -webkit-tap-highlight-color: transparent;
}

/* mobilde tam üstte daha rahat */
@media (max-width:600px){
  .noar-lb-inner{width:min(92vw,520px)}
  .noar-lb-close{ top:-18px; right:0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de0a710 *//* =========================
NOAR – Needle Extension / PROCESS (DARK) – Scoped CSS
Scope: .noar-needle__process
========================= */

.noar-needle__process{
  padding: 64px 0;
  background:
    radial-gradient(900px 420px at 18% 0%, rgba(180,83,60,.22), transparent 60%),
    radial-gradient(700px 380px at 85% 10%, rgba(207,106,83,.14), transparent 60%),
    linear-gradient(180deg, #0d0706 0%, #070304 100%);
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.noar-needle__process .noar-needleProc__head{ margin-bottom: 18px; }

.noar-needle__process .noar-needleProc__badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  color: rgba(255,255,255,.86);
  width: fit-content;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.noar-needle__process .noar-needleProc__title{
  margin: 10px 0 6px;
  font-size: clamp(22px, 2.4vw, 36px);
  line-height: 1.15;
  font-weight: 950;
  color: rgba(255,255,255,.92);
}

.noar-needle__process .noar-needleProc__sub{
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,.72);
  max-width: 92ch;
}

.noar-needle__process .noar-needleProc__grid{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.noar-needle__process .noar-needleStep{
  border-radius: 22px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 60px rgba(0,0,0,.28);
  padding: 18px 16px;
  transition: transform .14s ease, filter .14s ease, border-color .14s ease;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  min-height: 290px;
}

.noar-needle__process .noar-needleStep:hover{
  transform: translateY(-2px);
  filter: brightness(1.03);
  border-color: rgba(255,255,255,.18);
}

.noar-needle__process .noar-needleStep__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.noar-needle__process .noar-needleStep__icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 18px;
  background: linear-gradient(135deg, rgba(180,83,60,.22), rgba(207,106,83,.12));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 14px 40px rgba(180,83,60,.14);
}

.noar-needle__process .noar-needleStep__num{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  color: rgba(255,255,255,.62);
}

.noar-needle__process .noar-needleStep__title{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 950;
  color: rgba(255,255,255,.92);
}

.noar-needle__process .noar-needleStep__text{
  margin: 0 0 10px;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(255,255,255,.74);
}

.noar-needle__process .noar-needleStep__list{
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
  color: rgba(255,255,255,.78);
  font-size: 13px;
  line-height: 1.5;
}

.noar-needle__process .noar-needleStep--featured{
  border-color: rgba(255,255,255,.16);
  background:
    radial-gradient(520px 240px at 20% 10%, rgba(180,83,60,.18), transparent 60%),
    rgba(255,255,255,.06);
}

/* Technical block */
.noar-needle__process .noar-needleTech{
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 14px;
  align-items: start;
}

.noar-needle__process .noar-needleTech__left{
  border-radius: 22px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 60px rgba(0,0,0,.24);
  padding: 18px 16px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.noar-needle__process .noar-needleTech__title{
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 950;
  color: rgba(255,255,255,.92);
}

.noar-needle__process .noar-needleTech__text{
  margin: 0;
  font-size: 13.5px;
  line-height: 1.7;
  color: rgba(255,255,255,.74);
  max-width: 86ch;
}

.noar-needle__process .noar-needleTech__chips{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.noar-needle__process .noar-needleChip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .6px;
  color: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
}

.noar-needle__process .noar-needleKpiGrid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.noar-needle__process .noar-needleKpi{
  border-radius: 22px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
  padding: 16px 14px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.noar-needle__process .noar-needleKpi__k{
  font-size: 11.5px;
  font-weight: 950;
  letter-spacing: 1.2px;
  color: rgba(255,255,255,.62);
  margin-bottom: 6px;
}

.noar-needle__process .noar-needleKpi__v{
  font-size: 13.8px;
  font-weight: 950;
  color: rgba(255,255,255,.90);
  line-height: 1.4;
}

.noar-needle__process .noar-needleKpi__s{
  margin-top: 6px;
  font-size: 12.8px;
  color: rgba(255,255,255,.70);
  line-height: 1.55;
}

@media (max-width: 980px){
  .noar-needle__process{ padding: 52px 0; }

  .noar-needle__process .noar-needleProc__grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .noar-needle__process .noar-needleTech{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .noar-needle__process .noar-needleKpiGrid{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-afb5c7d *//* =========================
NOAR – Needle Extension / FINAL CTA + MINI FAQ (SOFT PREMIUM) – Scoped CSS
Scope: .noar-needle__ctaSoft
========================= */

.noar-needle__ctaSoft{
  padding: 74px 0;
  background:
    radial-gradient(900px 360px at 50% 10%, rgba(180,83,60,.10), transparent 64%),
    radial-gradient(760px 320px at 12% 30%, rgba(231,179,159,.14), transparent 64%),
    linear-gradient(180deg, #ffffff 0%, #fff7f2 100%);
  border-top: 1px solid rgba(15,23,42,.06);
}

.noar-needle__ctaSoft .noar-needleCtaSoft__wrap{
  max-width: 1100px;
  margin: 0 auto;
}

.noar-needle__ctaSoft .noar-needleCtaSoft__head{
  text-align: center;
  margin-bottom: 22px;
}

.noar-needle__ctaSoft .noar-needleCtaSoft__badge{
  display:inline-flex;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.4px;
  color: rgba(15,23,42,.82);
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(180,83,60,.22);
  backdrop-filter: blur(10px);
  margin-bottom: 12px;
}

.noar-needle__ctaSoft .noar-needleCtaSoft__title{
  margin: 0 0 10px;
  font-size: clamp(26px, 3.0vw, 42px);
  line-height: 1.12;
  font-weight: 950;
  color: var(--noar-ink);
}

.noar-needle__ctaSoft .noar-needleCtaSoft__title strong{
  background: linear-gradient(135deg, var(--noar-brick), var(--noar-brick-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.noar-needle__ctaSoft .noar-needleCtaSoft__text{
  font-size: 15.5px;
  line-height: 1.7;
  color: rgba(100,116,139,.95);
  max-width: 820px;
  margin: 0 auto;
}

/* Grid */
.noar-needle__ctaSoft .noar-needleCtaSoft__grid{
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 14px;
  align-items: start;
}

/* CTA Panel */
.noar-needle__ctaSoft .noar-needleCtaSoftPanel{
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 60px rgba(15,23,42,.06);
  padding: 18px 16px;
}

.noar-needle__ctaSoft .noar-needleCtaSoftPanel__top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 12px;
}

.noar-needle__ctaSoft .noar-needleCtaSoftPanel__icon{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 18px;
  background: linear-gradient(135deg, rgba(180,83,60,.16), rgba(207,106,83,.10));
  border: 1px solid rgba(180,83,60,.18);
  box-shadow: 0 14px 40px rgba(180,83,60,.10);
}

.noar-needle__ctaSoft .noar-needleCtaSoftPanel__k{
  font-size: 11.5px;
  font-weight: 950;
  letter-spacing: 1.2px;
  color: rgba(15,23,42,.62);
  margin-bottom: 3px;
}

.noar-needle__ctaSoft .noar-needleCtaSoftPanel__v{
  font-size: 13.8px;
  font-weight: 950;
  color: rgba(15,23,42,.88);
}

.noar-needle__ctaSoft .noar-needleCtaSoftPanel__title{
  margin: 8px 0 8px;
  font-size: 16px;
  font-weight: 950;
  color: rgba(15,23,42,.92);
}

.noar-needle__ctaSoft .noar-needleCtaSoftPanel__desc{
  margin: 0 0 10px;
  font-size: 13.8px;
  line-height: 1.7;
  color: rgba(100,116,139,.95);
}

.noar-needle__ctaSoft .noar-needleCtaSoftPanel__list{
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(15,23,42,.82);
}

.noar-needle__ctaSoft .noar-needleCtaSoftPanel__actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.noar-needle__ctaSoft .noar-needleCtaSoftPanel__note{
  margin-top: 12px;
  border-radius: 18px;
  padding: 12px 12px;
  border: 1px solid rgba(180,83,60,.18);
  background:
    radial-gradient(420px 180px at 20% 0%, rgba(180,83,60,.12), transparent 60%),
    rgba(255,255,255,.92);
  color: rgba(15,23,42,.86);
  font-size: 13px;
  line-height: 1.65;
}

/* Buttons */
.noar-needle__ctaSoft .noar-needleCtaSoftBtn{
  appearance: none;
  cursor: pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 14px 18px;
  border-radius: 999px;
  text-decoration:none;
  font-size: 13.8px;
  font-weight: 850;
  letter-spacing: .8px;
  color: rgba(15,23,42,.88);
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.92);
  transition: transform .12s ease, filter .12s ease, background .12s ease, border-color .12s ease;
}

.noar-needle__ctaSoft .noar-needleCtaSoftBtn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  border-color: rgba(15,23,42,.16);
}

.noar-needle__ctaSoft .noar-needleCtaSoftBtn__arrow{
  margin-left: 8px;
  position: relative;
  top: -1px;
}

.noar-needle__ctaSoft .noar-needleCtaSoftBtn--primary{
  color: #fff;
  background: linear-gradient(135deg, var(--noar-brick), var(--noar-brick-2));
  border: 1px solid rgba(180,83,60,.18);
  box-shadow: 0 20px 60px rgba(180,83,60,.18);
}

.noar-needle__ctaSoft .noar-needleCtaSoftBtn--wa{
  color: #fff;
  background: linear-gradient(135deg, var(--wa-1), var(--wa-2));
  border: 1px solid rgba(34,197,94,.18);
  box-shadow: 0 20px 60px rgba(34,197,94,.14);
}

.noar-needle__ctaSoft .noar-needleCtaSoftBtn--ghost{
  box-shadow: none;
}

/* FAQ */
.noar-needle__ctaSoft .noar-needleFaqSoft{
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 60px rgba(15,23,42,.06);
  padding: 18px 16px;
}

.noar-needle__ctaSoft .noar-needleFaqSoft__top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 12px;
}

.noar-needle__ctaSoft .noar-needleFaqSoft__icon{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 18px;
  background: linear-gradient(135deg, rgba(180,83,60,.16), rgba(207,106,83,.10));
  border: 1px solid rgba(180,83,60,.18);
}

.noar-needle__ctaSoft .noar-needleFaqSoft__k{
  font-size: 11.5px;
  font-weight: 950;
  letter-spacing: 1.2px;
  color: rgba(15,23,42,.62);
  margin-bottom: 3px;
}

.noar-needle__ctaSoft .noar-needleFaqSoft__v{
  font-size: 13.8px;
  font-weight: 950;
  color: rgba(15,23,42,.88);
}

.noar-needle__ctaSoft .noar-needleFaqSoft__items{
  display: grid;
  gap: 10px;
}

.noar-needle__ctaSoft .noar-needleFaqSoftItem{
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  overflow: hidden;
}

.noar-needle__ctaSoft .noar-needleFaqSoftItem summary{ list-style:none; }
.noar-needle__ctaSoft .noar-needleFaqSoftItem summary::-webkit-details-marker{ display:none; }

.noar-needle__ctaSoft .noar-needleFaqSoftItem__q{
  padding: 14px 14px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  cursor:pointer;
  font-size: 13.8px;
  font-weight: 900;
  color: rgba(15,23,42,.92);
}

.noar-needle__ctaSoft .noar-needleFaqSoftItem__plus{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color: rgba(15,23,42,.90);
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.92);
  font-weight: 950;
  line-height: 1;
  margin-top: -2px;
  transition: transform .12s ease;
}

.noar-needle__ctaSoft .noar-needleFaqSoftItem[open] .noar-needleFaqSoftItem__plus{
  transform: rotate(45deg);
}

.noar-needle__ctaSoft .noar-needleFaqSoftItem__a{
  padding: 0 14px 14px;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(100,116,139,.95);
}

.noar-needle__ctaSoft .noar-needleFaqSoft__footer{
  margin-top: 12px;
  border-top: 1px solid rgba(15,23,42,.08);
  padding-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.noar-needle__ctaSoft .noar-needleFaqSoft__hint{
  font-size: 13px;
  line-height: 1.6;
  color: rgba(100,116,139,.95);
  max-width: 54ch;
}

.noar-needle__ctaSoft .noar-needleFaqSoft__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

@media(max-width: 980px){
  .noar-needle__ctaSoft{ padding: 62px 0; }
  .noar-needle__ctaSoft .noar-needleCtaSoft__grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media(max-width: 560px){
  .noar-needle__ctaSoft .noar-needleCtaSoftPanel__actions .noar-needleCtaSoftBtn{ width: 100%; }
  .noar-needle__ctaSoft .noar-needleFaqSoft__actions .noar-needleCtaSoftBtn{ width: 100%; }
}/* End custom CSS */