.elementor-1627 .elementor-element.elementor-element-3a6eeacf{--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;--padding-top:70px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1627 .elementor-element.elementor-element-2a641a4f{width:100%;max-width:100%;}.elementor-1627 .elementor-element.elementor-element-14484b4e{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1627 .elementor-element.elementor-element-14484b4e.elementor-element{--align-self:center;}.elementor-1627 .elementor-element.elementor-element-0b76ee1{--display:flex;}.elementor-1627 .elementor-element.elementor-element-0b76ee1:not(.elementor-motion-effects-element-type-background), .elementor-1627 .elementor-element.elementor-element-0b76ee1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-v4-navy-light );}.elementor-1627 .elementor-element.elementor-element-7fab29f{margin:50px 10px calc(var(--kit-widget-spacing, 0px) + 50px) 10px;}/* Start custom CSS for html, class: .elementor-element-2a641a4f */@import url('https://api.fontshare.com/v2/css?f[]=satoshi@600,700&display=swap');

  .nc-pill-wrap {
    text-align: center;
    width: 100%;
  }

  .nc-pill {
    display: inline-block;
    background: #0B1B2B;
    border: 1px solid rgba(11,27,43,0.10);
    border-radius: 100px;
    padding: 7px 18px;
    font-family: 'Satoshi', system-ui, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #6B7280;
    box-shadow: 0 1px 3px rgba(11,27,43,0.06), 0 2px 8px rgba(11,27,43,0.05);
    white-space: nowrap;
    line-height: 1.4;
  }

  .nc-pill .nc-tld {
    color: #D89E00;
    font-weight: 700;
  }

  @media (max-width: 480px) {
    .nc-pill {
      font-size: 13px;
      padding: 6px 14px;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14484b4e */@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@800&display=swap');

  .nc-hero-headline {
    text-align: center;
    padding: 0;
    margin: 0;
  }

  .nc-hero-headline h1 {
    font-family: 'Cabinet Grotesk', system-ui, sans-serif;
    font-weight: 800;
    font-size: clamp(34px, 5vw, 60px);
    line-height: 1;
    letter-spacing: -0.02em;
    color: #0B1B2B;
    margin: 0;
    padding: 0;
  }

  .nc-hero-headline h1 .nc-em {
    background: linear-gradient(100deg, #CE1126, #D89E00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-345a4965 */.nc-wrap *{margin:0;padding:0;box-sizing:border-box}
.nc-wrap{
  --red:#CE1126;--red-d:#A60E1F;--green:#1B6E3E;--gold:#F4B400;
  --navy:#0B1B2B;--navy-2:#10243A;--off:#F8F6F1;--grey:#6B7280;--grey-l:#9AA3AF;
  --line:rgba(11,27,43,.10);--shadow-s:0 1px 2px rgba(11,27,43,.06),0 2px 6px rgba(11,27,43,.05);
  --shadow-m:0 4px 12px rgba(11,27,43,.08),0 14px 40px rgba(11,27,43,.07);
  --shadow-l:0 12px 30px rgba(11,27,43,.12),0 30px 70px rgba(11,27,43,.12);
  --r-s:10px;--r-m:16px;
  --disp:'Cabinet Grotesk','Satoshi',system-ui,sans-serif;
  --body:'Satoshi',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  font-family:var(--body);color:var(--navy);-webkit-font-smoothing:antialiased;
  background-color:#F8F6F1;
}
/* ── CONTROLS ── */
.nc-controls{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:32px}
/* tabs */
.nc-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;background:#fff;border:1px solid var(--line);padding:8px;border-radius:100px;box-shadow:var(--shadow-m);position:relative;z-index:1}
.nc-tab{border:0;background:transparent;cursor:pointer;font-family:var(--disp);font-weight:700;font-size:14px;color:var(--grey);padding:11px 18px;border-radius:100px;transition:.2s;white-space:nowrap}
.nc-tab:hover{color:var(--navy)}
.nc-tab.on{background:var(--navy);color:#fff}
/* billing toggle */
.nc-toggle-row{display:flex;align-items:center;gap:14px;font-family:var(--disp);font-weight:700;font-size:14.5px;color:var(--grey)}
.nc-toggle-row .on{color:var(--navy)}
.nc-sw{width:52px;height:30px;border-radius:100px;background:var(--navy);position:relative;cursor:pointer;flex:none;transition:.2s;border:none;outline:none;padding:0}
.nc-sw::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:.24s cubic-bezier(.3,1.4,.5,1)}
.nc-sw.an::after{left:25px}
.nc-save-pill{font-family:var(--disp);font-weight:700;font-size:11px;background:rgba(27,110,62,.14);color:var(--green);padding:4px 10px;border-radius:100px}
/* ── PLAN GRID ── */
.nc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}
.nc-plan{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:26px 22px 24px;display:flex;flex-direction:column;position:relative;transition:.22s}
.nc-plan:hover{transform:translateY(-5px);box-shadow:var(--shadow-l);border-color:transparent}
.nc-plan.pop{border:2px solid var(--red);box-shadow:var(--shadow-m);transform:scale(1.015)}
.nc-plan.pop:hover{transform:scale(1.015) translateY(-5px)}
.nc-popbadge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.08em;padding:5px 14px;border-radius:100px;text-transform:uppercase;white-space:nowrap}
/* plan typography */
.nc-tier{font-family:var(--disp);font-weight:800;font-size:20px;display:flex;align-items:center;gap:9px;letter-spacing:-.02em}
.nc-en-tag{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--red);background:rgba(206,17,38,.09);padding:3px 9px;border-radius:7px}
.nc-audience{color:var(--grey);font-size:13px;margin-top:4px;min-height:36px;line-height:1.45}
/* price */
.nc-price-row{margin:18px 0 4px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.nc-cur{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--grey)}
.nc-amt{font-family:var(--disp);font-weight:800;font-size:34px;letter-spacing:-.03em;line-height:1;color:var(--navy)}
.nc-per{color:var(--grey);font-size:13px;font-weight:600}
.nc-billed{font-family:var(--mono);font-size:11.5px;color:var(--grey-l);min-height:18px;margin-bottom:18px}
/* cta */
.nc-cta{display:block;text-align:center;font-family:var(--disp);font-weight:700;font-size:14.5px;padding:13px;border-radius:var(--r-s);border:1.5px solid var(--line);color:var(--navy);background:#fff;transition:.2s;margin-bottom:20px;text-decoration:none}
.nc-cta:hover{border-color:var(--navy);background:#fff;transform:translateY(-1px)}
.nc-plan.pop .nc-cta{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 6px 16px rgba(206,17,38,.22)}
.nc-plan.pop .nc-cta:hover{background:var(--red-d);border-color:var(--red-d)}
/* features */
.nc-feats-h{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grey-l);margin-bottom:11px}
.nc-feats{list-style:none;display:flex;flex-direction:column;gap:9px}
.nc-feats li{display:flex;gap:9px;font-size:13.5px;align-items:flex-start}
.nc-feats li svg{flex:none;margin-top:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nc-feats li.off{color:var(--grey-l)}
/* renew note */
.nc-renew-note{text-align:center;margin-top:28px;font-size:14px;color:var(--grey);font-family:var(--body)}
.nc-renew-note b{color:var(--green)}
/* responsive */
@media(max-width:1000px){.nc-grid{grid-template-columns:repeat(2,1fr)}.nc-plan.pop{transform:none}.nc-plan.pop:hover{transform:translateY(-4px)}}
@media(max-width:560px){.nc-grid{grid-template-columns:1fr}.nc-tab{padding:9px 13px;font-size:13px}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a6eeacf */#my-hero-cont {
  background-color: #F8F6F1;
  position: relative;
  overflow: hidden;
}

/* chitenje texture overlay */
#my-hero-cont::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .04;
  background-image:
    repeating-linear-gradient(60deg, #0B1B2B 0 1px, transparent 1px 22px),
    repeating-linear-gradient(-60deg, #0B1B2B 0 1px, transparent 1px 22px);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent);
  mask-image: linear-gradient(180deg, #000, transparent);
  z-index: 0;
}

/* gold glow blob */
#my-hero-cont::after {
  content: '';
  position: absolute;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  left: 50%;
  top: -220px;
  transform: translateX(-50%);
  pointer-events: none;
  background: radial-gradient(circle, rgba(244,180,0,.20), transparent 62%);
  z-index: 0;
}

/* make sure Elementor child elements sit above the overlays */
#my-hero-cont > .elementor-container {
  position: relative;
  z-index: 1;
}

/* shrink glow on mobile so it doesn't overpower small screens */
@media (max-width: 768px) {
  #my-hero-cont::after {
    width: 340px;
    height: 340px;
    top: -140px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b643f4 */.nc-guarantee *{margin:0;padding:0;box-sizing:border-box}
.nc-guarantee{
  --green:#1B6E3E;--navy:#0B1B2B;--off:#F8F6F1;
  --line:rgba(11,27,43,.10);
  --shadow-s:0 1px 2px rgba(11,27,43,.06),0 2px 6px rgba(11,27,43,.05);
  --shadow-m:0 4px 12px rgba(11,27,43,.08),0 14px 40px rgba(11,27,43,.07);
  --disp:'Cabinet Grotesk','Satoshi',system-ui,sans-serif;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;
}
.nc-gitem{
  display:flex;align-items:center;gap:9px;
  background:#fff;border:1px solid var(--line);border-radius:100px;
  padding:11px 18px;
  font-family:var(--disp);font-weight:700;font-size:14px;color:var(--navy);
  transition:.18s;box-shadow:var(--shadow-s);
  white-space:nowrap;
}
.nc-gitem:hover{transform:translateY(-2px);box-shadow:var(--shadow-m)}
.nc-gitem svg{width:17px;height:17px;stroke:var(--green);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fab29f */.nc-gcard-wrap *{margin:0;padding:0;box-sizing:border-box}
.nc-gcard-wrap{
  --red:#CE1126;--red-d:#A60E1F;--green:#1B6E3E;--gold:#F4B400;
  --navy:#0B1B2B;--navy-2:#10243A;--off:#F8F6F1;--grey:#6B7280;--grey-l:#9AA3AF;
  --line:rgba(11,27,43,.10);
  --shadow-m:0 4px 12px rgba(11,27,43,.08),0 14px 40px rgba(11,27,43,.07);
  --r-l:24px;--r-s:10px;
  --disp:'Cabinet Grotesk','Satoshi',system-ui,sans-serif;
  --body:'Satoshi',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  font-family:var(--body);color:var(--navy);-webkit-font-smoothing:antialiased;
}

/* card */
.nc-gcard{
  position:relative;overflow:hidden;
  background:linear-gradient(150deg,#fff,#fbfaf6);
  border:1px solid var(--line);border-radius:var(--r-l);
  box-shadow:var(--shadow-m);
  display:grid;grid-template-columns:auto 1fr auto;
  gap:34px;align-items:center;padding:38px 42px;
}

/* chitenje texture */
.nc-gcard::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  opacity:.04;
  background-image:
    repeating-linear-gradient(60deg,#0B1B2B 0 1px,transparent 1px 22px),
    repeating-linear-gradient(-60deg,#0B1B2B 0 1px,transparent 1px 22px);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent);
  mask-image:linear-gradient(180deg,#000,transparent);
}

/* spinning seal */
.nc-gseal{width:128px;height:128px;flex:none;position:relative;z-index:2}
.nc-gseal .nc-spin{
  transform-origin:64px 64px;
  animation:nc-spinslow 26s linear infinite;
}
@keyframes nc-spinslow{to{transform:rotate(360deg)}}

/* copy */
.nc-gcopy{position:relative;z-index:2}
.nc-eyebrow{
  font-family:var(--disp);font-weight:700;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--green);margin-bottom:10px;
}
.nc-gcopy h2{
  font-family:var(--disp);font-weight:800;font-size:clamp(22px,2.8vw,32px);
  line-height:1.06;letter-spacing:-.02em;margin-bottom:12px;
}
.nc-gcopy p{color:var(--grey);font-size:16px;max-width:540px;line-height:1.55}
.nc-gpoints{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:16px}
.nc-gpoints span{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
.nc-gpoints svg{width:16px;height:16px;stroke:var(--green);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* right side CTA */
.nc-gcta{position:relative;z-index:2;text-align:center;flex:none}
.nc-gcta .nc-big{
  font-family:var(--disp);font-weight:800;font-size:56px;
  line-height:.9;color:var(--navy);letter-spacing:-.04em;
}
.nc-gcta .nc-big .nc-u{color:var(--red);font-size:28px;vertical-align:super}
.nc-gcta .nc-small{
  font-family:var(--disp);font-weight:700;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--grey);margin:6px 0 16px;
}
.nc-btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-weight:700;font-size:15px;
  padding:13px 22px;border-radius:var(--r-s);
  cursor:pointer;border:1.5px solid transparent;
  transition:.2s;text-decoration:none;white-space:nowrap;
}
.nc-btn-navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.nc-btn-navy:hover{background:var(--navy-2);transform:translateY(-2px)}

/* responsive */
@media(max-width:900px){
  .nc-gcard{grid-template-columns:auto 1fr;gap:24px;padding:32px 28px}
  .nc-gcta{grid-column:1/-1;display:flex;align-items:center;gap:24px;justify-content:center}
  .nc-gcta .nc-small{margin:0 0 0 8px}
}
@media(max-width:560px){
  .nc-gcard{grid-template-columns:1fr;text-align:center;gap:20px;padding:30px 22px;justify-items:center}
  .nc-gpoints{justify-content:center}
  .nc-gcta{flex-direction:column;gap:6px}
}/* End custom CSS */