/* NFS Intelligence Hub — Sljedeći koraci v6.54.0 */
:root{
  --next-green-950:#061d16;
  --next-green-900:#0a291f;
  --next-green-800:#12392b;
  --next-cream:#fff7e8;
  --next-cream-2:#efe1c8;
  --next-gold:#d6a653;
  --next-gold-deep:#a87332;
  --next-bronze:#815425;
  --next-ink:#24180d;
  --next-muted:#746553;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.nfs-next-page{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 10% 3%,rgba(214,166,83,.15),transparent 26rem),
    radial-gradient(circle at 92% 38%,rgba(129,84,37,.11),transparent 28rem),
    linear-gradient(155deg,#061d16 0%,#0a291f 58%,#071f18 100%);
  color:var(--next-cream);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.nfs-next-main{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:62px 0 78px}
.nfs-next-hero{
  position:relative;overflow:hidden;padding:46px clamp(24px,5vw,64px);border-radius:34px;
  background:linear-gradient(145deg,rgba(255,247,232,.98),rgba(239,225,200,.96));
  border:1px solid rgba(214,166,83,.46);box-shadow:0 32px 92px rgba(0,0,0,.30);color:var(--next-ink);
}
.nfs-next-hero::before{
  content:"";position:absolute;right:-7rem;top:-8rem;width:24rem;height:24rem;border-radius:50%;
  border:1px solid rgba(168,115,50,.22);box-shadow:inset 0 0 0 34px rgba(214,166,83,.06),inset 0 0 0 68px rgba(214,166,83,.035);
}
.nfs-next-hero::after{
  content:"";position:absolute;inset:auto 0 0;height:5px;
  background:linear-gradient(90deg,transparent,var(--next-gold),var(--next-bronze),transparent);opacity:.72;
}
.nfs-next-hero-copy{position:relative;z-index:1;max-width:800px}
.nfs-next-eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(129,84,37,.24);background:rgba(214,166,83,.13);color:#7c4e19;
  font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
}
.nfs-next-hero h1{
  max-width:780px;margin:19px 0 14px;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.35rem,6.3vw,5.3rem);line-height:.94;letter-spacing:-.055em;color:#10251d;
}
.nfs-next-hero p{max-width:720px;margin:0;color:#625545;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.72;font-weight:600}
.nfs-next-choice-label{
  display:flex;align-items:center;gap:12px;margin:42px 2px 17px;color:#e9d9ba;
  font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
}
.nfs-next-choice-label::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(214,166,83,.55),transparent)}
.nfs-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.nfs-next-card{
  position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:350px;padding:28px;
  border-radius:28px;background:linear-gradient(155deg,#fffaf0 0%,#efe1c8 100%);
  border:1px solid rgba(214,166,83,.38);box-shadow:0 22px 58px rgba(0,0,0,.20);color:var(--next-ink);
}
.nfs-next-card::before{
  content:attr(data-step);position:absolute;right:18px;top:7px;color:rgba(129,84,37,.09);
  font:800 7.2rem/1 Georgia,"Times New Roman",serif;letter-spacing:-.08em;
}
.nfs-next-card::after{
  content:"";position:absolute;left:0;top:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--next-gold),var(--next-bronze),transparent 78%);
}
.nfs-next-card>*{position:relative;z-index:1}
.nfs-next-card-tag{
  display:inline-flex;width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;
  background:rgba(10,41,31,.08);border:1px solid rgba(10,41,31,.13);color:#315c49;
  font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;
}
.nfs-next-card h2{margin:20px 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1;letter-spacing:-.04em;color:#10251d}
.nfs-next-card p{margin:0 0 18px;color:var(--next-muted);font-size:14px;line-height:1.7;font-weight:600}
.nfs-next-card-points{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}
.nfs-next-card-points li{padding:7px 9px;border-radius:999px;background:rgba(129,84,37,.07);border:1px solid rgba(129,84,37,.11);color:#6e4a25;font-size:10px;font-weight:800}
.nfs-next-card a{
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;
  border-radius:15px;background:linear-gradient(135deg,var(--next-green-800),var(--next-green-950));
  color:var(--next-cream)!important;text-decoration:none!important;border:1px solid rgba(214,166,83,.34);
  box-shadow:0 14px 30px rgba(6,29,22,.17);font-size:11px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.nfs-next-card a:hover{transform:translateY(-2px);box-shadow:0 19px 38px rgba(6,29,22,.24);background:linear-gradient(135deg,#174a38,#071f18)}
.nfs-next-card a span{font-size:18px;line-height:1}
.nfs-next-guide{
  display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start;
  margin-top:24px;padding:30px;border-radius:28px;background:rgba(6,29,22,.78);
  border:1px solid rgba(214,166,83,.29);box-shadow:0 22px 58px rgba(0,0,0,.20);
}
.nfs-next-guide h2{margin:0 0 9px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.03;color:#f7e8c7}
.nfs-next-guide>div>p{margin:0;color:#cdbb9c;font-size:13px;line-height:1.65}
.nfs-next-guide-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.nfs-next-guide-list li{display:grid;grid-template-columns:138px minmax(0,1fr);gap:13px;padding:12px 14px;border-radius:15px;background:rgba(255,247,232,.055);border:1px solid rgba(214,166,83,.11);color:#dfcfb2;font-size:12.5px;line-height:1.5}
.nfs-next-guide-list strong{color:#f2dcae;font-weight:900}
.nfs-next-back{display:flex;justify-content:center;margin-top:30px}
.nfs-next-back a{color:#d9c7a6;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.nfs-next-back a:hover{color:#f7e8c7}
@media(max-width:820px){
  .nfs-next-main{width:min(100% - 22px,1180px);padding:34px 0 58px}
  .nfs-next-hero{padding:32px 22px;border-radius:26px}
  .nfs-next-grid{grid-template-columns:1fr}
  .nfs-next-card{min-height:auto;padding:23px;border-radius:23px}
  .nfs-next-guide{grid-template-columns:1fr;padding:23px;border-radius:23px}
}
@media(max-width:520px){
  .nfs-next-hero h1{font-size:2.35rem}
  .nfs-next-card::before{font-size:5.8rem}
  .nfs-next-guide-list li{grid-template-columns:1fr;gap:3px}
}