/* opcje. — wspólne style dla wszystkich podstron */

:root{
  --bg:#15130f;
  --bg-2:#1b1812;
  --surface:#211d16;
  --surface-2:#2a251c;
  --border:#38321f;
  --text:#f3ede0;
  --text-dim:#b8ae98;
  --text-faint:#8a8064;
  --accent:#c8a053;
  --accent-ink:#1a1710;
  --gap-page:72px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Work Sans', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent); text-decoration:none;}
a:hover{color:#dbb668;}
h1,h2,h3{margin:0;}
img,svg{max-width:100%;}

.mono{font-family:'JetBrains Mono', ui-monospace, monospace;}
.serif{font-family:'Instrument Serif', Georgia, serif; font-weight:400;}

.wrap{max-width:1440px; margin:0 auto; padding:0 var(--gap-page);}

/* ---------- NAV ---------- */
.nav{
  display:flex; align-items:center; justify-content:space-between;
  padding:28px var(--gap-page);
  border-bottom:1px solid var(--border);
  flex-wrap:wrap; gap:16px;
}
.nav__brand{font-size:24px;}
.nav__brand span{color:var(--accent);}
.nav__links{display:flex; align-items:center; gap:32px; flex-wrap:wrap;}
.nav__links a{font-size:14px; color:var(--text-dim);}
.nav__links a:hover{color:var(--text);}
.nav__links a.is-active{color:var(--accent);}
.nav__cta{padding:10px 22px; background:var(--accent); color:var(--accent-ink); font-weight:600; font-size:14px; border-radius:2px; white-space:nowrap;}

/* ---------- BUTTONS / BADGES ---------- */
.btn{display:inline-block; padding:14px 28px; background:var(--accent); color:var(--accent-ink); font-weight:600; font-size:15px; border-radius:2px;}
.link-underline{font-size:15px; border-bottom:1px solid var(--border); padding-bottom:2px;}
.badge{font-family:'JetBrains Mono', ui-monospace, monospace; font-size:11px; padding:4px 12px; border-radius:20px; border:1px solid var(--border); color:var(--text-dim); white-space:nowrap;}
.badge--accent{background:var(--accent); color:var(--accent-ink); border-color:var(--accent);}
.pill{font-family:'JetBrains Mono', ui-monospace, monospace; font-size:12px; padding:8px 16px; border-radius:20px; border:1px solid var(--border); color:var(--text-dim);}
.pill--active{background:var(--accent); color:var(--accent-ink); border-color:var(--accent);}

/* ---------- HERO (landing) ---------- */
.hero{display:flex; gap:64px; padding:96px var(--gap-page) 72px; align-items:center;}
.hero__content{flex:1 1 0; min-width:0;}
.hero__eyebrow{font-size:13px; letter-spacing:1.5px; text-transform:uppercase; color:var(--accent); margin-bottom:20px;}
.hero__title{font-size:56px; line-height:1.08; margin:0 0 28px;}
.hero__desc{font-size:18px; line-height:1.6; color:var(--text-dim); max-width:560px; margin:0 0 36px;}
.hero__actions{display:flex; gap:16px; align-items:center; flex-wrap:wrap;}
.hero__visual{flex:0 0 460px; max-width:100%;}
.payoff-card{background:var(--surface); border:1px solid var(--border); border-radius:4px; padding:32px;}
.payoff-card__label{font-size:12px; color:var(--text-faint); text-transform:uppercase; letter-spacing:1px; margin-bottom:18px;}

/* ---------- CREDIBILITY STRIP ---------- */
.strip{display:flex; gap:1px; background:var(--border); border:1px solid var(--border); border-radius:4px; overflow:hidden; margin:0 var(--gap-page); flex-wrap:wrap;}
.strip__item{flex:1 1 200px; background:var(--bg-2); padding:22px 28px; font-size:14px; color:var(--text-dim);}

/* ---------- SECTION / GRID ---------- */
.section{padding:120px var(--gap-page) 20px;}
.section__header{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:44px; gap:16px; flex-wrap:wrap;}
.section__title{font-size:34px;}
.section__meta{font-size:13px; color:var(--text-faint);}

.grid{display:grid; gap:20px;}
.grid--3{grid-template-columns:repeat(3, minmax(0,1fr));}
.grid--4{grid-template-columns:repeat(4, minmax(0,1fr));}
.grid--2{grid-template-columns:repeat(2, minmax(0,1fr));}

.card{background:var(--surface); border:1px solid var(--border); border-radius:4px; padding:28px; display:flex; flex-direction:column; gap:14px;}
.card--locked{background:var(--bg-2); opacity:0.75;}
.card__top{display:flex; justify-content:space-between; align-items:flex-start;}
.card__tag{font-size:11px; color:var(--text-faint); text-transform:uppercase; font-family:'JetBrains Mono', ui-monospace, monospace;}
.card__title{font-size:18px; font-weight:600;}
.card__title--sm{font-size:16px; font-weight:600;}
.card__desc{font-size:14px; color:var(--text-dim); line-height:1.5; flex:1;}
.card__desc--sm{font-size:13px;}
.card__link{font-size:13px;}

/* ---------- SPOTLIGHT ---------- */
.spotlight{margin:96px var(--gap-page) 0; background:var(--surface-2); border:1px solid var(--border); border-radius:4px; padding:56px; display:flex; gap:56px; align-items:center; flex-wrap:wrap;}
.spotlight__content{flex:1 1 320px; min-width:0;}
.spotlight__kicker{display:flex; align-items:center; gap:12px; margin-bottom:16px; flex-wrap:wrap;}
.spotlight__label{font-size:12px; color:var(--accent); text-transform:uppercase; letter-spacing:1.5px; font-family:'JetBrains Mono', ui-monospace, monospace;}
.spotlight__title{font-size:30px; margin:0 0 18px; line-height:1.2;}
.spotlight__desc{font-size:15px; line-height:1.6; color:var(--text-dim); max-width:520px; margin:0 0 22px;}
.spotlight__stats{flex:0 0 340px; max-width:100%; display:flex; flex-direction:column; gap:12px;}
.stat-row{background:var(--bg-2); border:1px solid var(--border); border-radius:4px; padding:18px 20px; display:flex; justify-content:space-between; gap:12px;}
.stat-row__label{font-size:13px; color:var(--text-faint);}
.stat-row__value{font-size:13px; font-family:'JetBrains Mono', ui-monospace, monospace;}

/* ---------- POZIOM WYŻEJ PROMO (landing) ---------- */
.promo{margin:96px var(--gap-page) 0; background:var(--bg-2); border:1px solid var(--accent); border-radius:4px; padding:56px;}
.promo__row{display:flex; justify-content:space-between; align-items:flex-start; gap:56px; flex-wrap:wrap;}
.promo__content{flex:1 1 320px; min-width:0;}
.promo__label{font-size:12px; color:var(--accent); text-transform:uppercase; letter-spacing:1.5px; font-family:'JetBrains Mono', ui-monospace, monospace; margin-bottom:16px;}
.promo__title{font-size:32px; margin:0 0 16px; line-height:1.2;}
.promo__desc{font-size:15px; line-height:1.6; color:var(--text-dim); max-width:480px; margin:0 0 28px;}
.promo__features{list-style:none; margin:0 0 32px; padding:0; display:flex; flex-direction:column; gap:10px;}
.promo__features li{display:flex; align-items:center; gap:10px; font-size:14px; color:var(--text-dim);}
.promo__cta{display:flex; align-items:center; gap:20px; flex-wrap:wrap;}
.promo__price{font-size:14px; color:var(--text-faint); font-family:'JetBrains Mono', ui-monospace, monospace;}
.promo__aside{flex:0 0 300px; max-width:100%; display:flex; flex-direction:column; gap:12px;}
.promo__tier{border-radius:4px; padding:20px; border:1px solid var(--border); background:var(--surface);}
.promo__tier--locked{border-color:var(--accent); background:var(--surface-2);}
.promo__tier-label{font-size:11px; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; font-family:'JetBrains Mono', ui-monospace, monospace; color:var(--text-faint);}
.promo__tier--locked .promo__tier-label{color:var(--accent);}
.promo__tier-desc{font-size:14px; color:var(--text-dim);}
.promo__tier--locked .promo__tier-desc{color:var(--text);}

/* ---------- CASE STUDIES ---------- */
.case-grid{margin:32px var(--gap-page) 0; display:flex; gap:24px; flex-wrap:wrap;}
.case-card{flex:1 1 380px; background:var(--surface); border:1px solid var(--border); border-radius:4px; padding:32px; display:flex; justify-content:space-between; align-items:center; gap:16px;}
.case-card--locked{background:var(--bg-2); opacity:0.7;}
.case-card__eyebrow{font-size:12px; color:var(--text-faint); text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; font-family:'JetBrains Mono', ui-monospace, monospace; display:flex; align-items:center; gap:8px;}
.case-card__title{font-size:17px; font-weight:600; margin-bottom:6px;}
.case-card__desc{font-size:14px; color:var(--text-dim);}

/* ---------- CTA BAND ---------- */
.cta-band{margin:96px var(--gap-page) 0; padding:64px; background:var(--accent); border-radius:4px; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}
.cta-band__title{font-size:28px; color:var(--accent-ink); margin:0 0 8px;}
.cta-band__sub{font-size:14px; color:#3a3222;}
.cta-band__form{display:flex; gap:10px; flex-wrap:wrap;}
.cta-band__input{background:var(--accent-ink); color:var(--text-faint); font-size:14px; padding:14px 20px; border-radius:2px; min-width:220px; border:none; font-family:inherit;}
.cta-band__submit{background:var(--accent-ink); color:var(--accent); font-weight:600; font-size:14px; padding:14px 24px; border-radius:2px; white-space:nowrap; border:none; cursor:pointer; font-family:inherit;}

/* ---------- AD SLOT (przygotowane, domyślnie ukryte atrybutem hidden) ---------- */
.ad-slot{margin:40px var(--gap-page); padding:28px; border:1px dashed var(--border); border-radius:4px; text-align:center; font-size:11px; color:var(--text-faint); text-transform:uppercase; letter-spacing:1px; font-family:'JetBrains Mono', ui-monospace, monospace;}
.content-section .ad-slot{margin:40px 0;}

/* ---------- FOOTER ---------- */
.site-footer{margin-top:96px; border-top:1px solid var(--border); padding:48px var(--gap-page); display:flex; flex-direction:column; gap:24px;}
.site-footer--simple{margin-top:0; padding:40px var(--gap-page); flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;}
.site-footer__top{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:16px;}
.site-footer__links{display:flex; gap:28px; flex-wrap:wrap;}
.site-footer__links a{font-size:13px; color:var(--text-dim);}
.site-footer__legal{font-size:12px; color:var(--text-faint); line-height:1.6; max-width:760px;}

/* ---------- STRATEGIE PAGE ---------- */
.page-header{padding:72px var(--gap-page) 40px;}
.page-header__eyebrow{font-size:13px; letter-spacing:1.5px; text-transform:uppercase; color:var(--accent); margin-bottom:16px; font-family:'JetBrains Mono', ui-monospace, monospace;}
.page-header__title{font-size:42px; line-height:1.12; margin:0 0 18px; max-width:760px;}
.page-header__desc{font-size:16px; line-height:1.6; color:var(--text-dim); max-width:620px;}

.filters{display:flex; gap:10px; padding:0 var(--gap-page) 56px; flex-wrap:wrap;}

.level{padding:0 var(--gap-page) 48px;}
.level:last-of-type{padding-bottom:64px;}
.level__header{display:flex; align-items:center; gap:14px; margin-bottom:20px; flex-wrap:wrap;}
.level__title{font-size:24px;}

/* ---------- POZIOM WYŻEJ PAGE ---------- */
.pw-hero{padding:96px var(--gap-page) 64px; display:flex; gap:64px; align-items:flex-start; flex-wrap:wrap;}
.pw-hero__content{flex:1 1 380px; min-width:0;}
.pw-hero__title{font-size:46px; line-height:1.1; margin:0 0 24px; max-width:640px;}
.pw-hero__desc{font-size:16px; line-height:1.6; color:var(--text-dim); max-width:560px; margin:0 0 32px;}
.pw-hero__note{font-size:13px; color:var(--text-faint); margin-top:16px;}
.pricing-card{flex:0 0 340px; max-width:100%; background:var(--surface); border:1px solid var(--border); border-radius:4px; padding:32px;}
.pricing-card__label{font-size:11px; color:var(--text-faint); text-transform:uppercase; letter-spacing:1px; margin-bottom:16px; font-family:'JetBrains Mono', ui-monospace, monospace;}
.pricing-card__price{font-size:36px; margin-bottom:4px;}
.pricing-card__price small{font-size:16px; color:var(--text-dim); font-family:'Work Sans', sans-serif;}
.pricing-card__sub{font-size:13px; color:var(--text-faint); margin-bottom:24px;}
.pricing-card__divider{height:1px; background:var(--border); margin-bottom:20px;}
.pricing-card__note{font-size:13px; color:var(--text-dim); line-height:1.7;}

.content-section{padding:0 var(--gap-page) 64px;}
.content-section__title{font-size:28px; margin:0 0 32px;}

.feature-card{background:var(--surface); border:1px solid var(--border); border-radius:4px; padding:28px; display:flex; flex-direction:column; gap:12px;}
.feature-card--tbd{border-style:dashed;}
.feature-card__title{font-size:17px; font-weight:600;}
.feature-card__title--dim{color:var(--text-dim);}
.feature-card__desc{font-size:14px; color:var(--text-dim); line-height:1.5;}
.feature-card__desc--faint{color:var(--text-faint);}

.compare{border:1px solid var(--border); border-radius:4px; overflow:hidden;}
.compare__row{display:grid; grid-template-columns:2fr 1fr 1fr; padding:18px 28px; border-top:1px solid var(--border); align-items:center; gap:8px;}
.compare__row:first-child{border-top:none; background:var(--bg-2); padding:16px 28px;}
.compare__row div{font-size:14px;}
.compare__row:first-child div{font-size:12px; color:var(--text-faint); text-transform:uppercase; font-family:'JetBrains Mono', ui-monospace, monospace;}
.compare__row:first-child div:last-child{color:var(--accent);}
.compare__free{color:var(--text-dim);}
.compare__dash{color:var(--text-faint);}
.compare__paid{color:var(--text);}

.faq-list{display:flex; flex-direction:column; gap:16px; max-width:760px;}
.faq-item{border-bottom:1px solid var(--border); padding-bottom:16px;}
.faq-item__q{font-size:15px; font-weight:600; margin-bottom:8px;}
.faq-item__a{font-size:14px; color:var(--text-dim); line-height:1.6;}

/* ---------- STRATEGY DETAIL PAGES ---------- */
.breadcrumb{padding:24px var(--gap-page) 0; font-size:13px; color:var(--text-faint);}
.breadcrumb a{color:var(--text-dim);}

.strategy-hero{padding:40px var(--gap-page) 48px;}
.strategy-hero__badges{display:flex; gap:10px; margin-bottom:22px; flex-wrap:wrap;}
.strategy-hero__title{font-size:40px; margin:0 0 18px; line-height:1.15; max-width:760px;}
.strategy-hero__summary{font-size:17px; color:var(--text-dim); line-height:1.65; max-width:680px;}

.prose{font-size:15px; line-height:1.8; color:var(--text-dim); max-width:680px;}
.prose p{margin:0 0 18px;}
.prose strong{color:var(--text); font-weight:600;}
.prose ul{margin:0 0 18px; padding-left:22px;}
.prose li{margin-bottom:8px;}

.callout{border-left:3px solid var(--accent); background:var(--surface); border-radius:0 4px 4px 0; padding:22px 26px; margin:32px 0; max-width:680px;}
.callout__label{font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--accent); margin-bottom:10px; font-family:'JetBrains Mono', ui-monospace, monospace;}
.callout p{font-size:14px; line-height:1.65; color:var(--text-dim); margin:0;}
.callout p strong{color:var(--text);}

.example-box{background:var(--surface); border:1px solid var(--border); border-radius:4px; padding:32px; max-width:760px; margin:28px 0;}
.example-box__label{font-size:12px; color:var(--text-faint); text-transform:uppercase; letter-spacing:1px; margin-bottom:18px; font-family:'JetBrains Mono', ui-monospace, monospace;}
.example-box__row{display:flex; justify-content:space-between; padding:10px 0; border-top:1px solid var(--border); font-size:14px; gap:16px;}
.example-box__row:first-of-type{border-top:none;}
.example-box__row span:first-child{color:var(--text-faint);}
.example-box__row span:last-child{font-family:'JetBrains Mono', ui-monospace, monospace; text-align:right;}

.stat-grid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; max-width:760px; margin:32px 0;}
.stat-box{background:var(--surface); border:1px solid var(--border); border-radius:4px; padding:20px;}
.stat-box__label{font-size:12px; color:var(--text-faint); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:8px;}
.stat-box__value{font-size:14px; font-family:'JetBrains Mono', ui-monospace, monospace; line-height:1.4;}

.related-nav{display:flex; justify-content:space-between; align-items:center; padding:40px var(--gap-page); border-top:1px solid var(--border); margin-top:72px; flex-wrap:wrap; gap:16px;}
.related-nav__item{font-size:14px;}
.related-nav__item span{display:block; font-size:12px; color:var(--text-faint); margin-bottom:4px;}

/* ---------- MONEYNESS / GAUGE BARS (Podstawy) ---------- */
.moneyness{max-width:680px; margin:32px 0; display:flex; flex-direction:column; gap:18px;}
.moneyness__row{display:flex; align-items:center; gap:16px;}
.moneyness__row-label{flex:0 0 90px; font-size:13px; color:var(--text-dim); font-weight:600;}
.moneyness__bar{flex:1; height:32px; border-radius:4px; overflow:hidden; display:flex; border:1px solid var(--border);}
.moneyness__seg{height:100%; display:flex; align-items:center; justify-content:center; font-size:11px; font-family:'JetBrains Mono', ui-monospace, monospace;}
.moneyness__seg--otm{background:var(--bg-2); color:var(--text-faint); flex:1;}
.moneyness__seg--itm{background:var(--accent); color:var(--accent-ink); flex:1;}
.moneyness__strike{text-align:center; font-size:11px; color:var(--text-faint); font-family:'JetBrains Mono', ui-monospace, monospace;}

.gauge{max-width:680px; margin:28px 0;}
.gauge__bar{height:10px; border-radius:6px; background:linear-gradient(90deg, var(--bg-2), var(--accent)); position:relative; margin-bottom:10px;}
.gauge__marker{position:absolute; top:-5px; width:2px; height:20px; background:var(--text);}
.gauge__labels{display:flex; justify-content:space-between; font-size:11px; color:var(--text-faint); font-family:'JetBrains Mono', ui-monospace, monospace;}

/* ---------- KALKULATOR ---------- */
.calc-panel{background:var(--surface); border:1px solid var(--border); border-radius:4px; padding:28px; margin:24px 0; max-width:860px;}
.calc-panel__label{font-size:12px; color:var(--text-faint); text-transform:uppercase; letter-spacing:1px; margin-bottom:18px; font-family:'JetBrains Mono', ui-monospace, monospace;}
.calc-row{display:flex; gap:10px; align-items:center; margin-bottom:10px; flex-wrap:wrap;}
.calc-row--header{font-size:11px; text-transform:uppercase; letter-spacing:0.5px; color:var(--text-faint); font-family:'JetBrains Mono', ui-monospace, monospace; margin-bottom:6px;}
.calc-row > div{flex:1 1 100px; min-width:84px;}
.calc-row .calc-remove{flex:0 0 32px; min-width:32px;}
.calc-select, .calc-num{background:var(--bg-2); border:1px solid var(--border); color:var(--text); padding:9px 10px; border-radius:3px; font-family:'JetBrains Mono', ui-monospace, monospace; font-size:13px; width:100%;}
.calc-remove{background:none; border:1px solid var(--border); color:var(--text-faint); border-radius:3px; width:32px; height:34px; cursor:pointer; font-size:16px; line-height:1;}
.calc-remove:hover{color:var(--text); border-color:var(--text-faint);}
.calc-add{margin-top:10px; background:none; border:1px dashed var(--border); color:var(--text-dim); border-radius:3px; padding:9px 16px; font-size:13px; cursor:pointer; font-family:'Work Sans', sans-serif;}
.calc-add:hover{color:var(--text); border-color:var(--accent);}
.calc-stock-row{display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin-top:22px; padding-top:22px; border-top:1px solid var(--border);}
.calc-check{display:flex; align-items:center; gap:8px; font-size:14px; color:var(--text-dim);}
.calc-global{display:flex; gap:20px; flex-wrap:wrap; margin:24px 0;}
.calc-field{flex:0 0 auto;}
.calc-field label{display:block; font-size:11px; text-transform:uppercase; color:var(--text-faint); margin-bottom:6px; font-family:'JetBrains Mono', ui-monospace, monospace;}
.calc-field .calc-num{width:140px;}
.calc-chart-wrap svg{width:100%; display:block;}
.calc-note{font-size:12px; color:var(--text-faint); margin-top:14px; line-height:1.6;}
.calc-presets{display:flex; gap:10px; flex-wrap:wrap;}
.calc-preset{background:var(--bg-2); border:1px solid var(--border); color:var(--text-dim); border-radius:20px; padding:8px 18px; font-size:13px; cursor:pointer; font-family:'Work Sans', sans-serif;}
.calc-preset:hover{color:var(--text); border-color:var(--accent);}

/* ---------- TIMELINE (Poziom Wyżej sample rozbiór) ---------- */
.timeline{display:flex; flex-direction:column; max-width:760px; margin:28px 0; border:1px solid var(--border); border-radius:4px; overflow:hidden;}
.timeline__entry{padding:20px 26px; border-top:1px solid var(--border);}
.timeline__entry:first-child{border-top:none;}
.timeline__day{font-size:12px; color:var(--accent); text-transform:uppercase; letter-spacing:1px; font-family:'JetBrains Mono', ui-monospace, monospace; margin-bottom:8px;}
.timeline__text{font-size:14px; color:var(--text-dim); line-height:1.65;}
.timeline__text strong{color:var(--text);}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px){
  :root{--gap-page:24px;}
  .hero{flex-direction:column; align-items:stretch; padding-top:56px;}
  .hero__title{font-size:38px;}
  .hero__visual{flex:1 1 auto;}
  .section{padding-top:72px;}
  .section__title{font-size:26px;}
  .grid--3, .grid--4{grid-template-columns:repeat(2, minmax(0,1fr));}
  .spotlight, .promo{flex-direction:column; padding:32px;}
  .spotlight__stats, .promo__aside{flex:1 1 auto;}
  .promo__row{flex-direction:column;}
  .cta-band{flex-direction:column; align-items:flex-start; padding:40px 28px;}
  .case-grid{flex-direction:column;}
  .page-header__title{font-size:32px;}
  .pw-hero{flex-direction:column;}
  .pw-hero__title{font-size:34px;}
  .pricing-card{flex:1 1 auto;}
  .compare__row{grid-template-columns:1.4fr 1fr 1fr; padding:14px 16px;}
  .strategy-hero__title{font-size:30px;}
  .stat-grid{grid-template-columns:1fr;}
}

@media (max-width: 560px){
  .grid--3, .grid--4, .grid--2{grid-template-columns:1fr;}
  .nav__links{gap:16px;}
  .hero__title{font-size:30px;}
  .example-box__row{flex-direction:column; gap:2px;}
  .example-box__row span:last-child{text-align:left;}
  .calc-field .calc-num{width:100%;}
  .calc-row--header{display:none;}
  .calc-row > div{flex:1 1 46%;}
}