/* ============================================================
   SLOJ "CISTIJI DIZAJN"
   Ucitava se poslednji i samo gazi vrednosti. Ako se ukloni
   <link> na ovaj fajl, stranica se vraca na prethodni izgled.
   ============================================================ */

.early-page{
  /* osam koraka tipografske skale, umesto 28 kombinacija */
  --t-micro:11px;   /* mono oznake, brojevi koraka */
  --t-label:12px;   /* mono labele */
  --t-small:14px;   /* sitan tekst, celije tabele */
  --t-body:16px;    /* telo teksta */
  --t-lead:18px;    /* uvodni pasusi */
  --t-h3:22px;      /* naslovi kartica */
  --t-h2:38px;      /* naslovi sekcija */
  --t-display:52px; /* hero */

  --r:10px;                                   /* jedna zaobljenost */
  --shadow:0 18px 40px -28px rgba(0,0,0,.9);  /* jedna senka */
}

/* ---------- 1. tipografija ---------- */
.early-page .early-hero h1{font-size:clamp(34px,5vw,var(--t-display));line-height:1.05;letter-spacing:-.04em}

.early-page .why-now-heading h2,.early-page .ea-events-heading h2,.early-page .ea-delivery-heading h2,
.early-page .ea-testimonials-heading h2,.early-page .ea-payment-heading h2,.early-page .shift-heading h2,
.early-page .model-heading h2,.early-page .authority-intro h2,.early-page .builders-heading h2,
.early-page .pk-heading h2,.early-page .paths-copy h2,.early-page .waiting-copy h2,
.early-page .early-benefits-copy h2,.early-page .faq-copy h2{
  font-size:clamp(28px,2.6vw,var(--t-h2));line-height:1.1;letter-spacing:-.03em}

.early-page h3,.early-page .pk-path h3,.early-page .path-list h3,.early-page .builders-grid h3{
  font-size:var(--t-h3);line-height:1.25;letter-spacing:-.015em}
.early-page .proof-copy blockquote{font-size:26px;line-height:1.35;letter-spacing:-.02em}

.early-page .hero-lede,.early-page .why-now-heading>p,.early-page .ea-events-heading>p,
.early-page .ea-delivery-heading>p,.early-page .ea-testimonials-heading>p,.early-page .ea-payment-heading>p,
.early-page .shift-heading>p,.early-page .model-heading>p,.early-page .authority-intro>p,
.early-page .builders-heading>p,.early-page .pk-heading>p,.early-page .paths-copy p,
.early-page .why-now-close p,.early-page .pk-cta>p{
  font-size:var(--t-lead);line-height:1.65}

.early-page p,.early-page li,.early-page .pk-list li,.early-page .why-now-grid p,
.early-page .builders-grid p,.early-page .pk-path p,.early-page .pk-sub{font-size:var(--t-body);line-height:1.6}
.early-page .pk-table td,.early-page .pk-note,.early-page .pk-reg,.early-page .waiting-form small,
.early-page .ea-shot figcaption b,.early-page .pk-bonus li{font-size:var(--t-small);line-height:1.55}

/* brojevi i cene, jedan korak umesto pet */
.early-page .launch-countdown b,.early-page .path-list article>b,.early-page .pk-price b,
.early-page .proof-stats b,.early-page .pk-yours .pk-val{font-size:40px;line-height:1;letter-spacing:-.035em}
.early-page .pk-sum td,.early-page .pk-sum th{font-size:var(--t-small)}
.early-page .pk-val{font-size:var(--t-small)}

/* ---------- 2. manje mono fonta ---------- */
.early-page .academy-model-section article small,.early-page .proof-people figcaption span,
.early-page .shift-outcome small,.early-page .shift-outcome b,.early-page .pk-sub,
.early-page .ea-shot figcaption b,.early-page .pk-note{font-family:var(--sans);letter-spacing:0}
.early-page .section-kicker,.early-page .eyebrow{font-size:var(--t-label);letter-spacing:.1em}
.early-page .why-now-grid span,.early-page .ea-shot figcaption span,.early-page .builders-grid span,
.early-page .path-list article>div>span,.early-page .academy-model-section article>span{font-size:var(--t-micro);letter-spacing:.09em}

/* ---------- 3. jedna akcentna boja ---------- */
.early-page .launch-ticket{background:var(--early-lime);color:#11150c;box-shadow:none}
.early-page .danger-kicker{color:var(--early-lime)}
.early-page .academy-shift-section .section-kicker,.early-page .early-benefits-section .section-kicker,
.early-page .paths-copy .section-kicker{color:#11150c}
.early-page .path-list span{color:#11150c}
.early-page .builders-grid span{color:var(--early-lime)}
.early-page .authority-intro h2 em{color:var(--early-lime)}

/* ---------- 4. jedna senka i blaga zaobljenost ---------- */
.early-page .academy-video,.early-page .ea-shot,.early-page .ea-slack,.early-page .ea-video,
.early-page .pk-card,.early-page .pk-path,.early-page .why-now-grid article,.early-page .faq-cta,
.early-page .waiting-form,.early-page .launch-ticket,.early-page .payment-proof-section .ea-shot{
  border-radius:var(--r);box-shadow:var(--shadow)}
.early-page .pk-card-feature{box-shadow:var(--shadow)}
.early-page .button{border-radius:var(--r)}
.early-page .pk-badge,.early-page .pk-guarantee,.early-page .pk-launch{border-radius:999px}
.early-page .pk-bonus{border-radius:var(--r)}

/* mreze sa spojenim ivicama ne dobijaju radijus, da se ne raspadnu */
.early-page .builders-grid,.early-page .model-grid,.early-page .academy-shift,
.early-page .proof-board,.early-page .fit-grid{border-radius:var(--r);overflow:hidden}
.early-page .builders-grid article,.early-page .model-grid article{border-radius:0;box-shadow:none}

/* ---------- 5. mirniji ritam ---------- */
.early-page .section{padding:clamp(56px,4.6vw,76px) 0}
.early-page .why-now-heading,.early-page .ea-events-heading,.early-page .ea-delivery-heading,
.early-page .ea-testimonials-heading,.early-page .ea-payment-heading,.early-page .shift-heading,
.early-page .model-heading,.early-page .authority-intro,.early-page .builders-heading,
.early-page .pk-heading{margin-bottom:38px}

/* ---------- drugi prolaz: spajanje preostalih odskocaka ---------- */
.early-page .shift-arrow b,.early-page .launch-ticket b{font-size:40px;line-height:1}
.early-page .launch-countdown i{font-size:var(--t-h3);opacity:.45}
.early-page .proof-copy blockquote{font-size:var(--t-h3);font-weight:750;line-height:1.4}
.early-page .client-proof-label b{font-size:var(--t-lead)}
.early-page .faq button{font-size:var(--t-body)}
.early-page .pk-price span,.early-page .proof-stats b{font-size:var(--t-lead)}
.early-page .waiting-form label,
.early-page .proof-stats span,.early-page .live-pulse{font-size:var(--t-label)}
.early-page .brandtype small{font-size:var(--t-micro)}
.early-page .waiting-meta span,.early-page .form-head b,.early-page .form-head span{font-size:var(--t-label)}

/* mono ostaje samo na kratkim oznakama, duzi tekst prelazi u obican font */
.early-page .ea-slack-label,.early-page .client-proof-label span,
.early-page .waiting-form small,.early-page .pk-note,.early-page .pk-reg{
  font-family:var(--sans);letter-spacing:0;text-transform:none}

/* ---------- treci prolaz: poslednji odskoci ---------- */
.early-page .countdown-grid>div>b{font-size:var(--t-h3)}
.early-page .benefit-list article>b,.early-page .path-list article>b{font-size:var(--t-label)}
.early-page .waiting-pricing-link{font-size:var(--t-label)}
.early-page .pk-bonus li::before{font-size:inherit;line-height:inherit;font-weight:900;top:8px}
.early-page .brand .brandtype{font-size:var(--t-lead)}
.early-page .footer-grid>div>b{font-size:var(--t-micro)}
.early-page .footer-bottom span{font-size:var(--t-micro)}

/* ---------- cetvrti prolaz: hero praznina i velicina dugmadi ---------- */
/* hero je bio zakovan na 880px iako sadrzaj staje u ~740, pa je ispod videa ostajalo 241px */
.early-page .early-hero,.early-page .early-hero-grid{min-height:0}
.early-page .academy-stage:has(.academy-video){padding:40px 0 56px}
.early-page .early-hero{padding-bottom:0}
.early-page .early-hero-copy{padding-top:78px;padding-bottom:44px}

/* dugmad su primarni CTA, ne labele */
.early-page .button{font-size:14px;min-height:54px;padding:16px 26px;letter-spacing:.01em}
.early-page .button span{font-size:16px;line-height:1}
.early-page .countdown-grid>a{min-height:56px;padding:17px 30px;font-size:15px}
.early-page .hero-buttons .button,.early-page .pk-cta-row .button,.early-page .why-now-close .button{
  min-height:58px;padding:18px 30px;font-size:15px}

/* ---------- peti prolaz: mobilni hero i kartice modela ---------- */
/* dugmad u herou su bila razlicite sirine, na uskom ekranu to deluje neuredno */
@media(max-width:620px){
.early-page .hero-buttons{display:grid;gap:10px}
.early-page .hero-buttons .button{width:100%}
}
/* mikro dokaz je bio 16px i podebljan, pa se tukao sa uvodnim pasusom iznad */
.early-page .micro-proof{font-size:var(--t-small);font-weight:500;line-height:1.55}

/* labele u karticama modela: bile 11px crvene naspram naslova od 22px */
.early-page .academy-model-section article>span{font-size:var(--t-label);color:var(--early-lime)}
.early-page .academy-model-section article small{font-size:var(--t-label);color:#8f958b}
.early-page .client-proof-label span{color:#9a9f94}
.early-page .passive-model>span{color:#4a5142}

/* ---------- sesti prolaz: kartice modela, pet nivoa na tri ---------- */
/* broj je bio u kutiji 60x60 sa tekstom od 14px, sada ide u red sa labelom */
.early-page .model-grid .model-icon{
  display:inline;border:0;padding:0;width:auto;height:auto;min-height:0;background:none;
  font:900 12px/1 var(--mono);letter-spacing:.09em;color:var(--early-lime)}
.early-page .model-grid .model-icon::after{content:" \00b7 "}
.early-page .model-grid article>span{display:inline}
.early-page .model-grid h3{margin-top:14px;font-size:20px;line-height:1.25}
.early-page .model-grid p{margin-top:10px}
.early-page .model-grid small{font-size:var(--t-micro);color:#6d7368;letter-spacing:.08em}

/* kartica je flex kolona pa display:inline ne radi, broj ide kroz CSS brojac */
.early-page .model-grid{counter-reset:modul}
.early-page .model-grid article{counter-increment:modul}
.early-page .model-grid .model-icon{display:none}
.early-page .model-grid article>span::before{
  content:counter(modul,decimal-leading-zero) " \00b7 ";color:var(--early-lime);opacity:.65}
.early-page .model-grid article>span{margin-top:0}
@media(max-width:980px){
.early-page .model-grid article{min-height:0;padding:30px 26px}

}

/* ---------- sedmi prolaz: waiting sekcija sa jarke narandzaste na svetlu ---------- */
.early-page .waiting-section{background:#eeeae0;color:#161813}
.early-page .waiting-copy .live-pulse{color:#11150c}
.early-page .waiting-copy .live-pulse i{background:#cf2d1f}
.early-page .waiting-copy h2{color:#161813}
.early-page .waiting-copy h2 em{color:#b3200f}
.early-page .waiting-copy>p{color:#585d53}
.early-page .waiting-meta span{border-color:rgba(22,24,19,.3);color:#585d53}
.early-page .waiting-meta b{color:#161813}
.early-page .waiting-pricing-link{color:#161813;border-bottom-color:rgba(22,24,19,.35)}
.early-page .waiting-pricing-link:hover{border-bottom-color:#161813}

/* svetla shift sekcija: isti prag kontrasta kao ostalo */
.early-page .academy-shift-section .shift-heading h2 em{color:#b3200f}
.early-page .academy-shift-section .shift-heading>p{color:#585d53}


/* ---------- osmi prolaz: kontrast na celoj stranici ---------- */
/* tamna kartica unutar svetle sekcije, lista je bila na 2.76:1 */

/* svetla sekcija sa benefitima waiting liste */
.early-page .early-benefits-copy h2 em,.early-page .benefit-list b{color:#b3200f}
.early-page .early-benefits-copy>p,.early-page .benefit-list p{color:#585d53}
/* precrtana stara cena je bila na 3.92:1 */
.early-page .pk-reg s{color:#8f958b}

/* passive kartica je na svetloj pozadini, active je tamna, boje se ne smeju mesati */
.early-page .passive-model li{color:#585d53}
.early-page .active-model li{color:#c9cdc2}
.early-page .footer-grid>div>b{color:#9a9f94}
.early-page .footer-bottom span{color:#9a9f94}

/* ============================================================
   TRAKA SA DOKAZIMA, prekid odmah posle countdown-a
   ============================================================ */
.early-page .proof-strip{background:#111310;border-bottom:1px solid #30352d;padding:clamp(44px,3.6vw,60px) 0}
.early-page .proof-strip-top{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;margin-bottom:38px}
.early-page .proof-strip-copy h2{margin:14px 0 0;font-size:clamp(26px,2.5vw,38px);line-height:1.1;letter-spacing:-.035em}
.early-page .proof-strip-copy>p{margin:16px 0 0;max-width:600px;font-size:var(--t-body);line-height:1.6;color:#9a9f94}

.early-page .proof-strip-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.early-page .proof-strip-stats span{border:1px solid #30352d;border-radius:var(--r);background:#151814;padding:12px 16px;font-size:var(--t-small);color:#9a9f94}
.early-page .proof-strip-stats b{display:block;font-size:var(--t-h3);line-height:1.1;color:var(--early-lime);margin-bottom:4px}

.early-page .proof-strip-link{display:inline-flex;align-items:center;gap:9px;margin-top:26px;font:800 var(--t-label)/1 var(--mono);letter-spacing:.08em;color:var(--early-lime);border-bottom:2px solid color-mix(in srgb,var(--early-lime) 40%,transparent);padding-bottom:5px}
.early-page .proof-strip-link:hover{border-bottom-color:var(--early-lime)}

.early-page .proof-strip-shot{margin:0;border:1px solid #30352d;border-radius:var(--r);background:#151814;overflow:hidden;box-shadow:var(--shadow)}
.early-page .proof-strip-shot>div{background:#f4f4f2;padding:10px}
.early-page .proof-strip-shot img{display:block;width:100%;height:auto}
.early-page .proof-strip-shot figcaption{padding:14px 18px;display:grid;gap:6px;border-top:1px solid #30352d}
.early-page .proof-strip-shot figcaption span{font:800 var(--t-micro)/1.3 var(--mono);letter-spacing:.09em;color:var(--early-lime)}
.early-page .proof-strip-shot figcaption b{font-size:var(--t-small)}

.early-page .proof-strip-logos>span{display:block;margin-bottom:16px;font:800 var(--t-micro)/1 var(--mono);letter-spacing:.09em;color:#8f958b}

@media(max-width:980px){
.early-page .proof-strip-top{grid-template-columns:1fr;gap:30px;margin-bottom:30px}
.early-page .proof-strip-stats span{flex:1 1 calc(50% - 5px)}
}
.early-page .proof-strip-slack>div{background:#fff;padding:0}
.early-page .proof-strip-slack img{width:100%}

/* ---------- paketi: Lifetime nosi primarni naglasak, Monthly je korak tise ---------- */
.early-page .pk-card-primary{
  border-color:var(--early-lime);border-width:2px;
  box-shadow:0 22px 50px -26px color-mix(in srgb,var(--early-lime) 42%,transparent)}
.early-page .pk-badge-primary{background:var(--early-lime);color:#11150c;border:0}
.early-page .pk-card-primary .pk-price b{color:var(--early-lime)}

/* Monthly i dalje jasno uokviren, ali korak tise */
.early-page .pk-card-secondary{border-color:#454c40;box-shadow:var(--shadow)}
.early-page .pk-card-secondary .pk-badge{background:transparent;border:1px solid var(--early-lime);color:var(--early-lime)}

/* novo polje u formi se ponasa kao i ostala */
.early-page .waiting-form select[name="plan"]{width:100%}
.early-page .waiting-form label small{margin-left:6px;font-size:var(--t-micro);font-weight:600;color:#8f958b;letter-spacing:.06em;text-transform:uppercase}

/* kartice modela su bile zakovane na 480px pa je ispod teksta ostajala rupa */
.early-page .model-grid article{min-height:0;padding:30px 28px 26px}
.early-page .model-grid small{margin-top:auto;padding-top:20px;border-top:1px solid #30352d}
.early-page .model-grid article>hr,.early-page .model-grid article>div:empty{display:none}

/* waiting sekcija je na desktopu bila poluprazna, leva kolona dobija sadrzaj */
.early-page .waiting-grid{align-items:start}
.early-page .waiting-gets{list-style:none;padding:0;margin:34px 0 0;border-top:1px solid rgba(22,24,19,.25);max-width:520px}
.early-page .waiting-gets li{display:grid;gap:4px;padding:16px 0 16px 26px;position:relative;border-bottom:1px solid rgba(22,24,19,.18)}
.early-page .waiting-gets li:last-child{border-bottom:0}
.early-page .waiting-gets li::before{content:"";position:absolute;left:0;top:22px;width:9px;height:9px;background:#b3200f}
.early-page .waiting-gets b{font-size:var(--t-body);color:#161813}
.early-page .waiting-gets span{font-size:var(--t-small);line-height:1.55;color:#585d53}
.early-page .waiting-gets{flex:1 1 100%;width:100%}
/* uplate bez potpisa, okvir se zatvara odmah ispod slike */
.early-page .ea-payment-section .ea-shot>div{border-radius:var(--r)}
.early-page .ea-payment-section .ea-shot{line-height:0}
