.elementor-8751 .elementor-element.elementor-element-775c7c0{--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-8751 .elementor-element.elementor-element-775c7c0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8751 .elementor-element.elementor-element-e4dd573{--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-8751 .elementor-element.elementor-element-e4dd573.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8751 .elementor-element.elementor-element-8847d28{--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-8751 .elementor-element.elementor-element-e8b88ae{--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-8751 .elementor-element.elementor-element-8c78db7{--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-8751 .elementor-element.elementor-element-c916776{--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-8751 .elementor-element.elementor-element-f1a795b{--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-8751 .elementor-element.elementor-element-c4d9cb2{--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-8751 .elementor-element.elementor-element-4268f15{--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-8751 .elementor-element.elementor-element-f053351{--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;}@media(min-width:768px){.elementor-8751 .elementor-element.elementor-element-775c7c0{--width:103.405%;}.elementor-8751 .elementor-element.elementor-element-e4dd573{--width:103.405%;}}/* Start custom CSS for html, class: .elementor-element-f663759 *//* ---------- MOBILE HERO ONLY ---------- */
.wf-logo-lp-mob-hero{
  display:none;
}
@media (max-width:767px){
  .wf-logo-lp-mob-hero{
    position:relative;
    display:block;
    overflow:hidden;
    padding:74px 16px 54px;
    background:
      radial-gradient(circle at 20% 8%, rgba(249,115,22,.24), transparent 34%),
      radial-gradient(circle at 90% 38%, rgba(45,212,191,.10), transparent 34%),
      linear-gradient(180deg,#020617 0%,#0b1120 50%,#020617 100%);
    color:#f9fafb;
    isolation:isolate;
  }
  .wf-logo-lp-mob-bg{
    position:absolute;
    inset:0;
    z-index:-1;
    background-image:
      linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:38px 38px;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.78), transparent 92%);
    pointer-events:none;
  }
  .wf-logo-lp-mob-inner{
    max-width:430px;
    margin:0 auto;
  }
  .wf-logo-lp-mob-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:18px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(249,115,22,.38);
    background:rgba(249,115,22,.08);
    color:#fb923c;
    font-size:11px;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
  }
  .wf-logo-lp-mob-kicker span{
    width:7px;
    height:7px;
    border-radius:999px;
    background:#f97316;
    box-shadow:0 0 0 4px rgba(249,115,22,.16);
  }
  .wf-logo-lp-mob-headline{
    margin:0 0 16px;
    font-family:"Sora",system-ui,sans-serif;
    font-size:clamp(38px,11vw,52px);
    line-height:.96;
    font-weight:950;
    letter-spacing:-.06em;
    color:#f9fafb;
  }
  .wf-logo-lp-mob-headline em{
    display:block;
    font-style:normal;
    background:linear-gradient(110deg,#fb923c 0%,#f97316 55%,#fdba74 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .wf-logo-lp-mob-subheadline{
    margin:0 0 24px;
    color:#a8b3c7;
    font-size:15.5px;
    line-height:1.58;
  }
  .wf-logo-lp-mob-preview-card{
    position:relative;
    margin:0 0 22px;
    padding:16px;
    border-radius:28px;
    border:1px solid rgba(148,163,184,.16);
    background:
      radial-gradient(circle at top left, rgba(249,115,22,.13), transparent 38%),
      linear-gradient(145deg,rgba(15,23,42,.96),rgba(2,6,23,.98));
    box-shadow:
      0 26px 70px rgba(0,0,0,.50),
      inset 0 1px 0 rgba(255,255,255,.05);
  }
  .wf-logo-lp-mob-preview-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    margin-bottom:14px;
  }
  .wf-logo-lp-mob-preview-top span{
    display:block;
    margin-bottom:4px;
    color:#94a3b8;
    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .wf-logo-lp-mob-preview-top strong{
    color:#f9fafb;
    font-size:17px;
    font-weight:900;
    letter-spacing:-.02em;
  }
  .wf-logo-lp-mob-live{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(34,197,94,.24);
    background:rgba(34,197,94,.10);
    color:#86efac;
    font-size:11px;
    font-weight:900;
  }
  .wf-logo-lp-mob-live span{
    width:7px;
    height:7px;
    margin:0;
    border-radius:999px;
    background:#22c55e;
  }
  .wf-logo-lp-mob-main-logo{
    position:relative;
    min-height:230px;
    display:grid;
    place-items:center;
    padding:46px 18px 20px;
    border-radius:24px;
    border:1px solid rgba(148,163,184,.12);
    background:
      radial-gradient(circle at center, rgba(249,115,22,.18), transparent 64%),
      rgba(15,23,42,.66);
    overflow:hidden;
  }
  .wf-logo-lp-mob-logo-label{
    position:absolute;
    left:14px;
    top:14px;
    padding:6px 9px;
    border-radius:999px;
    border:1px solid rgba(249,115,22,.30);
    background:rgba(249,115,22,.10);
    color:#fb923c;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .wf-logo-lp-mob-main-logo img{
    width:100%;
    max-height:164px;
    object-fit:contain;
    display:block;
  }
  .wf-logo-lp-mob-style-strip{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:12px;
  }
  .wf-logo-lp-mob-style-strip div{
    min-height:112px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:9px;
    padding:12px 8px;
    border-radius:18px;
    border:1px solid rgba(148,163,184,.13);
    background:rgba(15,23,42,.70);
  }
  .wf-logo-lp-mob-style-strip img{
    width:64px;
    height:64px;
    object-fit:contain;
    display:block;
    border-radius:12px;
  }
  .wf-logo-lp-mob-style-strip span{
    color:#cbd5e1;
    font-size:11px;
    font-weight:850;
  }
  .wf-logo-lp-mob-primary-btn{
    position:relative;
    overflow:hidden;
    width:100%;
    min-height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:999px;
    background:linear-gradient(to bottom,#fb923c,#f97316 45%,#ea580c);
    color:#0b1120;
    font-size:15.5px;
    font-weight:950;
    letter-spacing:-.01em;
    text-decoration:none;
    box-shadow:
      0 5px 0 #7c2d12,
      0 22px 42px rgba(249,115,22,.32),
      inset 0 1px 0 rgba(255,255,255,.35);
    transition:transform .12s ease, box-shadow .12s ease;
  }
  .wf-logo-lp-mob-primary-btn:active{
    transform:translateY(3px);
    box-shadow:
      0 2px 0 #7c2d12,
      0 10px 22px rgba(249,115,22,.24),
      inset 0 1px 0 rgba(255,255,255,.30);
  }
  .wf-logo-lp-mob-primary-btn span,
  .wf-logo-lp-mob-primary-btn svg{
    position:relative;
    z-index:1;
  }
  .wf-logo-lp-mob-primary-btn svg{
    width:18px;
    height:18px;
    transition:transform .2s ease;
  }
  .wf-logo-lp-mob-primary-btn:active svg{
    transform:translateX(3px);
  }
  .wf-logo-lp-mob-primary-btn::after{
    content:"";
    position:absolute;
    top:0;
    left:-60%;
    width:42%;
    height:100%;
    background:linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
    transform:skewX(-18deg);
    animation:wfMobCtaSheen 4.5s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes wfMobCtaSheen{
    0%, 58% { left:-60%; }
    100%    { left:130%; }
  }
  @media (prefers-reduced-motion:reduce){
    .wf-logo-lp-mob-primary-btn::after{ display:none; }
  }
  .wf-logo-lp-mob-trust{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:18px;
  }
  .wf-logo-lp-mob-trust span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.12);
    background:rgba(15,23,42,.62);
    color:#cbd5e1;
    font-size:11.5px;
    font-weight:800;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-804ba33 *//* ---------- HERO: WEBFIRE LOGO LP (V2) ---------- */
.wf-logo-lp-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 16%, rgba(249, 115, 22, 0.20), transparent 32%),
    radial-gradient(circle at 88% 22%, rgba(45, 212, 191, 0.08), transparent 30%),
    radial-gradient(circle at 60% 95%, rgba(249, 115, 22, 0.10), transparent 42%),
    linear-gradient(180deg, #020617 0%, #0b1120 50%, #020617 100%);
  color: #f9fafb;
  padding: 124px 24px 116px;
  isolation: isolate;
}
.wf-logo-lp-hero,
.wf-logo-lp-hero *,
.wf-logo-lp-hero *::before,
.wf-logo-lp-hero *::after {
  box-sizing: border-box;
}
.wf-logo-lp-bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.74), transparent 88%);
  pointer-events: none;
  z-index: -1;
}
.wf-logo-lp-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.035) 42%, transparent 62%);
  transform: translateX(-30%);
  opacity: .7;
}
.wf-logo-lp-hero-inner {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(480px, 1.1fr);
  gap: 80px;
  align-items: center;
}
/* ---------- KICKER ---------- */
.wf-logo-lp-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  padding: 8px 14px 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(249, 115, 22, 0.38);
  background: rgba(249, 115, 22, 0.08);
  color: #fb923c;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  margin-bottom: 24px;
  box-shadow: 0 0 38px rgba(249,115,22,.14);
}
.wf-logo-lp-kicker-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #f97316;
  box-shadow: 0 0 0 4px rgba(249,115,22,.18);
  animation: wfKickerPulse 2.2s ease-in-out infinite;
}
@keyframes wfKickerPulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(249,115,22,.18); }
  50%      { box-shadow: 0 0 0 8px rgba(249,115,22,.04); }
}
/* ---------- HEADLINE ---------- */
.wf-logo-lp-headline {
  max-width: 720px;
  margin: 0 0 22px;
  font-family: "Sora", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: clamp(48px, 5vw, 76px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.05em;
  color: #f9fafb;
}
.wf-logo-lp-headline em {
  font-style: normal;
  background: linear-gradient(110deg, #fb923c 0%, #f97316 55%, #fdba74 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
/* ---------- SUBHEADLINE ---------- */
.wf-logo-lp-subheadline {
  max-width: 600px;
  margin: 0 0 32px;
  font-size: 18px;
  line-height: 1.65;
  color: #a8b3c7;
}
/* ---------- CTA ROW ---------- */
.wf-logo-lp-cta-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.wf-logo-lp-primary-btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 26px;
  border-radius: 999px;
  background: linear-gradient(to bottom, #fb923c, #f97316 45%, #ea580c);
  color: #0b1120;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
  box-shadow:
    0 5px 0 #7c2d12,
    0 20px 40px rgba(249, 115, 22, 0.30),
    inset 0 1px 0 rgba(255,255,255,.32);
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}
.wf-logo-lp-primary-btn:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.wf-logo-lp-primary-btn:hover .wf-logo-lp-btn-arrow {
  transform: translateX(4px);
}
.wf-logo-lp-primary-btn:active {
  transform: translateY(3px);
  box-shadow:
    0 2px 0 #7c2d12,
    0 10px 22px rgba(249, 115, 22, 0.22);
}
.wf-logo-lp-btn-arrow {
  width: 18px;
  height: 18px;
  transition: transform 220ms ease;
}
.wf-logo-lp-primary-btn span,
.wf-logo-lp-primary-btn .wf-logo-lp-btn-arrow {
  position: relative;
  z-index: 1;
}
.wf-logo-lp-primary-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent);
  transform: skewX(-18deg);
  animation: wfLpCtaSheen 4.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes wfLpCtaSheen {
  0%, 58% { left: -60%; }
  100%    { left: 130%; }
}
@media (prefers-reduced-motion: reduce) {
  .wf-logo-lp-primary-btn::after { display: none; }
}
.wf-logo-lp-primary-btn:focus-visible,
.wf-logo-lp-secondary-btn:focus-visible {
  outline: 2px solid #fb923c;
  outline-offset: 3px;
}
.wf-logo-lp-secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.55);
  color: #e5e7eb;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  backdrop-filter: blur(10px);
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease, transform 120ms ease;
}
.wf-logo-lp-secondary-btn:hover {
  border-color: rgba(249, 115, 22, 0.50);
  background: rgba(15, 23, 42, 0.85);
  color: #fb923c;
  transform: translateY(-1px);
}
.wf-logo-lp-secondary-btn:active {
  transform: translateY(1px);
}
/* ---------- TRUST ROW ---------- */
.wf-logo-lp-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(148, 163, 184, 0.10);
}
.wf-logo-lp-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #cbd5e1;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}
.wf-logo-lp-trust-item svg {
  width: 14px;
  height: 14px;
  color: #22c55e;
  flex: 0 0 14px;
}
/* ---------- HERO LOGO LAB ---------- */
.wf-logo-lp-hero-visual {
  position: relative;
  min-width: 0;
}
.wf-logo-lp-hero-visual::before {
  content: "";
  position: absolute;
  inset: -90px -60px;
  background: radial-gradient(circle at center, rgba(249,115,22,.18), transparent 62%);
  filter: blur(14px);
  z-index: -1;
}
.wf-logo-lp-lab {
  position: relative;
  width: 100%;
  max-width: 620px;
  min-height: 560px;
  margin-left: auto;
  border-radius: 36px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background:
    radial-gradient(circle at top left, rgba(249, 115, 22, 0.12), transparent 34%),
    radial-gradient(circle at bottom right, rgba(45, 212, 191, 0.08), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.94), rgba(2, 6, 23, 0.98));
  box-shadow:
    0 36px 90px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255,255,255,0.05);
  padding: 24px;
  backdrop-filter: blur(18px);
  overflow: hidden;
}
.wf-logo-lp-lab::before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.045);
  pointer-events: none;
}
.wf-logo-lp-lab-top {
  position: relative;
  z-index: 8;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 22px;
}
.wf-logo-lp-lab-headline span {
  display: block;
  margin-bottom: 6px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.wf-logo-lp-lab-headline strong {
  display: block;
  color: #f9fafb;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.wf-logo-lp-lab-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px 7px 10px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.10);
  border: 1px solid rgba(34, 197, 94, 0.24);
  color: #86efac;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.wf-logo-lp-lab-pulse {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 0 rgba(34,197,94,.55);
  animation: wfLabPulse 1.8s ease-in-out infinite;
}
@keyframes wfLabPulse {
  0%   { box-shadow: 0 0 0 0 rgba(34,197,94,.55); }
  70%  { box-shadow: 0 0 0 8px rgba(34,197,94,0); }
  100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}
/* ---------- LOGO CLOUD ---------- */
.wf-logo-lp-logo-cloud {
  position: relative;
  min-height: 420px;
}
.wf-logo-lp-logo-cloud::before {
  content: "";
  position: absolute;
  inset: 40px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(249,115,22,.22), transparent 64%);
  filter: blur(14px);
  pointer-events: none;
}
.wf-logo-lp-logo-tile {
  position: absolute;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.12), transparent 42%),
    linear-gradient(145deg, rgba(15,23,42,.96), rgba(2,6,23,.98));
  box-shadow:
    0 24px 60px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(16px);
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    border-color .35s ease,
    box-shadow .35s ease;
}
.wf-logo-lp-logo-tile:hover {
  border-color: rgba(249,115,22,.40);
  box-shadow:
    0 30px 70px rgba(0,0,0,.52),
    0 0 0 1px rgba(249,115,22,.18),
    inset 0 1px 0 rgba(255,255,255,.05);
  z-index: 6;
}
/* Main Card */
.wf-logo-lp-logo-tile--main {
  width: 310px;
  min-height: 300px;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%) rotate(-2deg);
  border-radius: 32px;
  padding: 22px;
  z-index: 5;
}
.wf-logo-lp-logo-tile--main:hover {
  transform: translate(-50%, -53%) rotate(-2deg);
}
.wf-logo-lp-logo-badge {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(249,115,22,.10);
  border: 1px solid rgba(249,115,22,.32);
  color: #fb923c;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.wf-logo-lp-logo-image-wrap {
  width: 100%;
  height: 172px;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.12);
  background:
    radial-gradient(circle at center, rgba(255,255,255,.06), transparent 48%),
    rgba(15,23,42,.72);
  display: grid;
  place-items: center;
}
.wf-logo-lp-logo-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.wf-logo-lp-logo-tile--main .wf-logo-lp-logo-image {
  padding: 18px;
}
.wf-logo-lp-logo-lines {
  width: 190px;
  display: grid;
  gap: 9px;
  margin: 22px auto 0;
}
.wf-logo-lp-logo-lines span {
  height: 8px;
  border-radius: 999px;
  background: rgba(148,163,184,.18);
}
.wf-logo-lp-logo-lines span:nth-child(2) {
  width: 68%;
  margin: 0 auto;
}
/* Small Cards */
.wf-logo-lp-logo-tile--small {
  width: 156px;
  height: 156px;
  border-radius: 28px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
  padding: 13px;
  z-index: 4;
  overflow: hidden;
}
.wf-logo-lp-logo-tile--small .wf-logo-lp-logo-image {
  width: 102px;
  height: 102px;
  object-fit: contain;
  border-radius: 20px;
  background:
    radial-gradient(circle at center, rgba(255,255,255,.05), transparent 56%),
    rgba(15,23,42,.82);
  padding: 7px;
  border: 1px solid rgba(148,163,184,.10);
}
.wf-logo-lp-logo-tile--small span {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}
.wf-logo-lp-logo-tile--one   { left: 24px;  top: 42px;    transform: rotate(5deg); }
.wf-logo-lp-logo-tile--one:hover   { transform: translateY(-4px) rotate(5deg); }
.wf-logo-lp-logo-tile--two   { right: 18px; top: 70px;    transform: rotate(-6deg); }
.wf-logo-lp-logo-tile--two:hover   { transform: translateY(-4px) rotate(-6deg); }
.wf-logo-lp-logo-tile--three { left: 42px;  bottom: 38px; transform: rotate(-5deg); }
.wf-logo-lp-logo-tile--three:hover { transform: translateY(-4px) rotate(-5deg); }
.wf-logo-lp-logo-tile--four  { right: 40px; bottom: 24px; transform: rotate(6deg); }
.wf-logo-lp-logo-tile--four:hover  { transform: translateY(-4px) rotate(6deg); }
/* ---------- LAB BOTTOM CHIPS ---------- */
.wf-logo-lp-lab-bottom {
  position: relative;
  z-index: 8;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.wf-logo-lp-lab-chip {
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(148,163,184,.13);
  background: rgba(15,23,42,.76);
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.wf-logo-lp-chip-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(148,163,184,.14);
  color: inherit;
  font-size: 11px;
  font-weight: 900;
}
.wf-logo-lp-lab-chip.is-active {
  border-color: rgba(249,115,22,.82);
  color: #fb923c;
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.24), transparent 60%),
    rgba(15,23,42,.92);
  box-shadow: 0 0 0 1px rgba(249,115,22,.22);
}
.wf-logo-lp-lab-chip.is-active .wf-logo-lp-chip-num {
  background: rgba(249,115,22,.22);
  color: #fdba74;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa36bdd */.wf-logo-wizard-mobile{
  display:none;
}
@media(max-width:767px){
  .wf-logo-wizard-mobile{
    display:block;
    padding:72px 16px 82px;
    background:
      radial-gradient(circle at 50% 0%,rgba(249,115,22,.12),transparent 36%),
      linear-gradient(180deg,#020617 0%,#111827 58%,#020617 100%);
    color:#f9fafb;
    max-width:100%;
    overflow-x:hidden;
    border-top:1px solid rgba(255,255,255,.04);
  }
  #wf-logo-tool-mobile,
  #wf-logo-tool-mobile *,
  #wf-logo-tool-mobile *::before,
  #wf-logo-tool-mobile *::after{
    box-sizing:border-box;
  }
  .wf-logo-wizard-mobile-intro{
    text-align:center;
    margin:0 auto 28px;
    max-width:390px;
  }
  .wf-logo-wizard-mobile-intro > span{
    display:inline-flex;
    margin-bottom:14px;
    padding:7px 12px;
    border-radius:999px;
    border:1px solid rgba(249,115,22,.32);
    background:rgba(249,115,22,.08);
    color:#fb923c;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .wf-logo-wizard-mobile-intro h2{
    margin:0 0 12px;
    font-family:"Sora",system-ui,sans-serif;
    font-size:clamp(32px,9vw,44px);
    line-height:1.02;
    font-weight:950;
    letter-spacing:-.055em;
  }
  .wf-logo-wizard-mobile-intro em{
    font-style:normal;
    background:linear-gradient(110deg,#fb923c,#f97316,#fdba74);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .wf-logo-wizard-mobile-intro p{
    margin:0;
    color:#94a3b8;
    font-size:14.5px;
    line-height:1.6;
  }
  .wf-logo-mobile-shell{
    border-radius:28px;
    border:1px solid rgba(148,163,184,.16);
    background:
      radial-gradient(circle at top left,rgba(249,115,22,.11),transparent 42%),
      linear-gradient(145deg,rgba(15,23,42,.96),rgba(2,6,23,.99));
    box-shadow:0 26px 70px rgba(0,0,0,.48);
    padding:16px;
  }
  .wf-logo-mobile-top{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:4px 2px 16px;
    border-bottom:1px solid rgba(148,163,184,.12);
    margin-bottom:16px;
  }
  .wf-logo-mobile-top span{
    display:block;
    margin-bottom:4px;
    color:#94a3b8;
    font-size:10px;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .wf-logo-mobile-top strong{
    color:#f9fafb;
    font-size:16px;
    font-weight:900;
  }
  .wf-logo-mobile-status{
    align-self:flex-start;
    padding:6px 9px;
    border-radius:999px;
    border:1px solid rgba(34,197,94,.24);
    background:rgba(34,197,94,.10);
    color:#86efac;
    font-size:11px;
    font-weight:900;
  }
  #wf-logo-mob-wizard{
    padding:0;
    border:0;
    background:transparent;
  }
  .wf-logo-mobile-stepper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-bottom:14px;
  }
  .wf-logo-mobile-stepper .wf-logo-step-dot{
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border-radius:14px;
    border:1px solid rgba(148,163,184,.13);
    background:rgba(15,23,42,.66);
    color:#94a3b8;
    font-size:11.5px;
    font-weight:850;
  }
  .wf-logo-mobile-stepper .wf-logo-step-dot span{
    width:20px;
    height:20px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:rgba(148,163,184,.14);
    font-size:11px;
  }
  .wf-logo-mobile-stepper .wf-logo-step-dot.is-active{
    border-color:#f97316;
    color:#fb923c;
    background:rgba(249,115,22,.10);
  }
  .wf-logo-step-counter-bar{
    display:flex;
    justify-content:space-between;
    margin-bottom:14px;
    color:#64748b;
    font-size:12px;
    font-weight:700;
  }
  .wf-logo-form{
    display:grid;
    gap:14px;
  }
  .wf-logo-step{
    display:none;
    padding:18px;
    border-radius:22px;
    border:1px solid rgba(148,163,184,.13);
    background:rgba(2,6,23,.58);
  }
  .wf-logo-step.is-active{
    display:grid;
    gap:16px;
  }
  .wf-logo-step-title{
    font-size:20px;
    font-weight:950;
    color:#f9fafb;
    letter-spacing:-.025em;
  }
  .wf-logo-step-sub{
    color:#94a3b8;
    font-size:13.5px;
    line-height:1.55;
  }
  #wf-logo-tool-mobile .wf-logo-style-buttons{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  #wf-logo-tool-mobile .wf-logo-style-btn{
    all:unset !important;
    position:relative !important;
    box-sizing:border-box !important;
    min-height:134px !important;
    display:block !important;
    border-radius:18px !important;
    border:1px solid rgba(148,163,184,.14) !important;
    overflow:hidden !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
    transition:transform .08s ease, border-color .18s ease, box-shadow .18s ease !important;
  }
  #wf-logo-tool-mobile .wf-logo-style-btn:active{
    transform:scale(.98) !important;
  }
  #wf-logo-tool-mobile .wf-logo-style-btn:focus-visible{
    outline:2px solid #fb923c !important;
    outline-offset:2px !important;
  }
  #wf-logo-tool-mobile .wf-logo-style-btn.is-active{
    border-color:#f97316 !important;
    box-shadow:
      0 0 0 1px rgba(249,115,22,.45),
      0 14px 30px rgba(249,115,22,.20) !important;
  }
  #wf-logo-tool-mobile .wf-logo-style-btn img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }
  #wf-logo-tool-mobile .wf-logo-style-btn span{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    padding:22px 8px 9px !important;
    background:linear-gradient(to top, rgba(2,6,23,.94) 0%, rgba(2,6,23,.62) 52%, transparent 100%) !important;
    color:#f8fafc !important;
    font-size:12.5px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    text-align:center !important;
  }
  .wf-field{
    display:grid;
    gap:7px;
  }
  .wf-field label{
    color:#cbd5e1;
    font-size:13px;
    font-weight:800;
  }
  .wf-field input,
  .wf-field textarea,
  #wf-logo-tool-mobile .wf-logo-color-role input{
    width:100%;
    min-height:48px;
    border-radius:14px;
    border:1px solid rgba(148,163,184,.18);
    background:#020617;
    color:#f9fafb;
    padding:11px 14px;
    font-size:14px;
    font-family:inherit;
    outline:none;
    box-sizing:border-box;
  }
  .wf-field textarea{
    min-height:108px;
    resize:vertical;
    line-height:1.5;
  }
  .wf-field p{
    margin:0;
    color:#64748b;
    font-size:12px;
    line-height:1.45;
  }
  /* Autofill-Override (kein gelber Hintergrund) */
  #wf-logo-tool-mobile input:-webkit-autofill,
  #wf-logo-tool-mobile input:-webkit-autofill:hover,
  #wf-logo-tool-mobile input:-webkit-autofill:focus,
  #wf-logo-tool-mobile input:-webkit-autofill:active,
  #wf-logo-tool-mobile textarea:-webkit-autofill{
    -webkit-text-fill-color:#f9fafb !important;
    caret-color:#f9fafb !important;
    -webkit-box-shadow:0 0 0 1000px #020617 inset !important;
    box-shadow:0 0 0 1000px #020617 inset !important;
    border:1px solid rgba(148,163,184,.18) !important;
    transition:background-color 999999s ease-in-out 0s !important;
  }
  #wf-logo-tool-mobile input:autofill,
  #wf-logo-tool-mobile textarea:autofill{
    -webkit-text-fill-color:#f9fafb !important;
    box-shadow:0 0 0 1000px #020617 inset !important;
    border:1px solid rgba(148,163,184,.18) !important;
  }
  #wf-logo-tool-mobile .wf-consent{
    position:relative;
    display:flex !important;
    align-items:flex-start;
    gap:10px;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(148,163,184,.13);
    background:rgba(15,23,42,.48);
    color:#cbd5e1;
    font-size:12.5px;
    line-height:1.45;
    cursor:pointer;
  }
  #wf-logo-tool-mobile .wf-consent input[type="checkbox"]{
    appearance:auto !important;
    -webkit-appearance:checkbox !important;
    display:block !important;
    position:static !important;
    opacity:1 !important;
    pointer-events:auto !important;
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    margin:3px 0 0 !important;
    accent-color:#f97316;
    flex:0 0 16px;
  }
  #wf-logo-tool-mobile .wf-consent span{
    display:block;
    flex:1;
  }
  #wf-logo-tool-mobile .wf-consent a{
    color:#fb923c;
  }
  .wf-logo-palette-card{
    padding:15px;
    border-radius:20px;
    border:1px solid rgba(148,163,184,.14);
    background:rgba(15,23,42,.62);
  }
  .wf-logo-palette-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
  }
  .wf-logo-palette-head span{
    color:#94a3b8;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  #wf-logo-mob-random-colors{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:44px;
    border:1px solid rgba(249,115,22,.5);
    background:linear-gradient(180deg,#1e293b,#0f172a);
    color:#fb923c;
    border-radius:999px;
    padding:0 16px;
    font-size:12.5px;
    font-weight:900;
    font-family:inherit;
    cursor:pointer;
    box-shadow:
      0 4px 12px rgba(0,0,0,.4),
      inset 0 1px 0 rgba(255,255,255,.06);
    transition:transform .08s ease, border-color .15s ease, box-shadow .15s ease;
  }
  #wf-logo-mob-random-colors svg{
    width:14px;
    height:14px;
    flex:0 0 14px;
  }
  #wf-logo-mob-random-colors:active{
    transform:scale(.97);
  }
  #wf-logo-mob-random-colors:focus-visible{
    outline:2px solid #fb923c;
    outline-offset:2px;
  }
  .wf-logo-palette-bars{
    display:grid;
    grid-template-columns:2fr 1.2fr .8fr;
    gap:8px;
    height:64px;
  }
  .wf-logo-palette-bars span{
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
  }
  #wf-mob-palette-primary,
  #wf-mob-color-chip-primary{
    background:#0f172a;
  }
  #wf-mob-palette-secondary,
  #wf-mob-color-chip-secondary{
    background:#f97316;
  }
  #wf-mob-palette-accent,
  #wf-mob-color-chip-accent{
    background:#22c55e;
  }
  #wf-logo-tool-mobile .wf-logo-color-roles{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  #wf-logo-tool-mobile .wf-logo-color-role{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    padding:14px !important;
    border-radius:18px !important;
    border:1px solid rgba(148,163,184,.13) !important;
    background:rgba(15,23,42,.58) !important;
    box-sizing:border-box !important;
  }
  #wf-logo-tool-mobile .wf-logo-color-chip{
    width:100% !important;
    height:52px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    border:1px solid rgba(148,163,184,.22) !important;
    background:#020617 !important;
    padding:4px !important;
    box-sizing:border-box !important;
  }
  #wf-logo-tool-mobile .wf-logo-color-chip span{
    width:100% !important;
    height:100% !important;
    display:block !important;
    border-radius:10px !important;
  }
  #wf-logo-tool-mobile .wf-logo-color-role input{
    width:100% !important;
    display:block !important;
    min-height:48px !important;
    text-align:center !important;
    font-weight:800 !important;
    letter-spacing:.03em !important;
  }
  .wf-logo-step-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  #wf-logo-mob-prev,
  #wf-logo-mob-next,
  #wf-logo-mob-submit{
    min-height:50px;
    border-radius:999px;
    border:0;
    font-size:13px;
    font-weight:950;
    font-family:inherit;
    cursor:pointer;
    transition:transform .08s ease;
  }
  #wf-logo-mob-prev:active,
  #wf-logo-mob-next:active,
  #wf-logo-mob-submit:active{
    transform:scale(.97);
  }
  #wf-logo-mob-prev:focus-visible,
  #wf-logo-mob-next:focus-visible,
  #wf-logo-mob-submit:focus-visible{
    outline:2px solid #fb923c;
    outline-offset:2px;
  }
  #wf-logo-mob-prev[disabled]:active{
    transform:none;
  }
  #wf-logo-mob-prev{
    background:transparent;
    border:1px solid rgba(148,163,184,.18);
    color:#cbd5e1;
  }
  #wf-logo-mob-next,
  #wf-logo-mob-submit{
    background:linear-gradient(to bottom,#f97316,#ea580c,#c2410c);
    color:#0b1120;
    box-shadow:0 4px 0 #7c2d12;
  }
  #wf-logo-mob-submit{
    display:none;
    grid-column:1 / -1;
  }
  #wf-logo-mob-wizard.is-step-3 #wf-logo-mob-submit{
    display:block;
  }
  #wf-logo-mob-wizard.is-step-3 #wf-logo-mob-next{
    display:none;
  }
  .wf-logo-message{
    color:#fca5a5;
    font-size:12.5px;
    font-weight:700;
    min-height:18px;
  }
  /* ---------- UX FIXES (Touch / A11y / Trust) ---------- */
  #wf-logo-tool-mobile button,
  #wf-logo-tool-mobile a,
  #wf-logo-tool-mobile input,
  #wf-logo-tool-mobile textarea{
    touch-action:manipulation;
  }
  #wf-logo-tool-mobile .wf-logo-color-chip{
    cursor:pointer;
    transition:transform .08s ease, border-color .18s ease;
  }
  #wf-logo-tool-mobile .wf-logo-color-chip:active{
    transform:scale(.97);
  }
  #wf-logo-tool-mobile .wf-logo-color-chip:focus-visible{
    outline:2px solid #fb923c;
    outline-offset:2px;
  }
  #wf-logo-tool-mobile .wf-trust-line{
    display:flex;
    align-items:flex-start;
    gap:8px;
    padding:10px 12px;
    border-radius:12px;
    background:rgba(34,197,94,.08);
    border:1px solid rgba(34,197,94,.18);
    color:#86efac;
    font-size:12px;
    font-weight:600;
    line-height:1.4;
  }
  #wf-logo-tool-mobile .wf-trust-line svg{
    width:15px;
    height:15px;
    flex:0 0 15px;
    margin-top:1px;
  }
  /* ---------- MOBILE RESULT / STEP 4 ---------- */
  #wf-logo-mob-wizard.is-step-4 .wf-logo-mobile-stepper,
  #wf-logo-mob-wizard.is-step-4 .wf-logo-step-counter-bar,
  #wf-logo-mob-wizard.is-step-4 .wf-logo-step-nav,
  #wf-logo-mob-wizard.is-step-4 .wf-logo-message{
    display:none;
  }
  #wf-logo-tool-mobile .wf-logo-result-step{
    padding:18px;
  }
  #wf-logo-tool-mobile .wf-logo-result{
    margin-top:0;
    border-radius:0;
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  #wf-logo-tool-mobile .wf-logo-result-header{
    padding:0 0 18px;
    text-align:left;
  }
  #wf-logo-tool-mobile .wf-logo-result-kicker{
    display:block;
    margin-bottom:8px;
    color:#f97316;
    font-size:10.5px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  #wf-logo-tool-mobile .wf-logo-result-title{
    margin:0 0 8px;
    color:#f8fafc;
    font-size:20px;
    font-weight:950;
    line-height:1.18;
    letter-spacing:-.025em;
  }
  #wf-logo-tool-mobile .wf-logo-result-sub{
    margin:0;
    color:#94a3b8;
    font-size:13.5px;
    line-height:1.55;
  }
  #wf-logo-tool-mobile .wf-logo-result-images{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
    padding:0;
  }
  #wf-logo-tool-mobile .wf-logo-result-img-wrap{
    display:grid;
    gap:8px;
    min-width:0;
  }
  #wf-logo-tool-mobile .wf-logo-result-img-label{
    display:block;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#64748b;
    font-size:10px;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
    line-height:1;
  }
  #wf-logo-tool-mobile .wf-logo-result-img-frame{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;
    border-radius:16px;
    overflow:hidden;
    border:1px solid rgba(148,163,184,.14);
    background:#020617;
    box-shadow:0 10px 24px rgba(0,0,0,.28);
  }
  #wf-logo-tool-mobile .wf-logo-result-placeholder{
    position:absolute;
    inset:0;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    background:
      radial-gradient(circle at center,rgba(249,115,22,.08),transparent 58%),
      #0b1120;
    opacity:1;
    transition:opacity .35s ease;
  }
  #wf-logo-tool-mobile .wf-logo-result-placeholder.is-done{
    opacity:0;
    pointer-events:none;
  }
  #wf-logo-tool-mobile .wf-logo-result-placeholder-spinner{
    width:42px;
    height:42px;
    animation:wf-result-spin 1.1s linear infinite;
  }
  #wf-logo-tool-mobile .wf-logo-result-placeholder-spinner svg{
    width:100%;
    height:100%;
    display:block;
  }
  #wf-logo-tool-mobile .wf-logo-result-placeholder-text{
    color:#64748b;
    font-size:12.5px;
    font-weight:800;
    letter-spacing:.03em;
  }
  #wf-logo-tool-mobile .wf-logo-result-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    background:#fff;
    opacity:0;
    z-index:1;
    transition:opacity .45s ease;
  }
  #wf-logo-tool-mobile .wf-logo-result-img.is-loaded{
    opacity:1;
  }
  #wf-logo-tool-mobile .wf-logo-result-footer{
    padding:18px 0 0;
  }
  #wf-logo-tool-mobile .wf-logo-result-actions{
    display:flex;
    justify-content:stretch;
  }
  #wf-logo-tool-mobile .wf-logo-result-cta-primary{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  @keyframes wf-result-spin{
    to{
      transform:rotate(360deg);
    }
  }
}
.wf-logo-download-btn{
  display:none;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(249,115,22,.35);
  background:rgba(249,115,22,.08);
  color:#fb923c !important;
  font-size:12px;
  font-weight:900;
  text-decoration:none !important;
  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    transform .12s ease;
}
.wf-logo-download-btn.is-visible{
  display:flex;
}
@media (hover:hover){
  .wf-logo-download-btn:hover{
    border-color:#f97316;
    background:rgba(249,115,22,.16);
    color:#fed7aa !important;
    transform:translateY(-1px);
  }
}
.wf-logo-download-btn:active{
  transform:translateY(1px) scale(.99);
}
@media(max-width:767px){
  #wf-logo-tool-mobile .wf-logo-download-btn{
    width:100%;
    min-height:44px;
    font-size:12.5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0748238 *//* ---------- WEBFIRE BRAND STYLE SHOWROOM MOBILE ---------- */
.wf-logo-proof-mob-section,
.wf-logo-proof-strip-mobile{
  position:relative;
  overflow:hidden;
  padding:92px 0 104px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.10), transparent 38%),
    linear-gradient(180deg,#020617 0%,#0b1120 100%);
}
/* ---------- HEAD ---------- */
.wf-logo-proof-mob-head{
  position:relative;
  z-index:5;
  padding:0 22px;
  margin-bottom:48px !important;
  text-align:center;
}
.wf-logo-proof-mob-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(249,115,22,.30);
  background:rgba(249,115,22,.08);
  color:#fb923c;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.wf-logo-proof-mob-title{
  margin:0 0 18px;
  font-family:"Sora",system-ui,sans-serif;
  font-size:34px;
  line-height:1.06;
  font-weight:900;
  letter-spacing:-.05em;
  color:#f8fafc;
}
.wf-logo-proof-mob-title em{
  font-style:normal;
  background:linear-gradient(110deg,#fb923c 0%,#f97316 55%,#fdba74 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.wf-logo-proof-mob-text{
  margin:0 auto;
  max-width:320px;
  color:#94a3b8;
  font-size:15px;
  line-height:1.65;
}
/* ---------- TAGS ---------- */
.wf-logo-proof-mob-tags{
  display:flex;
  gap:10px;
  overflow:auto;
  padding:0 22px;
  margin-bottom:34px;
  scrollbar-width:none;
}
.wf-logo-proof-mob-tags::-webkit-scrollbar{
  display:none;
}
.wf-logo-proof-mob-tags span{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(15,23,42,.62);
  color:#cbd5e1;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  backdrop-filter:blur(10px);
}
/* ---------- SLIDER ---------- */
.wf-logo-proof-mob-slider{
  position:relative;
  overflow:hidden;
  background:transparent;
}
/* ---------- TRACKS ---------- */
.wf-logo-proof-mob-row{
  position:relative;
  width:100%;
  overflow:hidden;
  margin-bottom:16px;
}
/* Edge-Fade — Logos laufen sauber aus statt hart abgeschnitten */
.wf-logo-proof-mob-row::before,
.wf-logo-proof-mob-row::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:58px;
  z-index:3;
  pointer-events:none;
}
.wf-logo-proof-mob-row::before{
  left:0;
  background:linear-gradient(90deg,#070c1a 0%,rgba(7,12,26,.6) 45%,transparent 100%);
}
.wf-logo-proof-mob-row::after{
  right:0;
  background:linear-gradient(270deg,#070c1a 0%,rgba(7,12,26,.6) 45%,transparent 100%);
}
.wf-logo-proof-mob-track{
  display:flex;
  align-items:center;
  gap:16px;
  width:max-content;
  will-change:transform;
  animation:wfLogoMobileLoop 34s linear infinite;
}
.wf-logo-proof-mob-track--reverse{
  animation-name:wfLogoMobileLoopReverse;
}
/* ---------- CARD ---------- */
.wf-logo-proof-mob-card{
  flex:0 0 auto;
  width:190px;
  height:116px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.10);
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.06), transparent 54%),
    linear-gradient(145deg, rgba(15,23,42,.90), rgba(2,6,23,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
}
.wf-logo-proof-mob-card img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:72px;
  object-fit:contain;
  opacity:.94;
}
/* ---------- SIZE TUNING ---------- */
.wf-logo-proof-mob-card img[src*="Voltix"],
.wf-logo-proof-mob-card img[src*="Avenworth"],
.wf-logo-proof-mob-card img[src*="Rennaissance"]{
  max-height:60px;
}
.wf-logo-proof-mob-card img[src*="Organic"],
.wf-logo-proof-mob-card img[src*="Felia"],
.wf-logo-proof-mob-card img[src*="harmony"]{
  max-height:70px;
}
/* ---------- ANIMATIONS ---------- */
@keyframes wfLogoMobileLoop{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(calc(-50% - 8px));
  }
}
@keyframes wfLogoMobileLoopReverse{
  from{
    transform:translateX(calc(-50% - 8px));
  }
  to{
    transform:translateX(0);
  }
}
/* ---------- CTA ---------- */
.wf-logo-proof-mob-cta-wrap{
  position:relative;
  z-index:5;
  padding:38px 22px 0;
  text-align:center;
}
.wf-logo-proof-mob-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  max-width:360px;
  min-height:56px;
  border-radius:999px;
  background:linear-gradient(to bottom,#fb923c,#f97316 45%,#ea580c);
  color:#0b1120;
  font-size:15px;
  font-weight:950;
  letter-spacing:-.01em;
  text-decoration:none;
  box-shadow:
    0 5px 0 #7c2d12,
    0 20px 38px rgba(249,115,22,.30),
    inset 0 1px 0 rgba(255,255,255,.32);
  transition:transform .12s ease, box-shadow .12s ease;
}
.wf-logo-proof-mob-cta:active{
  transform:translateY(3px);
  box-shadow:
    0 2px 0 #7c2d12,
    0 10px 20px rgba(249,115,22,.22),
    inset 0 1px 0 rgba(255,255,255,.28);
}
.wf-logo-proof-mob-cta svg{
  width:18px;
  height:18px;
  transition:transform .2s ease;
}
.wf-logo-proof-mob-cta:active svg{
  transform:translateX(3px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98e2ddf *//* ---------- WEBFIRE BRAND STYLE SHOWROOM (V2) ---------- */
.wf-logo-proof-strip{
  position:relative;
  overflow:hidden;
  padding:78px 0 88px;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.08), transparent 36%),
    linear-gradient(180deg,#020617 0%,#0b1120 100%);
}
.wf-logo-proof-strip,
.wf-logo-proof-strip *,
.wf-logo-proof-strip *::before,
.wf-logo-proof-strip *::after{
  box-sizing:border-box;
}
/* ---------- HEAD ---------- */
.wf-logo-proof-head{
  position:relative;
  z-index:10;
  max-width:920px;
  margin:0 auto 48px;
  padding:0 24px;
  text-align:center;
}
.wf-logo-proof-eyebrow{
  display:inline-block;
  margin-bottom:18px;
  padding:7px 13px;
  border-radius:999px;
  border:1px solid rgba(249,115,22,.32);
  background:rgba(249,115,22,.08);
  color:#fb923c;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.wf-logo-proof-title{
  margin:0 0 22px;
  font-family:"Sora",system-ui,sans-serif;
  font-size:clamp(28px,3vw,40px);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.035em;
  color:#f8fafc;
}
.wf-logo-proof-title em{
  font-style:normal;
  background:linear-gradient(110deg,#fb923c 0%,#f97316 55%,#fdba74 100%);
  -webkit-background-clip:text;
          background-clip:text;
  color:transparent;
}
.wf-logo-proof-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}
.wf-logo-proof-tags span{
  display:inline-flex;
  align-items:center;
  padding:7px 13px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.62);
  color:#cbd5e1;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  backdrop-filter:blur(8px);
}
/* ---------- ROWS ---------- */
.wf-logo-proof-row{
  position:relative;
  width:100%;
  padding:14px 0;
}
.wf-logo-proof-row--top{
  margin-bottom:10px;
  z-index:2;
}
.wf-logo-proof-row--bottom{
  z-index:1;
}
/* ---------- EDGE VIGNETTE ---------- */
.wf-logo-proof-strip::before,
.wf-logo-proof-strip::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:220px;
  z-index:8;
  pointer-events:none;
}
.wf-logo-proof-strip::before{
  left:0;
  background:linear-gradient(90deg,#020617 0%,rgba(2,6,23,.6) 50%,transparent 100%);
}
.wf-logo-proof-strip::after{
  right:0;
  background:linear-gradient(270deg,#020617 0%,rgba(2,6,23,.6) 50%,transparent 100%);
}
/* ---------- TRACK ---------- */
.wf-logo-proof-track{
  display:flex;
  align-items:center;
  gap:24px;
  width:max-content;
  will-change:transform;
  animation:wfLogoProofLoop 48s linear infinite;
}
.wf-logo-proof-track--reverse{
  animation-name:wfLogoProofLoopReverse;
}
.wf-logo-proof-row:hover .wf-logo-proof-track{
  animation-play-state:paused;
}
/* ---------- LOGO ITEM ---------- */
.wf-logo-proof-logo{
  flex:0 0 auto;
  width:220px;
  height:128px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 22px;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.10);
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.05), transparent 50%),
    linear-gradient(145deg, rgba(15,23,42,.86), rgba(2,6,23,.92));
  box-shadow:
    0 18px 40px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(10px);
  transition:
    border-color .28s ease,
    transform .28s cubic-bezier(.2,.8,.2,1),
    box-shadow .28s ease;
}
.wf-logo-proof-logo:hover{
  border-color:rgba(249,115,22,.42);
  transform:translateY(-4px);
  box-shadow:
    0 26px 56px rgba(0,0,0,.42),
    0 0 0 1px rgba(249,115,22,.20),
    inset 0 1px 0 rgba(255,255,255,.05);
}
/* ---------- IMAGE ---------- */
.wf-logo-proof-logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  opacity:.92;
  transition:opacity .24s ease, transform .24s ease;
}
.wf-logo-proof-logo:hover img{
  opacity:1;
  transform:scale(1.04);
}
/* ---------- LOGO SIZE TUNING ---------- */
.wf-logo-proof-logo img[src*="Voltix"],
.wf-logo-proof-logo img[src*="Avenworth"],
.wf-logo-proof-logo img[src*="Rennaissance"]{
  max-height:64px;
}
.wf-logo-proof-logo img[src*="Organic"],
.wf-logo-proof-logo img[src*="Felia"],
.wf-logo-proof-logo img[src*="harmony"]{
  max-height:72px;
}
/* ---------- ANIMATIONS ---------- */
@keyframes wfLogoProofLoop{
  from{ transform:translateX(0); }
  to  { transform:translateX(calc(-50% - 12px)); }
}
@keyframes wfLogoProofLoopReverse{
  from{ transform:translateX(calc(-50% - 12px)); }
  to  { transform:translateX(0); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ebb2d01 *//* ====== SECTION ====== */
.wf-logo-wizard-section{
  position:relative;
  overflow:hidden;
  padding:88px 24px 104px;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.10), transparent 34%),
    linear-gradient(180deg,#020617 0%,#111827 52%,#020617 100%);
  color:#f9fafb;
  max-width:100%;
}
#wf-logo-tool,
#wf-logo-tool *,
#wf-logo-tool *::before,
#wf-logo-tool *::after{
  box-sizing:border-box;
}
/* ====== INTRO ====== */
.wf-logo-wizard-intro{
  max-width:780px;
  margin:0 auto 36px;
  text-align:center;
}
.wf-logo-wizard-overline{
  margin:0 0 14px;
  color:#fb923c;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.wf-logo-wizard-title{
  margin:0 0 14px;
  font-family:"Sora",system-ui,sans-serif;
  font-size:clamp(36px,4vw,56px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.05em;
}
.wf-logo-wizard-title em{
  font-style:normal;
  background:linear-gradient(110deg,#fb923c 0%,#f97316 55%,#fdba74 100%);
  -webkit-background-clip:text;
          background-clip:text;
  color:transparent;
}
.wf-logo-wizard-text{
  max-width:620px;
  margin:0 auto;
  color:#94a3b8;
  font-size:16px;
  line-height:1.65;
}
/* ====== TOOL SHELL ====== */
.wf-logo-tool-shell{
  max-width:1180px;
  margin:0 auto;
  border-radius:34px;
  border:1px solid rgba(148,163,184,.16);
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.11), transparent 38%),
    linear-gradient(145deg, rgba(15,23,42,.98), rgba(2,6,23,.99));
  box-shadow:
    0 34px 90px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.05);
  padding:28px;
}
.wf-logo-tool-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:4px 6px 22px;
  margin-bottom:24px;
  border-bottom:1px solid rgba(148,163,184,.12);
}
.wf-logo-tool-headline span{
  display:block;
  margin-bottom:5px;
  color:#94a3b8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.wf-logo-tool-headline strong{
  display:block;
  color:#f9fafb;
  font-size:21px;
  font-weight:800;
  letter-spacing:-.02em;
}
.wf-logo-tool-meta{
  display:flex;
  align-items:center;
  gap:10px;
}
.wf-logo-tool-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px 7px 10px;
  border-radius:999px;
  border:1px solid rgba(34,197,94,.24);
  background:rgba(34,197,94,.10);
  color:#86efac;
  font-size:12px;
  font-weight:800;
}
.wf-logo-tool-status-dot{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.55);
  animation:wfToolPulse 1.8s ease-in-out infinite;
}
@keyframes wfToolPulse{
  0%   { box-shadow:0 0 0 0 rgba(34,197,94,.55); }
  70%  { box-shadow:0 0 0 7px rgba(34,197,94,0); }
  100% { box-shadow:0 0 0 0 rgba(34,197,94,0); }
}
.wf-logo-tool-trust{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.6);
  color:#cbd5e1;
  font-size:12px;
  font-weight:800;
}
.wf-logo-tool-trust svg{
  width:13px;
  height:13px;
}
/* ====== WIZARD ====== */
.wf-logo-wizard{
  border-radius:26px;
  border:1px solid rgba(148,163,184,.14);
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.08), transparent 32%),
    linear-gradient(145deg,#0f172a,#020617);
  padding:28px;
}
/* ====== STEPPER ====== */
.wf-logo-stepper{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:4px auto 20px;
  max-width:560px;
}
.wf-logo-stepper .wf-logo-step-dot{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:9px;
  width:auto;
  height:auto;
  background:transparent;
  border-radius:0;
  box-shadow:none;
}
.wf-logo-step-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:999px;
  background:#1f2937;
  border:1px solid rgba(148,163,184,.18);
  color:#94a3b8;
  font-size:13px;
  font-weight:900;
  transition:background .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;
}
.wf-logo-step-label{
  color:#94a3b8;
  font-size:13px;
  font-weight:700;
  letter-spacing:-.01em;
  transition:color .25s ease;
}
.wf-logo-stepper .wf-logo-step-dot.is-active .wf-logo-step-num{
  background:linear-gradient(180deg,#f97316,#ea580c);
  border-color:#fb923c;
  color:#0b1120;
  box-shadow:0 0 22px rgba(249,115,22,.45);
}
.wf-logo-stepper .wf-logo-step-dot.is-active .wf-logo-step-label{
  color:#f9fafb;
}
.wf-logo-step-line{
  flex:1 1 auto;
  height:2px;
  max-width:80px;
  background:#1f2937;
  border-radius:999px;
  transition:background .35s ease;
}
.wf-logo-step-line:has(+ .wf-logo-step-dot.is-active){
  background:linear-gradient(90deg,#f97316,#fb923c);
}
/* ====== COUNTER BAR ====== */
.wf-logo-step-counter-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
  padding:0 4px;
}
.wf-logo-step-counter{
  color:#94a3b8;
  font-size:13px;
  font-weight:600;
}
.wf-logo-step-counter span{
  color:#fb923c;
  font-weight:900;
}
.wf-logo-step-time{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#64748b;
  font-size:12px;
  font-weight:600;
}
.wf-logo-step-time svg{
  width:13px;
  height:13px;
}
/* ====== FORM / STEPS ====== */
.wf-logo-form{
  display:grid;
  gap:18px;
}
.wf-logo-step{
  display:none;
  border-radius:22px;
  padding:28px;
  border:1px solid rgba(148,163,184,.13);
  background:rgba(2,6,23,.58);
}
.wf-logo-step.is-active{
  display:grid;
  gap:20px;
  animation:wfStepIn .35s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes wfStepIn{
  from { opacity:0; transform:translateY(8px); }
  to   { opacity:1; transform:translateY(0); }
}
.wf-logo-step-head{
  display:grid;
  gap:6px;
  margin-bottom:4px;
}
.wf-logo-step-title{
  color:#f9fafb;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.025em;
  line-height:1.2;
}
.wf-logo-step-sub{
  color:#94a3b8;
  font-size:14px;
  line-height:1.6;
}
/* ====== STYLE BUTTONS ====== */
.wf-logo-style-buttons{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
#wf-logo-tool .wf-logo-style-buttons button.wf-logo-style-btn,
.elementor #wf-logo-tool .wf-logo-style-buttons button.wf-logo-style-btn{
  all:unset !important;
  position:relative !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-height:118px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  padding:16px 18px !important;
  border-radius:18px !important;
  border:1px solid rgba(148,163,184,.14) !important;
  background-color:#0f172a !important;
  background-image:linear-gradient(145deg, rgba(15,23,42,.96), rgba(2,6,23,.98)) !important;
  color:#9CA3AF !important;
  box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
  cursor:pointer !important;
  text-align:left !important;
  font-family:inherit !important;
  transition:
    border-color .2s ease,
    background .2s ease,
    color .2s ease,
    transform .12s ease,
    box-shadow .2s ease !important;
}
#wf-logo-tool .wf-logo-style-buttons button.wf-logo-style-btn:hover,
#wf-logo-tool .wf-logo-style-buttons button.wf-logo-style-btn:focus,
#wf-logo-tool .wf-logo-style-buttons button.wf-logo-style-btn:focus-visible{
  outline:none !important;
  border-color:rgba(148,163,184,.32) !important;
  background-image:linear-gradient(145deg, rgba(15,23,42,1), rgba(2,6,23,1)) !important;
  color:#F9FAFB !important;
  transform:translateY(-1px) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.28) !important;
}
#wf-logo-tool .wf-logo-style-buttons button.wf-logo-style-btn.is-active,
#wf-logo-tool .wf-logo-style-buttons button.wf-logo-style-btn.is-active:hover,
#wf-logo-tool .wf-logo-style-buttons button.wf-logo-style-btn.is-active:focus,
#wf-logo-tool .wf-logo-style-buttons button.wf-logo-style-btn.is-active:focus-visible{
  border-color:#FF7A00 !important;
  background-image:
    radial-gradient(circle at top left, rgba(249,115,22,.18), transparent 55%),
    linear-gradient(145deg, rgba(15,23,42,.98), rgba(2,6,23,1)) !important;
  color:#F9FAFB !important;
  transform:translateY(-1px) !important;
  box-shadow:
    0 0 0 1px rgba(255,122,0,.45),
    0 18px 38px rgba(249,115,22,.22) !important;
}
.wf-logo-style-icon{
  width:64px !important;
  height:64px !important;
  flex:0 0 64px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:16px !important;
  border:1px solid rgba(148,163,184,.12) !important;
  background:#020617 !important;
  overflow:hidden !important;
}
.wf-logo-style-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.wf-logo-style-text{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  min-width:0 !important;
}
.wf-logo-style-label-main{
  color:#E5E7EB !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:-.01em;
}
.wf-logo-style-label-sub{
  color:#9CA3AF !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
.wf-logo-style-check{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  background:#f97316 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:0 !important;
  transform:scale(.6) !important;
  transition:opacity .2s ease, transform .2s ease !important;
  box-shadow:0 0 0 3px rgba(249,115,22,.18) !important;
}
.wf-logo-style-check svg{
  width:12px !important;
  height:12px !important;
  color:#0b1120 !important;
}
#wf-logo-tool .wf-logo-style-buttons button.wf-logo-style-btn.is-active .wf-logo-style-check{
  opacity:1 !important;
  transform:scale(1) !important;
}
/* ====== FIELDS ====== */
.wf-logo-fields-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 16px;
}
.wf-field{
  display:grid;
  gap:8px;
}
.wf-label{
  color:#cbd5e1;
  font-size:13px;
  font-weight:700;
  letter-spacing:-.005em;
}
.wf-required{
  color:#fb923c;
  margin-left:2px;
}
.wf-input-wrap{
  position:relative;
}
.wf-input{
  width:100%;
  min-height:48px;
  padding:10px 44px 10px 16px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.18);
  background:#020617;
  color:#f9fafb;
  font-size:14px;
  font-family:inherit;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.wf-input::placeholder{
  color:#475569;
}
.wf-input:hover{
  border-color:rgba(148,163,184,.32);
}
.wf-input:focus,
.wf-input:focus-visible{
  border-color:#f97316;
  background:rgba(15,23,42,.6);
  box-shadow:0 0 0 3px rgba(249,115,22,.14);
}
.wf-input-check{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%) scale(.6);
  width:22px;
  height:22px;
  border-radius:999px;
  background:#22c55e;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
  box-shadow:0 0 0 3px rgba(34,197,94,.18);
}
.wf-input-check svg{
  width:12px;
  height:12px;
  color:#052e16;
}
.wf-input:valid:not(:placeholder-shown) + .wf-input-check{
  opacity:1;
  transform:translateY(-50%) scale(1);
}
/* ====== CONSENT ====== */
.wf-consent{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.13);
  background:rgba(15,23,42,.45);
  color:#cbd5e1;
  font-size:13px;
  line-height:1.55;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease;
}
.wf-consent:hover{
  border-color:rgba(148,163,184,.22);
  background:rgba(15,23,42,.6);
}
.wf-consent input{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:0;
  height:0;
}
.wf-consent-box{
  flex:0 0 22px;
  width:22px;
  height:22px;
  margin-top:1px;
  border-radius:7px;
  border:1.5px solid rgba(148,163,184,.32);
  background:#020617;
  display:grid;
  place-items:center;
  transition:background .18s ease, border-color .18s ease;
}
.wf-consent-box svg{
  width:13px;
  height:13px;
  color:#0b1120;
  opacity:0;
  transform:scale(.5);
  transition:opacity .18s ease, transform .18s ease;
}
.wf-consent input:checked + .wf-consent-box{
  background:#f97316;
  border-color:#f97316;
}
.wf-consent input:checked + .wf-consent-box svg{
  opacity:1;
  transform:scale(1);
}
.wf-consent input:focus-visible + .wf-consent-box{
  box-shadow:0 0 0 3px rgba(249,115,22,.22);
}
.wf-consent-text{
  flex:1;
  min-width:0;
}
.wf-consent-text a{
  color:#fb923c;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}
/* ====== TRUST LINE ====== */
.wf-trust-line{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#86efac;
  font-size:12px;
  font-weight:600;
  padding:8px 12px;
  border-radius:10px;
  background:rgba(34,197,94,.08);
  border:1px solid rgba(34,197,94,.16);
  width:fit-content;
}
.wf-trust-line svg{
  width:14px;
  height:14px;
  flex:0 0 14px;
}
.wf-trust-line--neutral{
  color:#cbd5e1;
  background:rgba(15,23,42,.55);
  border-color:rgba(148,163,184,.16);
}
.wf-trust-line--neutral svg{
  color:#86efac;
}
/* ====== COLOR PALETTE CARD ====== */
.wf-logo-palette-card{
  border-radius:20px;
  border:1px solid rgba(148,163,184,.14);
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.10), transparent 40%),
    rgba(15,23,42,.62);
  padding:18px;
}
.wf-logo-palette-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.wf-logo-palette-label{
  color:#94a3b8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.wf-logo-palette-shuffle{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 13px;
  border-radius:999px;
  border:1px solid rgba(249,115,22,.38);
  background:rgba(249,115,22,.10);
  color:#fb923c;
  font-size:12px;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, color .18s ease, transform .12s ease;
}
.wf-logo-palette-shuffle:hover{
  border-color:#f97316;
  background:rgba(249,115,22,.18);
  color:#fed7aa;
  transform:translateY(-1px);
}
.wf-logo-palette-shuffle svg{
  width:13px;
  height:13px;
}
.wf-logo-palette-bars{
  display:grid;
  grid-template-columns:2fr 1.2fr .8fr;
  gap:10px;
  height:72px;
}
.wf-logo-palette-bars span{
  display:block;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 28px rgba(0,0,0,.22);
}
#wf-palette-primary,
#wf-color-chip-primary{ background:#0f172a; }
#wf-palette-secondary,
#wf-color-chip-secondary{ background:#f97316; }
#wf-palette-accent,
#wf-color-chip-accent{ background:#22c55e; }
/* ====== COLOR ROLES ====== */
.wf-logo-color-roles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.wf-logo-color-role{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px 16px 16px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.13);
  background:rgba(15,23,42,.62);
  transition:border-color .18s ease, box-shadow .18s ease;
}
.wf-logo-color-role:hover{
  border-color:rgba(249,115,22,.26);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.wf-logo-color-role-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  min-width:0;
}
.wf-logo-color-role-label{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  cursor:default;
}
.wf-logo-color-role-name{
  color:#e5e7eb;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.005em;
}
.wf-logo-color-role-meta{
  color:#64748b;
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
}
.wf-logo-color-role .wf-input{
  min-height:42px;
  padding:8px 14px;
  border-radius:12px;
}
.wf-logo-color-chip{
  flex:0 0 36px;
  width:36px;
  height:36px;
  padding:3px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.22);
  background:#020617;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .12s ease, border-color .18s ease, box-shadow .18s ease;
}
.wf-logo-color-chip:hover{
  transform:scale(1.08);
  border-color:#f97316;
  box-shadow:0 0 0 4px rgba(249,115,22,.14);
}
.wf-logo-color-chip-inner{
  display:block;
  width:100%;
  height:100%;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
}
/* ====== PICKR MOUNT (versteckt) ====== */
.wf-logo-pickr-mount{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:0;
  height:0;
}
/* ====== NAV BUTTONS ====== */
.wf-logo-step-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:6px;
}
.wf-logo-step-nav-buttons{
  display:flex;
  gap:10px;
}
#wf-logo-tool .wf-logo-step-btn,
#wf-logo-tool .wf-logo-submit-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:0 22px;
  border:0;
  border-radius:999px;
  background-color:#ea580c !important;
  background-image:linear-gradient(to bottom,#f97316,#ea580c,#c2410c) !important;
  color:#0b1120 !important;
  font-size:13px;
  font-weight:900;
  font-family:inherit;
  cursor:pointer;
  box-shadow:0 4px 0 #7c2d12, 0 14px 28px rgba(249,115,22,.22) !important;
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease, background .12s ease;
  appearance:none;
  -webkit-appearance:none;
}
#wf-logo-tool .wf-logo-step-btn svg,
#wf-logo-tool .wf-logo-submit-btn svg{
  width:15px;
  height:15px;
  transition:transform .2s ease;
}
#wf-logo-tool .wf-logo-step-btn:hover,
#wf-logo-tool .wf-logo-step-btn:focus,
#wf-logo-tool .wf-logo-step-btn:focus-visible,
#wf-logo-tool .wf-logo-submit-btn:hover,
#wf-logo-tool .wf-logo-submit-btn:focus,
#wf-logo-tool .wf-logo-submit-btn:focus-visible{
  background-color:#f97316 !important;
  background-image:linear-gradient(to bottom,#fb923c,#f97316,#c2410c) !important;
  color:#0b1120 !important;
  outline:none !important;
  box-shadow:0 6px 0 #7c2d12, 0 18px 34px rgba(249,115,22,.28) !important;
  transform:translateY(-1px) !important;
}
#wf-logo-tool .wf-logo-step-btn:hover svg:last-child,
#wf-logo-tool .wf-logo-submit-btn:hover svg:last-child{
  transform:translateX(3px);
}
#wf-logo-tool .wf-logo-step-btn:active,
#wf-logo-tool .wf-logo-submit-btn:active{
  transform:translateY(2px) !important;
  box-shadow:0 2px 0 #7c2d12, 0 8px 18px rgba(249,115,22,.18) !important;
}
#wf-logo-tool .wf-logo-step-btn[disabled],
#wf-logo-tool .wf-logo-submit-btn[disabled]{
  opacity:.45 !important;
  filter:grayscale(.15) !important;
  cursor:default !important;
  background-color:#6b2b10 !important;
  background-image:linear-gradient(to bottom,#7c2d12,#6b2b10,#4a1d0b) !important;
  box-shadow:0 3px 0 #2a1209 !important;
  transform:none !important;
}
/* GHOST (Zurück) */
#wf-logo-tool .wf-logo-step-btn--ghost,
#wf-logo-tool .wf-logo-step-btn--ghost:hover,
#wf-logo-tool .wf-logo-step-btn--ghost:focus,
#wf-logo-tool .wf-logo-step-btn--ghost:focus-visible{
  background:transparent !important;
  background-image:none !important;
  color:#cbd5e1 !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:none !important;
}
#wf-logo-tool .wf-logo-step-btn--ghost:hover{
  background:rgba(15,23,42,.6) !important;
  border-color:rgba(148,163,184,.32) !important;
  color:#f9fafb !important;
  transform:none !important;
}
#wf-logo-tool .wf-logo-step-btn--ghost[disabled]{
  opacity:.35 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-color:rgba(148,163,184,.10) !important;
  color:#475569 !important;
}
/* SUBMIT VISIBILITY */
#wf-logo-tool #wf-logo-submit{ display:none !important; }
#wf-logo-tool #wf-logo-next{ display:inline-flex !important; }
#wf-logo-tool #wf-logo-wizard.is-step-3 #wf-logo-submit{ display:inline-flex !important; }
#wf-logo-tool #wf-logo-wizard.is-step-3 #wf-logo-next{ display:none !important; }
/* STEP 4 / RESULT — Wizard-Chrome ausblenden */
#wf-logo-tool #wf-logo-wizard.is-step-4 .wf-logo-stepper,
#wf-logo-tool #wf-logo-wizard.is-step-4 .wf-logo-step-counter-bar,
#wf-logo-tool #wf-logo-wizard.is-step-4 .wf-logo-step-nav,
#wf-logo-tool #wf-logo-wizard.is-step-4 .wf-logo-message{
  display:none !important;
}
/* ====== FOCUS-STATES (Keyboard-Navigation) ====== */
#wf-logo-tool .wf-logo-style-buttons button.wf-logo-style-btn:focus-visible,
#wf-logo-tool .wf-logo-step-btn:focus-visible,
#wf-logo-tool .wf-logo-submit-btn:focus-visible,
#wf-logo-tool .wf-logo-color-chip:focus-visible,
#wf-logo-tool .wf-logo-palette-shuffle:focus-visible{
  outline:2px solid #fb923c !important;
  outline-offset:2px !important;
}
/* ====== MESSAGE ====== */
.wf-logo-message{
  min-height:18px;
  color:#fca5a5;
  font-size:13px;
  font-weight:600;
}
.wf-logo-message--error{ color:#fca5a5; }
.wf-logo-message--success{ color:#86efac; }
/* ====== AUTOFILL ====== */
.wf-input:-webkit-autofill,
.wf-input:-webkit-autofill:hover,
.wf-input:-webkit-autofill:focus,
.wf-input:-webkit-autofill:active{
  -webkit-text-fill-color:#f9fafb !important;
  caret-color:#f9fafb !important;
  -webkit-box-shadow:0 0 0 1000px #020617 inset !important;
  box-shadow:0 0 0 1000px #020617 inset !important;
  border-color:rgba(148,163,184,.18) !important;
  background-color:#020617 !important;
  transition:background-color 999999s ease-in-out 0s;
}
/* ====== PALETTE SHUFFLE BUTTON (Theme-Override) ====== */
#wf-logo-tool .wf-logo-palette-shuffle,
.elementor #wf-logo-tool .wf-logo-palette-shuffle{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:40px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(249,115,22,.5) !important;
  background:linear-gradient(180deg,#1e293b,#0f172a) !important;
  background-image:linear-gradient(180deg,#1e293b,#0f172a) !important;
  color:#fb923c !important;
  font-size:12px !important;
  font-weight:900 !important;
  font-family:inherit !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  box-shadow:0 4px 12px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06) !important;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  transition:border-color .18s ease, background .18s ease, color .18s ease, transform .12s ease, box-shadow .18s ease !important;
}
#wf-logo-tool .wf-logo-palette-shuffle:hover,
#wf-logo-tool .wf-logo-palette-shuffle:focus,
#wf-logo-tool .wf-logo-palette-shuffle:focus-visible{
  border-color:#f97316 !important;
  background:linear-gradient(180deg,#293548,#16202e) !important;
  background-image:linear-gradient(180deg,#293548,#16202e) !important;
  color:#fed7aa !important;
  transform:translateY(-1px) !important;
  outline:none !important;
  box-shadow:0 6px 16px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
#wf-logo-tool .wf-logo-palette-shuffle svg{
  width:13px !important;
  height:13px !important;
  color:currentColor !important;
}
/* ====== COLOR CHIP BUTTON (Theme-Override) ====== */
#wf-logo-tool .wf-logo-color-chip,
.elementor #wf-logo-tool .wf-logo-color-chip{
  flex:0 0 36px !important;
  width:36px !important;
  height:36px !important;
  padding:3px !important;
  border-radius:999px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  background:#020617 !important;
  background-image:none !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  box-shadow:none !important;
  font-family:inherit !important;
  transition:transform .12s ease, border-color .18s ease, box-shadow .18s ease !important;
}
#wf-logo-tool .wf-logo-color-chip:hover,
#wf-logo-tool .wf-logo-color-chip:focus,
#wf-logo-tool .wf-logo-color-chip:focus-visible{
  transform:scale(1.08) !important;
  border-color:#f97316 !important;
  background:#020617 !important;
  background-image:none !important;
  box-shadow:0 0 0 4px rgba(249,115,22,.14) !important;
  outline:none !important;
}
.wf-logo-color-chip-inner{
  display:block !important;
  width:100% !important;
  height:100% !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  pointer-events:none !important;
}
/* ====== PICKR – WEBFIRE DARK THEME OVERRIDE ====== */
.pcr-app{
  background:#0f172a !important;
  border:1px solid rgba(148,163,184,.18) !important;
  border-radius:18px !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  padding:14px !important;
  font-family:inherit !important;
}
.pcr-app .pcr-selection .pcr-color-palette,
.pcr-app .pcr-selection .pcr-color-palette .pcr-palette{
  border-radius:14px !important;
  overflow:hidden !important;
}
.pcr-app .pcr-selection .pcr-color-chooser,
.pcr-app .pcr-selection .pcr-color-chooser .pcr-picker{
  border-radius:999px !important;
}
.pcr-app .pcr-selection .pcr-color-palette .pcr-palette + .pcr-picker,
.pcr-app .pcr-selection .pcr-color-chooser .pcr-picker{
  border:2px solid #f9fafb !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.45) !important;
}
.pcr-app .pcr-selection .pcr-color-preview,
.pcr-app .pcr-selection .pcr-color-preview .pcr-last-color,
.pcr-app .pcr-selection .pcr-color-preview .pcr-current-color{
  border-radius:999px !important;
}
.pcr-app .pcr-interaction input{
  background:#020617 !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#f9fafb !important;
  border-radius:10px !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size:12px !important;
  height:32px !important;
  padding:0 12px !important;
}
.pcr-app .pcr-interaction input:focus{
  border-color:#f97316 !important;
  box-shadow:0 0 0 2px rgba(249,115,22,.22) !important;
  outline:none !important;
}
.pcr-app .pcr-interaction .pcr-type{
  background:rgba(15,23,42,.6) !important;
  color:#cbd5e1 !important;
  border:1px solid rgba(148,163,184,.18) !important;
  border-radius:8px !important;
  font-weight:700 !important;
  font-size:11px !important;
  height:32px !important;
  padding:0 10px !important;
}
.pcr-app .pcr-interaction .pcr-type.active{
  background:rgba(249,115,22,.18) !important;
  color:#fb923c !important;
  border-color:rgba(249,115,22,.4) !important;
}
.pcr-app .pcr-interaction .pcr-save{
  background:linear-gradient(to bottom,#f97316,#ea580c,#c2410c) !important;
  background-color:#ea580c !important;
  color:#0b1120 !important;
  font-weight:900 !important;
  font-size:12px !important;
  border:0 !important;
  border-radius:999px !important;
  padding:0 16px !important;
  height:32px !important;
  box-shadow:0 3px 0 #7c2d12 !important;
  transition:transform .12s ease, filter .12s ease, box-shadow .12s ease !important;
}
.pcr-app .pcr-interaction .pcr-save:hover{
  filter:brightness(1.05) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 4px 0 #7c2d12 !important;
}
.pcr-app .pcr-interaction .pcr-save:active{
  transform:translateY(1px) !important;
  box-shadow:0 1px 0 #7c2d12 !important;
}
.pcr-app .pcr-interaction .pcr-clear,
.pcr-app .pcr-interaction .pcr-cancel{
  background:transparent !important;
  color:#94a3b8 !important;
  border:1px solid rgba(148,163,184,.18) !important;
  border-radius:999px !important;
  font-weight:700 !important;
  font-size:11px !important;
  height:32px !important;
  padding:0 14px !important;
}
.pcr-app .pcr-interaction .pcr-clear:hover,
.pcr-app .pcr-interaction .pcr-cancel:hover{
  border-color:rgba(148,163,184,.32) !important;
  color:#f9fafb !important;
}
.pcr-app .pcr-interaction{
  gap:6px !important;
  padding:10px 0 0 !important;
}
.pcr-app .pcr-selection{
  gap:10px !important;
}
/* ====== FIELD MODIFIERS ====== */
.wf-field--full{
  grid-column:1 / -1;
}
.wf-label-optional{
  color:#64748b;
  font-size:11px;
  font-weight:600;
  margin-left:4px;
  letter-spacing:.02em;
}
/* ====== TEXTAREA ====== */
.wf-textarea{
  width:100%;
  min-height:96px;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.18);
  background:#020617;
  color:#f9fafb;
  font-size:14px;
  font-family:inherit;
  line-height:1.55;
  outline:none;
  resize:vertical;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.wf-textarea::placeholder{
  color:#475569;
  line-height:1.55;
}
.wf-textarea:hover{
  border-color:rgba(148,163,184,.32);
}
.wf-textarea:focus,
.wf-textarea:focus-visible{
  border-color:#f97316;
  background:rgba(15,23,42,.6);
  box-shadow:0 0 0 3px rgba(249,115,22,.14);
}
.wf-field-hint{
  margin:0;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
}
/* ====== RESULT PANEL ====== */
.wf-logo-result{
  margin-top:32px;
  border-radius:24px;
  border:1px solid rgba(249,115,22,.22);
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.08), transparent 40%),
    linear-gradient(145deg,#0f172a,#020617);
  overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.38);
}
/* Header */
.wf-logo-result-header{
  padding:32px 32px 20px;
  text-align:center;
}
.wf-logo-result-kicker{
  display:inline-block;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#f97316;
  font-weight:800;
  margin-bottom:10px;
}
.wf-logo-result-title{
  color:#f8fafc;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.025em;
  margin:0 0 8px;
  line-height:1.2;
}
.wf-logo-result-sub{
  color:#9ca3af;
  font-size:14px;
  line-height:1.6;
  max-width:480px;
  margin:0 auto;
}
/* Images grid */
.wf-logo-result-images{
  display:flex;
  gap:16px;
  padding:0 32px 28px;
}
.wf-logo-result-img-wrap{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  position:relative;
}
.wf-logo-result-img-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#6b7280;
  font-weight:700;
}
/* 1:1 Frame */
.wf-logo-result-img-frame{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.14);
  background:#020617;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}
/* Placeholder overlay */
.wf-logo-result-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  background:
    radial-gradient(circle at center, rgba(249,115,22,.06), transparent 60%),
    #0b1120;
  z-index:2;
  transition:opacity .4s ease;
}
.wf-logo-result-placeholder.is-done{
  opacity:0;
  pointer-events:none;
}
.wf-logo-result-placeholder-spinner{
  width:44px;
  height:44px;
  animation:wf-result-spin 1.1s linear infinite;
  flex:0 0 44px;
}
.wf-logo-result-placeholder-spinner svg{
  width:100%;
  height:100%;
  display:block;
}
@keyframes wf-result-spin{
  to { transform:rotate(360deg); }
}
.wf-logo-result-placeholder-text{
  color:#64748b;
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
}
/* Real image – fades in over placeholder */
.wf-logo-result-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff;
  opacity:0;
  transition:opacity .5s ease;
  z-index:1;
}
.wf-logo-result-img.is-loaded{
  opacity:1;
}
/* Footer */
.wf-logo-result-footer{
  padding:0 32px 32px;
}
.wf-logo-result-note{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:20px;
  padding:12px 16px;
  border-radius:12px;
  background:rgba(34,197,94,.08);
  border:1px solid rgba(34,197,94,.2);
  color:#86efac;
  font-size:13px;
  font-weight:600;
}
.wf-logo-result-note svg{
  width:16px;
  height:16px;
  flex-shrink:0;
  color:#22c55e;
}
.wf-logo-result-actions{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
.wf-logo-result-cta-primary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 26px;
  background:linear-gradient(to bottom,#f97316,#ea580c,#c2410c);
  color:#0b1120 !important;
  text-decoration:none !important;
  font-weight:900;
  font-size:14px;
  border-radius:999px;
  box-shadow:0 4px 0 #7c2d12, 0 14px 28px rgba(249,115,22,.22);
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.wf-logo-result-cta-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 0 #7c2d12, 0 18px 34px rgba(249,115,22,.28);
  filter:brightness(1.04);
}
.wf-logo-result-cta-primary:active{
  transform:translateY(2px);
  box-shadow:0 2px 0 #7c2d12;
}
.wf-logo-result-cta-primary svg{
  width:17px;
  height:17px;
}
.wf-logo-result-reset{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 20px;
  background:transparent;
  border:1px solid rgba(148,163,184,.2);
  color:#9ca3af;
  font-size:13px;
  font-weight:700;
  font-family:inherit;
  border-radius:999px;
  cursor:pointer;
  transition:border-color .18s ease, color .18s ease, background .18s ease;
}
.wf-logo-result-reset:hover{
  border-color:rgba(249,115,22,.4);
  color:#fb923c;
  background:rgba(249,115,22,.07);
}
.wf-logo-result-reset svg{
  width:15px;
  height:15px;
}
.wf-logo-result-no-img{
  color:#9ca3af;
  font-size:14px;
  text-align:center;
  padding:24px;
  width:100%;
  margin:0;
}
/* ====== DOWNLOAD BUTTONS ====== */
.wf-logo-download-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.16);
  background:
    linear-gradient(145deg,rgba(15,23,42,.92),rgba(2,6,23,.98));
  color:#e5e7eb !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:800;
  letter-spacing:-.01em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 22px rgba(0,0,0,.22);
  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    transform .12s ease,
    box-shadow .18s ease;
}
.wf-logo-download-btn:hover{
  border-color:rgba(249,115,22,.38);
  background:
    radial-gradient(circle at top left,rgba(249,115,22,.12),transparent 58%),
    linear-gradient(145deg,rgba(15,23,42,1),rgba(2,6,23,1));
  color:#fb923c !important;
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 28px rgba(249,115,22,.12);
}
.wf-logo-download-btn:active{
  transform:translateY(1px);
}
.wf-logo-download-btn svg{
  width:15px;
  height:15px;
  flex:0 0 15px;
}
/* ====== MOBILE ====== */
@media(max-width:767px){
  #wf-logo-tool-mobile .wf-logo-download-btn{
    min-height:46px;
    border-radius:14px;
    font-size:12.5px;
    font-weight:900;
    background:
      linear-gradient(145deg,rgba(15,23,42,.96),rgba(2,6,23,.99));
    border:1px solid rgba(148,163,184,.14);
    color:#f8fafc !important;
  }
  #wf-logo-tool-mobile .wf-logo-download-btn:hover{
    border-color:rgba(249,115,22,.4);
    color:#fb923c !important;
    background:
      radial-gradient(circle at top left,rgba(249,115,22,.10),transparent 58%),
      linear-gradient(145deg,rgba(15,23,42,1),rgba(2,6,23,1));
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fff2b9 *//* ---------- MOBILE FAQ ---------- */
.wf-logo-faq-mobile{
  display:none;
}
@media(max-width:767px){
  .wf-logo-faq-mobile{
    display:block;
    position:relative;
    overflow:hidden;
    padding:78px 16px 86px;
    background:
      radial-gradient(circle at 50% 0%, rgba(249,115,22,.12), transparent 36%),
      linear-gradient(180deg,#020617 0%,#0f172a 54%,#020617 100%);
    color:#f9fafb;
  }
  .wf-logo-faq-mobile-inner{
    max-width:430px;
    margin:0 auto;
  }
  .wf-logo-faq-mobile-head{
    text-align:center;
    margin-bottom:30px;
  }
  .wf-logo-faq-mobile-kicker{
    display:inline-flex;
    margin-bottom:15px;
    padding:7px 12px;
    border-radius:999px;
    border:1px solid rgba(249,115,22,.34);
    background:rgba(249,115,22,.08);
    color:#fb923c;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .wf-logo-faq-mobile-title{
    margin:0 0 14px;
    font-family:"Sora",system-ui,sans-serif;
    font-size:clamp(31px,8.8vw,42px);
    line-height:1.04;
    font-weight:950;
    letter-spacing:-.055em;
    color:#f8fafc;
  }
  .wf-logo-faq-mobile-text{
    margin:0 auto;
    max-width:340px;
    color:#94a3b8;
    font-size:14.5px;
    line-height:1.6;
  }
  .wf-logo-faq-mobile-list{
    display:grid;
    gap:12px;
  }
  .wf-logo-faq-mobile-item{
    border-radius:20px;
    border:1px solid rgba(148,163,184,.14);
    background:
      radial-gradient(circle at top left, rgba(249,115,22,.07), transparent 38%),
      linear-gradient(145deg,rgba(15,23,42,.94),rgba(2,6,23,.98));
    overflow:hidden;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }
  .wf-logo-faq-mobile-item summary{
    position:relative;
    min-height:62px;
    display:flex;
    align-items:center;
    padding:18px 48px 18px 18px;
    cursor:pointer;
    list-style:none;
    color:#f9fafb;
    font-size:15px;
    font-weight:900;
    line-height:1.35;
    letter-spacing:-.01em;
  }
  .wf-logo-faq-mobile-item summary::-webkit-details-marker{
    display:none;
  }
  .wf-logo-faq-mobile-item summary:focus-visible{
    outline:2px solid #fb923c;
    outline-offset:-3px;
  }
  .wf-logo-faq-mobile-item summary::after{
    content:"";
    position:absolute;
    right:18px;
    top:50%;
    width:26px;
    height:26px;
    transform:translateY(-50%);
    border-radius:999px;
    border:1px solid rgba(249,115,22,.28);
    background-color:rgba(249,115,22,.08);
    background-image:
      linear-gradient(#fb923c,#fb923c),
      linear-gradient(#fb923c,#fb923c);
    background-size:12px 2px, 2px 12px;
    background-position:center, center;
    background-repeat:no-repeat;
    transition:transform .25s ease, background-color .2s ease, border-color .2s ease;
  }
  .wf-logo-faq-mobile-item[open] summary::after{
    transform:translateY(-50%) rotate(45deg);
    background-color:rgba(249,115,22,.16);
    border-color:rgba(249,115,22,.5);
  }
  .wf-logo-faq-mobile-item p{
    margin:0;
    padding:0 18px 20px;
    color:#94a3b8;
    font-size:13.5px;
    line-height:1.7;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57aa2e8 */.wf-logo-lp-faq {
  position: relative;
  overflow: hidden;
  padding: 110px 24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(249,115,22,.10), transparent 34%),
    linear-gradient(180deg, #020617 0%, #0f172a 52%, #020617 100%);
  color: #f9fafb;
}
.wf-logo-lp-faq,
.wf-logo-lp-faq *,
.wf-logo-lp-faq *::before,
.wf-logo-lp-faq *::after {
  box-sizing: border-box;
}
.wf-logo-lp-faq-inner {
  max-width: 980px;
  margin: 0 auto;
}
.wf-logo-lp-faq-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 46px;
}
.wf-logo-lp-faq-kicker {
  display: inline-flex;
  margin-bottom: 16px;
  padding: 8px 13px;
  border-radius: 999px;
  border: 1px solid rgba(249,115,22,.35);
  background: rgba(249,115,22,.08);
  color: #fb923c;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.wf-logo-lp-faq-title {
  margin: 0 0 16px;
  font-family: "Sora", system-ui, sans-serif;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -.045em;
}
.wf-logo-lp-faq-text {
  margin: 0 auto;
  max-width: 700px;
  color: #94a3b8;
  font-size: 17px;
  line-height: 1.75;
}
.wf-logo-lp-faq-list {
  display: grid;
  gap: 14px;
}
.wf-logo-lp-faq-item {
  border-radius: 22px;
  border: 1px solid rgba(148,163,184,.14);
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.07), transparent 34%),
    linear-gradient(145deg, rgba(15,23,42,.96), rgba(2,6,23,.98));
  overflow: hidden;
}
.wf-logo-lp-faq-item summary {
  position: relative;
  cursor: pointer;
  list-style: none;
  padding: 22px 64px 22px 24px;
  color: #f9fafb;
  font-size: 17px;
  font-weight: 800;
  transition: background .2s ease;
}
.wf-logo-lp-faq-item summary::-webkit-details-marker {
  display: none;
}
.wf-logo-lp-faq-item summary:hover {
  background: rgba(249,115,22,.045);
}
.wf-logo-lp-faq-item summary:focus-visible {
  outline: 2px solid #fb923c;
  outline-offset: -3px;
}
.wf-logo-lp-faq-item summary::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  border-radius: 999px;
  border: 1px solid rgba(249,115,22,.28);
  background-color: rgba(249,115,22,.08);
  background-image:
    linear-gradient(#fb923c,#fb923c),
    linear-gradient(#fb923c,#fb923c);
  background-size: 13px 2px, 2px 13px;
  background-position: center, center;
  background-repeat: no-repeat;
  transition: transform .25s ease, background-color .2s ease, border-color .2s ease;
}
.wf-logo-lp-faq-item[open] summary::after {
  transform: translateY(-50%) rotate(45deg);
  background-color: rgba(249,115,22,.16);
  border-color: rgba(249,115,22,.5);
}
.wf-logo-lp-faq-item p {
  margin: 0;
  padding: 0 24px 24px;
  color: #94a3b8;
  font-size: 15px;
  line-height: 1.75;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7d7e07 *//* ---------- MOBILE FINAL CTA ---------- */
.wf-logo-final-mobile{
  display:none;
}
@media(max-width:767px){
  .wf-logo-final-mobile{
    display:block;
    position:relative;
    overflow:hidden;
    padding:74px 16px 86px;
    background:
      radial-gradient(circle at 50% 40%,rgba(249,115,22,.18),transparent 42%),
      linear-gradient(180deg,#020617 0%,#111827 52%,#020617 100%);
    color:#f9fafb;
    text-align:center;
  }
  .wf-logo-final-mobile-inner{
    position:relative;
    z-index:2;
    max-width:430px;
    margin:0 auto;
    padding:42px 18px 38px;
    border-radius:28px;
    border:1px solid rgba(148,163,184,.16);
    background:
      radial-gradient(circle at top,rgba(249,115,22,.13),transparent 46%),
      linear-gradient(145deg,rgba(15,23,42,.90),rgba(2,6,23,.96));
    box-shadow:
      0 26px 70px rgba(0,0,0,.46),
      inset 0 1px 0 rgba(255,255,255,.05);
  }
  .wf-logo-final-mobile-badge{
    display:inline-flex;
    margin-bottom:18px;
    padding:7px 12px;
    border-radius:999px;
    border:1px solid rgba(249,115,22,.34);
    background:rgba(249,115,22,.08);
    color:#fb923c;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .wf-logo-final-mobile-title{
    margin:0 0 14px;
    font-family:"Sora",system-ui,sans-serif;
    font-size:clamp(32px,9vw,44px);
    line-height:1.02;
    font-weight:950;
    letter-spacing:-.058em;
    color:#f9fafb;
  }
  .wf-logo-final-mobile-text{
    margin:0 auto 26px;
    max-width:340px;
    color:#a8b3c7;
    font-size:14.5px;
    line-height:1.62;
  }
  .wf-logo-final-mobile-btn{
    position:relative;
    width:100%;
    min-height:56px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:999px;
    background:linear-gradient(to bottom,#fb923c,#f97316 45%,#ea580c);
    color:#0b1120;
    font-size:14.5px;
    font-weight:950;
    letter-spacing:-.01em;
    text-decoration:none;
    box-shadow:
      0 5px 0 #7c2d12,
      0 22px 42px rgba(249,115,22,.30),
      inset 0 1px 0 rgba(255,255,255,.32);
    transition:transform .12s ease, box-shadow .12s ease;
  }
  .wf-logo-final-mobile-btn:active{
    transform:translateY(3px);
    box-shadow:
      0 2px 0 #7c2d12,
      0 10px 22px rgba(249,115,22,.22),
      inset 0 1px 0 rgba(255,255,255,.28);
  }
  .wf-logo-final-mobile-btn:focus-visible{
    outline:2px solid #fb923c;
    outline-offset:3px;
  }
  .wf-logo-final-mobile-btn svg{
    width:18px;
    height:18px;
    transition:transform .2s ease;
  }
  .wf-logo-final-mobile-btn:active svg{
    transform:translateX(3px);
  }
  .wf-logo-final-mobile-note{
    margin:18px 0 0;
    color:#94a3b8;
    font-size:12.5px;
    font-weight:700;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e120c56 *//* ---------- SECTION 5: FINAL CTA ---------- */

.wf-logo-lp-final-cta {
  position: relative;
  overflow: hidden;
  padding: 120px 24px;
  background:
    radial-gradient(circle at 50% 50%, rgba(249,115,22,.18), transparent 36%),
    linear-gradient(180deg, #020617 0%, #111827 48%, #020617 100%);
  color: #f9fafb;
  text-align: center;
}

.wf-logo-lp-final-cta::before {
  content: "";
  position: absolute;
  inset: 24px;
  border: 1px solid rgba(249,115,22,.16);
  border-radius: 38px;
  pointer-events: none;
}

.wf-logo-lp-final-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 860px;
  margin: 0 auto;
  padding: 72px 32px;
  border-radius: 34px;
  border: 1px solid rgba(148,163,184,.16);
  background:
    radial-gradient(circle at top, rgba(249,115,22,.12), transparent 42%),
    linear-gradient(145deg, rgba(15,23,42,.88), rgba(2,6,23,.96));
  box-shadow:
    0 34px 90px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.wf-logo-lp-final-cta-badge {
  display: inline-flex;
  margin-bottom: 22px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(249,115,22,.35);
  background: rgba(249,115,22,.08);
  color: #fb923c;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wf-logo-lp-final-cta-title {
  margin: 0 0 18px;
  font-family: "Sora", system-ui, sans-serif;
  font-size: clamp(38px, 5vw, 68px);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.06em;
  color: #f9fafb;
}

.wf-logo-lp-final-cta-text {
  max-width: 660px;
  margin: 0 auto 34px;
  color: #a8b3c7;
  font-size: 18px;
  line-height: 1.75;
}

.wf-logo-lp-final-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  background: linear-gradient(to bottom, #f97316, #ea580c, #c2410c);
  color: #0b1120;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
  box-shadow:
    0 5px 0 #7c2d12,
    0 20px 40px rgba(249,115,22,.28);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.wf-logo-lp-final-cta-btn:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.wf-logo-lp-final-cta-btn:active {
  transform: translateY(3px);
  box-shadow:
    0 2px 0 #7c2d12,
    0 10px 22px rgba(249,115,22,.2);
}

.wf-logo-lp-final-cta-note {
  margin: 18px 0 0;
  color: #94a3b8;
  font-size: 14px;
}/* End custom CSS */