.elementor-2807 .elementor-element.elementor-element-6cad9ee{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2807 .elementor-element.elementor-element-6cad9ee.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-2807 .elementor-element.elementor-element-d19e3d4{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-2807 .elementor-element.elementor-element-d19e3d4.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-2807 .elementor-element.elementor-element-cfc7a8b.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-2807 .elementor-element.elementor-element-cf5d1cf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-2807 .elementor-element.elementor-element-cf5d1cf.e-con{--align-self:flex-start;}.elementor-2807 .elementor-element.elementor-element-ec2481c{width:100%;max-width:100%;}.elementor-2807 .elementor-element.elementor-element-44722d8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2807 .elementor-element.elementor-element-44722d8.e-con{--align-self:center;}.elementor-2807 .elementor-element.elementor-element-1dd72a4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-2807 .elementor-element.elementor-element-1dd72a4.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-2807 .elementor-element.elementor-element-b821d56{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-2807 .elementor-element.elementor-element-b821d56.elementor-element{--order:-99999 /* order start hack */;}.elementor-2807 .elementor-element.elementor-element-675f656{--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;--justify-content:space-between;}.elementor-2807 .elementor-element.elementor-element-d566d26{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-2807 .elementor-element.elementor-element-d566d26.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-2807 .elementor-element.elementor-element-633963e{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-2807 .elementor-element.elementor-element-633963e.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-2807 .elementor-element.elementor-element-4042aaa{--display:flex;}.elementor-2807 .elementor-element.elementor-element-b4aa2ed{--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;}.elementor-2807 .elementor-element.elementor-element-d3478af{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2807 .elementor-element.elementor-element-92b48f6{width:initial;max-width:initial;}.elementor-2807 .elementor-element.elementor-element-fe312eb{--display:flex;--min-height:0px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2807 .elementor-element.elementor-element-fe312eb.e-con{--align-self:center;}.elementor-2807 .elementor-element.elementor-element-be0c4ca{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2807 .elementor-element.elementor-element-be0c4ca > .elementor-widget-container{margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-2807 .elementor-element.elementor-element-be0c4ca.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-2807 .elementor-element.elementor-element-821409f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2807 .elementor-element.elementor-element-5abba77{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;}.elementor-2807 .elementor-element.elementor-element-6698e37{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;}.elementor-2807 .elementor-element.elementor-element-6698e37.elementor-element{--order:-99999 /* order start hack */;}.elementor-2807 .elementor-element.elementor-element-023f127{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;}body.elementor-page-2807:not(.elementor-motion-effects-element-type-background), body.elementor-page-2807 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://squnoholix.com/wp-content/uploads/2026/02/20260122_1025_Image-Generation_remix_01kfjgaxzceq398psejn3gfwxz-1.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}@media(max-width:767px){.elementor-2807 .elementor-element.elementor-element-d19e3d4{--container-widget-width:35%;--container-widget-flex-grow:0;width:var( --container-widget-width, 35% );max-width:35%;}.elementor-2807 .elementor-element.elementor-element-cf5d1cf{--min-height:0px;--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;--justify-content:flex-start;--gap:150px 150px;--row-gap:150px;--column-gap:150px;}.elementor-2807 .elementor-element.elementor-element-ec2481c.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-2807 .elementor-element.elementor-element-b821d56{width:100%;max-width:100%;}.elementor-2807 .elementor-element.elementor-element-633963e.elementor-element{--order:-99999 /* order start hack */;}.elementor-2807 .elementor-element.elementor-element-d3478af{--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-2807 .elementor-element.elementor-element-92b48f6{width:100%;max-width:100%;}.elementor-2807 .elementor-element.elementor-element-92b48f6.elementor-element{--align-self:center;}.elementor-2807 .elementor-element.elementor-element-be0c4ca{width:100%;max-width:100%;}body.elementor-page-2807:not(.elementor-motion-effects-element-type-background), body.elementor-page-2807 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://squnoholix.com/wp-content/uploads/2026/02/20260111_1810_Image-Generation_simple_compose_01keq0j9bqekgb7esw09k081az-1.png");background-position:center center;background-repeat:repeat;background-size:contain;}}@media(min-width:768px){.elementor-2807 .elementor-element.elementor-element-cf5d1cf{--width:100%;}.elementor-2807 .elementor-element.elementor-element-1dd72a4{--width:100%;}.elementor-2807 .elementor-element.elementor-element-675f656{--width:50%;}}@media(min-width:1025px){body.elementor-page-2807:not(.elementor-motion-effects-element-type-background), body.elementor-page-2807 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-d19e3d4 */.pres-sbatop {
    text-align: center;
    font-size: 8.0px;
    font-weight: bold;
    color: gold;
    text-transform: uppercase;
    font-family: 'Arial', sans-serif;
    padding: 4px;
    position: relative;
    line-height: 1.1; /* Jeszcze ciaśniej */
}

.pres-sbatop p {
    text-shadow: 
                 0 0 28px rgba(50, 0, 90, 0.9), /* Druga warstwa dla efektu głębi */
                 0 0 42px rgba(30, 0, 60, 0.8); /* Trzecia warstwa dla podbicia klimatu */
    letter-spacing: 0.6px; /* Delikatnie zwężone odstępy */
}

.pres-sbatop::before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 1.7px;
    background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.8), transparent);
}
/* 🔻 Responsywność 🔻 */
@media (max-width: 1024px) {
    .sbatop {
        font-size: 9px;
        letter-spacing: 0.8px;
        line-height: 1.2;
    }
}

@media (max-width: 768px) {
    .sbatop {
        font-size: 8px;
        letter-spacing: 0.6px;
        line-height: 1.1;
    }
}

@media (max-width: 480px) {
    .sbatop {
        height:60px;
        width: 120px;
        font-size: 7px;
        letter-spacing: 0.4px;
        line-height: 1.;
        padding: 0.5;
        
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cfc7a8b *//* =========================================
   CONNECT WALLET — GENc NEON GLASS v3 (PETARDA)
   ========================================= */

#connectWalletButton{
  --g1: rgba(0,255,195,.85);
  --g2: rgba(106,90,205,.95);
  --g3: rgba(140,227,255,.95);

  position: relative;
  isolation: isolate;
  box-sizing: border-box;

  width: 160px;
  height: 40px;
  padding: 0 14px;

  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;

  font: 900 11px/40px "Orbitron",system-ui,sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;

  color: rgba(255,255,255,.92);

  background:
    radial-gradient(120% 140% at 15% 0%,
      rgba(0,255,195,.20),
      rgba(15,18,28,.72) 55%,
      rgba(10,10,14,.78) 100%),
    linear-gradient(135deg,
      rgba(255,255,255,.08),
      rgba(106,90,205,.10));

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow:
    0 0 0 1px rgba(0,0,0,.35) inset,
    0 14px 40px rgba(0,0,0,.42),
    0 0 26px rgba(0,255,195,.14),
    0 0 22px rgba(106,90,205,.10);

  cursor: pointer;
  transition:
    transform .16s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    filter .22s ease;
}



/* glossy sweep */
#connectWalletButton::after{
  content:"";
  position:absolute;
  inset: 1px;
  border-radius: 13px;
  background: linear-gradient(
    110deg,
    rgba(255,255,255,.20),
    rgba(255,255,255,0) 35%,
    rgba(255,255,255,0) 65%,
    rgba(255,255,255,.14)
  );
  opacity: .22;
  pointer-events:none;
  z-index: 0;
}

/* keep text above */
#connectWalletButton{
  text-shadow: 0 0 10px rgba(0,255,195,.14);
}

#connectWalletButton:hover,
#connectWalletButton:focus-visible{
  transform: translateY(-1px);
  border-color: rgba(0,255,195,.32);
  filter: brightness(1.05);

  box-shadow:
    0 0 0 1px rgba(0,0,0,.35) inset,
    0 18px 54px rgba(0,0,0,.56),
    0 0 34px rgba(0,255,195,.22),
    0 0 28px rgba(106,90,205,.18);
}

/* click */
#connectWalletButton:active{
  transform: translateY(0);
  filter: brightness(0.98);
}


#connectWalletButton.is-connected{
  border-color: rgba(0,255,195,.40);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.35) inset,
    0 16px 46px rgba(0,0,0,.50),
    0 0 44px rgba(0,255,195,.26);
}


/* =========================================
   POPUP OVERLAY — CINEMATIC
   ========================================= */

#walletPopup{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;

  background:
    radial-gradient(1200px 700px at 50% 40%,
      rgba(0,255,195,.10),
      rgba(6,10,22,.86) 55%,
      rgba(6,10,22,.92) 100%);

  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);

  z-index: 9999;
}

/* =========================================
   POPUP CARD — GLASS PANEL
   ========================================= */

.wallet-popup-inner{
  box-sizing: border-box;
  width: min(92vw, 420px);
  padding: 18px 18px 16px;
  border-radius: 16px;

  background:
    radial-gradient(120% 150% at 20% 0%,
      rgba(140,227,255,.10),
      rgba(15,18,28,.78) 55%,
      rgba(10,10,14,.82) 100%);

  border: 1px solid rgba(255,255,255,.10);

  box-shadow:
    0 18px 60px rgba(0,0,0,.55),
    0 0 22px rgba(0,255,195,.12),
    0 0 18px rgba(106,90,205,.10);

  text-align: center;
  overflow: hidden;
  position: relative;
  isolation: isolate;
}

/* inner glow line */
.wallet-popup-inner::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: 16px;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.10),
    rgba(255,255,255,0) 35%,
    rgba(0,255,195,.08) 100%
  );
  opacity: .6;
  pointer-events:none;
  z-index: -1;
}

/* =========================================
   CONNECT OPTION BUTTON — TURBO NEON
   ========================================= */

#walletConnectOption{
  width: 100%;
  height: 44px;

  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;

  background:
    linear-gradient(135deg,
      rgba(0,255,195,.92),
      rgba(39,183,255,.92));

  color: rgba(6,10,22,.95);
  font: 900 11px/44px "Orbitron",system-ui,sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;

  box-shadow:
    0 10px 26px rgba(0,0,0,.35),
    0 0 18px rgba(0,255,195,.22);

  cursor: pointer;
  transition: transform .14s ease, box-shadow .18s ease, filter .18s ease;
}

#walletConnectOption:hover,
#walletConnectOption:focus-visible{
  transform: translateY(-1px);
  filter: brightness(1.06);

  box-shadow:
    0 14px 34px rgba(0,0,0,.42),
    0 0 24px rgba(0,255,195,.34),
    0 0 18px rgba(39,183,255,.20);
}

#walletConnectOption:active{
  transform: translateY(0);
  filter: brightness(0.98);
}

/* =========================================
   ANIMATIONS + REDUCE MOTION
   ========================================= */

@keyframes gencAura{
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce){
  #connectWalletButton,
  #walletConnectOption{
    transition: none !important;
  }
  #connectWalletButton::before{
    animation: none !important;
  }
}

/* =========================================
   MOBILE TWEAKS — smaller, not inflated
   ========================================= */

@media (max-width: 768px){
  #connectWalletButton{
    width: 148px;
    height: 38px;
    font-size: 10px;
    line-height: 38px;
    border-radius: 13px;
  }
  #connectWalletButton::before{ inset:-1px; filter: blur(9px); }
  .wallet-popup-inner{ width: min(92vw, 380px); padding: 16px; }
  #walletConnectOption{ height: 42px; line-height: 42px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec2481c */.genc-heroMaster{
  position: relative;
  width: 100%;
  min-height: 420px;

  font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Inter, sans-serif;
  color: rgba(255,255,255,0.92);

  /* ważne: nic nie “wypływa” */
  box-sizing: border-box;
}

/* =========================
   TOP LEFT : PRE-SALE LIVE
   ========================= */

.genc-heroMaster__status{
  position: absolute;
  top: 22px;
  left: 40px;

  display: inline-flex;
  align-items: center;
  gap: 14px;

  /* czytelność bez dymów: minimalny cień tekstu */
  text-shadow: 0 1px 0 rgba(0,0,0,0.35);
}

.genc-heroMaster__presale{
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.34em;
  text-transform: uppercase;

  color: rgba(0,255,213,0.78);
}

/* LIVE: cienka neon ramka, delikatne pulsowanie shadow (bez mgły) */
.genc-heroMaster__live{
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.30em;
  text-transform: uppercase;

  padding: 6px 14px;
  border-radius: 999px;

  color: rgba(0,255,213,0.92);
  background: transparent;
  border: 1px solid rgba(0,255,213,0.55);

  box-shadow:
    0 0 0 1px rgba(0,0,0,0.20) inset;

  animation: gencLivePulse 3s ease-in-out infinite;
}

@keyframes gencLivePulse{
  0%,100%{
    box-shadow:
      0 0 0 1px rgba(0,0,0,0.20) inset,
      0 0 10px rgba(0,255,213,0.22);
  }
  50%{
    box-shadow:
      0 0 0 1px rgba(0,0,0,0.20) inset,
      0 0 18px rgba(0,255,213,0.38);
  }
}

/* =========================
   CENTER CENTER
   ========================= */

.genc-heroMaster__center{
  position: absolute;
  inset: 0;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: top;
  margin-top: 25px;

  /* bez “dymu” – tylko porządne odstępy */
  gap: 10px;
  text-align: center;

  pointer-events: none;
  box-sizing: border-box;
  padding: 0 18px;
}

/* TITLE: bardziej “authority”, mniej word */
.genc-heroMaster__title{
  margin: 0;

  font-size: clamp(60px, 6.9vw, 112px);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 0.90;

  color: rgba(255,255,255,0.98);

  /* wyraźne, ale krótkie cienie – bez aury */
  text-shadow:
    0 2px 0 rgba(0,0,0,0.35),
    0 18px 38px rgba(0,0,0,0.45);
}

/* SUB: system label */
.genc-heroMaster__sub{
  font-size: 14px;
  font-weight: 850;
  letter-spacing: 0.28em;
  text-transform: uppercase;

  color: rgba(220,240,255,0.86);

  text-shadow: 0 1px 0 rgba(0,0,0,0.35);
}

/* META: zielonkawa, czytelna linia systemowa */
.genc-heroMaster__meta{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.26em;
  text-transform: uppercase;

  color: rgba(0,255,213,0.70);

  text-shadow: 0 1px 0 rgba(0,0,0,0.35);
}

/* =========================
   BOTTOM RIGHT : ENTER + HINT
   ========================= */

.genc-heroMaster__action{
  position: absolute;
  right: 40px;
  bottom: 46px;

  display: inline-flex;
  align-items: center;
  gap: 16px;

  box-sizing: border-box;
}

/* ENTER: klikalny, premium, bez czerwonego hovera */
.genc-heroMaster__enter{
  pointer-events: auto;
  text-decoration: none !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 32px;
  border-radius: 999px;

  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.30em;
  text-transform: uppercase;

  color: rgba(0,18,18,0.92);

  background: linear-gradient(
    135deg,
    rgba(0,255,213,0.96),
    rgba(0,196,255,0.92)
  );

  border: none;

  box-shadow:
    0 14px 36px rgba(0,0,0,0.55);

  transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease;
}

@media (hover:hover){
  .genc-heroMaster__enter:hover{
    transform: translateY(-1px);
    filter: brightness(1.03) contrast(1.02);
    box-shadow:
      0 18px 44px rgba(0,0,0,0.62);
  }
}

.genc-heroMaster__enter:active{
  transform: translateY(0);
  filter: brightness(0.99);
  box-shadow:
    0 12px 30px rgba(0,0,0,0.55);
}

/* hint */
.genc-heroMaster__hint{
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;

  color: rgba(255,255,255,0.55);

  text-shadow: 0 1px 0 rgba(0,0,0,0.35);
  white-space: nowrap;
}

/* =========================================
   RESPONSIVE: wszystko w kolumnie i na środku
   ========================================= */

/* =========================================
   RESPONSIVE: HERO (mobile-first sanity)
   ========================================= */

@media (max-width: 980px){

  .genc-heroMaster{
    /* ZAMIANA: 100vh robi pustynie na mobile */
    min-height: unset !important;
    height: auto !important;

    /* oddech + notch safe area */
    padding-top: calc(22px + env(safe-area-inset-top));
    padding-bottom: calc(22px + env(safe-area-inset-bottom));
  }

  /* status -> top center */
  .genc-heroMaster__status{
    position: relative;
    top: auto;
    left: auto;

    width: 100%;
    justify-content: center;

    margin-top: 8px;
    margin-bottom: 14px;
    padding: 0 16px;
    box-sizing: border-box;
  }

  /* center -> normal flow, ale bez "top" (to jest zła wartość) */
  .genc-heroMaster__center{
    position: relative;
    inset: auto;

    pointer-events: none;
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: flex-start; /* FIX: było "top" */

    gap: 10px;
    padding: 0 16px;
    margin: 0 0 14px 0;

    box-sizing: border-box;
  }

  /* tytuł: duży, ale bez ryzyka wyjazdu na boki */
  .genc-heroMaster__title{
    font-size: clamp(42px, 10.5vw, 76px);
    line-height: 0.94;
    letter-spacing: -0.045em;

    max-width: 92vw;
    word-break: keep-all;
  }

  .genc-heroMaster__sub{
    font-size: 12px;
    letter-spacing: 0.22em;
    max-width: 92vw;
  }

  .genc-heroMaster__meta{
    font-size: 10px;
    letter-spacing: 0.20em;
    max-width: 92vw;
  }

  /* action -> pod spodem, center */
  .genc-heroMaster__action{
    position: relative;
    right: auto;
    bottom: auto;

    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 10px;
    padding: 0 16px;
    margin-top: 8px;

    box-sizing: border-box;
  }

  .genc-heroMaster__enter{
    width: min(320px, 92vw);
    min-height: 48px;
  }

  .genc-heroMaster__hint{
    text-align: center;
    white-space: normal;
    line-height: 1.35;
    max-width: 92vw;
  }
}

@media (max-width: 560px){

  .genc-heroMaster{
    padding-top: calc(18px + env(safe-area-inset-top));
    padding-bottom: calc(18px + env(safe-area-inset-bottom));
  }

  .genc-heroMaster__status{
    margin-bottom: 12px;
  }

  .genc-heroMaster__enter{
    padding: 13px 18px; /* FIX: 2px wygląda jak bug */
    letter-spacing: 0.26em;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e94930 *//* =========================================
   GENc BRIEF — ProofBeforePromise (CLEAN)
   - NO watermark
   - responsive grid
   - readable mobile rhythm
   ========================================= */

.genc-brief{
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

.genc-brief__inner{
  position: relative;
  width: 100%;
  box-sizing: border-box;

  padding: 22px 22px 18px;

  color: rgba(255,255,255,0.92);
  font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Inter, sans-serif;

  overflow: hidden;
}

/* ===== TOP ROW ===== */
.genc-brief__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  margin-bottom: 10px;
  min-width: 0;
}

.genc-brief__kicker{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;

  color: rgba(255,255,255,0.62);

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.genc-brief__status{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.20em;
  text-transform: uppercase;

  color: rgba(0,230,184,0.90);
  white-space: nowrap;
}

.genc-brief__dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(0,230,184,0.95);
  box-shadow: 0 0 14px rgba(0,230,184,0.35);
}

/* ===== TITLE + LEAD ===== */
.genc-brief__title{
  margin: 0 0 10px;

  font-size: clamp(22px, 2.2vw, 32px);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.10;

  color: rgba(255,255,255,0.96);
  text-shadow: 0 0 18px rgba(0,0,0,0.55);
}

.genc-brief__lead{
  margin: 0 0 14px;

  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,0.72);

  max-width: 70ch;
}

/* ===== MANIFEST (HARD EMPHASIS) ===== */
.genc-brief__manifest{
  margin: 0 0 16px;
  padding: 10px 0 0;

  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,0.74);

  text-shadow: 0 0 16px rgba(0,0,0,0.55);
}

.genc-brief__manifest strong{
  display: inline-block;
  margin-bottom: 4px;

  font-size: 13px;
  font-weight: 1000;
  letter-spacing: 0.24em;
  text-transform: uppercase;

  color: rgba(255,255,255,0.92);
}

/* ===== GRID ===== */
.genc-brief__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.genc-brief__card{
  background: rgba(0,0,0,0.28);
  border-radius: 14px;
  padding: 14px 14px 13px;

  box-shadow: 0 12px 34px rgba(0,0,0,0.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  min-width: 0;
}

.genc-brief__cardTitle{
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.20em;
  text-transform: uppercase;

  color: rgba(255,210,95,0.90);
  margin: 0 0 8px;
}

.genc-brief__cardText{
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,0.72);
}

/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 980px){

  .genc-brief__inner{
    padding: 18px 16px 16px;
  }

  /* lepsza czytelność — mniej rozjeżdżania */
  .genc-brief__row{
    gap: 12px;
  }

  .genc-brief__lead{
    max-width: 100%;
  }

  /* 3 karty -> 1 kolumna, ale z równym rytmem */
  .genc-brief__grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  /* lekko większe wcięcie tekstu na mobile/tablet */
  .genc-brief__card{
    padding: 14px 14px 14px;
  }
}

@media (max-width: 560px){

  /* row stack + lepszy układ statusu */
  .genc-brief__row{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
  }

  .genc-brief__kicker{
    font-size: 11px;
    letter-spacing: 0.18em;
    white-space: normal;       /* żeby nie ucinało */
  }

  .genc-brief__status{
    font-size: 11px;
    letter-spacing: 0.16em;
  }

  .genc-brief__title{
    font-size: 22px;
    line-height: 1.12;
  }

  .genc-brief__lead{
    font-size: 13px;
    line-height: 1.6;
  }

  .genc-brief__manifest{
    font-size: 12.5px;
    line-height: 1.6;
  }

  /* karty: trochę bardziej “tap-friendly” */
  .genc-brief__cardTitle{
    font-size: 11.5px;
    letter-spacing: 0.18em;
  }

  .genc-brief__cardText{
    font-size: 13px;
    line-height: 1.6;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf5d1cf *//* ===== HERO: MOBILE FIX ===== */
@media (max-width: 767px){

  /* matka hero */
  .elementor-2807 .elementor-element.elementor-element-cf5d1cf{
    min-height: unset !important;
    height: auto !important;
    padding-top: 34px !important;
    padding-bottom: 26px !important;
    overflow: hidden;
  }

  /* jeżeli masz ustawione "Center/Middle" i rozpycha */
  .elementor-2807 .elementor-element.elementor-element-cf5d1cf .e-con-inner{
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  /* delikatnie uspokój tło, żeby nie przytłaczało tekstu */
  .elementor-2807 .elementor-element.elementor-element-cf5d1cf{
    background-position: center top !important;
    background-size: cover !important;
  }

  /* jeśli logo/hero obraz jest w środku i robi za duży */
  .elementor-2807 .elementor-element.elementor-element-cf5d1cf img{
    max-width: 92vw !important;
    height: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b821d56 *//* =========================================
   BUY GENc — PRO CLICKABLE PANEL (MATTE + PREMIUM)
   (no class/id changes, only styling)
   ========================================= */

.buy-gen-container{
  position: relative;
  box-sizing: border-box;

  /* size feel: a bit wider, not inflated */
  width: 100%;
  max-width: 520px;          /* <<< SZERSZE okno */
  margin: 0 auto;            /* center in its column */

  padding: 26px 34px 24px;

  /* matte glass (no border) */
  background:
    radial-gradient(120% 140% at 18% 0%,
      rgba(255,255,255,0.06),
      rgba(255,255,255,0.018) 45%,
      rgba(10,12,18,0.36) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,0.035),
      rgba(255,255,255,0.012));

  border: 0 !important;
  outline: none !important;
  border-radius: 16px;

  backdrop-filter: blur(10px) saturate(130%);
  -webkit-backdrop-filter: blur(10px) saturate(130%);

  /* premium depth (not neon) */
  box-shadow:
    0 18px 58px rgba(0,0,0,0.62),
    0 0 0 1px rgba(255,255,255,0.04) inset;

  color: rgba(255,255,255,0.88);
}

/* subtle top sheen (no “aura”) */
.buy-gen-container::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events:none;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.12),
    rgba(255,255,255,0.00) 42%,
    rgba(0,0,0,0.00)
  );
  opacity: .35;
}

/* =========================================
   HEADER
   ========================================= */

.buy-gen-container h3{
  margin: 0 0 14px;
  text-align: center;

  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: none;

  color: rgba(255,255,255,0.96);
  text-shadow: 0 10px 28px rgba(0,0,0,0.55);
}

/* =========================================
   TOP INFO (center)
   Stage / Price / BNB
   ========================================= */

#presaleStage,
#tokenPrice,
.buy-gen-container p:has(#bnbPrice){
  margin: 6px 0;
  text-align: center;

  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.45;

  color: rgba(255,255,255,0.70);
}

/* fallback for browsers without :has() */
.buy-gen-container p{
  margin: 8px 0;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255,255,255,0.72);
}

/* keep receive/bonus readable but not screaming */
.buy-gen-container p:nth-of-type(4),
.buy-gen-container p:nth-of-type(5){
  text-align: left;
  margin-top: 10px;
  color: rgba(255,255,255,0.74);
}

/* emphasis colors (match hero teal + warm price) */
#presaleStage span{
  color: rgba(0,230,184,0.98);
  font-weight: 800;
}

#tokenPrice span{
  color: rgba(255,214,120,0.96);
  font-weight: 800;
}

#bnbPrice{
  color: rgba(255,255,255,0.92);
  font-weight: 800;
}

/* =========================================
   LABELS (left)
   ========================================= */

.buy-gen-container label{
  display: block;
  margin: 16px 0 7px;

  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;

  color: rgba(255,255,255,0.58);
}

/* =========================================
   INPUTS (clickable, calm, premium)
   ========================================= */

.buy-input{
  width: 100%;
  box-sizing: border-box;

  padding: 12px 14px;

  background: rgba(0,0,0,0.26);
  border: 0 !important;
  outline: none !important;

  border-radius: 10px;

  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 650;

  color: rgba(255,255,255,0.92);

  /* soft inner line */
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.07) inset,
    0 10px 26px rgba(0,0,0,0.22);

  transition: box-shadow .16s ease, transform .16s ease, background .16s ease;
}

.buy-input::placeholder{
  color: rgba(255,255,255,0.34);
}

.buy-input:focus{
  background: rgba(0,0,0,0.30);
  transform: translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(0,230,184,0.46) inset,
    0 14px 34px rgba(0,0,0,0.30);
}

/* =========================================
   RECEIVE / BONUS highlights
   ========================================= */

#genReceiveSpan,
#bonusTokens{
  color: rgba(0,230,184,0.98);
  font-weight: 900;
}

/* =========================================
   BUY BUTTON (NO RED HOVER EVER)
   ========================================= */

.buy-button{
  width: 100%;
  margin-top: 18px;
  padding: 14px 0;

  border: 0 !important;
  outline: none !important;

  border-radius: 12px;
  cursor: pointer;

  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;

  color: rgba(6,10,22,0.95);

  /* “click me” mint with depth */
  background: linear-gradient(180deg,
    rgba(0,230,184,0.98),
    rgba(0,206,168,0.98));

  box-shadow:
    0 16px 44px rgba(0,0,0,0.62),
    0 0 0 1px rgba(255,255,255,0.10) inset;

  transition: transform .14s ease, box-shadow .14s ease, filter .14s ease;
}

/* kill any theme hover/focus red rings */
#buyGenButton:focus,
#buyGenButton:focus-visible,
#buyGenButton:hover{
  outline: none !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,0.70),
    0 0 0 1px rgba(255,255,255,0.12) inset !important;
}

/* hover: slightly brighter, no color change */
.buy-button:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

/* active: press */
.buy-button:active{
  transform: translateY(0);
  filter: brightness(0.99);
  box-shadow:
    0 12px 34px rgba(0,0,0,0.62),
    0 0 0 1px rgba(255,255,255,0.10) inset !important;
}

/* =========================================
   LAYOUT RULE:
   Top info centered, everything below left
   ========================================= */

/* center only top trio */
#presaleStage,
#tokenPrice,
.buy-gen-container p:nth-of-type(3){
  text-align: center;
}

/* keep rest left (receive/bonus already handled) */
.buy-gen-container label,
.buy-input{
  text-align: left;
}

/* =========================================
   MOBILE (no inflation, still clickable)
   ========================================= */

@media (max-width: 560px){
  .buy-gen-container{
    max-width: 100%;
    padding: 20px 16px 20px;
    border-radius: 14px;
  }

  .buy-gen-container h3{
    font-size: 16px;
  }

  .buy-button{
    font-size: 13px;
    padding: 13px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d566d26 */#deadlineContainer,
#marketDemandContainer{
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 560px;      /* ustaw: 520 / 560 / 600 */
  margin: 0 auto 14px;   /* wyśrodkowanie + odstęp */
}

#marketDemandContainer{
  margin-bottom: 0;
}

/* --- Base container look --- */
.progress-container{
  padding: 12px 14px;
  border-radius: 14px;
  background:
    radial-gradient(120% 140% at 20% 0%,
      rgba(64, 255, 210, 0.10),
      rgba(10, 10, 14, 0.92) 55%,
      rgba(10, 10, 14, 0.85) 100%);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow:
    0 0 18px rgba(0, 255, 195, 0.08),
    0 0 28px rgba(123, 63, 255, 0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.progress-container:hover{
  transform: translateY(-1px);
  border-color: rgba(0,255,195,0.22);
  box-shadow:
    0 0 22px rgba(0, 255, 195, 0.14),
    0 0 34px rgba(123, 63, 255, 0.10);
}

/* --- Labels --- */
.progress-container label{
  display: block;
  margin: 0 0 8px 0;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 800;
  color: rgba(255,255,255,0.72);
}

/* --- Info text --- */
.info-line{
  margin-top: 8px;
  font-size: 12px;
  color: rgba(255,255,255,0.62);
  line-height: 1.25;
}
.info-line p{
  margin: 6px 0 0;
}

/* accent values inside info */
#timePassed,
#tokensSoldCount,
#availableToBuyCount{
  color: rgba(0,255,195,0.92);
  font-weight: 700;
}

/* --- Progress element base --- */
progress{
  width: 100%;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
}

/* WebKit track */
progress::-webkit-progress-bar{
  background: rgba(255,255,255,0.06);
  border-radius: 999px;
}

/* WebKit value: neon telemetry */
progress::-webkit-progress-value{
  border-radius: 999px;
  background:
    linear-gradient(90deg,
      rgba(0,255,195,0.95),
      rgba(123,63,255,0.95));
  box-shadow:
    0 0 10px rgba(0,255,195,0.28),
    0 0 18px rgba(123,63,255,0.18);
  transition: width .35s ease;
  animation: gencPulse 2.2s ease-in-out infinite;
}

/* Firefox value */
progress::-moz-progress-bar{
  border-radius: 999px;
  background:
    linear-gradient(90deg,
      rgba(0,255,195,0.95),
      rgba(123,63,255,0.95));
  box-shadow:
    0 0 10px rgba(0,255,195,0.28),
    0 0 18px rgba(123,63,255,0.18);
  animation: gencPulse 2.2s ease-in-out infinite;
}

/* subtle pulse */
@keyframes gencPulse{
  0%,100%{
    filter: brightness(1);
  }
  50%{
    filter: brightness(1.12);
  }
}

/* =========================================
   RESPONSIVE
   ========================================= */

/* Tablet: still 2 columns but centered without crazy calc */
@media (max-width: 980px){
  #deadlineContainer,
  #marketDemandContainer{
    width: calc(50% - 12px);
    min-width: 0;
  }
  #deadlineContainer{
    margin-left: 0;
  }
  #marketDemandContainer{
    margin-left: 24px;
  }
  .progress-container{
    padding: 12px 12px;
  }
}

/* Mobile: stacked, wide, low */
@media (max-width: 560px){
  #deadlineContainer,
  #marketDemandContainer{
    display: block;
    width: 100%;
    margin: 10px 0 0 0 !important;
  }

  .progress-container{
    border-radius: 12px;
    padding: 10px 12px;
  }

  progress{
    height: 9px;
  }

  .progress-container label{
    font-size: 10px;
    letter-spacing: 0.20em;
  }

  .info-line{
    font-size: 11px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-633963e *//* =========================================
   SBA / BSCSCAN NAV LINKS
   system footer / infra style
   ========================================= */

.sba-nav-bsc{
  width: 100%;
  margin: 28px auto 0;

  display: flex;
  justify-content: center;
  gap: 26px;
  flex-wrap: wrap;

  font-family: "Space Grotesk", system-ui, sans-serif;
}

/* links */
.sba-nav-bsc a{
  position: relative;
  padding: 10px 16px;

  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: none;

  color: rgba(255,255,255,0.70);
  text-decoration: none;

  background: rgba(255,255,255,0.035);
  border-radius: 10px;

  box-shadow:
    0 8px 24px rgba(0,0,0,0.45),
    0 0 0 1px rgba(255,255,255,0.06) inset;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  transition:
    color .15s ease,
    transform .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

/* hover — calm authority */
.sba-nav-bsc a:hover{
  color: rgba(0,230,184,0.95);
  transform: translateY(-1px);

  background: rgba(255,255,255,0.06);

  box-shadow:
    0 12px 34px rgba(0,0,0,0.60),
    0 0 0 1px rgba(0,230,184,0.35) inset;
}

/* active */
.sba-nav-bsc a:active{
  transform: translateY(0);
  box-shadow:
    0 8px 22px rgba(0,0,0,0.55),
    0 0 0 1px rgba(0,230,184,0.30) inset;
}

/* remove ugly browser focus */
.sba-nav-bsc a:focus,
.sba-nav-bsc a:focus-visible{
  outline: none;
}

/* =========================================
   MOBILE — stacked, still elegant
   ========================================= */

@media (max-width: 560px){
  .sba-nav-bsc{
    gap: 14px;
  }

  .sba-nav-bsc a{
    width: 100%;
    max-width: 320px;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4e9faf *//* =========================================
   GENc / STAGES — FULL-WIDTH GRID (HTML unchanged)
   .presale .stage-list .stage h3 .meta .cta
   ========================================= */

.presale{
  width: 100%;
  box-sizing: border-box;
}

/* --- stage list: 5 columns desktop, no scrollbar --- */
.stage-list{
  list-style: none;
  margin: 0;
  padding: 0;

  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;

  width: 100%;
  box-sizing: border-box;
  align-items: stretch;
}

/* --- stage tile: “fog glass” instead of heavy background --- */
.stage{
  position: relative;
  box-sizing: border-box;

  padding: 14px 14px 12px;
  border-radius: 16px;

  background:
    radial-gradient(120% 140% at 15% 10%,
      rgba(0,255,195,0.08),
      rgba(12,12,18,0.78) 55%,
      rgba(12,12,18,0.62) 100%);

  border: 1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 0 18px rgba(0,255,195,0.06),
    0 0 26px rgba(123,63,255,0.06);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  overflow: hidden;
}

/* subtle top “telemetry line” */
.stage::before{
  content:"";
  position:absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg,
    rgba(0,255,195,0.0),
    rgba(0,255,195,0.28),
    rgba(123,63,255,0.18),
    rgba(0,255,195,0.0));
  opacity: .7;
  pointer-events:none;
}

/* faint “mist” sweep */
.stage::after{
  content:"";
  position:absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 30% 30%,
      rgba(255,255,255,0.05),
      rgba(255,255,255,0) 60%);
  transform: rotate(18deg);
  opacity: .55;
  pointer-events:none;
}

.stage:hover{
  transform: translateY(-2px);
  border-color: rgba(0,255,195,0.22);
  box-shadow:
    0 0 22px rgba(0,255,195,0.12),
    0 0 34px rgba(123,63,255,0.10);
}

/* --- Title --- */
.stage h3{
  margin: 0 0 10px 0;
  font-size: 13px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: 0.03em;
  color: rgba(255,255,255,0.92);
  text-transform: none;
}

/* --- Meta lines --- */
.stage .meta{
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.25;
  color: rgba(255,255,255,0.66);
}

.stage .meta span{
  font-weight: 800;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.82);
  margin-right: 6px;
}

/* milestone line gets a bit more attention */
.stage .meta.milestone{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.72);
}

/* optional: if you later add live/next/soldout classes to <li class="stage ..."> */
.stage.live{
  border-color: rgba(0,255,195,0.35);
  box-shadow:
    0 0 26px rgba(0,255,195,0.18),
    0 0 40px rgba(123,63,255,0.10);
}

.stage.next{
  border-color: rgba(255, 215, 0, 0.24);
  box-shadow:
    0 0 22px rgba(255, 215, 0, 0.10),
    0 0 34px rgba(123,63,255,0.08);
}

.stage.soldout{
  opacity: .45;
  filter: grayscale(.7);
}

/* CTA line under stages */
.cta{
  margin: 16px auto 0;
  max-width: 980px;

  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: rgba(0,255,195,0.78);

  text-shadow: 0 0 10px rgba(0,255,195,0.14);
  line-height: 1.35;
}

/* =========================================
   RESPONSIVE
   ========================================= */

/* Large laptop: keep 5 but tighter if needed */
@media (max-width: 1280px){
  .stage-list{
    gap: 12px;
  }
  .stage{
    padding: 13px 13px 11px;
  }
}

/* Tablet: 3 columns */
@media (max-width: 980px){
  .stage-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
  .stage h3{
    font-size: 13px;
  }
}

/* Phone / small: 1 column, low & wide tiles */
@media (max-width: 640px){
  .stage-list{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .stage{
    border-radius: 14px;
    padding: 12px 12px 10px;
  }

  /* make them “low but wide”: compress vertical rhythm */
  .stage h3{
    margin-bottom: 8px;
    font-size: 13px;
  }

  .stage .meta{
    margin-top: 5px;
    font-size: 12px;
  }

  .stage .meta.milestone{
    margin-top: 8px;
    padding-top: 8px;
  }

  .cta{
    font-size: 11px;
    letter-spacing: 0.06em;
    margin-top: 14px;
    padding: 0 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92b48f6 *//* =========================================
   SBA NAV BLOCK — NEON GLASS (match Connect Wallet)
   ========================================= */

.sba-nav-block{
  display: flex;
  flex-direction: column;
  gap: 10px;
  width:100%;
}

.sba-nav-block a{
  --g1: rgba(0,255,195,.85);
  --g2: rgba(106,90,205,.95);

  position: relative;
  box-sizing: border-box;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 42px;
  padding: 0 16px;

  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;

  font: 900 11px/42px "Orbitron",system-ui,sans-serif;
  letter-spacing: .14em;
  text-transform: none;

  color: rgba(255,255,255,.90);
  text-decoration: none;

  background:
    radial-gradient(120% 140% at 15% 0%,
      rgba(0,255,195,.16),
      rgba(15,18,28,.68) 55%,
      rgba(10,10,14,.76) 100%),
    linear-gradient(135deg,
      rgba(255,255,255,.07),
      rgba(106,90,205,.09));

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow:
    0 0 0 1px rgba(0,0,0,.35) inset,
    0 12px 34px rgba(0,0,0,.42),
    0 0 18px rgba(0,255,195,.10),
    0 0 14px rgba(106,90,205,.08);

  transition:
    transform .16s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    filter .22s ease;
}

/* glossy sweep (subtle) */
.sba-nav-block a::after{
  content:"";
  position:absolute;
  inset: 1px;
  border-radius: 13px;
  background: linear-gradient(
    110deg,
    rgba(255,255,255,.16),
    rgba(255,255,255,0) 35%,
    rgba(255,255,255,0) 65%,
    rgba(255,255,255,.12)
  );
  opacity: .18;
  pointer-events:none;
  z-index: 0;
}

/* thin neon underline like system UI */
.sba-nav-block a::before{
  content:"";
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 8px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg,
    transparent,
    rgba(0,255,195,.22),
    rgba(106,90,205,.18),
    transparent);
  opacity: .55;
  pointer-events:none;
}

.sba-nav-block a:hover,
.sba-nav-block a:focus-visible{
  transform: translateY(-1px);
  border-color: rgba(0,255,195,.30);
  filter: brightness(1.05);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.35) inset,
    0 16px 46px rgba(0,0,0,.56),
    0 0 26px rgba(0,255,195,.18),
    0 0 20px rgba(106,90,205,.14);
}

.sba-nav-block a:active{
  transform: translateY(0);
  filter: brightness(0.98);
}

/* accessibility */
.sba-nav-block a:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.35) inset,
    0 16px 46px rgba(0,0,0,.56),
    0 0 0 3px rgba(0,255,195,.18),
    0 0 26px rgba(0,255,195,.16);
}

/* reduce motion */
@media (prefers-reduced-motion: reduce){
  .sba-nav-block a{ transition: none !important; }
}

/* mobile tweaks */
/* ===== MOBILE CENTER FIX (NAV) ===== */
@media (max-width: 768px){

  /* cały blok na środek */
  .sba-nav-block{
    width: min(275px, 92vw);
    margin-left: auto;
    margin-right: auto;
    align-items: center;         /* ważne przy flex parentach */
  }

  /* przycisk: pewne centrowanie */
  .sba-nav-block a{
    width: 100%;
    justify-content: center;
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* underline: na mobile usuń lub wycentruj, bo "ciągnie" w lewo */
  .sba-nav-block a::before{
    left: 50%;
    right: auto;
    width: 70%;
    transform: translateX(-50%);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b2f2de *//* =========================================
   SYSTEM NOTICE — TEXT ONLY
   readability > decoration
   ========================================= */

.genc-system-notice{
  max-width: 820px;
  margin: 0 auto;
  padding: 0;

  font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Inter, sans-serif;
  color: rgba(255,255,255,0.88);
}

/* LABEL */
.genc-system-notice__label{
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.28em;
  text-transform: uppercase;

  color: rgba(0,255,213,0.85);
  margin-bottom: 10px;
}

/* TITLE */
.genc-system-notice__title{
  margin: 0 0 14px;

  font-size: clamp(26px, 3vw, 40px);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  color: rgba(255,255,255,0.96);
}

/* DESCRIPTION */
.genc-system-notice__desc{
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: 0.01em;
  text-align: end;

  color: rgba(255,255,255,0.78);
}

/* STRONG EMPHASIS */
.genc-system-notice__desc b{
  color: rgba(255,255,255,0.96);
  font-weight: 900;
}

/* FINAL LINE — subtle system accent */
.genc-system-notice__desc b:last-child{
  color: rgba(0,255,213,0.95);
}

/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 980px){
  .genc-system-notice{
    max-width: 92vw;
  }

  .genc-system-notice__desc{
    font-size: 14px;
  }
}

@media (max-width: 560px){
  .genc-system-notice__label{
    font-size: 11px;
  }

  .genc-system-notice__title{
    font-size: 24px;
    letter-spacing: 0.06em;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28340c5 */#backToTop{
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 9999;

  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255,220,140,0.25);

  background: rgba(8,12,24,0.85);
  color: #f7cb5b;
  font-size: 18px;
  font-weight: 600;

  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}

#backToTop.show{
  opacity: 1;
  pointer-events: auto;
}

#backToTop:hover{
  transform: translateY(-2px);
  background: rgba(8,12,24,0.95);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be0c4ca *//* ===============================
   GENc FOOTER — SYSTEM STYLE
   =============================== */

.genc-footer{
  margin: 18px auto 18px;
  padding: 10px 5px;

  text-align: center;

  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  letter-spacing: .06em;

  color: rgba(255,255,255,.42);
}

/* links */
.genc-footer a{
  color: rgba(0,255,255,.72);
  text-decoration: none;
  font-weight: 600;

  transition: color .18s ease, text-shadow .18s ease;
}

.genc-footer a:hover,
.genc-footer a:focus-visible{
  color: rgba(0,255,255,.95);
  text-shadow: 0 0 10px rgba(0,255,255,.35);
}

/* separators */
.genc-footer__sep{
  margin: 0 6px;
  opacity: .75;
}

/* copyright */
.genc-footer__copy{
  opacity: .55;
  font-weight: 500;
}

/* mobile — wrap cleanly */
@media (max-width: 560px){
  .genc-footer{
    font-size: 11px;
    line-height: 1.7;
  }

  .genc-footer__sep{
    display: none;
  }

  .genc-footer a,
  .genc-footer__copy{
    display: block;
    margin: 4px 0;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   GLOBAL BACKGROUND DIM + VIGNETTE
   ========================================= */

body::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  /* DELIKATNY DIM + WINIETA */
  background:
    radial-gradient(
      120% 85% at 50% 40%,
      rgba(0,0,0,0.00) 0%,
      rgba(0,0,0,0.18) 45%,
      rgba(0,0,0,0.45) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,0.20),
      rgba(0,0,0,0.30)
    );
}

/* upewniamy się że content jest NAD overlay */
body > *{
  position: relative;
  z-index: 1;
}/* End custom CSS */