.elementor-45 .elementor-element.elementor-element-766b108{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-766b108:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-766b108 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://autopan.ro/wp-content/uploads/2025/05/AUTOPAN-ps3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-45 .elementor-element.elementor-element-a7157ec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:40px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-89366fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-2e98133 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-de0dfd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-c25dbea > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 50px 0px;}.elementor-45 .elementor-element.elementor-element-209a225{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-f31fc43 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-9a9cf28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-e39d8ea > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-2cb6ea0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-2338af8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-fdd72b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-53ed107{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-34f7dff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 0px 50px 0px;}.elementor-45 .elementor-element.elementor-element-afa2a1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-766b108 *//* =========================
   AUTOPAN 2026 — GLOBAL
   ========================= */

:root{
  --ap-bg: #0B0F14;
  --ap-bg2:#101621;
  --ap-ivory:#F7F3EA;
  --ap-white:#FFFFFF;
  --ap-gold:#C9A24A;
  --ap-muted: rgba(247,243,234,.72);
  --ap-line: rgba(255,255,255,.10);

  --ap-radius: 18px;
  --ap-shadow: 0 18px 60px rgba(0,0,0,.45);
  --ap-max: 1180px;
}

body{
  background: var(--ap-bg);
  color: var(--ap-ivory);
}

.ap-wrap{
  max-width: var(--ap-max);
  margin: 0 auto;
  padding: 0 18px;
}

.ap-kicker{
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(247,243,234,.75);
}

.ap-h1{
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.05;
  margin: 10px 0 14px;
  letter-spacing: -0.02em;
}

.ap-h2{
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.15;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
}

.ap-lead{
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.65;
  color: var(--ap-muted);
  max-width: 62ch;
}

.ap-grid{
  display: grid;
  gap: 18px;
}

.ap-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--ap-line);
  border-radius: var(--ap-radius);
  box-shadow: var(--ap-shadow);
  padding: 18px;
  backdrop-filter: blur(8px);
}

.ap-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 14px;
  font-weight: 700;
  text-decoration:none;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
  will-change: transform;
}

.ap-btn:hover{ transform: translateY(-1px); }

.ap-btn--gold{
  background: linear-gradient(180deg, rgba(201,162,74,1), rgba(160,122,40,1));
  color: #fff;
  box-shadow: 0 18px 40px rgba(201,162,74,.22);
}

.ap-btn--ghost{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color: var(--ap-ivory);
}

.ap-pill{
  display:inline-flex;
  gap:10px;
  align-items:center;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  padding: 8px 12px;
  border-radius: 999px;
  color: rgba(247,243,234,.85);
  font-size: 13px;
}

.ap-divider{
  height: 1px;
  background: var(--ap-line);
  margin: 16px 0;
}

/* M-stripes — discret, premium */
.ap-mstripes{
  display:flex;
  gap:10px;
  align-items:center;
}
.ap-mstripes span{
  height: 6px;
  width: 54px;
  border-radius: 999px;
  opacity: .95;
}
.ap-mstripes .s1{ background:#4AA3DF; }
.ap-mstripes .s2{ background:#2B2E83; }
.ap-mstripes .s3{ background:#C4252D; }

/* =========================
   SECTIONS
   ========================= */

/* HERO container: background set in Elementor */
.ap-hero{
  position: relative;
  overflow: hidden;
}
.ap-hero::before{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(900px 500px at 15% 20%, rgba(201,162,74,.18), transparent 60%),
              linear-gradient(180deg, rgba(11,15,20,.35), rgba(11,15,20,.88));
  pointer-events:none;
}
.ap-hero .ap-wrap{
  position: relative;
  padding: 86px 18px 56px;
}
.ap-hero-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
  align-items: end;
}
@media (max-width: 880px){
  .ap-hero .ap-wrap{ padding-top: 70px; }
  .ap-hero-grid{ grid-template-columns: 1fr; }
}

.ap-hero-badges{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0 18px;
}

.ap-proof{
  background: linear-gradient(180deg, rgba(16,22,33,.9), rgba(11,15,20,.9));
}
.ap-proof .ap-wrap{ padding: 36px 18px; }

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

.ap-services .ap-wrap{ padding: 56px 18px; }
.ap-services-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 880px){
  .ap-services-grid{ grid-template-columns: 1fr; }
}
.ap-service-card h3{ margin: 10px 0 8px; font-size: 18px; }
.ap-service-card p{ color: var(--ap-muted); line-height: 1.65; margin:0; }
.ap-service-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 12px;
}

.ap-process{
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
}
.ap-process .ap-wrap{ padding: 56px 18px; }
.ap-steps{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 980px){
  .ap-steps{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .ap-steps{ grid-template-columns: 1fr; }
}
.ap-step-num{
  font-weight:900;
  font-size: 13px;
  color: rgba(201,162,74,.95);
  letter-spacing: .14em;
}

.ap-trust .ap-wrap{ padding: 56px 18px; }
.ap-trust-grid{
  grid-template-columns: 1.1fr .9fr;
  align-items: stretch;
}
@media (max-width: 980px){
  .ap-trust-grid{ grid-template-columns: 1fr; }
}

.ap-testimonials .ap-wrap{ padding: 56px 18px; }
.ap-faq .ap-wrap{ padding: 56px 18px; }

.ap-faq details{
  border: 1px solid var(--ap-line);
  background: rgba(255,255,255,.04);
  border-radius: 14px;
  padding: 12px 14px;
}
.ap-faq summary{
  cursor: pointer;
  font-weight: 800;
}
.ap-faq p{ color: var(--ap-muted); line-height:1.7; margin:10px 0 0; }

.ap-cta{
  background: radial-gradient(900px 500px at 80% 10%, rgba(201,162,74,.16), transparent 60%),
              linear-gradient(180deg, rgba(16,22,33,.95), rgba(11,15,20,.95));
}
.ap-cta .ap-wrap{ padding: 56px 18px; }
.ap-cta-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  align-items:center;
}
@media (max-width: 980px){
  .ap-cta-grid{ grid-template-columns: 1fr; }
}

/* Make Elementor headings not fight with HTML typography */
.elementor-widget-heading .elementor-heading-title{
  letter-spacing: inherit;
}

/* =========================
   AUTOPAN — BACKDROP LAYERS
   (Dark Luxury + M-Power subtle)
   ========================= */

.ap-section{ position:relative; overflow:hidden; }
.ap-bg-layer{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.ap-section .ap-wrap{ position:relative; z-index:1; }

/* Cinematic vignette + subtle tech grid */
.ap-bg-cinematic{
  background:
    radial-gradient(1000px 700px at 20% 10%, rgba(74,163,223,.10), transparent 60%),
    radial-gradient(900px 650px at 80% 20%, rgba(255,255,255,.06), transparent 62%),
    linear-gradient(180deg, rgba(11,15,20,.25), rgba(11,15,20,.88)),
    linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: auto, auto, auto, 92px 92px, 92px 92px;
  background-position: center, center, center, center, center;
  mask-image: radial-gradient(900px 600px at 50% 20%, black 0%, transparent 78%);
}

/* Very subtle M-power diagonal strip */
.ap-bg-mdiag{
  background: linear-gradient(120deg,
    transparent 0%,
    rgba(74,163,223,.10) 36%,
    rgba(43,46,131,.08) 46%,
    rgba(196,37,45,.07) 56%,
    transparent 70%
  );
  opacity: .75;
  mask-image: radial-gradient(900px 650px at 50% 20%, black 0%, transparent 80%);
}

/* Right halo */
.ap-bg-halo-right{
  right:-320px; top:-220px;
  width: 720px; height: 720px;
  border-radius: 999px;
  opacity: .35;
  background: radial-gradient(circle at 40% 40%, rgba(255,255,255,.07), transparent 62%);
  position:absolute;
  pointer-events:none;
  z-index:0;
}

/* Left gold halo (lux) */
.ap-bg-halo-gold{
  left:-340px; bottom:-260px;
  width: 760px; height: 760px;
  border-radius: 999px;
  opacity: .18;
  background: radial-gradient(circle at 45% 45%, rgba(201,162,74,.22), transparent 62%);
  position:absolute;
  pointer-events:none;
  z-index:0;
}

/* M-stripes big halo (bottom-right) */
.ap-bg-mstripes{
  position:absolute;
  right: -140px;
  bottom: -180px;
  width: 520px;
  height: 520px;
  opacity: .18;
  transform: rotate(-18deg);
  background:
    linear-gradient(90deg, var(--m-light) 0 16%, transparent 16% 28%),
    linear-gradient(90deg, var(--m-dark) 0 16%, transparent 16% 28%),
    linear-gradient(90deg, var(--m-red) 0 16%, transparent 16% 28%);
  background-size: 72px 100%;
  mask-image: radial-gradient(closest-side, black 0%, transparent 72%);
  pointer-events:none;
  z-index:0;
}

/* Subtle rings (used for About sections) */
.ap-bg-rings{
  position:absolute; inset:0;
  opacity: .18;
  background-image:
    radial-gradient(circle at 72% 42%, transparent 0 180px, rgba(255,255,255,.07) 181px 182px, transparent 183px),
    radial-gradient(circle at 72% 42%, transparent 0 300px, rgba(255,255,255,.06) 301px 302px, transparent 303px);
  pointer-events:none;
  z-index:0;
}

/* =========================
   ABOUT PAGE LAYOUT
   ========================= */

.ap-about-hero{ position:relative; }
.ap-about-hero::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(201,162,74,.18), transparent 60%),
    radial-gradient(900px 520px at 82% 12%, rgba(74,163,223,.12), transparent 62%),
    linear-gradient(180deg, rgba(11,15,20,.30), rgba(11,15,20,.92));
}
.ap-about-hero .ap-wrap{ position:relative; padding: 84px 18px 54px; }

.ap-about-hero-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
  align-items:end;
}
@media (max-width: 880px){
  .ap-about-hero-grid{ grid-template-columns: 1fr; }
  .ap-about-hero .ap-wrap{ padding-top: 70px; }
}

.ap-about-kpis{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
@media (max-width: 880px){
  .ap-about-kpis{ grid-template-columns: 1fr; }
}

.ap-about-two{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  align-items: stretch;
}
@media (max-width: 980px){
  .ap-about-two{ grid-template-columns: 1fr; }
}

.ap-about-values{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
@media (max-width: 980px){
  .ap-about-values{ grid-template-columns: 1fr; }
}

.ap-about-timeline{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 980px){
  .ap-about-timeline{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .ap-about-timeline{ grid-template-columns: 1fr; }
}

.ap-about-badge{
  display:flex; gap:10px; flex-wrap:wrap; margin-top: 12px;
}

.ap-about-quote{
  font-size: 18px;
  line-height: 1.7;
  color: rgba(247,243,234,.80);
}

.ap-about-quote strong{
  color: rgba(247,243,234,.92);
}

.ap-anchor{ scroll-margin-top: 110px; }/* End custom CSS */
/* Start custom CSS for google_maps, class: .elementor-element-a4baead *//* Dark mode pentru Google Maps embed */
.elementor-widget-google_maps iframe{
    filter: invert(90%) hue-rotate(180deg) brightness(85%) contrast(90%);
}

/* Optional – ca apa sa nu fie neon */
.elementor-widget-google_maps{
    background:#0f1115;
}/* End custom CSS */