.fne-home-wrap{background:#f3f4f6;padding:1px 0 60px}
.fne-section{padding:42px 20px}

.fne-hero{background:linear-gradient(145deg,#161616,#242424 60%,#0d0d0d);color:#fff;border-radius:32px;padding:64px!important;margin-top:28px!important;margin-bottom:18px!important;overflow:hidden;position:relative}
.fne-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#d7ff00;right:-110px;top:-120px;z-index:0}
.fne-hero>.wp-block-columns{position:relative;z-index:2}
.fne-eyebrow{font-size:13px;font-weight:900;letter-spacing:1.5px;color:#d7ff00}
.fne-eyebrow-dark{font-size:12px;font-weight:900;letter-spacing:1.5px;color:#111}
.fne-h1{font-size:clamp(46px,6vw,82px)!important;line-height:.92!important;letter-spacing:-4px!important;margin:12px 0 22px!important;color:#fff}
.fne-lead{font-size:18px;line-height:1.6;color:#d1d5db}
.fne-btn-primary .wp-block-button__link{background:#d7ff00!important;color:#111!important;border-radius:999px!important;font-weight:900}
.fne-btn-outline .wp-block-button__link{color:#fff!important;border-color:#777!important;border-radius:999px!important}

.fne-phone-art{width:min(300px,75%);aspect-ratio:9/15;margin:auto;background:#0a0a0a;border:9px solid #333;border-radius:50px;transform:rotate(8deg);box-shadow:0 35px 70px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;position:relative;z-index:3}
.fne-phone-art:before{content:"";position:absolute;inset:13px;border-radius:34px;background:linear-gradient(145deg,#1f2937,#5eead4 55%,#d7ff00)}
.fne-phone-art p{position:relative;z-index:2;color:#fff;font-size:28px;text-align:center;line-height:1}

.fne-title{font-size:clamp(34px,4vw,50px)!important;letter-spacing:-2px!important;margin-bottom:6px!important}
.fne-subtitle{color:#6b7280;margin-top:0}
.fne-title-xl{font-size:clamp(38px,5vw,62px)!important;line-height:1!important;letter-spacing:-3px!important}

.fne-finder-section{background:linear-gradient(135deg,#cfff00,#efffb4);border-radius:32px;padding:48px!important;margin-top:36px!important;margin-bottom:36px!important}
.fne-device-finder-wrap{background:#fff;border-radius:26px;padding:24px;box-shadow:0 22px 60px rgba(0,0,0,.13)}
.fne-device-finder-head{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid #eee;margin-bottom:18px}
.fne-device-icon{width:44px;height:44px;border-radius:14px;background:#111;color:#d7ff00;display:grid;place-items:center;font-size:24px;font-weight:900}
.fne-device-finder-head strong{display:block;font-size:18px}
.fne-device-finder-head small{display:block;color:#777;margin-top:3px}
.fne-finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.fne-finder-grid label{display:grid;gap:7px;font-size:12px;font-weight:900}
.fne-finder-grid select{width:100%;min-height:54px;border:1px solid #ddd;border-radius:14px;padding:0 14px;background:#f8f8f8}
.fne-find-button{border:0;border-radius:14px;background:#111;color:#fff;font-weight:900;min-height:54px;padding:0 18px;align-self:end;cursor:pointer}
.fne-finder-status{font-size:12px;color:#b42318;margin-top:10px;min-height:18px}

.fne-product-results{margin-top:32px}
.fne-results-head{display:flex;justify-content:space-between;margin-bottom:18px}
.fne-results-head strong{font-size:30px}
.fne-loading,.fne-no-results{background:#fff;padding:28px;border-radius:22px;text-align:center}

/* DLACZEGO FOLIENA EKRAN */
.fne-why-section{
  padding:64px 20px!important;
  margin-top:34px!important;
  margin-bottom:34px!important;
}
.fne-section-kicker{
  display:inline-block;
  margin:0 0 8px!important;
  padding:8px 12px;
  border-radius:999px;
  background:#d7ff00;
  color:#111;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.4px;
}
.fne-why-grid{
  gap:16px!important;
  margin-top:28px!important;
}
.fne-why-card{
  background:#fff;
  border:1px solid #ececec;
  border-radius:26px;
  padding:28px!important;
  height:100%;
  position:relative;
  overflow:hidden;
  opacity:0;
  transform:translateY(26px);
  transition:opacity .6s ease,transform .6s ease,box-shadow .25s ease,border-color .25s ease;
}
.fne-why-card.fne-is-visible{
  opacity:1;
  transform:translateY(0);
}
.fne-why-card:hover{
  transform:translateY(-7px);
  box-shadow:0 24px 60px rgba(0,0,0,.09);
  border-color:#d7ff00;
}
.fne-why-card:after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  right:-45px;
  bottom:-45px;
  border-radius:50%;
  background:#d7ff00;
  opacity:.22;
}
.fne-why-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#111;
  color:#d7ff00!important;
  font-weight:900;
  margin:0 0 28px!important;
}
.fne-why-card h3{
  font-size:22px!important;
  letter-spacing:-.8px;
  margin-bottom:10px!important;
}
.fne-why-card p{
  color:#6b7280;
  line-height:1.65;
}

/* KROKI */
.fne-steps-section{
  background:#111;
  color:#fff;
  border-radius:32px;
  padding:58px!important;
  margin-top:34px!important;
  margin-bottom:34px!important;
  overflow:hidden;
  position:relative;
}
.fne-steps-section:before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  background:#d7ff00;
  filter:blur(90px);
  opacity:.12;
  right:-100px;
  top:-120px;
}
.fne-section-kicker-light{
  background:#d7ff00;
  color:#111;
}
.fne-title-light{color:#fff!important}
.fne-subtitle-light{color:#9ca3af!important}
.fne-steps-grid{
  gap:16px!important;
  margin-top:30px!important;
  position:relative;
  z-index:2;
}
.fne-step-card{
  min-height:260px;
  padding:28px!important;
  border-radius:24px;
  background:linear-gradient(180deg,#1b1b1b,#151515);
  border:1px solid #2b2b2b;
  position:relative;
  overflow:hidden;
  opacity:0;
  transform:translateY(28px) scale(.98);
  transition:opacity .65s ease,transform .65s ease,border-color .25s ease,box-shadow .25s ease;
}
.fne-step-card-2{transition-delay:.12s}
.fne-step-card-3{transition-delay:.24s}
.fne-step-card.fne-is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
.fne-step-card:hover{
  transform:translateY(-7px) scale(1.01);
  border-color:#d7ff00;
  box-shadow:0 25px 60px rgba(0,0,0,.28);
}
.fne-step-card:after{
  content:"→";
  position:absolute;
  right:22px;
  bottom:17px;
  color:#d7ff00;
  font-size:34px;
  font-weight:900;
  opacity:.9;
  transition:transform .25s ease;
}
.fne-step-card:hover:after{transform:translateX(7px)}
.fne-step-num{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#d7ff00;
  color:#111!important;
  font-size:13px;
  font-weight:900;
  margin:0 0 55px!important;
}
.fne-step-card h3{
  color:#fff!important;
  font-size:24px!important;
  letter-spacing:-1px;
  margin-bottom:10px!important;
}
.fne-step-card p{
  color:#9ca3af;
  line-height:1.65;
  max-width:300px;
}

.woocommerce ul.products li.product{background:#fff;border-radius:22px;padding:14px!important;overflow:hidden}
.woocommerce ul.products li.product img{border-radius:17px}
.woocommerce ul.products li.product .button{border-radius:999px!important;background:#111!important;color:#fff!important;font-weight:800!important}

@media(max-width:900px){
  .fne-hero{padding:34px!important}
  .fne-finder-section{padding:30px!important}
  .fne-why-grid,.fne-steps-grid{display:grid!important;grid-template-columns:1fr 1fr}
  .fne-steps-section{padding:36px!important}
}

@media(max-width:600px){
  .fne-hero{padding:26px!important;border-radius:24px}
  .fne-finder-grid{grid-template-columns:1fr}
  .fne-finder-section{padding:22px!important;border-radius:24px}
  .fne-why-grid,.fne-steps-grid{grid-template-columns:1fr}
  .fne-why-section{padding:42px 10px!important}
  .fne-steps-section{padding:28px!important;border-radius:24px}
}

@media(prefers-reduced-motion:reduce){
  .fne-why-card,.fne-step-card{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}