@charset "UTF-8";
/* Self-hosted fonts (Manrope, Caveat; latin + latin-ext for č ć š ž đ). No Google Fonts request. */
@font-face { font-family: 'Caveat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/caveat-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Caveat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/caveat-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/fonts/manrope-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(/fonts/manrope-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* /funded/ — brings the page in line with the homepage and /real/:
   Manrope type, the same page background, film grain, section glows and gold hairlines.
   Loaded after the page's own inline styles, so these rules win. */

:root {
  --mono: 'Manrope', system-ui, sans-serif;
  --tofx-gold: #D6B36D; --tofx-gold-hi: #F3DCA2; --tofx-gold-lo: #A9823F; --tofx-bg: #080B12;
  --tofx-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .7 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --tofx-grid: linear-gradient(rgba(214,179,109,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(214,179,109,.055) 1px, transparent 1px);
}

/* ---------- Page background: same as /real/ ---------- */
html { background-color: var(--tofx-bg); }
body {
  font-family: 'Manrope', system-ui, -apple-system, "Segoe UI", sans-serif;
  background: radial-gradient(120% 60% at 50% 0%, #17120a 0%, var(--tofx-bg) 55%) no-repeat, var(--tofx-bg);
}
body::after {
  content: ""; position: fixed; inset: 0; z-index: 60; pointer-events: none;
  background-image: var(--tofx-grain); background-size: 180px; opacity: .035;
}
/* ---------- Typography: Manrope everywhere, headings in normal case ---------- */
.hero-heading, .process-num, .process-headline, .results-headline, .tname, .gains-title, .comm-title, .record-cell-num, .reasons-title, .bento-h, .founder-name, .social-pill strong, .faq-text, .finale-head {
  font-family: 'Manrope', system-ui, sans-serif; font-weight: 800; letter-spacing: -.02em;
}
.hero-heading, .process-headline, .results-headline, .gains-title, .reasons-title, .bento-h, .founder-name, .faq-text, .finale-head, .tname, .comm-title {
  text-transform: none;
}
.hero-heading { font-size: clamp(32px, 6.2vw, 64px); line-height: 1.06; }
.results-headline, .reasons-title, .gains-title, .process-headline { font-size: clamp(28px, 4.6vw, 46px); line-height: 1.1; }
.finale-head { font-size: clamp(36px, 7vw, 88px); line-height: 1.04; }
.founder-name { font-size: clamp(38px, 6vw, 78px); line-height: 1; }
.process-num { font-size: clamp(76px, 10vw, 128px); }
.record-cell-num { font-size: clamp(36px, 4.6vw, 64px); }

.bento-h { font-size: clamp(19px, 2.2vw, 24px); line-height: 1.25; }
.faq-text { font-size: clamp(17px, 2vw, 21px); line-height: 1.35; letter-spacing: -.01em; }

.tname { font-size: 16px; letter-spacing: 0; }
.social-pill strong { font-size: 16px; letter-spacing: 0; }
.comm-title { font-size: 22px; }

/* highlighted words: same gold gradient as the rest of the site */
.hero-heading .accent, .results-headline em, .gains-title em, .reasons-title em, .bento-h em, .founder-name em,
.process-headline em, .finale-head em, .fcalc-sec .results-headline em {
  font-style: normal; color: var(--tofx-gold);
  background: linear-gradient(180deg, var(--tofx-gold-hi), var(--tofx-gold) 55%, var(--tofx-gold-lo));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  text-decoration: none;
}

/* section markers -> the site's gold eyebrow (no S/01 codes) */
.section-marker { font-family: 'Manrope', system-ui, sans-serif; }
.section-marker .sm-id, .section-marker .sm-tag { display: none; }
.section-marker .sm-title { font-size: 12px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--tofx-gold); }
.section-marker .sm-rule { background: linear-gradient(90deg, transparent, rgba(214,179,109,.35), transparent); }
/* ---------- Section backgrounds: glows, chart grid, gold hairlines (as on /real/) ---------- */
.fcalc-sec, .process, .gains, .results, .record, .reasons, .community, .founder, .faq-section {
  position: relative; isolation: isolate;
}
.fcalc-sec::before, .process::before, .gains::before, .results::before, .record::before, .reasons::before, .community::before, .founder::before, .faq-section::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
}
.process::after, .results::after, .reasons::after, .founder::after, .faq-section::after {
  content: ""; position: absolute; top: 0; left: 50%; width: min(980px, 86%); height: 1px; transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(214,179,109,.45), transparent);
}

.fcalc-sec::before { background: radial-gradient(50% 60% at 50% 55%, rgba(214,179,109,.12), transparent 75%); }
.process::before, .reasons::before {
  background: radial-gradient(42% 60% at 0% 35%, rgba(214,179,109,.18), transparent 72%),
              radial-gradient(34% 45% at 100% 85%, rgba(214,179,109,.10), transparent 70%),
              var(--tofx-grid);
  background-size: auto, auto, 56px 56px, 56px 56px;
  -webkit-mask-image: radial-gradient(75% 70% at 50% 45%, #000 35%, transparent 100%);
          mask-image: radial-gradient(75% 70% at 50% 45%, #000 35%, transparent 100%);
}
.gains::before, .community::before { background: radial-gradient(50% 70% at 50% 50%, rgba(214,179,109,.13), transparent 75%); }
.results::before, .faq-section::before {
  background: radial-gradient(40% 50% at 100% 20%, rgba(214,179,109,.14), transparent 72%),
              radial-gradient(40% 50% at 0% 80%, rgba(214,179,109,.10), transparent 72%);
}
.record::before { background: radial-gradient(50% 80% at 50% 50%, rgba(214,179,109,.10), transparent 75%); }
.founder::before { background: radial-gradient(45% 60% at 80% 40%, rgba(214,179,109,.16), transparent 72%); }

/* ---------- Footer: same as every other page (centred) ---------- */
footer.site-footer {
  position: relative; z-index: 1; width: auto; margin: 0; background: none;
  padding: 28px 0 max(28px, env(safe-area-inset-bottom)); border-top: 1px solid rgba(214,179,109,.12); text-align: center;
}
.site-footer .fwrap { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 20px; }
.site-footer .footer-inner { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.site-footer .footer-social { display: flex; justify-content: center; gap: 8px; }
.site-footer .footer-social a {
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
  color: var(--tofx-gold); transition: color .25s, background .25s;
}
.site-footer .footer-social a:hover { color: var(--tofx-gold-hi); background: rgba(214,179,109,.08); }
.site-footer .footer-social svg { width: 24px; height: 24px; }
.site-footer .footer-meta { text-align: center; }
.site-footer .footer-links { display: flex; flex-wrap: wrap; justify-content: center; }
.site-footer .footer-links a { color: #BFC4CE; font-size: 14px; padding: 10px 6px; margin: 0 6px; }
.site-footer .footer-links a:hover { color: var(--tofx-gold); }
.site-footer .footer-warning, .site-footer .footer-copy {
  margin: 8px auto 0; font-size: 12.5px; line-height: 1.55; color: #868d99; max-width: 70ch;
}
@media (min-width: 720px) { .site-footer .fwrap { padding: 0 32px; } }

/* ---------- Phone cleanup ---------- */
/* no animated underline under "Funded Challenge." */
.hero-heading .accent::after { display: none; }
/* trust strip is logos only now */

/* phones: section headlines centred, like "Kako radimo" */
@media (max-width: 719px) {
  .results-head { flex-direction: column; align-items: center; text-align: center; gap: 14px; }
  .results-headline, .gains-title, .reasons-title { text-align: center; margin-left: auto; margin-right: auto; }
  .results-hint, .gains-eyebrow { justify-content: center; text-align: center; }
  .gains-sub, .fcalc-lead { text-align: center; margin-left: auto; margin-right: auto; }
  .reasons-head { text-align: center; align-items: center; }
}

/* ---------- Prop firms: partner cards + comparison table ---------- */
.props { position: relative; isolation: isolate; padding: 90px 0 40px; }
.props::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(45% 55% at 100% 30%, rgba(214,179,109,.16), transparent 72%),
              radial-gradient(35% 45% at 0% 85%, rgba(214,179,109,.09), transparent 70%);
}
.props-title { margin: 18px auto 0; text-align: center; }
.props-cards { display: grid; grid-template-columns: 1fr; gap: 14px; max-width: 860px; margin: 36px auto 0; }
@media (min-width: 720px) { .props-cards { grid-template-columns: 1fr 1fr; gap: 18px; } }
.props-card {
  display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 30px 22px 22px; border-radius: 18px;
  background: linear-gradient(180deg, rgba(18,24,32,.92), rgba(10,13,19,.96)); border: 1px solid rgba(214,179,109,.24);
  text-decoration: none; transition: border-color .25s, transform .25s;
}
.props-card:hover { border-color: rgba(214,179,109,.6); transform: translateY(-3px); }
.props-card:focus-visible { outline: 2px solid var(--tofx-gold-hi); outline-offset: 3px; }
.props-card img { height: 44px; width: auto; max-width: 80%; object-fit: contain; }
.props-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 52px; padding: 14px 18px; border-radius: 12px;
  font-family: 'Manrope', system-ui, sans-serif; font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #1A1408;
  background: linear-gradient(180deg, var(--tofx-gold-hi), var(--tofx-gold) 55%, var(--tofx-gold-lo));
  box-shadow: 0 8px 24px rgba(214,179,109,.25), inset 0 1px 0 rgba(255,255,255,.4);
}
.props-card:hover .props-btn { filter: brightness(1.06); }

.props-table { width: 100%; border-collapse: separate; border-spacing: 0; font-family: 'Manrope', system-ui, sans-serif; border: 1px solid rgba(214,179,109,.24); border-radius: 16px; overflow: hidden; background: #121820; }
.props-table th, .props-table td { padding: 14px 16px; text-align: left; vertical-align: top; font-size: 15px; line-height: 1.45; border-bottom: 1px solid rgba(255,255,255,.06); }
.props-table tr:last-child th, .props-table tr:last-child td { border-bottom: 0; }
.props-table thead th { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--tofx-gold); background: rgba(214,179,109,.07); }
.props-table tbody th { font-weight: 700; color: #BFC4CE; width: 34%; }
.props-table td { color: #fff; font-weight: 600; }

/* phones: the row label sits above the two values */
@media (max-width: 640px) {
  .props { padding: 64px 0 24px; }
  .props-table thead th:first-child { display: none; }
  .props-table thead tr { display: grid; grid-template-columns: 1fr 1fr; }
  .props-table tbody tr { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid rgba(255,255,255,.06); }
  .props-table tbody tr:last-child { border-bottom: 0; }
  .props-table tbody th { grid-column: 1 / -1; width: auto; padding: 12px 14px 2px; border: 0; font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; }
  .props-table td, .props-table thead th { padding: 6px 14px 12px; border: 0; font-size: 14px; }
  .props-table thead th { padding: 12px 14px; font-size: 11px; }
}

/* ---------- Comparison: prices + rules ---------- */
.pc { max-width: 980px; margin: 56px auto 0; font-family: 'Manrope', system-ui, sans-serif; }
.pc-title { margin: 0; text-align: center; font-size: clamp(24px, 3.4vw, 34px); font-weight: 800; letter-spacing: -.02em; color: #fff; }
.pc-sub { margin: 8px auto 0; max-width: 46ch; text-align: center; font-size: 15px; line-height: 1.5; color: #BFC4CE; }
.pc-h { margin: 34px 0 12px; font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--tofx-gold); text-align: center; }
.pc-note { margin: 12px auto 0; max-width: 72ch; text-align: center; font-size: 13px; line-height: 1.6; color: #8b919c; }
.pc-note b { color: #fff; }

.pc-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(214,179,109,.24); border-radius: 16px; overflow: hidden; background: #121820; }
.pc-table th, .pc-table td { padding: 14px 14px; font-size: 15px; text-align: right; white-space: nowrap; border-bottom: 1px solid rgba(255,255,255,.06); }
.pc-table tbody tr:last-child th, .pc-table tbody tr:last-child td { border-bottom: 0; }
.pc-table thead th { font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--tofx-gold); background: rgba(214,179,109,.07); white-space: normal; }
.pc-table th:first-child { text-align: left; }
.pc-table tbody th { font-weight: 800; color: #fff; }
.pc-table td { color: #fff; font-weight: 600; }
.pc-table s, .pc-cards s { color: #8b919c; text-decoration-thickness: 1px; }
.pc-table .pc-disc, .pc-cards .pc-disc dd { color: var(--tofx-gold-hi); }
.pc-table .pc-win { text-align: left; color: #BFC4CE; font-weight: 600; font-size: 14px; }
.pc-table td.is-best { color: var(--tofx-gold-hi); background: rgba(214,179,109,.12); box-shadow: inset 0 0 0 1px rgba(214,179,109,.5); font-weight: 800; }
.pc-table td.is-best::after, .pc-cards .is-best dt::after {
  content: "Better price"; display: inline-block; margin-left: 8px; padding: 2px 7px; border-radius: 99px; vertical-align: 2px;
  font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #1A1408; background: var(--tofx-gold);
}

.pc-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.pc-card { padding: 16px 16px 14px; border-radius: 16px; border: 1px solid rgba(214,179,109,.24); background: #121820; }
.pc-card-size { margin: 0 0 8px; font-size: 18px; font-weight: 800; color: #fff; }
.pc-card dl { margin: 0; }
.pc-card dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 10px; border-radius: 10px; }
.pc-card dt { font-size: 14px; color: #BFC4CE; }
.pc-card dd { margin: 0; font-size: 15px; font-weight: 700; color: #fff; white-space: nowrap; }
.pc-card .is-best { background: rgba(214,179,109,.12); box-shadow: inset 0 0 0 1px rgba(214,179,109,.5); }
.pc-card .is-best dt, .pc-card .is-best dd { color: var(--tofx-gold-hi); font-weight: 800; }
.pc-card-win { margin: 10px 0 0; font-size: 13.5px; color: #BFC4CE; }
.pc-card-win b { color: #fff; }

.pc-mobile { display: none; }
@media (max-width: 980px) { .pc-desktop { display: none; } .pc-mobile { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } }

/* rules table: head shows program under the firm name, key differences in gold */
.pc-rules thead th small { display: block; margin-top: 3px; font-size: 10.5px; letter-spacing: .06em; color: #BFC4CE; font-weight: 700; }
.pc-rules tr.is-diff th { color: var(--tofx-gold-hi); }
.pc-rules tr.is-diff th::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--tofx-gold); vertical-align: 2px; }
.pc-rules tr.is-diff td { background: rgba(214,179,109,.05); }
/* price table: a gold divider before the "Povoljnije" column */
.pc-prices th:last-child, .pc-prices td:last-child { border-left: 1px solid rgba(214,179,109,.35); padding-left: 18px; }

/* hero badge: wrap into two even lines on phones (no single orphan word) */
.badge-text { text-wrap: balance; text-align: center; line-height: 1.5; }
@media (max-width: 520px) { .badge { max-width: 92%; padding: 8px 16px; } }

/* "Podrška 1-na-1": Telegram and Instagram buttons the same size */
.comm-pair .comm-btn { flex: 1 1 0; min-width: 140px; justify-content: center; border: 1px solid transparent; }
.comm-pair .comm-btn.ghost { border-color: var(--rule-strong); }

/* prop firms: logos right under the title, buttons after the comparison */
.props-logos { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 18px 34px; margin: 30px auto 0; }
.props-logos img { height: 40px; width: auto; }
.props-logos-sep { width: 1px; height: 34px; background: linear-gradient(180deg, transparent, rgba(214,179,109,.5), transparent); }
.props-cta-title { margin: 56px auto 0; max-width: 30ch; text-align: center; font-family: 'Manrope', system-ui, sans-serif; font-size: clamp(20px, 2.6vw, 26px); font-weight: 800; letter-spacing: -.01em; color: #fff; text-wrap: balance; }
.props-cta-title + .props-cards { margin-top: 22px; }
@media (max-width: 520px) { .props-logos img { height: 32px; } .props-logos { gap: 14px 22px; } }

/* calculator: title, eyebrow and lead centred on every screen size */
.fcalc-sec .results-head { flex-direction: column; align-items: center; text-align: center; }
.fcalc-sec .results-headline { text-align: center; margin-left: auto; margin-right: auto; }
.fcalc-sec .fcalc-lead { text-align: center; margin-left: auto; margin-right: auto; }